/* Native-feel product + checkout layer */
#prodOv .panel,#cartOv .panel{scrollbar-width:none}
#prodOv .panel::-webkit-scrollbar,#cartOv .panel::-webkit-scrollbar{display:none}

/* Product customization */
#prodOv .prodTop{margin:0 -2px 2px}
#prodOv .block{padding:17px 0}
#prodOv .block h3{font-size:.92rem;letter-spacing:-.01em;margin-bottom:10px}
#prodOv .block h3 .muted{font-weight:600}
#prodOv .choices{gap:8px}
#prodOv .choice{position:relative;cursor:pointer}
#prodOv .choice span{position:relative;padding-right:34px;transition:border-color .15s ease,background .15s ease,transform .15s ease}
#prodOv .choice span::after{content:'';position:absolute;right:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);border:1.5px solid #666;border-radius:50%;background:#151515;box-shadow:inset 0 0 0 3px #151515}
#prodOv .choice:has(input:checked) span{background:#f5b400;color:#111;border-color:#f5b400;font-weight:850}
#prodOv .choice:has(input:checked) span::after{border-color:#111;background:#111;box-shadow:inset 0 0 0 4px #f5b400}
#prodOv .choice:active span{transform:scale(.985)}
#prodOv .field{margin-top:16px}
#prodOv .field label{font-size:.82rem}
#prodOv #pnotes{min-height:78px}

/* Checkout hierarchy */
.checkoutStep{display:flex;gap:10px;align-items:center;padding:12px 0 11px;border-bottom:1px solid #292929}
.checkoutStep span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f5b400;color:#111;font-size:.74rem;font-weight:950;flex:0 0 auto}
.checkoutStep div{min-width:0}.checkoutStep b{display:block;font-size:.9rem;letter-spacing:-.01em}.checkoutStep small{display:block;color:#8f8f8f;margin-top:2px;font-size:.7rem;line-height:1.3}
.checkoutStep.step2{margin-top:5px;border-top:1px solid #292929}
#cartOv .line{background:#171717;border:1px solid #292929;border-radius:14px;padding:12px;margin:9px 0}
#cartOv .line+.line{margin-top:8px}
#cartOv .lineActions{margin-top:7px}
#cartOv .total{background:#101010;border:1px solid #292929;border-radius:14px;padding:13px 14px;margin:11px 0 3px}
#cartOv .field input,#cartOv .field select,#cartOv .field textarea{font-size:16px}
#cartOv #place{margin-top:5px;box-shadow:0 10px 28px #f5b4001d}
.checkoutPrivacy{color:#858585;font-size:.67rem;line-height:1.4;text-align:center;margin:9px 6px 0}

/* Lightweight action feedback */
.orderToast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:90;background:#f4f4f4;color:#111;border-radius:999px;padding:10px 14px;font-size:.78rem;font-weight:900;box-shadow:0 16px 42px #000a;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}
.orderToast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:560px){
 #prodOv .panel{padding-bottom:94px}
 #prodOv.open #prodAdd{position:fixed;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:72;width:calc(100% - 24px);max-width:532px;margin:0!important;min-height:52px;box-shadow:0 12px 42px #000b,0 0 0 1px #f5b40022}
 #prodOv .prodTop{grid-template-columns:92px 1fr;padding-bottom:14px}
 #prodOv .prodPic{border-radius:16px}
 #prodOv .block{padding:15px 0}
 #prodOv .choice span{width:100%;min-height:46px;padding:10px 36px 10px 12px;border-radius:13px}
 #prodOv .choices:not(.long){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #prodOv .choices.long{display:grid;grid-template-columns:1fr}
 #cartOv .line{padding:11px 10px}
 #cartOv .qty button{width:42px;height:42px;min-width:42px;min-height:42px}
 .checkoutStep{padding:10px 0}
}

@media(max-width:380px){#prodOv .choices:not(.long){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#prodOv .choice span,.orderToast{transition:none}}
