:root{
	--pd-brand:#0170b8; --pd-deep:#06304f; --pd-accent:#d6153a;
	--pd-line:#e5e9ec; --pd-muted:#6b7280; --pd-ok:#1f9d55;
}

/* breadcrumb */
.pd-crumb{max-width:1200px;margin:0 auto;padding:16px 15px 2px;font-size:12.5px;color:var(--pd-muted)}
.pd-crumb a{color:var(--pd-muted)}
.pd-crumb a:hover{color:var(--pd-brand)}

#felgi-main{padding-bottom:10px}

/* gallery (bootstrap carousel restyle) */
.carousel-container .carousel-inner{background:#f6f8fa;border:1px solid var(--pd-line);border-radius:14px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.carousel-container .carousel-item{height:100%}
.carousel-container .carousel-item img{max-height:100%;width:auto;margin:0 auto;object-fit:contain;padding:22px}
.carousel-container .carousel-indicators{position:static;margin:12px 0 0;display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}
.carousel-container .carousel-indicators li{width:64px;height:64px;background:#f6f8fa;border:1px solid var(--pd-line);border-radius:10px;overflow:hidden;opacity:1;text-indent:0;margin:0;box-sizing:border-box}
.carousel-container .carousel-indicators li.active{border-color:var(--pd-brand)}
.carousel-container .carousel-indicators li img{width:100%;height:100%;object-fit:contain;padding:4px}
.carousel-container .carousel-control-prev,.carousel-container .carousel-control-next{width:44px;height:44px;top:calc(50% - 40px);transform:translateY(-50%);background:#fff;border:1px solid var(--pd-line);border-radius:50%;opacity:1;box-shadow:0 8px 18px -8px rgba(6,48,79,.4)}
.carousel-container .carousel-control-prev{left:10px}
.carousel-container .carousel-control-next{right:10px}
.carousel-container .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2306304f' viewBox='0 0 8 8'%3E%3Cpath d='M5.5 0l-4 4 4 4 1-1-3-3 3-3z'/%3E%3C/svg%3E")}
.carousel-container .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2306304f' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 0l4 4-4 4-1-1 3-3-3-3z'/%3E%3C/svg%3E")}

/* info column */
.specification{padding-top:6px}
.pd-name{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:27px;line-height:1.12;text-transform:uppercase;color:var(--pd-deep);margin:0}
.pd-code{margin:8px 0 0;font-size:13px;color:var(--pd-muted)}
.pd-avail{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;font-size:13.5px;font-weight:600;color:var(--pd-ok)}
.pd-avail .dot{width:9px;height:9px;border-radius:50%;background:currentColor}
.pd-avail--no{color:var(--pd-muted)}

.pd-pricebox{margin:18px 0 0;padding:18px 20px;background:#f8fafb;border:1px solid var(--pd-line);border-radius:14px}
.pd-pricebox .regular-price,.pd-old{display:inline-block;font-size:16px;color:#9aa5ad;text-decoration:line-through;margin:0 10px 0 0}
.pd-pricebox .current-price,.pd-now{display:block;margin:4px 0 0;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:36px;line-height:1;color:var(--pd-accent)}
.pd-pricebox .suf{font-size:15px;font-weight:400;color:#8a97a3;margin-left:4px}
.pd-pricebox--plain .current-price,.pd-pricebox--plain .pd-now{color:var(--pd-deep)}
.pd-pricebox--none{color:var(--pd-muted);font-size:14px}

/* buy */
.buy-column{padding:0 !important;margin:0 !important}
form#addtocart{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 0}
.pd-buy{margin:18px 0 0}
.counter{display:inline-flex;align-items:center;border:1px solid var(--pd-line);border-radius:10px;overflow:hidden;background:#fff}
.counter .js-counter-minus,.counter .js-counter-plus{width:44px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pd-deep);font-size:22px;line-height:1}
.counter .js-counter-minus img,.counter .js-counter-plus img{display:none}
.counter .js-counter-minus::before{content:"\2212"}
.counter .js-counter-plus::before{content:"+"}
.counter .js-counter-minus:hover,.counter .js-counter-plus:hover{background:#f1f4f6}
.counter .js-amount{width:48px;height:50px;border:0;border-left:1px solid var(--pd-line);border-right:1px solid var(--pd-line);text-align:center;font-size:16px;font-weight:600;background:#fff}
/* override style.css absolute-positioned .arrow-left/.arrow-right so the stepper lays out in flow */
.counter .js-counter-minus,.counter .js-counter-plus,.counter .js-amount{position:static !important;float:none !important;top:auto !important;margin:0 !important}
.counter{min-height:50px}
.btn.buy{border:0;border-radius:11px;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:16px;padding:0 26px;height:50px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:220px}
/* high specificity to beat mdb/style.css .btn-yellow (which is blue here) */
#addtocart button.btn.buy{background:var(--pd-accent) !important;color:#fff !important;flex:1}
#addtocart button.btn.buy:hover{filter:brightness(.95)}
.specification a.btn.buy{background:var(--pd-brand) !important;color:#fff !important}
.specification a.btn.buy:hover{opacity:.93;color:#fff !important}

.pd-trust{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--pd-line)}
.pd-trust span{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:#4b5560}
.pd-trust svg{width:20px;height:20px;color:var(--pd-brand);flex:0 0 auto}

/* spec + description panels */
.pd-panel{background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:22px 24px;margin-top:22px}
.pd-panel__h{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:var(--pd-deep);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #eef2f5}
.pd-spec{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.pd-spec tr{border-bottom:1px solid #eef2f5}
.pd-spec td{padding:10px 4px;vertical-align:top}
.pd-spec td:first-child{width:42%;color:var(--pd-muted)}
.pd-spec td:last-child{font-weight:600;color:#2b3640}
.pd-desc{color:#465059;line-height:1.7}
.pd-desc p{margin:0 0 12px}
.pd-desc img{max-width:100%;height:auto}

/* similar products title (reuses products.css .p-carousel/.p-track/.p-card + products.js) */
#products{margin-top:26px}
#products .p-sec__title{margin-bottom:20px}

@media (max-width:991px){
	.specification{margin-top:22px}
	.pd-name{font-size:23px}
	.btn.buy{min-width:0;flex:1}
}