/* ===== Header (GanjehKala) ===== */
.gk-header { position: sticky; top: 0; background:#fff; z-index: 50; border-bottom:1px solid #e5e7eb; }
.gk-header .container { max-width:1600px; margin:0 auto; padding:0 16px; }
.menu-container {
    display: flex;         /* عناصر را در یک ردیف کنار هم قرار می‌دهد */
    align-items: center;   /* عناصر را از نظر عمودی وسط‌چین می‌کند */
    gap: 5px;              /* یک فاصله ۸ پیکسلی بین آیکون و دکمه ایجاد می‌کند */
    width: fit-content;    /* عرض نگهدارنده به اندازه محتوا باشد */
}
.menu-container button {
    font-size: 14px;
    font-weight: 900;
    font-variation-settings: "wght" 600;
}
.category-menu a{
    text-decoration: none;
}
.custom-logo {
    width: 180px;
    height: auto;
    vertical-align: middle; /* FIX: برای تراز کردن عمودی لوگو با سایر عناصر اضافه شد */
}
.sub-menu .menu-item {
    font-size: 13px;
}
/* مرحله ۱: والد اصلی را فلکس کنید */
.header-bottom {
    display: flex;
    justify-content: space-between; /* کلید اصلی: فضا را بین فرزندان تقسیم می‌کند */
    align-items: center;            /* همه چیز را در راستای عمودی، وسط‌چین می‌کند */
padding: 10px 0 7px 0;
    
}

/* مرحله ۲: گروه سمت راست را هم فلکس کنید تا عناصر داخلش کنار هم باشند */
.header-start {
    display: flex;
    align-items: center;
    gap: 20px; /* یک فاصله زیبا بین منوی دسته‌بندی و منوی اصلی ایجاد می‌کند */
}

/* استایل پیشنهادی برای menu-container که در سوال قبل داشتید */
.menu-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* ===== TOP ROW ===== */
.gk-header .header-top {
    height:72px;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
}

.gk-header .logo { display:flex; align-items:center; gap:10px; white-space:nowrap; color:#ef394e; }
.gk-header .logo-mark { width:34px; height:34px; border-radius:50%; background:#ef394e; display:grid; place-items:center; color:#fff; font-weight:700; }
.gk-header .logo-text { font-weight:800; font-size:22px; color:#ef394e; }

/* ===== Search ===== */
.gk-search { flex: 0 1 clamp(280px, 40vw, 560px); min-width:220px; margin-inline-start:12px; }
.gk-search .search-wrap { position:relative; }

.gk-search .search-input{
    width:100%; height:44px; border:none; background:#f3f4f6; border-radius:5px;
    padding:0 48px;                  /* فضای آیکن سمت پایان */
    padding-inline-start:16px;       /* پایه: کرسر ابتدای باکس */
    text-align:start;
    outline:none; transition:background .2s;
    font-family:inherit;
}
.gk-search .search-input:focus { background:#fff; box-shadow:0 0 0 3px rgba(239,57,78,.06); }
.gk-search .search-input::placeholder{ color:transparent; }

/* وقتی خالی و بدون فوکوس است، جا برای «جستجو در + لوگو» بده */
.gk-search .search-input:not(:focus):placeholder-shown{
    padding-inline-start:140px;
}

/* آیکن‌ها */
.gk-search .search-ico { position:absolute; inset-inline-end:12px; top:50%; transform:translateY(-50%); display:grid; place-items:center; pointer-events:none; }
.gk-search .search-clear { position:absolute; inset-inline-end:40px; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:50%; border:none; background:transparent; display:none; cursor:pointer; }
.gk-search .search-clear:hover { background:#e5e7eb; }

/* Placeholder-Brand داخل اینپوت */
.gk-search .search-brand{
    position:absolute; inset-inline-start:14px; top:50%; transform:translateY(-50%);
    display:inline-flex; align-items:center; gap:8px;
    pointer-events:auto; cursor:text; user-select:none; white-space:nowrap;
    opacity:.9; transition:opacity .15s, visibility .15s;
}
.gk-search .search-brand__label{ font-size:14px; color:#6b7280; }
.gk-search .search-brand__logo img{ height:18px; width:auto; display:block; }
.gk-search .search-brand__text{ font-size:14px; color:#6b7280; font-weight:700; }


/* START: ===== کدهای اضافه شده برای تغییر پلیس‌هولدر جستجو ===== */
/* در حالت دسکتاپ، لوگو و متن "جستجو در" را مخفی کرده و متن "جستجو" را نمایش می‌دهیم */
.gk-search .search-brand__logo,
.gk-search .search-brand__label {
    display: none;
}
.gk-search .search-brand::before {
    content: 'جستجو';
    font-size: 14px;
    color: #6b7280;
}
/* فاصله داخلی را برای متن کوتاه‌تر تنظیم می‌کنیم */
.gk-search .search-input:not(:focus):placeholder-shown {
    padding-inline-start: 85px !important;
}
/* END: ===== پایان کدهای اضافه شده ===== */


/* محو شدن برند */
.gk-search .search-input:focus ~ .search-brand,
.gk-search .search-input:not(:placeholder-shown) ~ .search-brand{
    opacity:0; visibility:hidden;
}

/* ===== Actions ===== */
.gk-header .actions { display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
.gk-header .action-btn { display:inline-flex; align-items:center; height:40px; border:none; background:transparent; cursor:pointer; color:#111; }
.gk-header .action-btn .label { display:none; }
.gk-header .icon { width:24px; height:24px; display:inline-block; }

.gk-header .badge { min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#ef394e; color:#fff; display:inline-flex; justify-content:center; align-items:center; font-size:11px; font-weight:700; transform:translate(6px,-8px); }

.gk-header .divider { height:24px; width:1px; background:#e5e7eb; margin:0 4px; }

/* ===== Bottom Row ===== */
.menu-container button {
  font-variation-settings: "wght" 600;
}
.gk-header .header-bottom { height:44px; display:flex; align-items:center; justify-content:space-between; }
.gk-header .gk-main-nav { display:flex; align-items:center; }
.gk-header .gk-menu > li > a { font-size:0.79rem; font-variation-settings: "wght" 400; color:#62666d !important; display:inline-flex; align-items:center; gap:8px; padding:6px 8px; border-radius:8px; white-space:nowrap; }
.gk-header .gk-menu > li > a:hover { background:#f3f4f6; }

.gk-header .menu-button { display:none; align-items:center; gap:8px; padding:6px 10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; cursor:pointer; }
.gk-header .location { display:flex; align-items:center; gap:6px; color:#4b5563; font-size:13px; cursor:pointer; background:transparent; border:0; }
.gk-header .location .dot { width:6px; height:6px; background:#ef394e; border-radius:50%; }

/* ===== Drawer (mobile) ===== */
#gkOverlay { position:fixed; inset:0; background:rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:.2s; z-index:40; }
#gkOverlay.show { opacity:1; visibility:visible; }
#gkDrawer { position:fixed; top:0; bottom:0; inset-inline-start:0; width:320px; background:#fff; box-shadow:0 4px 24px rgba(0,0,0,.06); transform:translateX(-100%); transition:transform .25s ease; z-index:45; display:flex; flex-direction:column; }
html[dir="rtl"] #gkDrawer { transform:translateX(100%); }
#gkDrawer.show { transform:translateX(0); }
#gkDrawer header { position:sticky; top:0; }
#gkDrawer .drawer-head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #e5e7eb; }
#gkDrawer .drawer-body { padding:12px 8px; overflow:auto; }
#gkDrawer .drawer-nav a, .gk-drawer-nav a { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; color:#374151; }
#gkDrawer .drawer-nav a:hover, .gk-drawer-nav a:hover { background:#f3f4f6; }

/* ===== Location Dialog ===== */
.location-dialog { border:none; border-radius:16px; padding:0; box-shadow:0 4px 24px rgba(0,0,0,.06); width:min(560px,92vw); }
.location-dialog::backdrop { background:rgba(0,0,0,.35); }
.location-dialog .ld-head { display:flex; align-items:center; justify-content:space-between; padding:16px; border-bottom:1px solid #e5e7eb; }
.location-dialog .ld-body { padding:16px; }
.location-dialog .cities { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.location-dialog .city { padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; cursor:pointer; text-align:center; }
.location-dialog .city:hover { background:#f3f4f6; }

/* ===== Responsiveness ===== */
@media (max-width: 992px){
    .gk-header .gk-menu { display:none; }
    .gk-header .menu-button { display:inline-flex; }
    .gk-search { flex-basis: clamp(260px, 44vw, 520px); }
}

/* موبایل تا 768px: فقط جستجو + اعلان، لوگوی بیرونی حذف */
@media (max-width: 768px){
    .gk-header .logo,
    .gk-header .custom-logo-link,
    .gk-header .custom-logo { display:none !important; }

    .gk-header .header-top {
        display:grid; grid-template-columns: 1fr max-content;
        align-items:center; gap:10px; height:auto; padding-block:8px;
    }

    .gk-search { min-width:0; margin-inline-start:0; }
    .gk-search .search-input{ height:40px; padding-inline-start:16px; }
    .gk-search .search-input:not(:focus):placeholder-shown{ padding-inline-start:140px; }
    .gk-search .search-brand__logo img{ height:16px; }

    /* FIX: جلوگیری از زوم خودکار در موبایل هنگام فوکوس */
    .gk-search .search-input:focus {
        font-size: 16px;
    }

    /* START: ===== بازگرداندن استایل جستجو به حالت اولیه در موبایل ===== */
    .gk-search .search-brand__logo,
    .gk-search .search-brand__label {
        display: inline-block;
    }
    .gk-search .search-brand::before {
        display: none;
    }
    .gk-search .search-input:not(:focus):placeholder-shown {
        padding-inline-start: 140px !important;
    }

    .gk-header .actions {
        display:flex; justify-content:flex-end; align-items:center; gap:4px;
        margin-inline-start:0;
        inline-size: max-content;
    }
    .dgwt-wcas-sf-wrapp,
    .dgwt-wcas-search-wrapp,
    .dgwt-wcas-search-form { min-width: 0 !important; }


    .gk-header .actions > * { display:none !important; }
    .gk-header .actions > .gk-actions__notif { display:inline-flex !important; }
    .gk-header .actions > [aria-label*="اعلان"],
    .gk-header .actions > [aria-label*="notification" i],
    .gk-header .actions > [class*="notif" i] { display:inline-flex !important; }

    .gk-header .menu-button,
    .gk-header .divider,
    .gk-header .gk-account,
    .gk-header #gkAccountToggle,
    .gk-header #gkCartToggle,
    .gk-header .gk-cart,
    .gk-header .location,
    .gk-header .header-bottom,
    .gk-header .gk-main-nav { display:none !important; }

    /* مخفی/نمایان شدن کل هدر هنگام اسکرول */
    .gk-header{ transition: transform .22s ease; will-change: transform; backface-visibility: hidden; }
    .gk-header.gk-hide{ transform: translateY(-100%); }
}








:root{
    --gk-mini-w: 420px;
    --gk-mini-max-h: 80vh; /* کمی بیشتر برای راحتی */
    --gk-mini-gap: 8px;
    --gk-mini-radius: 12px;
    --gk-mini-line: #e5e7eb;
    --gk-mini-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* --- ساختار اصلی پنل (این بخش تقریباً بدون تغییر است) --- */
#gkMiniCart{ position: fixed; inset: 0; z-index: 10050; pointer-events: none; visibility: hidden; }
#gkMiniCart .gk-minicart-backdrop,
#gkMiniCart .gk-minicart-panel{ opacity: 0; transition: opacity .18s ease, transform .18s ease, visibility .18s; }
#gkMiniCart.is-open{ pointer-events: auto; visibility: visible; }
#gkMiniCart.is-open .gk-minicart-backdrop,
#gkMiniCart.is-open .gk-minicart-panel{ opacity: 1; }
#gkMiniCart .gk-minicart-backdrop{ position: fixed; inset: 0; background: rgba(0, 0, 0, 0.48); }
#gkMiniCart .gk-minicart-panel{ position: absolute; inline-size: min(var(--gk-mini-w), calc(100vw - 24px)); max-block-size: var(--gk-mini-max-h); background: #fff; border: 1px solid var(--gk-mini-line); border-radius: var(--gk-mini-radius); box-shadow: var(--gk-mini-shadow); display: flex; flex-direction: column; transform-origin: top right; transform: translateY(6px) scale(.98); }
html[dir="rtl"] #gkMiniCart .gk-minicart-panel{ transform-origin: top left; }
#gkMiniCart.is-open .gk-minicart-panel{ transform: translateY(var(--gk-mini-gap)) scale(1); }
#gkMiniCart .gk-mini-caret{ position: absolute; top: -6px; inline-size: 12px; block-size: 12px; background: #fff; border-inline-start: 1px solid var(--gk-mini-line); border-block-start: 1px solid var(--gk-mini-line); transform: rotate(45deg); }
#gkMiniCart .gk-minicart-head{ padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--gk-mini-line); flex-shrink: 0; }
#gkMiniCart .gk-minicart-body{ display: flex; flex-direction: column; overflow: hidden; flex-grow: 1; }


/* --- استایل محتوای داخلی (حالا کامل در کنترل ماست) --- */

/* لیست آیتم‌ها */
.gk-mini-items {
    list-style: none;
    margin: 0;
    padding: 8px 16px;
    overflow-y: auto;
    flex-grow: 1; /* این بخش اسکرول می‌خورد */
}
.gk-mini-item {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
}
.gk-mini-item:last-child {
    border-bottom: 0;
}

/* تصویر محصول */
.gk-mi-thumb img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* جزئیات محصول */
.gk-mi-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.gk-mi-title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
}
/* استایل اطلاعات متغیرها */
.gk-mi-details .variation {
    margin: 0; padding: 0; font-size: 12px; color: #6b7280; line-height: 1.6;
}
.gk-mi-details .variation p { margin: 0; } /* حذف مارجین پاراگراف اگر وجود داشت */
.gk-mi-details .variation dt, .gk-mi-details .variation dd { display: inline; margin: 0; }
.gk-mi-details .variation dt::after { content: ': '; }
.gk-mi-details .variation dd::after { content: ' / '; margin-inline: 4px; }
.gk-mi-details .variation dd:last-of-type::after { content: ''; }

.gk-mi-quantity-price {
    font-size: 13px;
    color: #333;
    direction: ltr;
    text-align: right;
}

/* دکمه حذف */
.gk-mi-remove .remove {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; font-size: 24px; color: #9ca3af;
    text-decoration: none; border-radius: 50%;
    transition: color .2s, background-color .2s;
}
.gk-mi-remove .remove:hover { color: #ef394e; background-color: #fef2f2; }

/* فوتر: جمع کل و دکمه‌ها */
.gk-mini-summary {
    padding: 12px 16px;
    border-top: 1px solid var(--gk-mini-line);
    background: #fcfcfc;
    flex-shrink: 0; /* این بخش همیشه در پایین ثابت است */
}
.gk-ms-row {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;
}
.gk-ms-actions { display: flex; gap: 10px; }
.gk-btn {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px;
    border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; text-align: center;
}
.gk-btn-primary { background: #ef394e; color: #fff; border: 1px solid #ef394e; }
.gk-btn-outline { background: #fff; color: #111; border: 1px solid #e5e7eb; }

/* پیام سبد خرید خالی */
.gk-mini-empty { padding: 32px 16px; text-align: center; color: #6b7280; margin: auto 0; }
.gk-mini-empty-ico { font-size: 40px; display: block; margin-bottom: 10px; opacity: 0.5; }






























/* ===== Account Dropdown ===== */
.gk-account{ position: relative;}
.page-content .gk-account{ position: relative; margin-top: 30px;}
.gk-account .gk-caret{ transition: transform .18s ease; width: 10px; }
.gk-acc-menu{
    position: absolute; inset-inline-end: 0; top: calc(100% + 8px);
    min-inline-size: 240px; max-inline-size: min(320px, 90vw);
    background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12); padding: 8px;
    z-index: 10060; opacity: 0; visibility: hidden;
    transform: translateY(-6px) scale(.98); transform-origin: top;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.gk-account.is-open .gk-acc-menu{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.gk-account.is-open .gk-caret{ transform:rotate(180deg); }

.gk-acc-item{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-radius:10px; color:#374151; text-decoration:none; font-size:14px; }
.gk-acc-item:hover{ background:#f7f7f7; }
.gk-acc-item--profile{ font-weight:700; color:#111; border-bottom:1px dashed #eee; margin-bottom:6px; }
.gk-acc-item--logout{ color:#d32f2f; }
.gk-acc-item--logout:hover{ background:#ffebee; }

/* ===== Desktop animation for Bottom Row ===== */
@media (min-width: 993px){
    .gk-header .header-bottom{
        transition:
                transform .26s cubic-bezier(.2,.6,.2,1),
                opacity   .22s ease,
                margin    .26s cubic-bezier(.2,.6,.2,1);
        will-change: transform, opacity, margin;
    }
    .gk-header.gk-bottom-hidden .header-bottom{
        transform: translateY(-100%);
        margin-top: calc(var(--gk-hb-h, 44px) * -1);
        opacity: 0;
        pointer-events: none;
    }
}


/* ===================================================================
   GK Menu — بازنویسی کامل و بهینه شده (RTL-safe)
   =================================================================== */

/* --- متغیرهای اصلی برای کنترل آسان --- */
.gk-header .gk-main-nav,
.site-header-fallback,
.drawer-nav {
  --gk-menu-gap:        0px;
  --gk-menu-pad-y:      6px;
  --gk-menu-pad-x:      10px;
  --gk-menu-radius:     8px;
  --gk-menu-color:      #374151;
  --gk-menu-hover-bg:   #f3f4f6;
  --gk-sub-radius:      10px;
  --gk-sub-border:      #e5e7eb;
  --gk-sub-shadow:      0 10px 30px rgba(0,0,0,.08);
  
  /* [اصلاح کلیدی] اندازه آیکن‌ها به صورت وابسته به فونت (em) برای هماهنگی بهتر */
  --gk-icon-size:       1.2em; 
  --gk-icon-gap:        0.5rem;
  
  --gk-sub-pad:         8px;
  --gk-sub-min-w:       200px;
  --gk-sub-gap-y:       6px;
}

/* --- ریست و ساختار پایه‌ای منو (بدون تغییر) --- */
.gk-header .gk-main-nav .gk-menu,
.gk-header .gk-main-nav .gk-menu ul,
.site-header-fallback .gk-menu,
.site-header-fallback .gk-menu ul,
.drawer-nav .gk-drawer-nav,
.drawer-nav .gk-drawer-nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- چیدمان ردیف اصلی منو (بدون تغییر) --- */
.gk-header .gk-main-nav .gk-menu,
.site-header-fallback .gk-menu {
  display: flex;
  align-items: center;
}

.gk-header .gk-main-nav .gk-menu > li,
.site-header-fallback .gk-menu > li {
  position: relative;
}

/* --- لینک‌های منو --- */
/* [اصلاح کلیدی] اطمینان از هم‌ترازی آیکن و متن */
.gk-header .gk-main-nav .gk-menu > li > a,
.site-header-fallback .gk-menu > li > a,
.drawer-nav .gk-drawer-nav > li > a {
  display: inline-flex;       /* ۱. تبدیل لینک به فلکس برای چیدمان فرزندان */
  align-items: center;        /* ۲. هم‌ترازی عمودی کامل آیکن و متن */
  gap: var(--gk-icon-gap);    /* ۳. ایجاد فاصله استاندارد بین آیکن و متن */
  
  padding: var(--gk-menu-pad-y) var(--gk-menu-pad-x);
  border-radius: var(--gk-menu-radius);
  text-decoration: none !important;
  color: var(--gk-menu-color);
  line-height: 1.4;
  white-space: nowrap;
}

.gk-header .gk-main-nav .gk-menu > li > a:hover,
.site-header-fallback .gk-menu > li > a:hover,
.drawer-nav .gk-drawer-nav > li > a:hover {
  background: var(--gk-menu-hover-bg);
  outline: none;
}

/* وضعیت فعال (بدون تغییر) */
.gk-header .gk-main-nav .gk-menu > li.current-menu-item > a,
.gk-header .gk-main-nav .gk-menu > li.current-menu-ancestor > a,
.site-header-fallback .gk-menu > li.current-menu-item > a,
.site-header-fallback .gk-menu > li.current-menu-ancestor > a {
  font-weight: 600;
}


/* =======================================================
   بخش آیکن‌ها - بازنویسی کامل برای حل مشکل
   ======================================================= */
/* ظرف آیکن */
.gk-menu .gk-mi__ico,
.gk-drawer-nav .gk-mi__ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.125em;
  height:1.125em;
  flex:0 0 1.125em;
  vertical-align:-0.15em;   /* تراز بهتر با خط متن */
  line-height:1;
}

/* خود svg کامل و بدون بریدگی */
.gk-menu .gk-mi__ico svg,
.gk-drawer-nav .gk-mi__ico svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

/* فقط اگر می‌خواهی از رنگ متن استفاده کند، این کلاس را بده */
.gk-menu .gk-mi__ico.gk-color-inherit,
.gk-menu .gk-mi__ico.gk-color-inherit *{
  fill:currentColor;
  stroke:currentColor;
}
.gk-menu .gk-mi__ico.gk-color-inherit [fill="none"]{ fill:none; }


/* خود svg همیشه کامل دیده شود */
.gk-menu .gk-mi__ico svg,
.gk-drawer-nav .gk-mi__ico svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;          /* stroke نبُریده شود */
}

/* فقط اگر خواستی رنگ از متن بیاید، این کلاس را بده */
.gk-menu .gk-mi__ico.gk-color-inherit,
.gk-menu .gk-mi__ico.gk-color-inherit *{
  fill:currentColor;
  stroke:currentColor;
}
.gk-menu .gk-mi__ico.gk-color-inherit [fill="none"]{ fill:none; }

/* متن کنار آیکن */
.gk-menu .gk-mi__txt{ line-height:1.4; white-space:nowrap; }


/* --- زیرمنوها (بدون تغییر) --- */
.gk-header .gk-main-nav .gk-menu li ul.sub-menu,
.site-header-fallback .gk-menu li ul.sub-menu {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  min-inline-size: var(--gk-sub-min-w);
  background: #fff;
  border: 1px solid var(--gk-sub-border);
  border-radius: var(--gk-sub-radius);
  box-shadow: var(--gk-sub-shadow);
  padding: var(--gk-sub-pad);
  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
  z-index: 1000;
  pointer-events: none;
}
.gk-header .gk-main-nav .gk-menu li:hover > ul.sub-menu,
.gk-header .gk-main-nav .gk-menu li:focus-within > ul.sub-menu,
.site-header-fallback .gk-menu li:hover > ul.sub-menu,
.site-header-fallback .gk-menu li:focus-within > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.gk-header .gk-main-nav .gk-menu li ul.sub-menu a,
.site-header-fallback .gk-menu li ul.sub-menu a {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--gk-menu-color);
  text-decoration: none !important;
  line-height: 1.4;
}
.gk-header .gk-main-nav .gk-menu li ul.sub-menu a:hover,
.site-header-fallback .gk-menu li ul.sub-menu a:hover {
  background: #f7f7f7;
  outline: none;
}


/* --- منوی موبایل در دراور (بدون تغییر) --- */
.drawer-nav .gk-drawer-nav { display: block; }
.drawer-nav .gk-drawer-nav > li { display: block; }
.drawer-nav .gk-drawer-nav li ul.sub-menu {
  margin: 4px 0 6px;
  padding-inline-start: 10px;
}


/* ==========================================================================
   بنر بالای هدر (GK Top Banner)
   ========================================================================== */

#gk-top-banner {
    position: relative;
    /* بالاتر از هدر چسبان قالب (که معمولا z-index کمتری دارد) قرار می‌گیرد */
    z-index: 60;
    line-height: 0; /* حذف فضای خالی اضافی */
    /* اگر در حالت contain از رنگ پس‌زمینه استفاده می‌کنید، این خط را فعال کنید */
    /* background-color: #f0f0f0; */
}

/* لینک باید تمام فضای بنر را برای کلیک کردن پوشش دهد */
#gk-top-banner .gk-top-banner__link {
    display: block;
}
/* ظرف ورودی باید relative باشد */
.dgwt-wcas-sf-wrapp { position: relative; }

/* Placeholder نمایشی */
.gk-fibo-ph{
    position: absolute;
    top: 50%;
    inset-inline-start: 14px;   /* با RTL سازگار */
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    pointer-events: none;
    color: #6b7280;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    visibility: visible;
    transition: opacity .15s ease, visibility .15s ease;
    margin-right: 10px;
}

/* وقتی کاربر فوکوس می‌کند یا چیزی تایپ می‌کند، مخفی شو */
.dgwt-wcas-search-input:focus ~ .gk-fibo-ph,
.dgwt-wcas-search-input:not(:placeholder-shown) ~ .gk-fibo-ph{
    opacity: 0;
    visibility: hidden;
}

/* نسخه دسکتاپ و موبایل */
.gk-fibo-ph__d { display: inline; }  /* دسکتاپ: "جستجو" */
.gk-fibo-ph__m { display: none; }     /* موبایل: "جستجو در + لوگو" */

/* لوگو داخل placeholder موبایل */
.gk-fibo-ph__logo img{
    display: inline-block;
    height: 16px;
    width: auto;
    vertical-align: -3px; /* کمی تراز */
}

/* اگر لوگو نداشتی، نام سایت به عنوان متن */
.gk-fibo-ph__site{
    font-weight: 700;
    color: #6b7280;
}

/* موبایل: سویچ کن روی "جستجو در + لوگو" */
@media (max-width: 768px){
    .gk-fibo-ph__d { display: none; }
    .gk-fibo-ph__m { display: inline-flex; align-items: center; gap: 6px; }

    /* کمی پدینگ بده که متن باکرامت جا شود */
    .dgwt-wcas-search-input{
        padding-inline-start: 120px; /* اگر تنگ بود، بیشترش کن */
    }
}

/* دسکتاپ: پدینگ معمولی؛ چون متن کوتاه است */
@media (min-width: 769px){
    .dgwt-wcas-search-input{
        padding-inline-start: 16px;
    }
}

/* اگر آیکن ذره‌بین داخل ورودی گذاشتی و سمت شروع است،
   پدینگ را هماهنگ کن تا Placeholder روی هم نیفتد */
.dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier{
    margin-inline-start: 8px;
}

#gk-top-banner picture,
#gk-top-banner img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* حالت پیش‌فرض: تمام فضا را بپوشان و اگر لازم بود برش بزن */
}

/* استایل مخصوص حالتی که گزینه "نمایش بدون برش" فعال باشد */
#gk-top-banner.gk-top-banner--contain img {
    object-fit: contain;
}

/*
 * در نمایشگرهای بسیار بزرگ، عرض تصویر را محدود کن تا بیش از حد کشیده نشود.
 * مقدار max-width را می‌توانید متناسب با عرض محتوای اصلی سایت خود تغییر دهید.
 */
@media (min-width: 1600px) {
    #gk-top-banner img {
        max-width: 100%;;
        margin: 0 auto; /* وسط‌چین کردن تصویر محدود شده */
    }
}

#dgwt-wcas-search-input-1 {
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 0 !important;
  border-radius: 8px !important;
}
.dgwt-wcas-suggestions-wrapp a {
  text-decoration: none;
}