/* Phone layout only. Desktop is untouched: every rule sits inside the media query, except hiding the phone bar. */
[data-m="cert-dup"]{display:none}
@keyframes hbCert{to{transform:translate3d(-50%,0,0)}}
@keyframes hbPulse{0%{box-shadow:0 0 0 0 rgba(76,201,120,0.6)}70%{box-shadow:0 0 0 9px rgba(76,201,120,0)}100%{box-shadow:0 0 0 0 rgba(76,201,120,0)}}
@keyframes hbPulseR{0%{box-shadow:0 0 0 0 rgba(226,82,72,0.6)}70%{box-shadow:0 0 0 9px rgba(226,82,72,0)}100%{box-shadow:0 0 0 0 rgba(226,82,72,0)}}
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{-webkit-tap-highlight-color:rgba(210,180,80,0.18)}
  [data-m="hdr-row"]{height:62px !important; gap:12px !important}
  [data-m="hdr-logo"]{height:34px !important}
  [data-m="hdr-cart"]{height:40px !important; padding:0 12px !important}
  [data-m="toast"]{bottom:calc(84px + env(safe-area-inset-bottom)) !important}
  [data-m="bakul-fab"]{height:52px !important; padding:0 6px 0 16px !important; gap:10px !important}
  [data-m="cert"]{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  [data-m="cert-track"]{flex-wrap:nowrap !important; justify-content:flex-start !important; width:max-content; max-width:none !important; padding:16px 0 !important; animation:hbCert 16s linear infinite}
  [data-m="cert-track"] > *{flex:none; white-space:nowrap}
  [data-m="cert-dup"]{display:contents !important}

  [data-m="foot"]{padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important}
  [data-m="foot-grid"]{grid-template-columns:1fr 1fr !important; gap:40px 20px !important; padding-top:56px !important}
  [data-m="foot-grid"] > :nth-child(1),[data-m="foot-grid"] > :nth-child(4),[data-m="foot-grid"] > :nth-child(5){grid-column:1 / -1}
  [data-m="foot-grid"] > :nth-child(2),[data-m="foot-grid"] > :nth-child(3),[data-m="foot-grid"] > :nth-child(5){gap:2px !important}
  [data-m="foot-grid"] a{padding:9px 0}

  [data-m="tl"]{position:relative}
  [data-m="tl"]::after{content:""; position:absolute; inset:-12px -8px}

  [data-m="hero-in"]{padding:32px 20px 60px !important; gap:44px !important}
  [data-m="hero-art"]{flex:0 0 auto !important; width:86% !important; min-width:0 !important}
  [data-m="hero-cta"]{gap:18px 24px !important}
  [data-m="hero-cta"] > a:first-child{flex:1 1 100%; justify-content:center}
  [data-m="hero-stats"]{gap:16px 26px !important}

  [data-m="rail"]{display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 20px; gap:14px !important; margin:0 -20px; padding:0 20px 6px; scrollbar-width:none}
  [data-m="rail"]::-webkit-scrollbar,[data-m="hs-wrap"]::-webkit-scrollbar{display:none}
  [data-m="rail"] > *{flex:0 0 76% !important; scroll-snap-align:start}
  [data-m="rail"] button{height:44px !important}
  [data-m="hs-wrap"]{scroll-snap-type:x mandatory; scroll-padding:0 20px; padding:0 20px !important}
  [data-hscroll-track] > *{width:78vw !important; scroll-snap-align:start}
  [data-m="hs-bar"]{display:none !important}

  [data-m="cat-in"]{padding:28px 20px 56px !important; gap:40px !important}
  [data-m="cat-art"]{flex:0 0 auto !important; width:80% !important; min-width:0 !important}
  [data-m="cat-tabs"]{position:sticky; top:62px; z-index:20; box-shadow:0 8px 18px rgba(11,52,44,0.06)}
  [data-m="cat-tabs"] > div{gap:24px !important}
  [data-m="cat-tabs"] a{padding:15px 0 13px !important}
  [data-m="prod-grid"]{grid-template-columns:1fr 1fr !important; gap:34px 14px !important}
  [data-m="prod"] h3{font-size:18px !important}
  [data-m="prod"] p{font-size:13.5px !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
  [data-m="prod"] > div:nth-child(2){padding-top:12px !important; gap:6px !important}
  [data-m="prod-row"]{flex-direction:column !important; align-items:stretch !important; gap:10px !important}
  [data-m="prod-row"] > button,[data-m="prod-row"] > a{height:44px !important; justify-content:center; width:100%}
  [data-m="tag"]{top:8px !important; left:8px !important; font-size:9px !important; padding:5px 7px !important}
}
