/* pp-page-mobile.css — the approved phone chrome (founder, 2026-07-26) for every page OUTSIDE /products/ (those carry these rules inline) and outside index/shop (the founder's own pages, untouched). Load LAST in so it wins the cascade at <=760px. Pairs with the .mnav bottom-nav markup injected before . */ @media(max-width:760px){ /* header: one row, search full-width beneath — 197px becomes ~120px */ .header .topbar,.header .catnav{display:none} /* the ticker keeps the height it has on index/shop/products - an earlier padding:5px here made this band 20px shorter than the approved standard */ .top-ticker{font-size:9.5px} .top-ticker .marquee-inner span{padding-right:34px} .mb-in{padding:6px 12px 8px;gap:6px 10px;flex-wrap:wrap;align-items:center} .lock{order:1;display:flex;align-items:center;height:38px} .lock img,.lock svg{height:34px;width:auto;max-height:34px} .mb-right{order:2;margin-left:auto;gap:15px;height:38px;align-items:center} .search{order:3;flex:0 0 100%;width:100%;min-width:0;margin:0} .search input{padding:7px 0;font-size:15px} /* the theme toggle STAYS on phone - the founder's approved three all show it. Its position is DOM order (first inside .mb-right, left of the icons), exactly as index/shop/products render it. An earlier order:2 here pushed it to the far right and put the burger mid-row: "everything disproportionate". */ .modetog span:last-child{display:none} /* the hamburger is the only door to the full menu + language/currency drawer on a phone - re-shown exactly as index.html does it */ .menu-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid var(--line)} .menu-btn span{width:18px;height:2px;background:var(--ink);display:block;box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)} /* header is ticker(51) + bar(108) = 159, matching products/ exactly */ main{padding-top:138px} /* cookie banner: one compact line ABOVE the bottom nav, never over it and never over a page's primary button. Found undismissable under the new nav (z-index 95 vs 96) with its Accept button unreachable - and covering the Add button on the buy pages. #cookie outweighs page-local .cookie rules. */ #cookie{bottom:70px!important;z-index:97!important} #cookie .ck-in{padding:8px 12px;gap:10px;align-items:center} #cookie .ck-text{font-size:10.5px;line-height:1.35;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #cookie .ck-text svg{width:12px;height:12px} #cookie .ck-accept{padding:9px 14px;font-size:12.5px;white-space:nowrap;flex:none} /* footer keeps its gutter on full-bleed pages */ .site-footer .wrap{padding-left:16px;padding-right:16px} /* the five-item nav pinned to the bottom, height fixed so anything that sits on it (a page's own sticky bar at bottom:62px) is flush */ .mnav{position:fixed;left:0;right:0;bottom:0;z-index:96;display:flex;height:62px; background:var(--mid,#0B1A24);border-top:1px solid rgba(255,255,255,.12)} .mnav a{flex:1;display:flex;flex-direction:column;align-items:center; justify-content:center;gap:3px;padding:0 2px;color:#cfe0ea;font-size:10px; letter-spacing:.01em} .mnav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7} .mnav a:active{background:rgba(255,255,255,.08)} body{padding-bottom:62px} /* WhatsApp bubble (injected by cart.js): phone-sized, clear of the nav */ .pp-wa,.wa-fab{bottom:74px!important; width:54px!important;height:54px!important;right:12px!important} .pp-wa svg,.wa-fab svg{width:26px!important;height:26px!important} } @media(min-width:761px){ .mnav{display:none} /* phone furniture only */ }