/* HBDL Commerce utilities — hb.hbdl.commerce@1 */
.hbdl-swatches{border:0;margin:0;padding:0}.hbdl-swatches legend{color:var(--hb-text,#182230);font-size:13px;margin-bottom:12px}.hbdl-swatches legend output{font-weight:600}.hbdl-swatches>div{display:flex;flex-wrap:wrap;gap:10px}.hbdl-swatch{cursor:pointer;display:grid;justify-items:center;position:relative}.hbdl-swatch input{height:1px;opacity:0;position:absolute;width:1px}.hbdl-swatch span{background:var(--hbdl-swatch);border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #d0d5dd;display:block;height:34px;width:34px}.hbdl-swatch b{font-size:0}.hbdl-swatch input:checked+span{box-shadow:0 0 0 2px var(--hb-primary,#635bff)}.hbdl-swatch input:focus-visible+span{outline:3px solid rgba(99,91,255,.24);outline-offset:3px}.hbdl-swatch.is-unavailable span{opacity:.45;position:relative}.hbdl-swatch.is-unavailable span:after{background:#667085;content:"";height:1px;left:2px;position:absolute;top:14px;transform:rotate(-45deg);width:24px}.hbdl-swatch.is-unavailable{cursor:not-allowed}
.hbdl-product-gallery{display:grid;gap:12px}.hbdl-product-gallery__stage{align-items:flex-end;aspect-ratio:4/3;background:linear-gradient(145deg,#e6f4ff,#8bc6ec);border:1px solid var(--hb-border,#e4e7ec);border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;padding:18px;transition:background .2s ease}.hbdl-product-gallery__stage[data-tone=graphite]{background:linear-gradient(145deg,#d0d5dd,#344054)}.hbdl-product-gallery__stage[data-tone=sand]{background:linear-gradient(145deg,#fff6e7,#d6ad7b)}.hbdl-product-gallery__stage span{font-size:46px;font-weight:600;opacity:.18}.hbdl-product-gallery__stage strong{background:rgba(255,255,255,.86);border-radius:999px;padding:6px 10px}.hbdl-product-gallery__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hbdl-product-gallery__thumbs button{background:#fff;border:1px solid var(--hb-border,#e4e7ec);border-radius:10px;color:var(--hb-text,#182230);display:flex;flex-direction:column;gap:3px;min-height:58px;padding:8px;text-align:left}.hbdl-product-gallery__thumbs button[aria-selected=true]{border-color:var(--hb-primary,#635bff);box-shadow:0 0 0 2px rgba(99,91,255,.12)}.hbdl-product-gallery__thumbs button:focus-visible{outline:3px solid rgba(99,91,255,.24);outline-offset:2px}.hbdl-product-gallery__thumbs b{font-size:11px;font-weight:500}
.hbdl-commerce-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.hbdl-commerce-card{background:var(--hb-surface,#fff);border:1px solid var(--hb-component-border-color,var(--hb-border,#e4e7ec));border-radius:var(--hb-component-radius,16px);box-shadow:var(--hb-component-shadow,0 8px 24px rgba(16,24,40,.08));overflow:hidden}.hbdl-commerce-card__media{align-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,#e6f4ff,#8bc6ec);display:flex;justify-content:center;position:relative}.hbdl-commerce-card__media>b{color:#fff;font-size:38px;letter-spacing:.08em;text-shadow:0 3px 14px rgba(16,24,40,.16)}.hbdl-commerce-card__media>span{background:#fff;border-radius:999px;font-size:11px;left:12px;padding:5px 8px;position:absolute;top:12px}.hbdl-commerce-card__media>button{background:rgba(255,255,255,.9);border:0;border-radius:999px;height:36px;position:absolute;right:12px;top:12px;width:36px}.hbdl-commerce-card__body{display:grid;gap:8px;padding:16px}.hbdl-commerce-card__body>small{color:var(--hb-muted,#667085)}.hbdl-commerce-card__body h4{font-size:16px;margin:0}.hbdl-commerce-card__rating{color:#f79009;font-size:12px}.hbdl-commerce-card__rating span{color:var(--hb-muted,#667085)}.hbdl-commerce-card__price{align-items:baseline;display:flex;gap:8px}.hbdl-commerce-card__price strong{font-size:18px}.hbdl-commerce-card__price s{color:var(--hb-muted,#667085);font-size:12px}.hbdl-commerce-card__swatches{align-items:center;display:flex;gap:6px}.hbdl-commerce-card__swatches i{background:var(--swatch);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d0d5dd;height:16px;width:16px}.hbdl-commerce-card__swatches span{color:var(--hb-muted,#667085);font-size:11px}.hbdl-commerce-card .hbdl-btn{margin-top:4px;width:100%}
.hbdl-card-payment{display:grid;gap:20px;grid-template-columns:minmax(270px,.9fr) minmax(280px,1fr)}.hbdl-card-payment__visual{align-content:center;display:grid;min-height:210px}.hbdl-card-payment__form{display:grid;gap:12px}.hbdl-card-payment__form>label,.hbdl-card-payment__row label{color:var(--hb-text,#182230);display:grid;font-size:12px;gap:6px}.hbdl-card-payment__form input{background:#fff;border:1px solid var(--hb-border,#d0d5dd);border-radius:9px;color:var(--hb-text,#182230);font:inherit;height:42px;padding:0 12px}.hbdl-card-payment__form input:focus{border-color:var(--hb-primary,#635bff);box-shadow:0 0 0 3px rgba(99,91,255,.12);outline:0}.hbdl-card-payment__row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.hbdl-card-payment__notice{align-items:flex-start;background:#f6fef9;border:1px solid #abefc6;border-radius:10px;display:flex;gap:9px;padding:10px}.hbdl-card-payment__notice>span{color:#067647}.hbdl-card-payment__notice div{display:grid;gap:2px}.hbdl-card-payment__notice strong{font-size:12px}.hbdl-card-payment__notice small{color:#475467;font-size:10px;line-height:1.4}.hbdl-card-payment__form>[role=status]{color:var(--hb-muted,#667085);font-size:11px;margin:0}.hbdl-card-payment.is-processing{opacity:.72;pointer-events:none}
@media(max-width:720px){.hbdl-card-payment{grid-template-columns:1fr}.hbdl-card-payment__visual{min-height:190px}.hbdl-product-gallery__thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hbdl-product-gallery__thumbs button{flex:0 0 88px;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.hbdl-product-gallery__stage,.hbdl-card-payment *{animation-duration:.01ms!important;transition-duration:.01ms!important}}