.nav { align-items:center; overflow:visible; }
    .nav-links {
      display:flex; align-items:center; gap:32px;
      list-style:none; margin:0; padding:0; height:100%;
    }
    .nav-links > li { display:flex; align-items:center; }
    .nav-links a {
      display:inline-flex; align-items:center; justify-content:center;
      line-height:1; min-height:36px; white-space:nowrap;
    }
    .nav-end {
      display:flex; align-items:center; gap:14px;
      order:1; flex-direction:row-reverse; flex-shrink:0;
    }
    .nav-logo { display:flex; align-items:center; line-height:0; }
    .nav-logo-img { display:block; vertical-align:middle; }
    .nav-cart {
      position:relative; display:inline-flex; align-items:center; justify-content:center;
      width:36px; height:36px; flex-shrink:0;
      color:var(--green,#114411); transition:color .2s;
    }
    .nav-cart svg { width:22px; height:22px; display:block; }
    .nav-cart:hover { color:var(--gold-dark,#9a7e28); }
    .nav-search {
      display:inline-flex; align-items:center; justify-content:center;
      width:36px; height:36px; flex-shrink:0;
      color:var(--green,#114411); background:none; border:none; cursor:pointer;
      padding:0; transition:color .2s;
    }
    .nav-search svg { width:22px; height:22px; display:block; }
    .nav-search:hover, .nav-search.active { color:var(--gold-dark,#9a7e28); }
    .search-panel {
      position:fixed; top:76px; left:0; right:0; z-index:98;
      background:rgba(255,255,255,.97); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
      border-bottom:1px solid var(--border,#e0ddd5);
      box-shadow:0 8px 24px rgba(0,0,0,.06);
      padding:16px 40px 20px;
      opacity:0; pointer-events:none; visibility:hidden;
      transition:opacity .2s, visibility .2s;
    }
    .search-panel.open { opacity:1; pointer-events:auto; visibility:visible; }
    .search-panel-inner { max-width:1160px; margin:0 auto; }
    .search-input-wrap { position:relative; }
    .search-input {
      width:100%; padding:12px 44px 12px 16px;
      border:1px solid var(--border,#e0ddd5); border-radius:2px;
      font-family:'Vazirmatn',sans-serif; font-size:14px;
      background:var(--white,#fff); color:var(--text,#1a1a1a);
    }
    .search-input:focus { outline:none; border-color:var(--green,#114411); }
    .search-input-icon {
      position:absolute; top:50%; right:14px; transform:translateY(-50%);
      color:var(--text-muted,#9a9a9a); pointer-events:none; line-height:0;
    }
    .search-input-icon svg { width:18px; height:18px; display:block; }
    .search-results { margin-top:12px; max-height:min(360px,50vh); overflow-y:auto; }
    .search-results:empty { display:none; }
    .search-result-item {
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding:12px 14px; border-radius:2px; cursor:pointer;
      border:none; background:none; width:100%; text-align:right;
      font-family:'Vazirmatn',sans-serif; transition:background .15s;
    }
    .search-result-item:hover { background:var(--green-tint,#f2f6f2); }
    .search-result-name { font-size:14px; font-weight:600; color:var(--green-deep,#0c330c); }
    .search-result-meta { font-size:11px; color:var(--text-muted,#9a9a9a); margin-top:2px; }
    .search-result-price { font-size:13px; font-weight:700; color:var(--gold-dark,#9a7e28); flex-shrink:0; direction:ltr; }
    .search-empty { padding:16px; text-align:center; font-size:13px; color:var(--text-muted,#9a9a9a); }
    .search-hint { font-size:12px; color:var(--text-muted,#9a9a9a); margin-top:8px; }
    .cart-badge {
      position:absolute; top:-7px; left:-8px;
      background:var(--gold,#c9a840); color:#fff;
      font-size:9px; font-weight:700; min-width:16px; height:16px;
      border-radius:8px; display:flex; align-items:center;
      justify-content:center; padding:0 3px;
      font-family:'Vazirmatn',sans-serif; line-height:1;
    }
    .nav-logout-btn {
      display:inline-flex; align-items:center; justify-content:center;
      background:none; border:1px solid rgba(192,57,43,.3); cursor:pointer;
      font-family:'Vazirmatn',sans-serif; font-size:13px; font-weight:500;
      color:#c0392b; height:32px; padding:0 12px; border-radius:2px;
      line-height:1; transition:background .2s; flex-shrink:0;
    }
    .nav-logout-btn:hover { background:rgba(192,57,43,.07); }
    .nav-user-name {
      display:inline-flex; align-items:center; line-height:1;
      font-size:13px; font-weight:600; color:var(--green,#114411);
      min-height:36px;
    }
    .nav-admin-link {
      display:inline-flex; align-items:center; line-height:1;
      font-size:13px; font-weight:600; color:var(--green,#114411);
      min-height:36px;
    }
    .nav-icon-link { display:inline-flex; align-items:center; gap:7px; line-height:1; }
    .nav-icon-link svg { width:14px; height:14px; flex-shrink:0; display:block; }
    #nav-logout-li:not([hidden]) { display:flex; align-items:center; gap:10px; }
    #nav-links > li[hidden] { display:none !important; }
    .footer-instagram {
      display:inline-flex; align-items:center; justify-content:center;
      margin-top:14px; color:rgba(201,168,64,0.55); line-height:0;
      transition:color .25s ease, transform .25s ease;
    }
    .footer-instagram:hover { color:var(--gold,#c9a840); transform:scale(1.12); }
    .footer-instagram svg { width:22px; height:22px; display:block; }
    .product-card { position:relative; }
    .product-card[data-available="false"]::after {
      content:'ناموجود'; position:absolute; inset:0;
      background:rgba(250,249,246,.75); display:flex;
      align-items:center; justify-content:center;
      font-size:13px; font-weight:700; color:#888;
      border-radius:3px; pointer-events:none;
    }
    .btn-add-cart {
      display:inline-flex; align-items:center; gap:6px;
      font-size:11px; font-weight:700; letter-spacing:.08em;
      color:var(--green,#114411); border:none; border-bottom:1px solid rgba(17,68,17,.25);
      padding-bottom:2px; background:none; cursor:pointer;
      font-family:'Vazirmatn',sans-serif; transition:gap .2s,border-color .2s,color .2s;
    }
    .btn-add-cart:hover { gap:9px; border-color:var(--green,#114411); }
    .btn-add-cart svg { width:12px; height:12px; flex-shrink:0; }
    .btn-add-cart.added { color:var(--gold-dark,#9a7e28); border-color:var(--gold,#c9a840); }
    .product-card[data-available="false"] .btn-add-cart { pointer-events:none; opacity:.35; }
    .product-price { font-size:14px; font-weight:700; color:var(--gold-dark,#9a7e28); margin-bottom:14px; letter-spacing:.02em; }
    .cart-item-price { font-size:12px; font-weight:600; color:var(--gold-dark,#9a7e28); margin-top:4px; }
    .product-art.has-image { padding:0; overflow:hidden; }
    .product-art.has-image img { width:100%; height:100%; object-fit:cover; display:block; }
    .product-art-placeholder { opacity:.85; }
    .product-art-clickable { cursor:pointer; position:relative; }
    .product-img-count {
      position:absolute; bottom:8px; left:8px;
      background:rgba(17,68,17,.75); color:#fff;
      font-size:10px; font-weight:600; padding:3px 8px; border-radius:2px;
      pointer-events:none;
    }
    .product-name-clickable { cursor:pointer; transition:color .2s; }
    .product-name-clickable:hover { color:var(--green,#114411); }
    .product-card.product-highlight {
      outline:2px solid var(--gold,#c9a840); outline-offset:3px;
      box-shadow:0 0 0 4px rgba(201,168,64,.18);
    }
    .coll-filter-dropdown {
      position:relative; z-index:30; margin-bottom:24px;
      display:flex; justify-content:flex-start;
    }
    .coll-filter-dropdown.is-open,
    .coll-filter-dropdown:has(.coll-filter-menu.open) { z-index:90; }
    .coll-filter-dropdown.reveal,
    .coll-filter-dropdown.reveal.visible { transform:none; }
    .coll-filter-toggle {
      display:inline-flex; align-items:center; gap:8px;
      padding:10px 16px; border:1px solid var(--border,#e0ddd5); border-radius:2px;
      background:var(--white,#fff); cursor:pointer;
      font-family:'Vazirmatn',sans-serif; font-size:13px; font-weight:600;
      color:var(--green-deep,#0c330c); transition:border-color .2s,color .2s,box-shadow .2s;
    }
    .coll-filter-toggle:hover, .coll-filter-toggle.open {
      border-color:var(--green,#114411); color:var(--green,#114411);
    }
    .coll-filter-toggle.open { box-shadow:0 4px 14px rgba(17,68,17,.08); }
    .coll-filter-toggle svg { width:16px; height:16px; flex-shrink:0; display:block; }
    .coll-filter-chevron { transition:transform .2s; opacity:.65; }
    .coll-filter-toggle.open .coll-filter-chevron { transform:rotate(180deg); }
    .coll-filter-badge {
      width:7px; height:7px; border-radius:50%; background:var(--gold,#c9a840); flex-shrink:0;
    }
    .coll-filter-badge[hidden] { display:none; }
    .coll-filter-menu {
      position:absolute; top:calc(100% + 8px); right:0; z-index:1;
      min-width:280px; padding:16px;
      background:var(--white,#fff); border:1px solid var(--border,#e0ddd5);
      border-radius:3px; box-shadow:0 12px 36px rgba(0,0,0,.1);
      opacity:0; visibility:hidden; pointer-events:none;
      transform:translateY(-6px); transition:opacity .2s,transform .2s,visibility .2s;
    }
    .coll-filter-menu.open {
      opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
    }
    .coll-filter-group { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
    .coll-filter-group:last-of-type { margin-bottom:0; }
    .coll-filter-group label {
      font-size:11px; font-weight:700; letter-spacing:.06em;
      color:var(--green-deep,#0c330c);
    }
    .coll-filter-select {
      width:100%; padding:9px 12px; border:1px solid var(--border,#e0ddd5); border-radius:2px;
      font-family:'Vazirmatn',sans-serif; font-size:13px; color:var(--text,#1a1a1a);
      background:var(--off-white,#faf9f6); outline:none; cursor:pointer;
    }
    .coll-filter-select:focus { border-color:var(--green,#114411); background:var(--white,#fff); }
    .coll-filter-reset {
      width:100%; margin-top:14px; padding:8px 12px;
      border:1px solid var(--border,#e0ddd5); border-radius:2px;
      background:none; font-family:'Vazirmatn',sans-serif; font-size:12px; font-weight:600;
      color:var(--text-dim,#6b6b6b); cursor:pointer; transition:background .2s,color .2s;
    }
    .coll-filter-reset:hover { background:var(--green-tint,#f2f6f2); color:var(--green,#114411); }
    .coll-filter-empty {
      grid-column:1/-1; text-align:center; color:var(--text-muted,#9a9a9a);
      padding:48px 0; font-size:14px;
    }
    .pd-overlay {
      position:fixed; inset:0; z-index:2000;
      background:rgba(12,51,12,.45); backdrop-filter:blur(4px);
      display:flex; align-items:center; justify-content:center;
      padding:24px; opacity:1; transition:opacity .25s;
    }
    .pd-overlay.hidden { display:none; }
    .pd-modal {
      background:var(--white,#fff); border-radius:4px;
      max-width:720px; width:100%; max-height:90vh; overflow:auto;
      position:relative; box-shadow:0 20px 60px rgba(0,0,0,.18);
    }
    .pd-close {
      position:absolute; top:12px; left:12px; z-index:2;
      background:rgba(255,255,255,.9); border:1px solid var(--border,#e0ddd5);
      width:32px; height:32px; border-radius:2px; cursor:pointer;
      font-size:20px; line-height:1; color:var(--text-dim,#6b6b6b);
      display:flex; align-items:center; justify-content:center;
    }
    .pd-close:hover { background:var(--off-white,#faf9f6); color:var(--green,#114411); }
    .pd-gallery { position:relative; background:var(--cream,#faf9f6); border-bottom:1px solid var(--border,#e0ddd5); }
    .pd-slide-wrap { height:320px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
    .pd-slide { max-width:100%; max-height:320px; object-fit:contain; display:block; }
    .pd-placeholder { opacity:.7; }
    .pd-nav {
      position:absolute; top:50%; transform:translateY(-50%);
      width:36px; height:36px; border-radius:2px;
      background:rgba(255,255,255,.92); border:1px solid var(--border,#e0ddd5);
      color:var(--green,#114411); font-size:22px; line-height:1;
      cursor:pointer; display:flex; align-items:center; justify-content:center;
      transition:background .2s,color .2s; z-index:1;
    }
    .pd-nav:hover { background:var(--green,#114411); color:#fff; border-color:var(--green,#114411); }
    .pd-nav:disabled { opacity:.35; cursor:default; pointer-events:none; }
    .pd-prev { right:12px; }
    .pd-next { left:12px; }
    .pd-dots { display:flex; justify-content:center; gap:6px; padding:12px; flex-wrap:wrap; }
    .pd-dot {
      width:7px; height:7px; border-radius:50%; border:none; padding:0;
      background:rgba(17,68,17,.2); cursor:pointer; transition:background .2s,transform .2s;
    }
    .pd-dot.active { background:var(--gold,#c9a840); transform:scale(1.2); }
    .pd-info { padding:24px 28px 28px; }
    .pd-collection { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-dark,#9a7e28); margin-bottom:8px; display:block; }
    .pd-name { font-size:1.35rem; font-weight:700; color:var(--green-deep,#0c330c); margin-bottom:10px; line-height:1.35; }
    .pd-material { font-size:13px; color:var(--text-muted,#9a9a9a); margin-bottom:8px; }
    .pd-price { font-size:1.1rem; font-weight:700; color:var(--gold-dark,#9a7e28); margin-bottom:12px; }
    .pd-desc { font-size:13px; color:var(--text-dim,#6b6b6b); line-height:1.85; margin-bottom:16px; }
    .pd-specs {
      display:grid; grid-template-columns:1fr 1fr; gap:8px 16px;
      margin-bottom:16px; padding:14px 16px;
      background:var(--off-white,#faf9f6); border:1px solid var(--border,#e0ddd5); border-radius:3px;
    }
    .pd-spec { font-size:12px; }
    .pd-spec dt { color:var(--text-muted,#9a9a9a); font-weight:600; margin-bottom:2px; }
    .pd-spec dd { color:var(--text,#1a1a1a); font-weight:600; margin:0; direction:ltr; text-align:right; }
    .pd-status { font-size:12px; font-weight:600; margin-bottom:18px; }
    .pd-status.available { color:var(--green,#114411); }
    .pd-status.unavailable { color:#c0392b; }
    .pd-add-cart { font-size:13px !important; padding-bottom:3px; }
    .nav-gold-ticker {
      position:static;
      transform:none;
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 16px;
      background:rgba(244,240,230,.92);
      border:1px solid rgba(201,168,64,.4);
      border-radius:2px;
      text-decoration:none; color:inherit;
      transition:border-color .2s, background .2s, box-shadow .2s;
      max-width:min(340px, calc(100vw - 280px));
      white-space:nowrap;
      box-shadow:0 1px 8px rgba(17,68,17,.06);
    }
    .nav-center {
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      z-index:20;
      display:flex;
      align-items:center;
      justify-content:center;
      pointer-events:none;
      max-width:calc(100% - 220px);
    }
    .nav-center .nav-gold-ticker { pointer-events:auto; }
    .nav-gold-ticker:hover {
      border-color:var(--gold,#c9a840);
      background:var(--cream,#f4f0e6);
      box-shadow:0 2px 12px rgba(201,168,64,.12);
    }
    .nav-gold-label {
      font-size:11px; font-weight:700; letter-spacing:.04em;
      color:var(--green-deep,#0c330c);
    }
    .nav-gold-value {
      font-size:13px; font-weight:700;
      color:var(--gold-dark,#9a7e28);
      direction:ltr;
    }
    .nav-gold-ticker.is-loading .nav-gold-value { opacity:.45; }
    .nav-gold-ticker.is-error .nav-gold-value { color:var(--text-muted,#9a9a9a); font-size:12px; }
    @media (max-width:768px) {
      .nav-gold-ticker {
        gap:6px; padding:5px 10px;
        max-width:min(200px, calc(100vw - 180px));
      }
      .nav-center { max-width:calc(100% - 150px); }
      .nav-gold-label { font-size:9px; }
      .nav-gold-value { font-size:11px; }
      .nav-gold-ticker.is-error .nav-gold-value { font-size:10px; }
    }
    @media (max-width:480px) {
      .nav-gold-ticker {
        flex-direction:column; align-items:center; gap:1px;
        padding:4px 8px;
        max-width:min(120px, calc(100vw - 148px));
      }
      .nav-gold-label { font-size:8px; line-height:1.2; }
      .nav-gold-value {
        font-size:10px; line-height:1.2;
        max-width:100%; overflow:hidden; text-overflow:ellipsis;
      }
    }
    .nav-toggle {
      display:none; flex-direction:column; justify-content:center; gap:5px;
      width:32px; height:36px; padding:4px; margin:0;
      background:none; border:none; cursor:pointer; flex-shrink:0; align-self:center;
    }
    .nav-toggle span {
      display:block; height:1.5px; background:var(--text,#1a1a1a); border-radius:1px;
      transition:transform .25s,opacity .25s;
    }
    .nav-toggle span:nth-child(2) { width:75%; }
    .data-table-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    @media (max-width:768px) {
      .nav { padding-left:20px !important; padding-right:20px !important; }
      .nav-links { display:none !important; }
      .nav-links.open {
        display:flex !important; flex-direction:column; align-items:stretch;
        position:absolute; top:76px; left:0; right:0;
        height:auto !important; min-height:0;
        background:var(--white,#fff);
        border-bottom:1px solid var(--border,#e0ddd5);
        padding:20px 24px; gap:18px; box-shadow:0 8px 24px rgba(0,0,0,.06); z-index:99;
      }
      .nav-links.open > li:not([hidden]) { width:100%; display:flex; align-items:center; }
      .nav-links.open a,
      .nav-links.open .nav-admin-link,
      .nav-links.open .nav-user-name,
      .nav-links.open .nav-logout-btn {
        width:100%; min-height:0; justify-content:flex-start;
      }
      .nav-toggle { display:flex !important; }
      #nav-logout-li { flex-direction:column; align-items:flex-start !important; gap:10px; }
      .nav-logo-img { height:38px !important; }
      .nav-end { gap:12px !important; }
      .search-panel { padding:14px 20px 18px; }
      .products { padding:48px 0 64px !important; }
      .coll-filter-menu { left:0; right:0; min-width:0; }
      .products-grid { gap:16px !important; }
      .product-body { padding:18px 16px 16px !important; }
      .product-art { height:min(200px,42vw) !important; }
      .coll-hero { min-height:auto !important; }
      .coll-hero-inner { padding:40px 0 !important; }
      .page-hero { padding:40px 0 32px !important; }
      .page-body { padding:32px 0 48px !important; }
      .cart-layout { grid-template-columns:1fr !important; gap:24px !important; }
      .cart-item { flex-wrap:wrap; padding:14px 16px !important; gap:12px; }
      .cart-item-actions { width:100%; justify-content:space-between; }
      .cart-items-header { padding:14px 16px !important; flex-wrap:wrap; gap:8px; }
      .sidebar-box { padding:18px !important; }
      .section-header { flex-direction:column !important; align-items:flex-start !important; gap:12px; }
      .tab-nav { overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; padding-bottom:4px; }
      .modal { margin:0 12px !important; max-width:calc(100vw - 24px) !important; }
      .content { padding-left:20px !important; padding-right:20px !important; }
      .pd-overlay { padding:12px; align-items:center; }
      .pd-modal { max-height:88dvh; }
      .pd-slide-wrap { height:min(280px,45vw); min-height:200px; }
      .pd-slide { max-height:min(280px,45vw); }
      .pd-info { padding:20px; }
      .pd-name { font-size:1.15rem; }
      .pd-specs { grid-template-columns:1fr; }
      .pd-nav { width:40px; height:40px; font-size:24px; }
      .pd-prev { right:8px; }
      .pd-next { left:8px; }
      .footer-top {
        grid-template-columns:1fr 1fr 1fr !important;
        gap:20px 12px !important;
        margin-bottom:24px !important;
      }
      .footer-map-box { grid-column:1 / -1 !important; }
      .footer-brand p { font-size:10px; line-height:1.65; max-width:none; }
      .footer-logo-img { height:36px !important; margin-bottom:8px; }
      .footer-col-title { font-size:9px; margin-bottom:10px; letter-spacing:.1em; }
      .footer-links { gap:6px; }
      .footer-links li, .footer-links a { font-size:11px; line-height:1.55; }
      .footer-map iframe { height:160px; }
    }
    @media (max-width:480px) {
      .container { padding-left:16px !important; padding-right:16px !important; }
      .nav { padding-left:16px !important; padding-right:16px !important; }
      .products-grid { grid-template-columns:1fr !important; }
      .checkout-form .form-row { grid-template-columns:1fr !important; }
      .form-row2 { grid-template-columns:1fr !important; }
      .pd-overlay { padding:0; align-items:flex-end; }
      .pd-modal { border-radius:12px 12px 0 0; max-height:92dvh; width:100%; }
      .pd-slide-wrap { height:220px; min-height:180px; }
      .pd-slide { max-height:220px; }
      .pd-close { top:8px; left:8px; }
      .cart-item-info { min-width:0; flex:1 1 100%; }
      .footer-copy { font-size:13px; }
      .footer-top { gap:16px 8px !important; }
      .footer-brand p { font-size:9px; }
      .footer-links li, .footer-links a { font-size:10px; }
      .footer-logo-img { height:32px !important; }
      .hero-left { padding:40px 20px !important; }
      .section { padding:56px 0 !important; }
    }