header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#fff 0%,#eef4fd 50%,#d6e5f9 100%)!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9db6db,0 5px 0 #6f8fbf,0 12px 22px rgba(16,34,63,.3),0 26px 40px -16px rgba(16,34,63,.35)!important}
header .nav{display:flex!important;align-items:center!important;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:nowrap}
header .logo{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;line-height:1;white-space:nowrap}
header .links{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap;perspective:600px}
header .links a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:10px;white-space:nowrap;font-weight:700;color:#fff!important;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.4)!important;background:linear-gradient(180deg,#3b7be6,#1d5fd1 55%,#123f94);border:1px solid #0e3478;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #0e3478,0 6px 0 #0a2758,0 10px 14px rgba(16,34,63,.4);transform:rotateX(14deg);transform-origin:center bottom;transition:transform .15s,box-shadow .15s}
header .links a:hover{transform:translateY(-3px) rotateX(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 0 #0e3478,0 8px 0 #0a2758,0 16px 20px rgba(16,34,63,.45)}
header .links a:active{transform:translateY(5px);box-shadow:0 1px 0 #0e3478,0 2px 4px rgba(16,34,63,.4)}
header .cart{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;background:linear-gradient(180deg,#fff,#dbe7f8);border:1px solid #9db6db;box-shadow:inset 0 1px 0 #fff,0 4px 0 #9db6db,0 8px 12px rgba(16,34,63,.3)}
@media (max-width:900px){header .nav{min-height:60px;gap:8px}header .links{overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;padding:4px 2px 10px;gap:6px}header .links::-webkit-scrollbar{display:none}header .links a{height:34px;padding:0 10px;font-size:13px}header .logo small{display:none}}
/* CARD-STATIC 2026-10-30: product cards fixed — no tilt/perspective/hover transform */
.grid{perspective:none}
.card,.card.fx3d,.grid .card,.agrid .card,.agrid .acard{
  transform:none!important;transform-style:flat!important;perspective:none!important;
  transition:none!important;animation:none!important;will-change:auto!important
}
.card:hover,.card.fx3d:hover,.grid .card:hover,.agrid .card:hover,.agrid .acard:hover{
  transform:none!important;transition:none!important;animation:none!important
}
.card.fx3d{position:relative;border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 6px 0 #c5d6ee,0 10px 0 #9db6db,0 24px 36px -8px rgba(16,34,63,.45),0 44px 64px -26px rgba(16,34,63,.45)!important}
.card.fx3d::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 42%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(29,95,209,.25);z-index:2}
.card.fx3d:hover{box-shadow:inset 0 1px 0 #fff,0 6px 0 #c5d6ee,0 10px 0 #9db6db,0 24px 36px -8px rgba(16,34,63,.45),0 44px 64px -26px rgba(16,34,63,.45)!important}
.card.fx3d img{transform:none!important}
@media (prefers-reduced-motion:reduce){header .links a{transform:none!important;transition:none!important}}
/* BTN3D */
.btn:not(:disabled),.paybtn:not(:disabled){position:relative;border-radius:10px!important;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.2),0 4px 0 rgba(0,0,0,.35),0 6px 0 rgba(0,0,0,.22),0 10px 16px rgba(16,34,63,.35)!important;transform:translateY(0);transition:transform .12s,box-shadow .12s,filter .12s;cursor:pointer}
.btn:not(:disabled):hover,.paybtn:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.2),0 6px 0 rgba(0,0,0,.35),0 8px 0 rgba(0,0,0,.22),0 16px 22px rgba(16,34,63,.4)!important}
.btn:not(:disabled):active,.paybtn:not(:disabled):active{transform:translateY(5px);filter:brightness(.96);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 1px 0 rgba(0,0,0,.35),0 2px 4px rgba(16,34,63,.3)!important}
/* CK-COMPACT */
#checkout.modal{padding:4vh 10px 20px;z-index:60!important}
#checkout .sheet{max-width:440px!important;min-width:min(330px,100%);padding:16px 18px!important;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;margin-bottom:0!important;font-size:14px}
#checkout .sheet h3{font-size:17px!important;margin-bottom:8px!important}
#checkout .sheet h4,#checkout .sheet .lab{font-size:11px!important;margin:10px 0 6px!important}
#checkout .li{padding:3px 0!important;font-size:13px}
#checkout input,#checkout select{padding:8px 10px!important;font-size:14px!important;margin-bottom:6px!important}
#checkout .paybtn{padding:11px!important;font-size:14px!important;margin-top:8px!important}
#checkout #sq-gpay,#checkout #sq-cashapp,#checkout #sq-apple{margin-bottom:6px!important}
@media (max-width:520px){#checkout.modal{padding:2vh 8px 16px}#checkout .sheet{max-width:100%!important;padding:14px!important;max-height:92dvh}}
/* CHIP3D */
.chip{position:relative;border:1px solid rgba(0,0,0,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.08),0 3px 0 #9db6db,0 5px 0 #7f9cc8,0 8px 12px rgba(16,34,63,.28);transform:translateY(0);transition:transform .12s,box-shadow .12s}
.chip:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(0,0,0,.08),0 5px 0 #9db6db,0 7px 0 #7f9cc8,0 12px 16px rgba(16,34,63,.32)}
.chip:active{transform:translateY(4px);box-shadow:inset 0 2px 3px rgba(0,0,0,.2),0 1px 0 #9db6db,0 2px 3px rgba(16,34,63,.25)}
.chip.on{transform:translateY(4px);text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.35),inset 0 -1px 0 rgba(255,255,255,.2),0 1px 0 #0e3478,0 2px 3px rgba(16,34,63,.3)!important}