.topbar{ position:relative; z-index:40; background:transparent; border:none; border-radius:20px; padding:14px 0; box-shadow:none; transition:box-shadow .3s ease; }
    @media (min-width: 640px){ .topbar{ border-radius:28px; 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,#B5502E,#D98A3D); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .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; } }

    /* Amazon-style header row: brand (left) / search (center) / icons (right).
       Flex-wrap lets the search bar drop to its own full-width row on mobile
       while staying inline between brand and icons at the xl breakpoint. */
    .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%; }
    @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; }
    }
    .header-search{ position:relative; display:flex; align-items:stretch; background:var(--input-bg); border:1px solid var(--border); border-radius:999px; box-shadow:0 6px 18px rgba(2,6,23,0.06); overflow:hidden; }
    .header-search input[type="text"]{ flex:1 1 auto; min-width:0; border:none; background:transparent; padding:.7rem 1rem; color:var(--input-text); font-size:.92rem; }
    .header-search input[type="text"]:focus{ outline:none; }
    .header-search-btn{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:2.8rem; background:linear-gradient(90deg,#B5502E,#D98A3D); color:#fff; border:none; cursor:pointer; }

    .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); }
    .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:#B5502E; 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); }
    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; }
    }

    .cart-dropdown{ position:absolute; top:calc(100% + .6rem); right:0; z-index:70; width:min(360px, 90vw); background:var(--modal-surface); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-card-hover); padding:1rem; }
    html[dir="rtl"] .cart-dropdown{ right:auto; left:0; }
    .cart-dropdown.hidden{ display:none; }
    .cart-dropdown-title{ font-weight:700; margin-bottom:.6rem; }
    .cart-dropdown-empty{ color:var(--muted); font-size:.88rem; padding:.5rem 0 1rem; }
    .cart-dropdown-item{ display:flex; align-items:center; gap:.65rem; padding:.5rem 0; border-bottom:1px solid var(--border); }
    .cart-dropdown-item:last-child{ border-bottom:none; }
    .cart-dropdown-item img{ width:44px; height:44px; border-radius:10px; object-fit:cover; background:var(--card-2); flex:0 0 auto; }
    .cart-dropdown-item-info{ flex:1 1 auto; min-width:0; }
    .cart-dropdown-item-name{ font-size:.85rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cart-dropdown-item-meta{ font-size:.78rem; color:var(--muted); }
    .cart-dropdown-subtotal{ display:flex; justify-content:space-between; font-weight:700; padding:.75rem 0 .25rem; border-top:1px solid var(--border); margin-top:.25rem; }
    .cart-dropdown-view{ display:flex; align-items:center; justify-content:center; width:100%; margin-top:.75rem; }
    .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(255,255,255,0.94); backdrop-filter:blur(20px); border-top:1px solid rgba(15,23,42,0.08); padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom, 0px)); box-shadow:0 -10px 30px rgba(15,23,42,0.1); }
    .bottom-nav a{ display:flex; flex-direction:column; align-items:center; gap:.15rem; color: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; }
    .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; } }
    .floating-contact{ position:fixed; right:1rem; bottom:calc(84px + env(safe-area-inset-bottom, 0px)); z-index:55; display:flex; flex-direction:column; gap:.6rem; }
    html[dir="rtl"] .floating-contact{ right:auto; left:1rem; }
    @media (min-width: 1280px){ .floating-contact{ bottom:1.25rem; } }
    .floating-contact a{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; text-decoration:none; box-shadow:0 12px 28px rgba(31,27,22,0.28); transition:transform .2s ease, box-shadow .2s ease; }
    .floating-contact a:hover{ transform:translateY(-3px) scale(1.05); }
    .floating-contact a:active{ transform:scale(.95); }
    .floating-contact .fc-whatsapp{ background:#25D366; color:#fff; }
    .floating-contact .fc-telegram{ background:#229ED9; color:#fff; }
    @media (hover: none){ .floating-contact a:hover{ transform:none; } }
    .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 .btn-primary{ padding:0.6rem 1.1rem; font-weight:600; box-shadow:none; background:var(--text); }
    .topbar-actions .btn-primary::after{ display:none; }
    .topbar-actions .btn-primary:hover{ box-shadow:0 6px 16px rgba(31,27,22,0.18); }
    .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); }