@layer utilities{:root{--oc-accent:#e8453c;--oc-accent-dim:#e8453c2e;--oc-accent-glow:#e8453c8c;--oc-warm:#f5c5a3;--oc-warm-dim:#f5c5a31f;--oc-base:#0a0303;--oc-card:#140606b8;--oc-card-border:#ffffff13;--oc-card-border-hover:#e8453c47}.oc-hero{z-index:30;background:linear-gradient(155deg,#1a0808 0%,#0d0404 50%,#100707 100%)}.oc-nav{-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#0a0303d1}.oc-item{background:var(--oc-card);border:.5px solid var(--oc-card-border);-webkit-backdrop-filter:blur(8px)saturate(1.2);transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 16px #00000073,inset 0 1px #ffffff0f}.oc-item:hover{border-color:var(--oc-card-border-hover);transform:translateY(-1px);box-shadow:0 6px 30px #e8453c1f,0 2px 16px #00000080,inset 0 1px #ffffff17}.oc-accent-bar{background:linear-gradient(to bottom,var(--oc-accent),transparent);opacity:0;transition:opacity .2s,box-shadow .2s}.oc-item:hover .oc-accent-bar{opacity:1;box-shadow:0 0 12px var(--oc-accent-glow)}.oc-price{background:linear-gradient(115deg,#f5c5a3 0%,#e8453c 45%,#ff6b5b 80%,#f5c5a3 100%) 0 0/220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite ocPriceShim}.oc-add-btn{color:#fff8f8;background:linear-gradient(135deg,#c43028 0%,#e8453c 50%,#f25c52 100%);font-size:11px;box-shadow:0 2px 10px #e8453c59,inset 0 1px #fff3}.oc-add-btn:hover{background:linear-gradient(135deg,#d43830 0%,#f25c52 50%,#ff6b5b 100%);box-shadow:0 4px 18px #e8453c8c,inset 0 1px #ffffff40}.oc-add-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200%;animation:3s ease-in-out infinite ocBtnShim;position:absolute;inset:0}.oc-counter{background:#e8453c14;border:.5px solid #e8453c33}.oc-counter-increase{color:#fff;background:linear-gradient(135deg,#e8453cb3 0%,#e8453cd9 100%)}.oc-counter-increase:hover{background:linear-gradient(135deg,#e8453c 0%,#f25c52 100%);box-shadow:0 0 10px #e8453c66}.oc-counter-decrease{background:#ffffff0d}.oc-counter-decrease:hover{background:#e8453c1f;box-shadow:0 0 8px #e8453c33}.oc-section-header{-webkit-backdrop-filter:blur(14px);background:#0a0303e0;border:.5px solid #ffffff0e}.oc-section-index{color:var(--oc-accent);background:#e8453c1f;border:.5px solid #e8453c4d}.oc-count-badge{color:#ffffff59;background:#ffffff0f;border:.5px solid #ffffff1a}@keyframes ocSlideIn{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ocPopIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes ocSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ocPriceShim{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ocBtnShim{0%,to{opacity:0;background-position:-100%}40%{opacity:1}60%{opacity:0;background-position:300%}}@media (prefers-reduced-motion:reduce){[class*=animate-\[ocSlideIn],[class*=animate-\[ocPopIn]{opacity:1!important;animation:none!important}.oc-nav,.oc-item,.oc-section-header{-webkit-backdrop-filter:none!important}.oc-accent-bar,svg[style*=ocSpin]{animation:none!important}.oc-price,.oc-add-btn:before{background-position:0%;animation:none}.oc-accent-bar{opacity:.5}}}:root{--oc-bg-main:#0a0303;--oc-text-primary:#f9f5f5;--oc-text-muted:#ffffff61}