/* Buy Box */
.pd-buy-box { background:#fff; border-radius:32px; padding:40px 38px; box-shadow:0 10px 40px -10px rgba(0,0,0,.08); position:relative; z-index: 10; }
.pd-title { font-weight:600; line-height:1.25; }
.pd-badges .badge { background:linear-gradient(90deg,#00b7b3,#5be5cb); font-weight:500; }
.pd-price-group { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.pd-price-current { color:#00afa9; font-weight:600; }
.pd-variant-options { --size:44px; display:flex; flex-wrap:wrap; gap:10px; margin-top:.25rem; }
.pd-variant-options .pd-variant { width:var(--size); height:var(--size); border-radius:50%; border:2px solid #fff; box-shadow:0 4px 14px -4px rgba(0,0,0,.18); cursor:pointer; position:relative; overflow:hidden; }
.pd-variant[data-active="true"] {border:3px solid #00b7b3; }
.pd-variant img { width:100%; height:100%; object-fit:cover; }
.pd-variant:hover { outline:3px solid #00b7b3; }

/* Responsive */
@media (max-width: 1199.98px){
	.pd-buy-box { padding:34px 32px; border-radius:28px; }
}
@media (max-width: 991.98px){
	.pd-buy-box { padding:28px 26px; border-radius:24px; }
	.pd-actions { gap: .75rem !important; }
}
@media (max-width: 767.98px){
	.pd-buy-box { padding:22px 18px; border-radius:20px; }
	.pd-title.h3 { font-size: 1.25rem; }
	.pd-variant-options { --size:40px; gap:8px; }
	.pd-actions .btn { padding:.6rem .9rem; }
}
@media (max-width: 575.98px){
	.pd-price-group { gap:6px; }
	.pd-title.h3 { font-size: 1.15rem; }
	.pd-variant-options { --size:36px; gap:8px; }
}