.topbar{position:relative;z-index:40;padding:14px 0}@media (min-width:640px){.topbar{padding:18px 24px}}.topbar .brand{display:flex;align-items:center;gap:0.9rem}.brand-logo{width:48px;height:48px;border-radius:18px;border:1px solid rgba(15,23,42,0.1);box-shadow:0 16px 40px rgba(59,130,246,0.12);object-fit:cover;transition:transform .3s ease}.topbar .brand:hover .brand-logo{transform:rotate(-6deg) scale(1.05)}.brand-title{font-size:1.05rem;font-weight:700;letter-spacing:-0.03em;background:linear-gradient(90deg,#3D8BDB,#5F9FD8);-webkit-background-clip:text;background-clip:text;color:transparent}body[data-theme="dark"] .brand-title{background:linear-gradient(90deg,#1E40AF,#2563EB);-webkit-background-clip:text;background-clip:text}.brand-subtitle{color:var(--muted);font-size:0.9rem}.site-nav{display:none}@media (min-width:1280px){.site-nav{display:flex;align-items:center;gap:2rem}}.site-nav a{color:var(--text);opacity:0.78;font-size:0.95rem;font-weight:600;transition:opacity .2s ease,transform .2s ease}.site-nav a:hover{opacity:1;transform:translateY(-1px)}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:1.2rem;line-height:1}@media (min-width:1280px){.mobile-nav-toggle{display:none}}.mobile-nav-panel{display:none;flex-direction:column;gap:.25rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}.mobile-nav-panel.open{display:flex}@media (min-width:1280px){.mobile-nav-panel{display:none !important}}.mobile-nav-panel a{padding:.7rem .85rem;border-radius:12px;color:var(--text);font-weight:600;font-size:.95rem;transition:background .2s ease}.mobile-nav-panel a:hover{background:rgba(255,255,255,0.06)}.mobile-nav-heading{padding:.4rem .85rem .6rem;font-weight:800;font-size:1.05rem;color:var(--text)}@media (min-width:1280px){.site-nav{margin-top:.85rem}}.topbar-flex{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.topbar-brand-block{order:1;flex:0 0 auto}.topbar-actions{order:2;margin-inline-start:auto}.header-search{order:3;flex:1 1 100%;margin:.35rem 0 .15rem}@media (min-width:1280px){.header-search{order:2;flex:1 1 auto;max-width:640px;margin:0 1.5rem}.topbar-actions{order:3;margin-inline-start:0}}@media (max-width:380px){.topbar-actions{flex:1 1 100%;margin-inline-start:0;justify-content:flex-end}}.header-search{position:relative}.header-search-bar{position:relative;display:flex;align-items:center;gap:.3rem;border-bottom:1.5px solid var(--border-strong);padding:.3rem .1rem;transition:border-color .2s ease,box-shadow .2s ease}.header-search:focus-within .header-search-bar{border-color:#3D8BDB;box-shadow:0 1px 0 0 #3D8BDB}body[data-theme="dark"] .header-search:focus-within .header-search-bar{border-color:#2563EB;box-shadow:0 1px 0 0 #2563EB}.header-search-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;padding:0;color:var(--muted);cursor:pointer;transition:color .15s ease}.header-search-icon:hover{color:var(--text)}.header-search-icon svg{width:18px;height:18px}.header-search-input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:.9rem;padding:.55rem 0;caret-color:var(--text)}.header-search-input::placeholder{color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.icon-btn:hover{background:var(--pill-bg);border-color:var(--border-strong)}.icon-btn-labeled{width:auto;gap:.4rem;padding-inline:.6rem 1rem}.icon-btn-label{font-size:.85rem;font-weight:600;white-space:nowrap}.cart-icon-btn{position:relative}.cart-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:#3D8BDB;color:#fff;font-size:.68rem;font-weight:800;line-height:1.2rem;text-align:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}body[data-theme="dark"] .cart-badge{background:#2563EB}html[dir="rtl"] .cart-badge{right:auto;left:-.25rem}.cart-badge.hidden{display:none}.cart-badge.pulse{transform:scale(1.35)}.cart-icon-btn.bump svg{animation:cart-bump .4s ease}@keyframes cart-bump{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-8deg)}100%{transform:scale(1)}}.add-to-cart-btn{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.add-to-cart-btn.added{background:#0f7a42 !important;border-color:#0f7a42 !important;color:#fff !important;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.cart-badge,.cart-icon-btn.bump svg,.add-to-cart-btn{animation:none !important;transition:none !important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;align-items:center;gap:.25rem;background:rgba(15,39,66,0.96);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(15,39,66,0.18)}body[data-theme="dark"] .bottom-nav{background:rgba(11,17,32,0.92);border-color:rgba(255,255,255,0.06)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--nav-muted,var(--muted));text-decoration:none;font-size:.66rem;font-weight:600;flex:1;padding:.35rem .2rem;border-radius:12px;transition:color .2s ease,background .2s ease}body[data-theme="dark"] .bottom-nav a{color:var(--muted)}.bottom-nav a .bn-ic{font-size:1.15rem;line-height:1}.bottom-nav a:hover,.bottom-nav a:active{color:#14b8a6;background:rgba(20,184,166,0.08)}body{padding-bottom:74px}@media (min-width:1280px){.bottom-nav{display:none}body{padding-bottom:0}}.topbar-actions{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center;justify-content:flex-end}.topbar-actions form{margin:0;display:flex;align-items:center}.topbar-actions .btn-ghost{padding:0.6rem 1rem;border-radius:999px}.topbar-actions .pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1279px){.topbar-actions .topbar-action-btn{width:2.6rem;height:2.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1}.topbar-actions .topbar-action-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media (max-width:380px){.topbar-actions .topbar-action-btn,.topbar-actions .icon-btn{width:2.35rem;height:2.35rem}.topbar-actions{gap:0.4rem}}.topbar-actions .btn-primary{padding:0.6rem 1.1rem;font-weight:600;box-shadow:none;background:var(--text);color:var(--bg)}.topbar-actions .btn-primary::after{display:none}.topbar-actions .btn-primary:hover{box-shadow:0 6px 16px rgba(15,39,66,0.18)}body[data-theme="dark"] .topbar-actions .btn-primary:hover{box-shadow:0 6px 16px rgba(31,27,22,0.18)}body[data-theme="light"] .topbar-actions .btn-primary{background:#3D8BDB;color:#fff}body[data-theme="light"] .topbar-actions .btn-primary:hover{box-shadow:0 6px 16px rgba(15,39,66,0.3)}.btn-plain{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:1px solid var(--border-strong);padding:.55rem 1.1rem;border-radius:8px;font-weight:600;font-size:.88rem;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-plain:hover{background:var(--pill-bg);border-color:var(--text)}#notifToastStack{position:fixed;top:1rem;inset-inline-end:1rem;z-index:200;display:flex;flex-direction:column;gap:.6rem;width:min(340px,calc(100vw - 2rem));pointer-events:none}.notif-toast{pointer-events:auto;display:flex;gap:.65rem;align-items:flex-start;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:14px;padding:.8rem .9rem;box-shadow:var(--shadow-card-hover,0 12px 28px rgba(2,6,23,0.25));cursor:pointer;animation:notifToastIn .25s ease}.notif-toast:hover{border-color:var(--border-strong)}.notif-toast-icon{font-size:1.15rem;flex-shrink:0;line-height:1.3}.notif-toast-body{flex:1;min-width:0}.notif-toast-title{font-weight:700;font-size:.86rem;color:var(--text)}.notif-toast-message{color:var(--muted);font-size:.78rem;margin-top:.15rem;line-height:1.4}.notif-toast-close{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;padding:.1rem}.notif-toast-close:hover{color:var(--text)}.notif-toast.notif-toast-out{animation:notifToastOut .2s ease forwards}@keyframes notifToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes notifToastOut{from{opacity:1}to{opacity:0;transform:translateY(-6px)}}