/* Gol Narges responsive corrections — scoped to avoid changing API or application logic. */
.gol-narges-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#124b32;font-weight:800;white-space:nowrap;min-width:max-content;}
.gol-narges-brand img{width:44px;height:44px;object-fit:contain;border-radius:50%;background:#fff;display:block;}
.gol-narges-brand span{font-size:22px;line-height:1.2;}
.drawer-brand{display:flex;align-items:center;gap:10px;}
.drawer-brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%;}
.drawer-brand strong{display:block;color:inherit;font-size:17px;}
.drawer-brand small{display:block;font-size:11px;opacity:.72;}
.mobile-auth-group{display:none;}
.mobile-bottom-nav{display:none;}
@media (min-width:851px){
 body.gol-narges-public-page #topmenu{align-items:center;gap:10px;box-sizing:border-box;}
 body.gol-narges-public-page #topmenu .gol-narges-brand{margin-right:auto;margin-left:18px;}
 body.gol-narges-public-page #topmenu .search-box{min-width:220px;max-width:600px;flex:1;}
 body.gol-narges-public-page #topmenu .search-box input{width:100%;box-sizing:border-box;}
}
@media (max-width:850px){
 html{scroll-padding-bottom:82px;}
 body.gol-narges-public-page{padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-x:hidden;}
 body.gol-narges-public-page #topmenu{height:66px!important;min-height:66px!important;width:100%;padding:8px 12px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;box-sizing:border-box!important;position:relative!important;top:auto!important;z-index:30!important;overflow:visible!important;background:#fff!important;}
 body.gol-narges-public-page #topmenu>a:not(.gol-narges-brand){display:none!important;}
 body.gol-narges-public-page #topmenu>span{display:none!important;}
 body.gol-narges-public-page #topmenu>h2{display:none!important;}
 body.gol-narges-public-page #topmenu .gol-narges-brand{order:1;flex:0 0 auto;margin:0!important;gap:5px;}
 body.gol-narges-public-page #topmenu .gol-narges-brand img{width:39px;height:39px;}
 body.gol-narges-public-page #topmenu .gol-narges-brand span{font-size:16px;}
 body.gol-narges-public-page #topmenu .search-box{order:2;display:flex!important;align-items:center;flex:1 1 auto;min-width:0!important;width:auto!important;max-width:none!important;height:42px;margin:0!important;padding:0 10px!important;border:1px solid #dce9df;border-radius:13px;background:#f8fbf8;box-shadow:none!important;box-sizing:border-box;}
 body.gol-narges-public-page #topmenu .search-box .search-icon{flex:0 0 auto;margin:0 0 0 7px!important;display:flex;align-items:center;}
 body.gol-narges-public-page #topmenu .search-box input,#topmenu .search-box input#searchInput{width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important;transform:none!important;}
 body.gol-narges-public-page #menu{height:54px!important;min-height:54px!important;width:100%;margin:0!important;padding:0!important;background:#f7f9f7!important;position:relative!important;top:auto!important;z-index:25!important;box-sizing:border-box;}
 body.gol-narges-public-page #menu>nav{height:54px!important;min-height:54px!important;width:100%;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;box-sizing:border-box;}
 body.gol-narges-public-page #menu>nav>ul,body.gol-narges-public-page #menu>nav>span#bs,body.gol-narges-public-page #menu>nav>#bas,body.gol-narges-public-page #menu>nav>#zn{display:none!important;}
 body.gol-narges-public-page #menu .menu-button{order:1!important;display:flex!important;flex:0 0 42px;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;padding:10px!important;align-items:center;justify-content:center;border:0!important;border-radius:13px!important;background:#078d4a!important;box-shadow:0 4px 12px #087d4920;}
 body.gol-narges-public-page #menu .menu-button span{display:block!important;width:20px!important;height:2px!important;margin:2px 0!important;background:#fff!important;}
 body.gol-narges-public-page #menu .mobile-auth-group{order:2;display:flex!important;align-items:center;gap:7px;margin-right:auto;}
 body.gol-narges-public-page #menu .mobile-auth-group>a{display:inline-flex!important;text-decoration:none!important;margin:0!important;padding:0!important;}
 body.gol-narges-public-page #menu .mobile-auth-group button{width:auto!important;min-width:62px!important;height:36px!important;margin:0!important;padding:0 13px!important;border:1px solid #078d4a!important;border-radius:10px!important;background:#078d4a!important;color:#fff!important;font-size:13px!important;font-weight:600!important;font-family:inherit!important;box-shadow:none!important;outline:none!important;white-space:nowrap;}
 body.gol-narges-public-page #menu .mobile-auth-group #cc2{background:#fff!important;color:#087d49!important;border-style:solid!important;}
 body.gol-narges-public-page .side-menu{width:min(86vw,360px)!important;max-width:100vw!important;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;}
 body.gol-narges-public-page .side-menu .navigation{padding-bottom:18px;}
 body.gol-narges-public-page .side-menu .nav-item{min-height:58px;}
 body.gol-narges-public-page .herbal-footer{margin-bottom:0!important;}
 body.gol-narges-public-page .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10020!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #e2ebe4!important;box-shadow:0 -6px 24px rgba(15,65,38,.10)!important;backdrop-filter:blur(12px);box-sizing:border-box!important;}
 body.gol-narges-public-page .mobile-bottom-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 1px!important;border-radius:11px;text-decoration:none!important;color:#637268!important;font-size:10px!important;line-height:1.2;font-weight:600;white-space:nowrap;}
 body.gol-narges-public-page .mobile-bottom-nav a svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
 body.gol-narges-public-page .mobile-bottom-nav a[aria-current="page"]{background:#eaf5ed!important;color:#087d49!important;}
 body.gol-narges-public-page .mobile-bottom-nav a[aria-current="page"] svg{stroke:#087d49;}
 /* General safeguards for narrow layouts across product, cart, account and admin pages. */
 body:not(.gol-narges-public-page){max-width:100%;overflow-x:hidden;}
 img,video,iframe{max-width:100%;}
 input,select,textarea,button{max-width:100%;}
 .cart-header-inner{flex-wrap:wrap;gap:10px;padding:12px!important;}
 .cart-nav{flex-wrap:wrap;gap:10px!important;}
 .admin-body{display:block!important;}
 .admin-sidebar{width:100%!important;max-width:100%!important;position:relative!important;height:auto!important;}
 .admin-nav{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
 .admin-main{width:100%!important;max-width:100%!important;padding:14px!important;box-sizing:border-box!important;}
 table{max-width:100%;}
}
@media (max-width:420px){
 body.gol-narges-public-page #topmenu{padding-inline:8px!important;gap:7px!important;}
 body.gol-narges-public-page #topmenu .gol-narges-brand{gap:3px;}
 body.gol-narges-public-page #topmenu .gol-narges-brand img{width:34px;height:34px;}
 body.gol-narges-public-page #topmenu .gol-narges-brand span{font-size:14px;}
 body.gol-narges-public-page #topmenu .search-box{padding-inline:7px!important;}
 body.gol-narges-public-page #topmenu .search-box input{font-size:11px!important;}
 body.gol-narges-public-page #menu .mobile-auth-group{gap:5px;}
 body.gol-narges-public-page #menu .mobile-auth-group button{min-width:54px!important;padding-inline:9px!important;font-size:12px!important;}
 body.gol-narges-public-page .mobile-bottom-nav a{font-size:9px!important;}
}

/* === Mobile repair pass based on real narrow-screen screenshots === */
html, body { direction: rtl; }
body { max-width:100%; }
@media (max-width:850px) {
  /* Keep the five destinations in Persian RTL order: Home on the right, Blog on the left. */
  body.gol-narges-public-page .mobile-bottom-nav { direction:rtl!important; }
  body.gol-narges-public-page .mobile-bottom-nav a { direction:rtl!important; }
  /* No sideways overflow from legacy fixed-width support/contact layouts. */
  .support, .support-wrapper, .contact-area, .support-card, .form-card,
  .contact-area form, .form-grid, .form-grid .field, .field,
  .ticket-box, .ticket-head, .faq-section, .faq, .faq-item {
    min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
  }
  .support { padding:28px 12px!important; }
  .support-wrapper { width:100%!important; margin:0 auto!important; padding:22px 14px!important; border-radius:22px!important; }
  .contact-area { width:100%!important; margin:26px auto!important; padding:0 12px!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
  .support-card, .form-card { width:100%!important; padding:20px 16px!important; margin:0!important; }
  .form-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:14px!important; width:100%!important; }
  .form-grid input, .form-grid select, .form-grid textarea, #contactForm input, #contactForm select, #contactForm textarea,
  #ticketForm input, #ticketForm select, #ticketForm textarea {
    display:block; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
  }
  .form-grid textarea, #contactForm textarea, #ticketForm textarea { min-height:130px; }
  #contactForm button, #ticketForm button { max-width:100%!important; }
  .faq-section { width:100%!important; padding:26px 12px!important; margin:0 auto!important; }
  .faq-question { width:100%!important; text-align:right!important; white-space:normal!important; line-height:1.8!important; }
  .faq-answer { display:none; }
  .faq-item.active .faq-answer { display:block!important; }
  /* Blog cards must be readable cards, not narrow columns clipped horizontally. */
  #articleGrid.grid, #articleGrid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-auto-columns:minmax(0,1fr)!important; width:100%!important; max-width:100%!important; gap:16px!important; overflow:visible!important; }
  #articleGrid .card { width:100%!important; min-width:0!important; max-width:100%!important; display:flex!important; flex-direction:column!important; }
  #articleGrid .card .body { min-width:0!important; overflow-wrap:anywhere!important; }
  #articleGrid .card h2, #articleGrid .card p { overflow-wrap:anywhere!important; word-break:normal!important; }
  #articleGrid .cover { width:100%!important; height:165px!important; }
  /* The product page had a legacy English document direction and two category selectors.
     Hide only the duplicate top chip row on phones; keep the main category chooser. */
  html[lang="en"] { direction:rtl!important; }
  html[lang="en"] body { direction:rtl!important; }
  .products-section, .category-section { width:100%!important; max-width:100%!important; box-sizing:border-box!important; }
  .products-section { padding-inline:12px!important; }
  .category-section { padding:18px 12px 28px!important; }
  .category-section .categories { width:100%!important; max-width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; }
  .category-section .category-btn { width:100%!important; min-width:0!important; white-space:normal!important; padding:12px 8px!important; overflow-wrap:anywhere!important; }
  .products-swiper { padding-left:20px!important; padding-right:20px!important; }
}
@media (max-width:420px) {
  .support-wrapper { padding:18px 10px!important; }
  .contact-area { padding-inline:8px!important; }
  .support-card, .form-card { padding:17px 12px!important; }
  #articleGrid .body { padding:16px!important; }
  .category-section .category-title h2 { font-size:21px!important; }
}
/* === Final mobile fixes: eliminate horizontal overflow and expose back-to-top === */
html, body { max-width:100%; overflow-x:clip; }
body { min-width:0; }
*, *::before, *::after { box-sizing:border-box; }
#scrollToTopBtn, #backTop, .scroll-to-top {
  position:fixed !important;
  right:16px !important;
  left:auto !important;
  bottom:92px !important;
  z-index:10050 !important;
  max-width:56px !important;
}
#scrollToTopBtn .scroll-percent-label, #backTop .scroll-percent-label,
.scroll-to-top .scroll-percent-label { z-index:10051 !important; }
@media (max-width:850px) {
  /* The old illustrated category tree duplicates the dynamic category selector.
     Keep only the dynamic selector on phones. */
  #canvasContainer { display:none !important; }
  .attariSearchX-section, .attariSearchX-wrapper, .attariSearchX-box,
  .attari-dynamic-categories, .attari-dynamic-categories-head,
  #dynamicCategories, .attari-category-grid, .products-section,
  .category-product-group, .category-product-grid, .category-grid-item {
    min-width:0 !important; max-width:100% !important; box-sizing:border-box !important;
  }
  .attariSearchX-section { padding-inline:12px !important; }
  .attariSearchX-wrapper { width:100% !important; margin-inline:auto !important; }
  .attariSearchX-box { width:100% !important; }
  .attari-dynamic-categories { width:100% !important; padding:24px 12px !important; margin:0 auto !important; }
  .attari-category-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .attari-category-grid > *, .attari-category-grid button, .attari-category-grid a {
    width:100% !important; min-width:0 !important; max-width:100% !important;
    margin:0 !important; overflow-wrap:anywhere !important;
  }
  .products-section { padding:24px 12px !important; }
  .products-swiper { max-width:100% !important; }
  .category-product-grid, #categoryProductSections .category-product-grid,
  .category-products-groups .category-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .category-product-group { width:100% !important; margin-inline:0 !important; }
  body.gol-narges-public-page .mobile-bottom-nav { z-index:10000 !important; }
  #scrollToTopBtn, #backTop, .scroll-to-top { bottom:82px !important; right:12px !important; }
  body { padding-bottom:78px; }
}
@media (max-width:420px) {
  .attari-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .attari-category-grid > *, .attari-category-grid button, .attari-category-grid a { padding-inline:8px !important; }
}


/* Repair: stable drawer initial state and balanced footer after newsletter removal */
#sideMenu.side-menu { visibility:hidden; pointer-events:none; }
#sideMenu.side-menu.active { visibility:visible; pointer-events:auto; }
#overlay.overlay.active { visibility:visible!important; pointer-events:auto!important; }
.herbal-footer .footer-main {
  display:grid!important; grid-template-columns:minmax(230px,1.4fr) minmax(150px,.8fr) minmax(220px,1fr)!important;
  gap:clamp(22px,4vw,52px)!important; align-items:start;
}
.herbal-footer .footer-brand { max-width:100%!important; min-width:0; }
.herbal-footer .gol-footer-column { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:12px; color:#d0e3d7; padding-top:8px; }
.herbal-footer .gol-footer-column h3 { margin:0 0 8px; color:#fff; font-size:17px; }
.herbal-footer .gol-footer-column p { margin:0; line-height:1.9; color:#b8cfc1; font-size:14px; }
.herbal-footer .gol-footer-column a { color:#c9e0d1; text-decoration:none; line-height:1.8; }
.herbal-footer .gol-footer-column a:hover { color:#fff; text-decoration:underline; }
@media(max-width:760px){ .herbal-footer .footer-main { grid-template-columns:minmax(0,1fr)!important; gap:24px!important; padding-bottom:28px!important; } .herbal-footer .gol-footer-column { align-items:flex-start; } .herbal-footer .footer-brand { width:100%; } }


/* === GL NARGES: final responsive polish (visual layer only) === */
html { width:100%; max-width:100%; overflow-x:clip; }
body { width:100%; max-width:100%; min-width:0; overflow-x:clip; }
main, section, header, footer, nav, article, aside, form, .container, .wrapper { min-width:0; }
img, svg, video, canvas { max-width:100%; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }

/* Drawer and its backdrop must cover the header and dashboard, with the drawer above the blur. */
#overlay.overlay { position:fixed!important; inset:0!important; z-index:20000!important; }
#sideMenu.side-menu { position:fixed!important; top:0!important; bottom:0!important; right:0!important; height:100dvh!important; max-height:100dvh!important; z-index:20001!important; visibility:hidden!important; pointer-events:none!important; transform:translateX(105%); transition:transform .28s ease,visibility .28s ease!important; }
#sideMenu.side-menu.active { visibility:visible!important; pointer-events:auto!important; transform:translateX(0)!important; }
#overlay.overlay.active { visibility:visible!important; opacity:1!important; pointer-events:auto!important; }
body:has(#sideMenu.active) #topmenu, body:has(#sideMenu.active) #menu,
body:has(#sideMenu.active) .mobile-bottom-nav { z-index:100!important; }
@media (prefers-reduced-motion:reduce) { #sideMenu.side-menu, #overlay.overlay { transition:none!important; } }

/* Balanced product section headings/actions. Never allow the old tiny green CTA to clip its label. */
.product-section-actions { display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:100%!important; max-width:100%!important; margin:16px auto 22px!important; }
.product-section-action { min-height:42px!important; max-width:100%!important; width:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:10px 18px!important; border-radius:13px!important; border:1px solid #078d4a!important; text-decoration:none!important; font-size:14px!important; font-weight:800!important; line-height:1.4!important; white-space:nowrap!important; box-sizing:border-box!important; }
.product-section-action-all { color:#fff!important; background:#078d4a!important; }
.product-section-action-more { color:#087d49!important; background:#fff!important; }
.product-section-actions + .swiper, .products-section .swiper { width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; }
.products-section, .section-title { min-width:0!important; max-width:100%!important; }
.section-title { text-align:center!important; padding-inline:14px!important; }
.section-title h2 { max-width:100%; overflow-wrap:anywhere; line-height:1.55!important; }

/* Product page: suppress the redundant quick category strip on small screens; retain the full dynamic category chooser. */
@media (max-width:850px) {
  body.gol-narges-public-page .category-section { display:none!important; }
  body.gol-narges-public-page .attari-dynamic-categories,
  body.gol-narges-public-page #dynamicCategories { display:grid!important; width:100%!important; max-width:100%!important; }
  body.gol-narges-public-page .attari-dynamic-categories { padding:20px 12px!important; }
  body.gol-narges-public-page .attari-category-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body.gol-narges-public-page .products-section { padding-inline:10px!important; margin-inline:0!important; }
  body.gol-narges-public-page .products-swiper { padding-inline:8px!important; }
  body.gol-narges-public-page .swiper-slide { min-width:0!important; }
  body.gol-narges-public-page .product-section-actions { gap:8px!important; margin:13px auto 18px!important; }
  body.gol-narges-public-page .product-section-action { flex:0 1 auto!important; min-width:0!important; padding:10px 14px!important; font-size:13px!important; }
  body.gol-narges-public-page .mobile-bottom-nav { z-index:10020!important; }
  body.gol-narges-public-page .scroll-to-top, body.gol-narges-public-page #backTop, body.gol-narges-public-page #scrollToTopBtn { right:12px!important; bottom:calc(88px + env(safe-area-inset-bottom))!important; z-index:10030!important; }
  body.gol-narges-public-page .side-menu { z-index:20001!important; }
  body.gol-narges-public-page #overlay { z-index:20000!important; }
  /* Ticket/contact form fields fill the available card width without spilling beyond it. */
  .support, .support-wrapper, .support-card, .form-card, .contact-area, #contactForm, #ticketForm { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }
  .support-wrapper, .contact-area { padding-inline:12px!important; }
  .support-card, .form-card { padding:clamp(16px,4vw,24px)!important; }
  #contactForm input, #contactForm select, #contactForm textarea, #ticketForm input, #ticketForm select, #ticketForm textarea { display:block; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  #contactForm textarea, #ticketForm textarea { min-height:140px!important; resize:vertical; }
  /* Readable blog cards on phone. */
  #articleGrid { grid-template-columns:minmax(0,1fr)!important; }
  #articleGrid > *, #articleGrid .card { width:100%!important; min-width:0!important; max-width:100%!important; }
  /* FAQ answers remain accessible; only collapse until the question is clicked. */
  .faq-item .faq-answer { display:none; }
  .faq-item.active .faq-answer { display:block!important; }
}
@media (max-width:420px) {
  .product-section-actions { gap:7px!important; }
  .product-section-action { min-height:40px!important; padding:9px 11px!important; font-size:12px!important; }
  .section-title h2 { font-size:clamp(20px,6vw,27px)!important; }
  .attari-category-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .support-card, .form-card { border-radius:18px!important; }
}

/* Shared RTL drawer direction and right-edge anchoring on every page that has the site menu. */
html[dir="rtl"], body[dir="rtl"] { direction: rtl; }
#sideMenu.side-menu {
  direction: rtl !important;
  text-align: right !important;
  right: 0 !important;
  left: auto !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
}
#sideMenu .menu-header,
#sideMenu .drawer-brand,
#sideMenu .navigation,
#sideMenu .nav-item {
  direction: rtl !important;
}
#sideMenu .menu-header { text-align: right !important; }
#sideMenu .drawer-brand { flex-direction: row !important; }
#sideMenu .navigation { align-items: stretch !important; }
#sideMenu .nav-item {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: right !important;
}
#sideMenu .nav-item > span:not(.arrow) { text-align: right !important; }
#sideMenu .nav-item .arrow { margin-right: auto !important; margin-left: 0 !important; }
@media (max-width: 850px) {
  #sideMenu.side-menu {
    right: 0 !important;
    left: auto !important;
    transform: translateX(105%);
  }
  #sideMenu.side-menu.active { transform: translateX(0) !important; }
}


/* Keep the user dashboard drawer anchored to the right on desktop and mobile. */
@media (min-width: 851px) {
  #sideMenu.side-menu { right: 0 !important; left: auto !important; transform: translateX(105%) !important; border-radius: 28px 0 0 28px !important; }
  #sideMenu.side-menu.active { transform: translateX(0) !important; }
}
/* Removed conflicting desktop LTR navigation override. */
/* Keep official social logos small and aligned in both footer and drawer. */
.gol-narges-socials .social-platform-logo, #sideMenu .social-platform-logo {
  display:block; width:22px; height:22px; object-fit:contain;
}
#sideMenu .socials a { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; }
#sideMenu .socials svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }


/* گل نرگس — desktop header layout matching the approved reference.
   Desktop only: logo at the right, search in the middle, auth buttons at the left.
   Mobile header and drawer behavior intentionally remain unchanged. */
@media (min-width: 851px) {
  body.gol-narges-public-page #topmenu {
    display: grid !important;
    grid-template-columns: 100px 100px minmax(220px, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 24px !important;
    direction: ltr !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  body.gol-narges-public-page #topmenu > a:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    justify-self: start !important;
  }
  body.gol-narges-public-page #topmenu > a:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    justify-self: start !important;
  }
  body.gol-narges-public-page #topmenu > a:nth-of-type(1) > button#cc,
  body.gol-narges-public-page #topmenu > a:nth-of-type(2) > button#cc2 {
    display: block !important;
    width: 100px !important;
    height: 50px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.gol-narges-public-page #topmenu > .search-box {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }
  body.gol-narges-public-page #topmenu > .search-box input {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.gol-narges-public-page #topmenu > .gol-narges-brand {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    flex-direction: row !important;
    direction: rtl !important;
  }
}
@media (min-width: 851px) and (max-width: 1100px) {
  body.gol-narges-public-page #topmenu {
    grid-template-columns: 88px 88px minmax(150px, 1fr) max-content !important;
    column-gap: 14px !important;
    padding-inline: 16px !important;
  }
  body.gol-narges-public-page #topmenu > a:nth-of-type(1) > button#cc,
  body.gol-narges-public-page #topmenu > a:nth-of-type(2) > button#cc2 {
    width: 88px !important;
  }
  body.gol-narges-public-page #topmenu > .gol-narges-brand img {
    width: 40px !important;
    height: 40px !important;
  }
  body.gol-narges-public-page #topmenu > .gol-narges-brand span {
    font-size: 19px !important;
  }
}


/* Desktop main navigation: items flow right-to-left, with a small consistent gap; mobile drawer is untouched. */ @media (min-width: 851px) { #menu nav > ul { direction: rtl !important; flex-direction: row !important; column-gap: 22px !important; } #menu nav > ul > li { flex: 0 0 auto; } #menu nav > ul > li > a { direction: rtl !important; text-align: right !important; white-space: nowrap; } }


/* GL NARGES: reduce oversized vertical gaps between major page sections only.
   This stylesheet changes presentation only; no API/backend selectors or scripts are touched. */
.herbal-footer { margin-top: clamp(28px, 3.5vw, 48px) !important; }
.products-section { margin-top: clamp(22px, 2.8vw, 36px) !important; }
.section-title { margin-bottom: 18px !important; }
.product-section-actions { margin-top: 10px !important; margin-bottom: 16px !important; }
@media (max-width: 850px) {
  .products-section { padding-top: 22px !important; padding-bottom: 24px !important; margin-top: 18px !important; }
  .section-title { margin-bottom: 12px !important; }
  .herbal-footer { margin-top: 28px !important; }
}