/* PET BRO glass: readable solid content, translucent navigation. */
:root{--glass-edge:rgba(255,255,255,.64);--glass-shadow:0 12px 36px #153e4914,inset 0 1px 0 #ffffffd9;--glass-teal:#173e4b}
body{background-color:#f5f5ee;background-image:radial-gradient(ellipse at 8% 4%,#e5eeea 0,transparent 45%),radial-gradient(ellipse at 94% 24%,#f5e9ce 0,transparent 42%);background-attachment:fixed}
.topbar,.premium-shop .top{background:rgba(255,254,249,.85);border-bottom:1px solid var(--glass-edge);box-shadow:0 4px 24px #153e490b}
.sidebar{background:linear-gradient(155deg,rgba(23,62,75,.94),rgba(13,43,56,.96));border-right:1px solid #ffffff30;box-shadow:8px 0 40px #173e4910}
.sidebar .brand{border-radius:22px;overflow:hidden}.sidebar .nav button{border:1px solid transparent;border-radius:16px;transition:background .2s,box-shadow .2s}.sidebar .nav button:hover{background:#ffffff12;border-color:#ffffff20}.sidebar .nav button.active{background:linear-gradient(135deg,#ffe8a9ed,#efc66aeb);border-color:#fff3c6;box-shadow:inset 0 1px 0 #fff9,0 5px 16px #0002}
.premium-shop .need-browser{background:rgba(255,254,249,.84);border:1px solid var(--glass-edge);border-radius:24px;padding:22px;box-shadow:var(--glass-shadow)}
.premium-shop .need-options button,.premium-shop .top a,.catalogue-pages button{background:#fffef9c9;border:1px solid #ffffffeb;box-shadow:0 3px 12px #173e4910,inset 0 1px 0 white;transition:background .2s,transform .2s}
.premium-shop .need-options button[aria-pressed=true]{background:linear-gradient(135deg,#ffe9b4,#f4d180);border-color:#d9b962;color:#153e49}
.premium-shop .category-search,.premium-shop .catalogue-filters{background:rgba(255,254,249,.88);border:1px solid #fff;border-radius:18px;box-shadow:var(--glass-shadow)}
.premium-shop .catalogue-filters{padding:14px;gap:14px}.premium-shop .catalogue-filters select{background:#fffef9;border:1px solid #d6e0dc;color:#173e4b;border-radius:12px;min-height:44px}
.premium-shop .product-card{background:#fffefa;box-shadow:0 8px 24px #173e4909;border:1px solid #e0e6de;border-radius:25px}.premium-shop .product-price{color:#153e49}.premium-shop .product-body small{font-weight:600}
.auth-card{background:rgba(255,254,249,.95);border:1px solid #fff;border-radius:28px;box-shadow:0 20px 70px #173e4920}
.bottom-nav,.shop-bottom{background:rgba(255,254,249,.91);border:1px solid #fff;box-shadow:0 8px 32px #123b4924,inset 0 1px 0 white}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #b17e20;outline-offset:3px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.premium-shop .top,.bottom-nav,.shop-bottom{background-color:rgba(255,254,249,.72);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}
@media(hover:hover) and (pointer:fine){.premium-shop .need-options button:hover,.catalogue-pages button:not(:disabled):hover{transform:translateY(-2px);background:#fffdf3}.btn:hover{filter:brightness(1.025)}}
@media(max-width:850px){body{background-attachment:scroll}.bottom-nav,.shop-bottom{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:24px;padding-bottom:8px}.mobile-menu-toggle{bottom:calc(18px + env(safe-area-inset-bottom))}.premium-shop .need-browser{padding:16px;border-radius:22px}.premium-shop .catalogue-filters{flex-wrap:wrap}.premium-shop .top .brand span{display:none}.premium-shop .top-inner{gap:8px}.premium-shop .top a{padding:8px 11px}.premium-shop .wrap{padding-bottom:115px}}
@media(prefers-reduced-transparency:reduce){.topbar,.premium-shop .top,.bottom-nav,.shop-bottom,.auth-card,.premium-shop .need-browser{background:#fffef9;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{background:#173e4b;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the primary brand visible on every viewport, independent of sidebar state. */
.topbar .mobile-brand{display:block!important;visibility:visible!important;opacity:1!important;width:164px!important;min-width:130px;height:50px!important;object-fit:contain;flex-shrink:0;background:#fffdf5;border-radius:10px;padding:3px 5px}
.topbar{min-height:66px;gap:14px}.topbar>strong{display:none}.topbar .user{margin-left:auto;min-width:0}
@media(max-width:480px){.topbar{padding-left:12px;padding-right:12px}.topbar .mobile-brand{width:150px!important}.topbar .user{max-width:45%}}