/* ==========================================================================
   حلما جین - استایل اختصاصی هدر و اسلایدر (آخرین فایل CSS بارگذاری‌شده)
   ========================================================================== */

:root{
  --helma-jean-pink:#e5177f;
  --helma-jean-pink-dark:#c2126b;
  --helma-jean-navy:#2b3a80;
  --helma-jean-gold:#c9a227;
  --helma-jean-ink:#20223a;
  --helma-jean-line:#eceaf3;
  --helma-jean-radius:14px;
  --helma-jean-shadow:0 10px 30px rgba(32,34,58,.08);
}

body{ font-family:"IRANSansX","IRANSansWeb","Vazirmatn",Tahoma,sans-serif; background:#fff; color:var(--helma-jean-ink); }

/* عرض کانتینر سراسری سایت: چون این فایل آخرین CSS بارگذاری‌شده است، این قانون روی
   قانون‌های قبلی (از جمله style.css با --rb-container-width:1200px) غالب می‌شود.
   توجه: هدر (#header .container) قانون اختصاصی خودش را چند خط پایین‌تر دارد و چون
   specificity بالاتری دارد (#header .container) تحت تأثیر این قانون قرار نمی‌گیرد. */
.container{
  max-width:1600px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px;
  padding-right:10px;
}

/* ---------------------------- هدر ---------------------------- */
#header{
  position:sticky; top:0; z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--helma-jean-line);
  box-shadow:0 4px 24px rgba(32,34,58,.06);
  min-height:0; /* رفع اضافه‌شدن فضای خالی سفید زیر هدر: تم پایه min-height:90px اجباری داشت که با ارتفاع کوچک‌تر هدر در موبایل (60/70px) هم‌خوانی نداشت و باعث یک نوار سفید خالی زیر هدر می‌شد */
}
#header .container{ max-width:1400px; margin:0 auto; padding:0 24px; }

#header .header{
  display:flex;
  align-items:center;
  gap:20px; min-height:86px; position:relative;
}

/* لوگو - وسط واقعی هدر: چون دو طرفش (منو و آیکون‌ها) عرض دقیقاً برابر دارند (flex-basis:0)، همیشه وسط می‌ماند */
#header .header__logo{
  order:2; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:800; color:var(--helma-jean-navy);
  min-width:0;
}
#header .header__logo img{ max-height:62px; width:auto; }

/* منوی اصلی - نصف فضای باقی‌مانده؛ اگر جا کم بیاورد اسکرول افقی می‌خورد نه این‌که روی لوگو بیفتد */
#header .header__menu{
  order:1; flex:1 1 0; min-width:0;
  display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:nowrap;
  max-width:100%; overflow:visible;
  margin:0; padding:0; list-style:none;
}
/* توجه: عمداً overflow-x:auto روی این عنصر گذاشته نمی‌شود؛ چون هر مقداری غیر از visible
   روی overflow-x باعث می‌شود مرورگر overflow-y را هم به auto تبدیل کند و در نتیجه پنل
   مگامنو (که به‌صورت absolute پایین‌تر از ردیف منو باز می‌شود) بریده/نامرئی شود. */
#header .header__menu > li{ position:relative; }
#header .header__menu > li > a{
  display:block; padding:10px 0;
  font-size:15px; font-weight:600; color:var(--helma-jean-ink);
  white-space:nowrap;
}
#header .header__menu > li > a:hover,
#header .header__menu > li.current-menu-item > a{ color:var(--helma-jean-pink); }

/* زیرمنو */
#header .header__menu li ul{
  position:absolute; top:100%; right:0; min-width:210px;
  background:#fff; border:1px solid var(--helma-jean-line); border-radius:var(--helma-jean-radius);
  box-shadow:var(--helma-jean-shadow); padding:8px 0; margin:0; list-style:none;
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:.2s ease; z-index:1200;
}
#header .header__menu li:hover > ul{ opacity:1; visibility:visible; transform:translateY(0); }
#header .header__menu li ul li a{ display:block; padding:9px 18px; font-size:14px; }
#header .header__menu li ul li a:hover{ background:#fdf2f8; color:var(--helma-jean-pink); }

/* ---------------------------- مگامنوی دسته‌بندی (مثلاً «لباس زنانه») ---------------------------- */
/* آیتم مگامنو را static می‌کنیم تا پنل نسبت به کل هدر (که position:relative دارد) وسط‌چین/عریض شود */
#header .header__menu > li.menu-item-has-mega{ position:static; }
#header .header__menu > li.menu-item-has-mega > a{
  display:flex; align-items:center; gap:5px;
}
#header .header__menu > li.menu-item-has-mega > a::after{
  content:""; width:6px; height:6px; margin-top:-2px;
  border-inline-end:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg); transition:transform .2s ease; opacity:.7;
}
#header .header__menu > li.menu-item-has-mega:hover > a::after{ transform:rotate(225deg); margin-top:2px; }

#header .header__menu > li.menu-item-has-mega > .megaMenu{
  display:block; /* رفع display:none قدیمی مین.سی‌اس‌اس */
  position:absolute; top:calc(100% + 1px); right:0; left:0; margin:0 auto;
  width:min(980px,94vw); max-width:calc(100% - 24px);
  min-height:380px; border-radius:var(--helma-jean-radius); overflow:hidden;
  background:#fff; border:1px solid var(--helma-jean-line); box-shadow:var(--helma-jean-shadow);
  padding:0;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
  z-index:1300;
}
#header .header__menu > li.menu-item-has-mega:hover > .megaMenu{
  opacity:1; visibility:visible; transform:translateY(0);
}

/* رنگ‌آمیزی برند روی تب‌های مگامنو (پایه استایل از main.css می‌آید) */
#header .megaMenuWrap{ align-items:stretch; }
#header .megaMenu__tabs{ background:rgba(229,23,127,.06); }
#header .megaMenu__tabs--list li a:hover,
#header .megaMenu__tabs--list li.active a{ color:var(--helma-jean-pink) !important; }
#header .megaMenu__tabs--content{ padding:22px; }
#header .megaMenu__tabs--content .megamenuContentList{ margin:0; }
#header .megaMenu__tabs--content .megamenuHeadTitle{ color:var(--helma-jean-ink); }
#header .megaMenu__tabs--content .megamenuHeadTitle:hover{ color:var(--helma-jean-pink); }
#header .megaMenu__tabs--image{ align-self:stretch; }
#header .megaMenu__tabs--image img{ height:100%; object-fit:cover; }

/* عنوان زیردسته که فقط در حالت موبایل (بالای هر بلوک) نشان داده می‌شود */
#header .megamenuMobileHeading{ display:none; }

@media (max-width:1300px){
  #header .header__menu > li.menu-item-has-mega > .megaMenu{ width:min(880px,92vw); }
}
@media (max-width:1100px){
  #header .header__menu > li.menu-item-has-mega > .megaMenu{ width:min(680px,92vw); }
  #header .megaMenu__tabs--content .megamenuContentList{ column-count:2; }
  #header .megaMenu__tabs--image{ display:none; }
}
@media (max-width:992px){
  /* روی موبایل هاور معنی ندارد، پس همه‌ی زیردسته‌ها با هم به‌صورت فهرست ساده نشان داده می‌شوند */
  #header .header__menu > li.menu-item-has-mega > .megaMenu{
    position:static; opacity:1; visibility:visible; transform:none;
    width:100% !important; max-width:100%; min-height:0; overflow:visible;
    box-shadow:none; border:0; border-radius:0;
    padding:6px 4px 14px;
  }
  #header .megaMenuWrap{ flex-direction:column; }
  #header .megaMenu__tabs{ display:none; }
  #header .megaMenu__tabs--image{ display:none; }
  #header .megaMenu__tabs--content{ padding:0; max-width:100%; }
  #header .tab-content > .tab-pane{ display:block !important; }
  #header .megamenuMobileHeading{
    display:block; font-weight:800; font-size:14px; color:var(--helma-jean-navy);
    margin:14px 0 6px; padding:0 6px;
  }
  #header .megamenuMobileHeading:hover{ color:var(--helma-jean-pink); }
  #header .megaMenu__tabs--content .megamenuContentList{
    column-count:1 !important; max-height:none !important; padding:0 6px;
  }
  #header .megaMenu__tabs--content .megamenuContentList li a{
    display:block; padding:7px 0; border-bottom:1px solid var(--helma-jean-line);
  }
  #header .header__menu > li.menu-item-has-mega > a::after{ display:none; }
}

/* آیکون‌های سمت چپ */
#header .header__detail{
  order:3; flex:1 1 0; min-width:0;
  display:flex; align-items:center; justify-content:flex-end; gap:18px;
  overflow-x:auto; scrollbar-width:none;
  margin:0; padding:0; list-style:none;
}
#header .header__detail::-webkit-scrollbar{ display:none; }
#header .header__detail--items{
  display:flex; align-items:center; gap:8px;
  font-size:14px; font-weight:600; color:var(--helma-jean-ink); cursor:pointer; position:relative;
}
#header .header__detail--items:hover{ color:var(--helma-jean-pink); }
#header .basket-num{
  display:inline-flex; align-items:center; justify-content:center;
  width:auto; min-width:20px; height:20px; padding:0 5px; border-radius:999px;
  background:var(--helma-jean-pink); color:#fff; font-size:12px; font-weight:700;
}
#header .basket-num.bump{ animation:helmaJeanBump .3s ease; }
@keyframes helmaJeanBump{ 50%{ transform:scale(1.35); } }

/* آیکون ذره‌بین */
#header .search-icon{ position:relative; width:18px; height:18px; }
#header .search-circle{
  position:absolute; inset:0 auto auto 0; width:13px; height:13px;
  border:2px solid currentColor; border-radius:50%;
}
#header .search-line{
  position:absolute; bottom:1px; right:0; width:8px; height:2px;
  background:currentColor; transform:rotate(45deg); transform-origin:left center;
}
#header .search-line.second-line{ display:none; }

/* حساب کاربری */
#header .userArea{ position:relative; }
#header #userArea{
  position:absolute; top:calc(100% + 16px); left:0; width:230px;
  background:#fff; border:1px solid var(--helma-jean-line); border-radius:var(--helma-jean-radius);
  box-shadow:var(--helma-jean-shadow); padding:16px; text-align:center;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; z-index:1200;
}
#header .userArea:hover #userArea{ opacity:1; visibility:visible; transform:translateY(0); }
#header #userArea p{ font-size:13px; color:#6b6b80; margin:0 0 12px; line-height:1.9; }
#header #userArea .btn{
  display:block; width:100%; margin-bottom:8px; padding:9px 0; font-size:14px;
  border-radius:10px; background:var(--helma-jean-pink); color:#fff; text-align:center;
}
#header #userArea .btn:hover{ background:var(--helma-jean-pink-dark); }
#header #userArea .registerLinkModal{ background:#f4f3f8; color:var(--helma-jean-ink); }

/* مگامنوی دسته‌بندی */
.megaMenuStandalone{ order:1; position:relative; }
.megaMenuStandalone__trigger{
  display:inline-block; padding:9px 18px; border-radius:999px;
  background:var(--helma-jean-pink); color:#fff; font-size:14px; font-weight:700;
}
.megaMenuStandalone__trigger:hover{ background:var(--helma-jean-pink-dark); color:#fff; }
.megaMenuStandalone .megaMenu{
  position:absolute; top:calc(100% + 18px); right:0; width:min(900px,90vw);
  background:#fff; border:1px solid var(--helma-jean-line); border-radius:18px;
  box-shadow:var(--helma-jean-shadow); padding:24px;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; z-index:1200;
}
.megaMenuStandalone:hover .megaMenu,
.megaMenuStandalone.open .megaMenu{ opacity:1; visibility:visible; transform:translateY(0); }
.megamenuContentList > li{ width:25% !important; padding:0 12px 18px; }
.megamenuHeadTitle{ display:block; font-weight:800; color:var(--helma-jean-navy); margin-bottom:8px; }
.megamenuContentList ul li a{ display:block; font-size:13.5px; color:#5c5c72; padding:4px 0; }
.megamenuContentList ul li a:hover{ color:var(--helma-jean-pink); }

/* دکمه همبرگری: چیدمان و نمایش واقعی در بخش «همبرگر موبایل» پایین‌تر (#header .menuHam) انجام می‌شود */
.toggleMenu.menuHam{ display:none; }

/* جعبه جستجو */
#cd-search{
  max-height:0; overflow:hidden; background:#fff;
  border-top:1px solid transparent; transition:max-height .3s ease;
}
#cd-search.is-visible{ max-height:120px; border-top-color:var(--helma-jean-line); }
#cd-search form{ max-width:760px; margin:0 auto; padding:0; }
#cd-search input[type="text"]{
  width:100%; padding:14px 20px; font-size:16px; font-family:inherit;
  border:1px solid var(--helma-jean-line); border-radius:999px; outline:none; background:#faf9fc;
  box-sizing:border-box;
}
#cd-search input[type="text"]:focus{ border-color:var(--helma-jean-pink); }

/* ---------------------------- اسلایدر بنر ---------------------------- */
.heroSliderWrap{ background:#fff; }
.heroSliderWrap .container-fluid,
.heroSliderWrap .container{ width:100%; max-width:100%; margin:0; padding:0; }

.heroSlider{ visibility:hidden; }
.heroSlider.slick-initialized{ visibility:visible; }
.heroSlider .heroSlide{ display:none; }
.heroSlider .heroSlide:first-child,
.heroSlider.slick-initialized .heroSlide{ display:block; }

.heroSlide{
  position:relative;
  height:clamp(320px,44vw,640px);
  background:linear-gradient(120deg,var(--helma-jean-navy),#48307a);
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.heroSlide__overlay{
  position:absolute; inset:0;
  background:linear-gradient(270deg,rgba(20,22,50,.62) 0%,rgba(20,22,50,.25) 55%,rgba(20,22,50,0) 100%);
}
.heroSlide__content{
  position:relative; z-index:2;
  max-width:1400px; height:100%; margin:0 auto; padding:0 60px;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  text-align:right;
}
.heroSlide__title{
  color:#fff; font-size:clamp(26px,3.6vw,54px); font-weight:900;
  line-height:1.35; margin:0 0 14px; text-shadow:0 4px 24px rgba(0,0,0,.35);
}
.heroSlide__subtitle{
  color:rgba(255,255,255,.92); font-size:clamp(14px,1.5vw,22px);
  margin:0 0 26px; max-width:620px; text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.heroSlide__btn{
  display:inline-block; padding:14px 40px; border-radius:999px;
  background:var(--helma-jean-pink); color:#fff; font-size:16px; font-weight:700;
  box-shadow:0 12px 28px rgba(229,23,127,.35);
}
.heroSlide__btn:hover{ background:#fff; color:var(--helma-jean-pink); }

/* پیکان‌ها و نقطه‌های اسلایدر بنر - دکمه‌های واقعی rbArrow پایین‌تر تعریف شده‌اند */
.heroSlider .slick-dots{ bottom:22px; }
.heroSlider .slick-dots li button:before{ font-size:11px; color:#fff; opacity:.55; }
.heroSlider .slick-dots li.slick-active button:before{ color:#fff; opacity:1; }

/* ---------------------------- اسلایدر محصولات ---------------------------- */
.newProducts{ padding:46px 0; }
.newProducts.newProductsMain{ background:linear-gradient(180deg,#f6f4fb,#fff); }
.newProSection__header{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:26px;
}
.newProSection__header--title{ font-size:22px; font-weight:800; color:var(--helma-jean-navy); }
.newProSection__header--btn{
  padding:10px 26px; border-radius:999px; background:linear-gradient(135deg,#b39ddb,#6c7fd8); color:#fff;
  font-size:14px; font-weight:700; text-align:center; margin-inline-start:auto; box-shadow:0 4px 14px rgba(108,127,216,.35);
}
.newProSection__header--btn:hover{ background:linear-gradient(135deg,#6c7fd8,#4a5ec4); color:#fff; }

.generalSlider{ visibility:hidden; }
.generalSlider.slick-initialized{ visibility:visible; }
/* رفع تداخل با تم پایه: main.css یک تکنیک مارجین‌منفی قدیمی برای فاصله‌ی اسلایدها دارد
   (.slick-list{margin:-10px} + .slick-slide{margin:10px}) که با روش padding+box-sizing زیر تداخل می‌کرد
   و باعث محاسبه‌ی اشتباه عرض اسلاید در اسلایک می‌شد (لبه‌ی کارت بعدی از کنار پیکان بیرون می‌زد). */
.generalSlider .slick-list{ margin-left:0; margin-right:0; }
.generalSlider .slick-slide{ margin-left:0; margin-right:0; padding:0 10px; box-sizing:border-box; }
/* دکمه‌های واقعی rbArrow پایین‌تر تعریف شده‌اند */

/* ---------------------------- دو بنر تبلیغاتی ---------------------------- */
.twinBannerSection{ padding:8px 0 22px; }
.twinBanner{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.twinBanner__item{ display:block; border-radius:var(--helma-jean-radius); overflow:hidden; box-shadow:var(--helma-jean-shadow); }
.twinBanner__item img{ width:100%; height:auto; display:block; transition:transform .5s ease; }
.twinBanner__item:hover img{ transform:scale(1.03); }
@media (max-width:700px){
  .twinBanner{ grid-template-columns:1fr; gap:14px; }
}

/* ---------------------------- بلاگ ---------------------------- */
.blogSection{ padding:40px 0 60px; }
.blogSection__header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.blogSection__header--title{ font-size:22px; font-weight:800; color:var(--helma-jean-navy); }
.blogSection__header--btn{ padding:10px 26px; border-radius:999px; background:linear-gradient(135deg,#b39ddb,#6c7fd8); color:#fff; font-size:14px; font-weight:700; text-align:center; margin-inline-start:auto; box-shadow:0 4px 14px rgba(108,127,216,.35); }
.blogSection__header--btn:hover{ background:linear-gradient(135deg,#6c7fd8,#4a5ec4) !important; color:#fff !important; }
.blogSectionList{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 40px; }
.blogItem{
  min-width:0; display:flex; align-items:flex-start; gap:24px;
  background:transparent; border:0; border-radius:0; overflow:visible;
}
/* آیتم‌های ستون دوم آینه‌ای می‌شوند: عکس بیرون، متن سمت داخل/وسط */
.blogSectionList .blogItem:nth-child(2n){ flex-direction:row-reverse; }
.blogItem__image{
  flex:0 0 260px; width:260px; display:block; border-radius:var(--helma-jean-radius); overflow:hidden;
  position:relative;
}
.blogItem__image img{ width:100%; height:230px; object-fit:cover; border-radius:var(--helma-jean-radius); display:block; }
.blogItem__image--hover{
  position:absolute !important; inset:0 !important; margin:0 !important;
  width:100% !important; height:100% !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  text-align:center; padding:0 16px; line-height:1.5;
  background:rgba(32,34,58,.45); color:#fff; font-size:15px; font-weight:700;
  opacity:0; transition:opacity .3s ease;
}
.blogItem:hover .blogItem__image--hover{ opacity:1; }
.blogItem__image::before,
.blogItem__image::after{ content:none; }
.blogItem__content{
  flex:1 1 auto; min-width:0; display:flex; flex-direction:column;
}
.blogItem__content--title{
  order:1; display:block; font-size:19px; font-weight:800; color:var(--helma-jean-ink);
  line-height:1.6; margin-bottom:10px; overflow-wrap:break-word; word-break:break-word;
}
.blogItem__content--desc{
  order:2; font-size:14px; color:#5c5c72; line-height:1.9; margin-bottom:16px;
  overflow-wrap:break-word; word-break:break-word;
}
.blogItem__content--date{
  order:3; align-self:flex-start; margin-top:auto;
  display:inline-flex; align-items:center; font-size:12.5px; font-weight:600;
  color:#5b5b78; background:#eceaf8; padding:8px 16px; border-radius:999px;
}
.blogItem__content--date::before{
  content:"مقالات"; padding-inline-end:10px; margin-inline-end:10px;
  border-inline-end:1px solid #c9c7dc; color:var(--helma-jean-ink);
}

/* ---------------------------- ریسپانسیو ---------------------------- */
@media (max-width:1100px){
  #header .header__menu{ gap:16px; }
  #header .header__menu > li > a{ font-size:14px; }
  .blogSectionList{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:992px){
  #header .header{ display:flex; justify-content:space-between; min-height:70px; }
  #header .header__logo{ position:static; transform:none; }
  #header .header__menu{
    position:absolute; top:100%; right:0; width:100%;
    flex-direction:column; align-items:stretch; gap:0;
    background:#fff; border-top:0 solid var(--helma-jean-line);
    box-shadow:var(--helma-jean-shadow); padding:0 24px;
    box-sizing:border-box;
    max-height:0; overflow:hidden; overflow-x:visible;
    transition:max-height .3s ease, padding .3s ease, border-top-width .3s ease;
  }
  #header .header__menu.open{
    max-height:70vh; overflow-y:auto;
    padding:8px 24px; border-top-width:1px;
  }
  #header .header__menu li ul{
    position:static; opacity:1; visibility:visible; transform:none;
    box-shadow:none; border:0; padding:0 16px 8px;
  }
  .megaMenuStandalone{ display:none; }
  .heroSlide__content{ padding:0 26px; }
}

@media (max-width:700px){
  .blogSectionList{ grid-template-columns:1fr; gap:32px; }
  .blogItem,
  .blogSectionList .blogItem:nth-child(2n){ flex-direction:column; }
  .blogItem__image{ width:100%; flex-basis:auto; }
  .blogItem__image img{ height:200px; }
}

@media (max-width:600px){
  #header .header__detail{ gap:12px; }
  #header .header__detail .itemTitle{ display:none; }
  .heroSlide{ height:320px; }
}

/* =======================================================================
   بازطراحی دقیق مطابق helma-jean.com (اسلایدر تمام‌عرض + هدر)
   ======================================================================= */

/* هدر: ارتفاع و فاصله‌ها مطابق سایت مرجع */
#header .header{ min-height:84px !important; }
#header .header__menu{ gap:16px !important; }
#header .header__menu > li > a{ font-size:13.5px !important; font-weight:700 !important; }
#header .header__logo img{ max-height:56px !important; }
#header .header__detail{ gap:26px !important; }

/* ---- اسلایدر بنر: تمام‌عرض و بدون حاشیه ---- */
.heroSliderWrap{
  width:100% !important; max-width:100% !important;
  margin:0 !important; padding:0 !important; overflow:hidden;
}
.heroSlider{
  width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important;
  position:relative !important; overflow:hidden;
}
.heroSlide{
  height:clamp(340px,37vw,700px) !important;
  border-radius:0 !important;
  display:flex !important; align-items:center !important;
  background-color:#22307a !important;
}
.heroSlide__overlay{
  background:linear-gradient(90deg,rgba(16,20,58,0) 0%,rgba(16,20,58,.15) 45%,rgba(16,20,58,.45) 100%) !important;
}
.heroSlide__content{
  width:100% !important; max-width:1500px !important; margin:0 auto !important;
  padding:0 90px !important; height:100% !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  text-align:center !important;
}
.heroSlide__title{
  font-size:clamp(28px,3.1vw,58px) !important; font-weight:900 !important;
  margin:0 0 18px !important; text-shadow:0 6px 26px rgba(0,0,0,.45) !important;
}
.heroSlide__subtitle{
  font-size:clamp(14px,1.25vw,22px) !important; font-weight:600 !important;
  margin:0 0 42px !important; max-width:760px !important;
}
.heroSlide__btn{
  background:transparent !important; color:#fff !important;
  border:1.5px solid rgba(255,255,255,.85) !important;
  border-radius:4px !important; padding:16px 46px !important;
  font-size:15px !important; font-weight:600 !important; box-shadow:none !important;
  transition:.25s ease;
}
.heroSlide__btn:hover{ background:#fff !important; color:var(--helma-jean-navy) !important; }

/* نقطه‌ها: پایین وسط، نقطهٔ فعال به‌شکل قرص کشیده */
.heroSlider .slick-dots{
  position:absolute !important; bottom:26px !important; left:0 !important; right:0 !important;
  width:100% !important; margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:9px !important; background:transparent !important; z-index:6 !important;
}
.heroSlider .slick-dots li{
  width:9px !important; height:9px !important; margin:0 !important;
  border:0 !important; border-radius:999px !important;
  background:rgba(255,255,255,.65) !important; transition:.25s ease;
}
.heroSlider .slick-dots li.slick-active{
  width:30px !important; background:#fff !important;
}
.heroSlider .slick-dots li button{ width:100% !important; height:100% !important; opacity:0 !important; }
.heroSlider .slick-dots li button:before{ display:none !important; content:"" !important; }

/* ---- سربرگ بخش‌ها مطابق مرجع ---- */
.newProducts.newProductsMain{
  background:linear-gradient(180deg,#8f9ee0 0%,#eef0fb 55%,#fff 100%) !important;
}
.newProSection__header--title{ font-size:26px !important; font-weight:800 !important; }
.newProSection__header--btn,
.blogSection__header--btn{
  background:linear-gradient(135deg,#b39ddb,#6c7fd8) !important; color:#fff !important;
  border-radius:999px !important; padding:11px 26px !important; text-align:center !important;
  margin:0 !important; margin-inline-start:auto !important; box-shadow:0 4px 14px rgba(108,127,216,.35);
  display:flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important;
}
.newProSection__header--btn:hover,
.blogSection__header--btn:hover{ background:linear-gradient(135deg,#6c7fd8,#4a5ec4) !important; color:#fff !important; }

@media (max-width:992px){
  .heroSlide__content{ padding:0 28px !important; }
}
@media (max-width:600px){
  .heroSlide{ height:330px !important; }
  .heroSlide__subtitle{ margin-bottom:26px !important; }
  .heroSlide__btn{ padding:12px 30px !important; }
}

/* ============ اصلاحات نهایی هدر (مطابق سایت مرجع) ============ */
#header .container-fluid{ padding:0; }
#header .header{ min-height:84px; }
#header .header__menu{ order:1; }
#header .header__logo{ order:2; }
#header .header__detail{ order:3; }

/* لوگوی متنی وسط‌چین */
#header .header__logo--text{
  display:flex; flex-direction:column; align-items:center; line-height:1;
  text-decoration:none;
}
#header .header__logo--name{
  position:relative;
  font-size:28px; font-weight:800; letter-spacing:1px; color:#141414;
  text-transform:uppercase; font-family:Georgia,"Times New Roman",serif;
}
/* نشان دایره‌ای رز به‌جای حرف O دوم، مطابق لوگوی مرجع؛ اگر لوگوی واقعی را جایگزین کنید این بخش حذف می‌شود */
#header .header__logo--name::before{
  content:""; display:inline-block; width:16px; height:16px; margin:0 2px -2px;
  border-radius:50%; border:2px solid #141414;
  background:radial-gradient(circle at 35% 35%,#8fa1e0,#4a5ec4 70%);
}
#header .header__logo--sub{
  font-size:12px; letter-spacing:5px; color:#5b6b9e; margin-top:2px;
  font-style:italic; font-family:Georgia,"Times New Roman",serif; text-transform:capitalize;
}

/* آیکون‌های SVG سمت چپ */
#header .helmaJeanIcon{ width:22px; height:22px; flex:0 0 auto; }
#header .helmaJeanIcon--caret{ width:14px; height:14px; color:var(--helma-jean-navy); }
#header .header__detail--items{ gap:7px; text-decoration:none; }
#header .header__detail--items .itemTitle{ white-space:nowrap; }
#header .userArea .userAreaLink{ color:inherit; text-decoration:none; }
/* نشان تعداد سبد خرید: کنار آیکون کیف‌خرید (نه روی آن)، مطابق طرح مرجع */
#header .helmaJeanCartIcon{ display:inline-flex; align-items:center; gap:6px; }
#header .helmaJeanCartIcon .basket-num{
  position:static; width:auto; min-width:18px; height:18px; font-size:11px;
  background:var(--helma-jean-pink);
}
/* رفع اضافه‌شدن فاصله‌ی ناخواسته بین آیتم‌های هدر (باقی‌مانده از فایل قدیمی تم) که در سایزهای کوچک باعث سرریز و بیرون افتادن آیکون‌ها/همبرگر می‌شد */
#header .header__detail li a{ margin-right:0; }

/* همبرگر موبایل */
#header .menuHam{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:26px; height:26px; float:none; position:static; margin:0;
}
#header .menuHam:after{ content:none; }
#header .menuHam i{ display:none; }
#header .menuHam span{ display:block; height:2px; width:100%; background:var(--helma-jean-ink); border-radius:2px; }

/* جعبه جستجو کشویی */
#header .cd-search{
  max-height:0; overflow:hidden; background:#fff; border-top:0 solid var(--helma-jean-line);
  transition:max-height .28s ease;
}
#header .cd-search.is-visible{ max-height:120px; border-top:1px solid var(--helma-jean-line); }
#header .cd-search .container{ padding:0; }
#header .cd-search input[type="text"]{
  width:100%; height:48px; border:1px solid var(--helma-jean-line); border-radius:999px;
  padding:0 20px; font-family:inherit; font-size:16px; outline:none; background:#fafafd;
  box-sizing:border-box;
}
#header .cd-search input[type="text"]:focus{ border-color:var(--helma-jean-pink); }

/* پیشنهادهای زنده‌ی جستجو
   نکته مهم: #cd-search (تم پایه) با position:absolute و bottom:-101px نسبت به #header
   جابه‌جا می‌شود، پس ارتفاع واقعی‌اش در چیدمان #header حساب نمی‌شود. اگر اینجا فقط
   top:100% بگذاریم، این باکس درست روی خودِ اینپوت جستجو می‌افتد (پوشوندنش) و باعث
   می‌شود کاربر انگار دیگر نتواند تایپ کند. مقدار top واقعی را helma-jean-custom.js موقع
   نمایش پیشنهادها با جاوااسکریپت (زیر لبه‌ی پایین #cd-search) ست می‌کند؛ top:100%
   اینجا فقط یک مقدار پیش‌فرض/بک‌آپ است. */
.helmaJeanSearchResults{
  display:none; position:absolute; left:0; right:0; top:100%; z-index:60;
  background:#fff; border-top:1px solid var(--helma-jean-line); box-shadow:0 14px 30px rgba(0,0,0,.12);
  max-height:420px; overflow-y:auto;
}
.helmaJeanSearchResults.is-visible{ display:block; }
.helmaJeanSearchResults__item{
  display:flex; align-items:center; gap:14px; padding:12px 24px; max-width:760px; margin:0 auto;
  text-decoration:none; color:inherit; border-bottom:1px solid var(--helma-jean-line);
}
.helmaJeanSearchResults__item:hover{ background:#faf9fc; }
.helmaJeanSearchResults__thumb{ flex:0 0 auto; width:52px; height:52px; border-radius:8px; overflow:hidden; background:#f2f2f5; }
.helmaJeanSearchResults__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.helmaJeanSearchResults__info{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.helmaJeanSearchResults__title{ font-size:13.5px; color:var(--helma-jean-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.helmaJeanSearchResults__price{ font-size:12.5px; color:var(--helma-jean-pink); }
.helmaJeanSearchResults__empty{ padding:16px 24px; max-width:760px; margin:0 auto; font-size:13px; color:#8a8a95; }

/* وسط‌چین اجباری برای باکس هاور «ورود / عضویت» - این فایل آخرین CSS بارگذاری‌شده
   است، پس این قانون همیشه روی هر قانون قبلی (مثلاً body{text-align:right}) اولویت دارد */
.accountQuickDrop,
.accountQuickDrop__text{ text-align:center !important; }
.accountQuickDrop__btn{ text-align:center !important; }

.heroSlider .slick-dots li button:before{ content:""; }
.heroSlider .slick-dots li,
.heroSlider .slick-dots li button{ width:10px; height:10px; padding:0; }
.heroSlider .slick-dots li button{
  border-radius:999px; background:rgba(255,255,255,.55); border:0; font-size:0;
  transition:.25s ease;
}
.heroSlider .slick-dots li.slick-active button{ width:26px; background:#fff; }
.heroSlider .slick-dots li.slick-active{ width:26px; }

@media (max-width:991px){
  #header .menuHam{ display:flex; }
  #header .header__detail .itemTitle{ display:none; }
  #header .header__logo--name{ font-size:20px; }
  #header .header__detail--items:not(:last-child)::after{
    content:""; width:1px; height:16px; background:var(--helma-jean-line); margin-inline-start:12px;
  }
  /* فاصله‌ی آیکون‌ها در موبایل: مطابق طرح مرجع (فشرده‌تر از حالت دسکتاپ) */
  #header .header__detail{ gap:14px !important; }
}
#header .userArea.open #userArea{ opacity:1; visibility:visible; transform:translateY(0); }
#header .userArea .helmaJeanIcon--caret{ cursor:pointer; }

/* ==========================================================================
   دکمه‌های اسلایدر (قبلی / بعدی)
   ========================================================================== */
.rbArrow{
	position:absolute; top:50%; transform:translateY(-50%); z-index:6;
	width:36px; height:36px; border:0; border-radius:12px;
	background:#fff; padding:0;
	color:#8a8a8a; display:flex !important; align-items:center; justify-content:center;
	cursor:pointer; transition:all .2s ease; box-shadow:0 4px 14px rgba(32,34,58,.18);
}
.rbArrow svg{width:20px;height:20px;stroke-width:2.4}
.rbArrow:hover{ color:#b08d57; transform:translateY(-50%) translateX(-2px); }
.rbArrow--next:hover{ transform:translateY(-50%) translateX(2px); }
.rbArrow--prev{right:-10px}
.rbArrow--next{left:-10px}
.heroSliderWrap{position:relative}
.heroSliderWrap .rbArrow{ width:40px; height:40px; border-radius:50%; background:transparent; color:#fff; box-shadow:none; filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)); }
.heroSliderWrap .rbArrow svg{width:32px;height:32px}
.heroSliderWrap .rbArrow:hover{ color:#c9a227; }
.heroSliderWrap .rbArrow--prev{right:20px}
.heroSliderWrap .rbArrow--next{left:20px}
.newProSection__content,.amazingOffer__list{position:relative}
@media (max-width:768px){.rbArrow{width:34px;height:34px}.rbArrow--prev{right:-6px}.rbArrow--next{left:-6px}}

/* ==========================================================================
   پیشنهاد شگفت‌انگیز
   ========================================================================== */
.amazingOffer{padding:34px 0}
.amazingOffer__box{
	display:flex; gap:18px; align-items:stretch; padding:18px;
	border-radius:14px; background:linear-gradient(135deg,#b08d57,#8f6f42); color:#fff;
}
.amazingOffer__side{width:230px;flex:0 0 230px;display:flex;flex-direction:column;align-items:center;text-align:center}
.amazingOffer__side--title{font-size:24px;font-weight:800;line-height:1.5}
.amazingOffer__side--title span{display:block;font-size:28px}
.amazingOffer__side--desc{font-size:13px;opacity:.9;margin-top:6px}
.amazingOffer__side--pic{width:100%;margin:14px 0;border-radius:12px;overflow:hidden}
.amazingOffer__side--pic img{width:100%;height:180px;object-fit:cover;display:block}
.amazingOffer__side--btn{
	display:inline-flex;align-items:center;justify-content:center;margin-top:auto;
	background:#fff;color:#8f6f42;border-radius:30px;padding:9px 26px;font-weight:700;
}
.amazingOffer__side--btn:hover{background:#2b2b2b;color:#fff}
.offerTimer{display:flex;align-items:center;gap:6px;margin-top:12px}
.offerTimer__item{background:rgba(255,255,255,.18);border-radius:8px;padding:6px 8px;min-width:48px}
.offerTimer__num{display:block;font-size:18px;font-weight:800}
.offerTimer__item small{font-size:10px;opacity:.85}
.offerTimer__sep{font-weight:800}
.amazingOffer__list{flex:1;min-width:0;background:#fff;border-radius:12px;padding:14px}
.amazingOffer__placeholder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.amazingOffer__phItem{display:block;border-radius:10px;overflow:hidden;position:relative}
.amazingOffer__phItem img{width:100%;height:260px;object-fit:cover;display:block}
.amazingOffer__phItem span{
	position:absolute;inset-inline:0;bottom:0;padding:8px;text-align:center;
	background:rgba(0,0,0,.45);color:#fff;font-size:13px;
}
@media (max-width:992px){
	.amazingOffer__box{flex-direction:column}
	.amazingOffer__side{width:100%;flex:auto}
	.amazingOffer__side--pic img{height:150px}
	.amazingOffer__placeholder{grid-template-columns:1fr 1fr}
}

/* ==========================================================================
   دسته‌بندی‌های صفحه اصلی
   ========================================================================== */
.catSection{padding:22px 0}
.catSection>.container{width:100%;max-width:1300px;padding:0 15px}
.catSection__list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:14px}
.catSection__item{position:relative;display:block;grid-column:span 2;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.catSection__item:nth-child(4),.catSection__item:nth-child(5){grid-column:span 3}
.catSection__item img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .5s ease}
.catSection__item:hover img{transform:scale(1.04)}
.catSection__ribbon{position:absolute;top:18px;right:0;z-index:2;background:#3b4a7a;color:#fff;padding:16px 10px;font-size:13px;line-height:1.4;border-radius:8px 0 0 8px;writing-mode:vertical-rl;text-orientation:mixed;box-shadow:0 4px 10px rgba(0,0,0,.18)}
@media (max-width:992px){.catSection__list{grid-template-columns:repeat(2,1fr)}.catSection__item,.catSection__item:nth-child(4),.catSection__item:nth-child(5){grid-column:span 1}.catSection__item img{height:220px}}
/* موبایل: شبکه‌ی دسته‌بندی سه‌ستونه با برچسب افقی پایین تصویر، مطابق طرح مرجع */
@media (max-width:560px){
  .catSection__list{grid-template-columns:repeat(3,1fr);gap:8px}
  .catSection__item,.catSection__item:nth-child(4),.catSection__item:nth-child(5){
    grid-column:span 1; border-radius:12px; background:#fff; padding:5px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
  }
  .catSection__item img{ height:118px; border-radius:9px; }
  .catSection__ribbon{
    position:absolute; top:auto; bottom:10px; right:8px; left:8px;
    writing-mode:horizontal-tb; text-orientation:mixed;
    background:linear-gradient(135deg,#3b4a7a,#4d5da3);
    text-align:center; border-radius:8px;
    padding:7px 4px; font-size:10.5px; font-weight:600; line-height:1.3;
  }
}
@media (max-width:576px){.catSection__ribbon{font-size:11px;padding:10px 6px}}

/* ==========================================================================
   صفحه محصولات (آرشیو) - هدر، نوار ابزار، نوار کنار، شبکه محصولات
   ========================================================================== */
.shopHero{background:#f7f5f2;border-block:1px solid #eee;padding:26px 0;margin-bottom:20px}
.shopHero__title{margin:0;font-size:24px;font-weight:800;color:#2b2b2b;text-align:right}
.shopHero__crumb{margin-top:8px;font-size:13px;color:#777;text-align:right}
.shopHero__crumb a{color:#777}
.shopHero__crumb span{margin:0 4px}

.shopLayout{display:grid;grid-template-columns:1fr 290px;gap:20px;align-items:start;padding-bottom:40px}
.shopMain{min-width:0}
.shopToolbar{
	display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
	background:#fff;border:1px solid #eee;border-radius:12px;padding:12px 14px;margin-bottom:16px;
}
.shopToolbar__sorts{display:flex;gap:6px;flex-wrap:wrap}
.shopToolbar__sort{font-size:13px;color:#555;padding:6px 14px;border-radius:20px;transition:all .2s}
.shopToolbar__sort:hover{background:#f7f5f2}
.shopToolbar__sort.is-active{background:#b08d57;color:#fff}
.shopToolbar__switches{display:flex;align-items:center;gap:18px}
.shopCheck{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer}
.shopCheck input{width:18px;height:18px;accent-color:#b08d57}
.shopSwitch{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer}
.shopSwitch input{display:none}
.shopSwitch i{
	width:42px;height:22px;border-radius:20px;background:#ddd;position:relative;transition:background .2s;display:inline-block;
}
.shopSwitch i::after{
	content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .2s;
}
.shopSwitch input:checked + i{background:#b08d57}
.shopSwitch input:checked + i::after{right:23px}

.shopGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.shopGrid__cell{min-width:0}
.shopEmpty{padding:50px 0;text-align:center;color:#777}
.helma-jean-pagination{display:flex;justify-content:center;margin-top:26px}

.shopSidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}
.sidebarSearch{position:relative;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px}
.sidebarSearch .helmaJeanIcon{width:20px;height:20px;color:#999;flex:0 0 20px}
.sidebarSearch input{border:0;outline:0;width:100%;font-size:13px;background:transparent}
.sidebarBox{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}
.sidebarBox__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #f0f0f0}
.sidebarBox__title{font-weight:700;font-size:15px;color:#2b2b2b}
.sidebarBox__toggle{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#777}
.sidebarBox__body{padding:8px 14px 14px}
.sidebarBox.is-closed .sidebarBox__body{display:none}
.catTree{list-style:none;margin:0;padding:0}
.catTree__row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #f0f0f0}
.catTree__row a{font-size:14px;color:#444}
.catTree__item.is-current > .catTree__row a{color:#b08d57;font-weight:700}
.catTree__caret{border:0;background:transparent;cursor:pointer;color:#999;padding:2px}
.catTree__caret svg{width:18px;height:18px;transition:transform .2s}
.catTree__item.is-open .catTree__caret svg{transform:rotate(180deg)}
.catTree__sub{list-style:none;margin:0;padding:4px 14px 8px 0;display:none}
.catTree__item.is-open .catTree__sub{display:block}
.catTree__sub a{display:block;padding:6px 0;font-size:13px;color:#666}
.priceFilter__value{font-size:15px;font-weight:700;color:#2b2b2b;margin:6px 0 12px}
#helmaJeanPriceRange{width:100%;accent-color:#b08d57}
.priceFilter__btn{display:inline-flex;margin-top:14px;background:#b08d57;color:#fff;border-radius:24px;padding:8px 22px;font-size:13px}
.priceFilter__btn:hover{background:#8f6f42;color:#fff}

@media (max-width:1200px){.shopGrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:992px){
	.shopLayout{grid-template-columns:1fr}
	.shopSidebar{position:static;order:-1}
	.shopGrid{grid-template-columns:repeat(2,1fr)}
}

/* ==========================================================================
   دکمه شناور پشتیبانی
   ========================================================================== */
.helmaJeanSupportBtn{
	position:fixed;left:20px;bottom:20px;z-index:999;
	width:54px;height:54px;border-radius:50%;
	background:linear-gradient(135deg,#6c7fd8,#4a5ec4);
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 6px 18px rgba(74,94,196,.45);
	color:#fff;transition:transform .25s ease;
}
.helmaJeanSupportBtn svg{width:26px;height:26px}
.helmaJeanSupportBtn:hover{transform:scale(1.08);color:#fff}
@media (max-width:576px){.helmaJeanSupportBtn{width:48px;height:48px;left:14px;bottom:14px}.helmaJeanSupportBtn svg{width:22px;height:22px}}

/* ==========================================================================
   کلاک تخفیف روی کارت محصول (فقط بخش پیشنهاد شگفت‌انگیز)
   ========================================================================== */
.products__countdown{
	display:flex;align-items:center;justify-content:center;gap:6px;
	background:#7c8bb0;color:#fff;font-size:12px;padding:6px 0;margin-top:-2px;
}
.products__countdown svg{width:15px;height:15px}

/* ==========================================================================
   پیشنهاد شگفت‌انگیز - بازطراحی پنل کناری
   ========================================================================== */
.amazingOffer__box{background:#b08d57;border-radius:20px;overflow:hidden}
.amazingOffer__side{
	position:relative;background:linear-gradient(135deg,#4a5ec4,#3b4a7a);
	color:#fff;padding:26px 22px;overflow:hidden;
}
.amazingOffer__side::before,.amazingOffer__side::after{
	content:"";position:absolute;width:140px;height:140px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M30 20l10 8 10-8 8 8-8 8 5 35H23l5-35-8-8z'/%3E%3C/svg%3E") no-repeat center/contain;
	opacity:.12;pointer-events:none;
}
.amazingOffer__side::before{top:-20px;right:-30px;transform:rotate(-12deg)}
.amazingOffer__side::after{bottom:-25px;left:-25px;transform:rotate(20deg)}
.amazingOffer__side--title{position:relative;z-index:1;font-size:22px;font-weight:800;line-height:1.6}
.amazingOffer__side--title span{display:block;font-size:26px}
.amazingOffer__side--desc{position:relative;z-index:1;font-size:13px;opacity:.9;margin-top:6px}
.amazingOffer__side--btn{
	position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:auto;
	background:#fff;color:#4a5ec4;border-radius:30px;padding:10px 30px;font-weight:700;
}
.amazingOffer__side--btn:hover{background:#e8ecff;color:#3b4a7a}
.amazingOffer .rbArrow{position:relative;z-index:1;background:rgba(255,255,255,.15);color:#fff}
.amazingOffer .rbArrow:hover{background:#fff;color:#3b4a7a}

/* ============ اصلاح هدر برای گوشی‌های خیلی کوچک (≤400px) و سازگاری با مرورگرهای دیگر ============ */

/* حذف هایلایت خاکستری هنگام لمس در مرورگرهای موبایل (کروم اندروید/سامسونگ اینترنت) و اسکرول نرم در iOS Safari */
#header .header__menu,
#header .header__detail{ -webkit-overflow-scrolling:touch; -ms-overflow-style:none; }
#header .toggleMenu,
#header .header__detail--items,
#header .header__menu > li > a{ -webkit-tap-highlight-color:transparent; }

@media (max-width:600px){
  #header .container{ padding:0 12px; }
  #header .header{ min-height:60px !important; gap:6px; }

  /* لوگو: اجازه‌ی کوچک‌شدن تا فضای کافی برای آیکون‌ها بماند */
  #header .header__logo{ flex:0 1 auto; min-width:0; }
  #header .header__logo img{ max-height:38px !important; width:auto; max-width:100%; }
  #header .header__logo--name{ font-size:15px; letter-spacing:1.5px; }
  #header .header__logo--sub{ font-size:9px; letter-spacing:2px; margin-top:2px; }

  /* ردیف آیکون‌ها/همبرگر: کوچک‌تر و فشرده‌تر تا هیچ‌کدام از گوشه بیرون نیفتند
     و مجبور به overflow/اسکرول افقی نشوند (که باعث می‌شد دکمه‌ی منو و جستجو
     از دید مخفی بمانند) */
  #header .header__detail{ gap:8px !important; flex:0 0 auto; }
  #header .menuHam{ width:20px; height:20px; }
  #header .helmaJeanIcon{ width:18px; height:18px; }
  #header .helmaJeanIcon--caret{ width:11px; height:11px; }
  #header .header__detail--items{ gap:5px; }
  #header .basket-num,
  #header .helmaJeanCartIcon .basket-num{ min-width:16px; height:16px; font-size:10px; }

  /* منوی کشویی حساب کاربری: مطمئن شویم از لبه‌ی صفحه بیرون نمی‌زند */
  #header #userArea{ left:auto; right:0; width:min(230px, 90vw); }
}

/* ============ نوار عکس‌های اینستاگرام (بالای فوتر) مطابق سایت مرجع ============ */
.instaStrip{ background:#fff; padding:26px 0 22px; border-top:1px solid var(--helma-jean-line); }
.instaStrip__title{
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:15px; font-weight:700; color:var(--helma-jean-ink); margin-bottom:18px;
}
.instaStrip__title svg{ width:20px; height:20px; flex:0 0 auto; }
.instaStrip__title a{ color:var(--helma-jean-navy); text-decoration:none; font-weight:800; }
.instaStrip__grid{ display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; position:relative; }
.instaStrip__grid::-webkit-scrollbar{ display:none; }
.instaStrip__grid.slick-slider{ overflow:visible; }
.instaStrip__grid .slick-list{ overflow:hidden; margin:0 6px; }
.instaStrip__grid .slick-track{ display:flex; }
.instaStrip__grid .slick-slide{ padding:0 6px; }
.instaStrip__grid .slick-slide .instaStrip__item{ width:100%; }
.instaStrip{ position:relative; }
.instaStrip .rbArrow--prev{ right:0; }
.instaStrip .rbArrow--next{ left:0; }
.instaStrip__item{ flex:1 1 0; min-width:110px; aspect-ratio:1/1; border-radius:8px; overflow:hidden; display:block; }
.instaStrip__item img{ width:100%; height:100%; object-fit:cover; display:block; transition:.3s ease; }
.instaStrip__item:hover img{ transform:scale(1.06); }

/* ============ ردیف مزایا (چهار آیتم آیکون‌دار) مطابق سایت مرجع ============ */
.cta{ background:#eef0f8 !important; padding:22px 0 !important; margin-top:0 !important; }
.ctaItems__image{ flex:0 0 auto !important; max-width:none !important; }
.ctaItems__icon{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  background:var(--helma-jean-navy); color:#fff;
}
.ctaItems__icon svg{ width:22px; height:22px; }
.ctaItems__content{ color:var(--helma-jean-ink) !important; font-size:12.5px !important; line-height:1.7 !important; }
.ctaItems__content span{ display:block; }
.ctaItems__content span:first-child{ font-weight:700; }

/* ============ باکس عضویت در خبرنامه ============ */
.footer__subscribe--form{
  display:flex; align-items:center; gap:0; width:100%; max-width:280px;
  background:#fff; border-radius:10px; overflow:hidden;
}
.footer__subscribe--input{
  flex:1 1 auto; min-width:0; border:0; background:transparent; padding:0 14px;
  height:44px; font-size:12px; color:var(--helma-jean-ink); text-align:right;
}
.footer__subscribe--input:focus{ outline:none; }
.footer__subscribe--btn{
  flex:0 0 auto; height:44px; padding:0 20px; border:0; cursor:pointer;
  background:var(--helma-jean-navy); color:#fff; font-size:13px; font-weight:700;
}
.footer__subscribe--btn:hover{ background:var(--helma-jean-pink); }
.footer__subscribe--contact{ color:#dfe3f5; font-size:12px; line-height:1.9; margin-top:16px; }

/* ==========================================================================
   صفحه‌ی اختصاصی ورود (تمام‌صفحه)
   ========================================================================== */
body.helmaJeanLoginPage{margin:0;min-height:100vh;position:relative;overflow:hidden;background:
  radial-gradient(circle at 18% 20%, rgba(229,23,127,.10), transparent 55%),
  radial-gradient(circle at 85% 78%, rgba(201,162,39,.14), transparent 50%),
  linear-gradient(160deg, #fdf6f2, #f7f0ea 55%, #f3ece6)}
.helmaJeanLoginPage__wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative}
.helmaJeanLoginPage__card{width:100%;max-width:400px;background:#fff;border-radius:var(--helma-jean-radius,14px);box-shadow:0 24px 54px -20px rgba(32,34,58,.22),0 0 0 1px rgba(32,34,58,.04);padding:40px 32px 32px;text-align:center;animation:helmaJeanLoginRise .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes helmaJeanLoginRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.helmaJeanLoginPage__logo{margin-bottom:10px}
.helmaJeanLoginPage__logo::before{content:"";display:block;width:40px;height:40px;margin:0 auto 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 27c-6-4.2-11-8.4-11-13.6C9 9.3 12 7 15.2 7c2 0 3.8 1 4.8 2.7C21 8 22.8 7 24.8 7 28 7 31 9.3 31 13.4 31 18.6 26 22.8 20 27Z' stroke='%23e5177f' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center}
.helmaJeanLoginPage__logo img{max-height:60px;width:auto;margin:0 auto}
.helmaJeanLoginPage__logo--text{display:inline-flex;flex-direction:column;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:26px;letter-spacing:2px;color:var(--helma-jean-navy)}
.helmaJeanLoginPage__logo--text span{font-family:Georgia,serif;font-style:italic;font-size:12px;letter-spacing:5px;font-weight:400;color:var(--helma-jean-pink);margin-top:2px}
.helmaJeanLoginPage__title{font-size:19px;font-weight:700;color:var(--helma-jean-ink);margin:0 0 8px}
.helmaJeanLoginPage__subtitle{font-size:13px;color:#7a7d94;margin:0 0 24px;line-height:1.9}
.helmaJeanLoginPage__form{text-align:right}
.helmaJeanLoginPage__form .woocommerce-notices-wrapper .woocommerce-error{list-style:none;margin:0 0 16px;padding:10px 14px;background:#fdecec;color:#b3261e;border-radius:8px;font-size:12.5px}
.helmaJeanLoginPage__form .woocommerce-form-login p{margin:0 0 14px}
.helmaJeanLoginPage__form .woocommerce-form-login label{display:block;font-size:12.5px;color:var(--helma-jean-ink);margin-bottom:6px}
.helmaJeanLoginPage__form .woocommerce-form-login input.input-text{width:100%;height:46px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:0 14px;font-size:14px;box-sizing:border-box;background:#fbfaf9;transition:border-color .2s,background .2s}
.helmaJeanLoginPage__form .woocommerce-form-login input.input-text:focus{outline:none;border-color:var(--helma-jean-pink);background:#fff}
.helmaJeanLoginPage__form .woocommerce-form-login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--helma-jean-ink);width:auto}
.helmaJeanLoginPage__form .woocommerce-form-login .button{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--helma-jean-pink),var(--helma-jean-pink-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px -10px rgba(229,23,127,.5)}
.helmaJeanLoginPage__form .woocommerce-form-login .button:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(229,23,127,.6)}
.helmaJeanLoginPage__continue{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--helma-jean-pink),var(--helma-jean-pink-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px -10px rgba(229,23,127,.5);display:block}
.helmaJeanLoginPage__continue:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(229,23,127,.6)}
#helmaJeanLoginChoice{text-align:center}
.helmaJeanLoginPage__secondaryBtn{width:100%;height:50px;border:1.5px solid var(--helma-jean-line);border-radius:10px;background:#fff;color:var(--helma-jean-ink);font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;transition:border-color .2s,background .2s}
.helmaJeanLoginPage__secondaryBtn:hover{border-color:var(--helma-jean-pink);color:var(--helma-jean-pink);background:#fdf3f8}
.helmaJeanLoginPage__continue:disabled,.helmaJeanLoginPage__secondaryBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.helmaJeanLoginPage__terms{font-size:12px;color:#7a7d94;text-align:center;margin-top:18px;line-height:1.9}
.helmaJeanLoginPage__terms a{color:var(--helma-jean-pink)}
.helmaJeanLoginPage__form .woocommerce-LostPassword{margin-top:14px;text-align:center;font-size:12.5px}
.helmaJeanLoginPage__form .woocommerce-LostPassword a{color:var(--helma-jean-pink)}
.helmaJeanLoginPage__form h2{display:none}
.helmaJeanLoginPage__form,
.helmaJeanLoginPage__form .woocommerce,
.helmaJeanLoginPage__form .u-columns,
.helmaJeanLoginPage__form .woocommerce-account,
.helmaJeanLoginPage__form form.woocommerce-form-login,
.helmaJeanLoginPage__form .col-1,
.helmaJeanLoginPage__form .col-2{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}
.helmaJeanLoginPage__back{display:inline-block;margin-top:22px;font-size:13px;color:var(--helma-jean-navy);opacity:.75;text-decoration:none}
.helmaJeanLoginPage__back:hover{opacity:1;text-decoration:underline;color:var(--helma-jean-pink)}
@media (prefers-reduced-motion: reduce){.helmaJeanLoginPage__card{animation:none}}
@media (max-width:480px){.helmaJeanLoginPage__card{padding:30px 22px 24px}}

/* ================= فرم‌های ثبت‌نام و تایید کد (حلما جین) ================= */
.helmaJeanAuthNotice{background:#fdf6e3;color:#8a6d1a;border-radius:8px;padding:12px 14px;font-size:12.5px;line-height:2;text-align:right;margin:0 0 20px}
.helmaJeanAuthMsg{border-radius:8px;padding:10px 14px;font-size:12.5px;margin:0 0 16px;text-align:right}
.helmaJeanAuthMsg--error{background:#fdecec;color:#b3261e}
.helmaJeanAuthMsg--success{background:#e8f6ec;color:#1e7a3e}
.helmaJeanAuthForm{text-align:right}
.helmaJeanAuthField{margin:0 0 14px;position:relative}
.helmaJeanAuthField input{width:100%;height:46px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:0 14px;font-size:14px;box-sizing:border-box;background:#fbfaf9;transition:border-color .2s,background .2s;font-family:inherit;text-align:right}
.helmaJeanAuthField input:focus{outline:none;border-color:var(--helma-jean-pink);background:#fff}
.helmaJeanAuthField--password input{padding-left:64px}
.helmaJeanAuthToggle{position:absolute;left:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--helma-jean-pink);font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px}
.helmaJeanAuthBtn{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--helma-jean-pink),var(--helma-jean-pink-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px -10px rgba(229,23,127,.5)}
.helmaJeanAuthBtn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(229,23,127,.6)}
.helmaJeanAuthBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.helmaJeanAuthSwitch{font-size:12.5px;color:#7a7d94;text-align:center;margin:18px 0 0}
.helmaJeanAuthSwitch a{color:var(--helma-jean-pink);text-decoration:none}
.helmaJeanAuthSwitch a:hover{text-decoration:underline}
.helmaJeanAuthLink{border:0;background:transparent;color:var(--helma-jean-pink);font-size:12.5px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}
.helmaJeanAuthLink:disabled{color:#b8b9c8;cursor:not-allowed}
#helmaJeanVerifyCode{text-align:center;letter-spacing:6px;font-size:20px;font-weight:700}

/* ======================= سبد خرید اختصاصی حلما جین ======================= */
.helmaJeanCart{padding:0 0 40px}

/* سربرگ صفحه و مسیر راهنما */
.helmaJeanCart__head{background:#f7f6fb;border-radius:var(--helma-jean-radius);padding:18px 22px;margin:0 0 26px;display:flex;flex-direction:column;gap:6px}
.helmaJeanCart__heading{margin:0;font-size:20px;font-weight:800;color:var(--helma-jean-ink)}
.helmaJeanCart__crumbs{font-size:12.5px;color:#7a7c93;display:flex;gap:6px}
.helmaJeanCart__crumbs a{color:#7a7c93}
.helmaJeanCart__crumbs a:hover{color:var(--helma-jean-pink)}
.helmaJeanCart__crumbCurrent{color:var(--helma-jean-ink);font-weight:600}

/* نوار مراحل خرید */
.helmaJeanSteps{list-style:none;margin:0 0 30px;padding:0;display:flex;justify-content:center;gap:0}
.helmaJeanSteps__item{flex:1;max-width:190px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;text-align:center}
.helmaJeanSteps__item::before{content:"";position:absolute;top:27px;left:50%;width:100%;height:2px;background:var(--helma-jean-line)}
.helmaJeanSteps__item:first-child::before{display:none}
.helmaJeanSteps__item--done::before,.helmaJeanSteps__item--active::before{background:var(--helma-jean-pink)}
.helmaJeanSteps__dot{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f1f7;color:#9a9cb4;border:2px solid transparent;transition:.2s}
.helmaJeanSteps__item--active .helmaJeanSteps__dot{background:var(--helma-jean-pink);color:#fff;box-shadow:0 10px 22px -10px rgba(229,23,127,.75)}
.helmaJeanSteps__item--done .helmaJeanSteps__dot{background:#fdf2f8;color:var(--helma-jean-pink);border-color:var(--helma-jean-pink)}
.helmaJeanSteps__label{font-size:13.5px;font-weight:700;color:var(--helma-jean-ink)}
.helmaJeanSteps__item--todo .helmaJeanSteps__label{color:#9a9cb4}
.helmaJeanSteps__badge{font-size:11px;padding:3px 12px;border-radius:999px;background:#f2f1f7;color:#8e90a8;border:1px solid var(--helma-jean-line)}
.helmaJeanSteps__item--active .helmaJeanSteps__badge{background:#fdf2f8;color:var(--helma-jean-pink);border-color:#f7c9e0}

/* چیدمان دوستونی */
.helmaJeanCart__layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.helmaJeanCart__items{min-width:0}

/* کارت هر محصول */
.helmaJeanCartItem{display:grid;grid-template-columns:96px 1fr auto auto 40px;gap:18px;align-items:center;background:#fff;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);box-shadow:var(--helma-jean-shadow);padding:16px 18px;margin:0 0 14px}
.helmaJeanCartItem__media img{width:96px;height:120px;object-fit:cover;border-radius:10px;display:block}
.helmaJeanCartItem__info{min-width:0}
.helmaJeanCartItem__title{margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.7}
.helmaJeanCartItem__title a{color:var(--helma-jean-ink)}
.helmaJeanCartItem__title a:hover{color:var(--helma-jean-pink)}
.helmaJeanCartItem__meta,.helmaJeanCartItem__info dl,.helmaJeanCartItem__info dt,.helmaJeanCartItem__info dd{font-size:12.5px;color:#7a7c93;margin:0 0 4px}
.helmaJeanCartItem__info dl{display:flex;flex-wrap:wrap;gap:4px 10px}
.helmaJeanCartItem__info dt{font-weight:600;margin:0}
.helmaJeanCartItem__info dd{margin:0}
.helmaJeanCartItem__info dd p{margin:0}
.helmaJeanCartItem__price{font-size:16px;font-weight:800;color:var(--helma-jean-ink);white-space:nowrap}
.helmaJeanCartItem__removeBtn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#d64550;background:#fdf1f2;transition:.2s}
.helmaJeanCartItem__removeBtn:hover{background:#d64550;color:#fff}

/* فیلد تعداد */
.helmaJeanQty{display:flex;align-items:center;gap:4px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:4px;background:#fff}
.helmaJeanQty label{display:none}
.helmaJeanQty input.qty{width:42px;height:32px;border:0;text-align:center;font-size:14px;font-weight:700;color:var(--helma-jean-ink);background:transparent;-moz-appearance:textfield;font-family:inherit}
.helmaJeanQty input.qty::-webkit-outer-spin-button,.helmaJeanQty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.helmaJeanQty__btn{width:32px;height:32px;border:0;border-radius:8px;background:#f7f6fb;color:var(--helma-jean-ink);font-size:17px;font-weight:700;line-height:1;cursor:pointer;transition:.15s;font-family:inherit}
.helmaJeanQty__btn:hover{background:var(--helma-jean-pink);color:#fff}

/* کوپن و به‌روزرسانی */
.helmaJeanCart__actions{margin-top:6px}
.helmaJeanCart__coupon{background:#fff;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);overflow:hidden}
.helmaJeanCart__couponToggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--helma-jean-ink)}
.helmaJeanCart__couponToggle svg{transition:transform .2s;color:#9a9cb4}
.helmaJeanCart__couponToggle.is-open svg{transform:rotate(180deg)}
.helmaJeanCart__couponBody{display:flex;gap:10px;padding:0 18px 16px}
.helmaJeanCart__couponBody input{flex:1;height:44px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:0 14px;font-family:inherit;font-size:13.5px;color:var(--helma-jean-ink)}
.helmaJeanCart__couponBody input:focus{outline:0;border-color:var(--helma-jean-pink)}
.helmaJeanCart__couponBtn{height:44px;padding:0 22px;border:0;border-radius:10px;background:var(--helma-jean-ink);color:#fff;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.2s}
.helmaJeanCart__couponBtn:hover{background:var(--helma-jean-pink)}
.helmaJeanCart__updateBtn{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* خلاصه صورتحساب */
.helmaJeanSummary{background:#f7f6fb;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);padding:20px;position:sticky;top:20px}
.helmaJeanSummary__title{margin:0 0 18px;font-size:16px;font-weight:800;color:var(--helma-jean-ink)}
.helmaJeanSummary__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#7a7c93;padding:9px 0}
.helmaJeanSummary__row .helmaJeanSummary__value{font-weight:600;color:#7a7c93}
.helmaJeanSummary__row--saving .helmaJeanSummary__label,.helmaJeanSummary__row--saving .helmaJeanSummary__value,.helmaJeanSummary__row--coupon .helmaJeanSummary__label,.helmaJeanSummary__row--coupon .helmaJeanSummary__value{color:#1e7a3e}
.helmaJeanSummary__row--total{border-top:1px solid var(--helma-jean-line);margin-top:6px;padding-top:15px}
.helmaJeanSummary__row--total .helmaJeanSummary__label{font-size:14px;font-weight:800;color:var(--helma-jean-ink)}
.helmaJeanSummary__row--total .helmaJeanSummary__value{font-size:15px;font-weight:800;color:var(--helma-jean-ink)}
.helmaJeanSummary__note{margin:12px 0 18px;font-size:11.5px;line-height:2;color:#8e90a8}
.helmaJeanCart__checkoutBtn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:10px;background:var(--helma-jean-pink);color:#fff;font-size:15px;font-weight:700;transition:.2s}
.helmaJeanCart__checkoutBtn:hover{background:var(--helma-jean-pink-dark);color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(229,23,127,.6)}

/* سبد خالی */
.helmaJeanCart__empty{background:#fff;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);box-shadow:var(--helma-jean-shadow);padding:50px 20px;text-align:center;max-width:460px;margin:0 auto}
.helmaJeanCart__emptyText{margin:0 0 22px;font-size:15px;color:#7a7c93}
.helmaJeanCart__empty .helmaJeanCart__checkoutBtn{max-width:240px;margin:0 auto}

@media (max-width:991px){
  .helmaJeanCart__layout{grid-template-columns:1fr}
  .helmaJeanSummary{position:static}
  .helmaJeanSteps__item{max-width:none}
  .helmaJeanSteps__label{font-size:12px}
  .helmaJeanSteps__badge{display:none}
}
@media (max-width:640px){
  .helmaJeanCartItem{grid-template-columns:84px 1fr;grid-template-areas:"media info" "media qty" "price price" "remove remove";gap:10px 14px;row-gap:12px}
  .helmaJeanCartItem__media{grid-area:media}
  .helmaJeanCartItem__media img{width:84px;height:104px}
  .helmaJeanCartItem__info{grid-area:info}
  .helmaJeanCartItem__qty{grid-area:qty}
  .helmaJeanCartItem__price{grid-area:price;border-top:1px dashed var(--helma-jean-line);padding-top:12px}
  .helmaJeanCartItem__remove{grid-area:remove;justify-self:end;margin-top:-46px}
  .helmaJeanSteps__dot{width:44px;height:44px}
  .helmaJeanSteps__dot svg{width:21px;height:21px}
  .helmaJeanSteps__item::before{top:22px}
}

/* نوار مراحل در صفحه‌ی تسویه حساب */
.helmaJeanCart--checkout{padding-bottom:0;margin-bottom:10px}

/* کارت‌های محصول اسلایدرهای صفحه‌ی اصلی کمی جمع‌وجورتر */
.helma-jean-product-slider .products__title{font-size:13px;line-height:1.9}
.helma-jean-product-slider .products__image--discount{width:38px;height:38px;border-radius:19px;font-size:13px;top:10px;right:10px}

/* ======================= ویزارد چندمرحله‌ای تسویه‌حساب ======================= */
.woocommerce-checkout #customer_details{max-width:640px;margin:0 auto 10px;overflow:visible;padding:24px;background:#fff;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);box-shadow:var(--helma-jean-shadow);box-sizing:border-box}
.woocommerce-checkout .col2-set{display:block!important;width:100%!important;grid-template-columns:1fr!important}
.woocommerce-checkout .col-1,.woocommerce-checkout .col-2{width:100%!important;float:none!important;display:block!important}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:block!important}
.woocommerce-checkout .form-row{margin:0 0 16px}
.woocommerce-checkout .form-row label{display:block;font-size:12.5px;font-weight:600;color:var(--helma-jean-ink);margin:0 0 6px}
.woocommerce-checkout .form-row label .required{color:#d64550;text-decoration:none}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea{width:100%;min-height:48px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:0 14px;font-family:inherit;font-size:13.5px;color:var(--helma-jean-ink);background:#fff}
.woocommerce-checkout .form-row select{
	width:100%;min-height:48px;border:1.5px solid var(--helma-jean-line);border-radius:10px;
	padding:0 14px 0 34px;font-family:inherit;font-size:13.5px;color:var(--helma-jean-ink);background-color:#fff;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9cb4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:left 12px center;background-size:14px;
}
/* نکته: کد بالا فقط برای selectهای خامه؛ فیلدهای استان/شهر با Select2
   ساخته شدن که select واقعی رو مخفی می‌کنه، پس باید مستقیم خودِ
   Select2 استایل بشه - همین زیر */

/* ==================== استایل واقعی کمبوباکس‌های Select2 (استان/شهر) ==================== */
/* این‌بار همه‌چیز !important است و مثلث پیش‌فرض Select2 (که با border
   ساخته می‌شه و بین نسخه‌های مختلف فرق می‌کنه) کلاً حذف و به‌جاش یه
   آیکن SVG خودمون با ::after کشیده می‌شه - مستقل از نسخه‌ی Select2 */
.woocommerce-checkout .select2-container{width:100%!important}
.woocommerce-checkout .select2-container .select2-selection--single{
	height:48px!important;border:1.5px solid var(--helma-jean-line)!important;border-radius:10px!important;
	background:#fff!important;display:flex!important;align-items:center!important;padding:0 14px!important;
	box-sizing:border-box!important;
}
.woocommerce-checkout .select2-selection__rendered{
	padding:0!important;line-height:normal!important;font-size:13.5px!important;
	color:var(--helma-jean-ink)!important;font-family:inherit!important;
}
.woocommerce-checkout .select2-selection__placeholder{color:#9a9cb4!important}
.woocommerce-checkout .select2-selection__arrow{
	height:100%!important;top:0!important;left:10px!important;right:auto!important;width:20px!important;
	display:flex!important;align-items:center!important;justify-content:center!important;
}
.woocommerce-checkout .select2-selection__arrow b{display:none!important}
.woocommerce-checkout .select2-selection__arrow::after{
	content:"";display:block!important;width:13px;height:13px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9cb4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
	transition:transform .15s;
}
.woocommerce-checkout .select2-container--open .select2-selection__arrow::after{transform:rotate(180deg)}
.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single{
	border-color:var(--helma-jean-pink)!important;
}
.woocommerce-checkout .select2-dropdown{border-color:var(--helma-jean-line)!important;border-radius:10px!important;overflow:hidden!important;font-family:inherit!important;font-size:13.5px!important}
.woocommerce-checkout .select2-search--dropdown .select2-search__field{border:1.5px solid var(--helma-jean-line)!important;border-radius:8px!important;padding:6px 10px!important;font-family:inherit!important;outline:0!important}
.woocommerce-checkout .select2-results__option--highlighted[aria-selected]{background:var(--helma-jean-pink)!important;color:#fff!important}
.woocommerce-checkout .select2-results__option[aria-selected="true"]{background:#fdf2f8!important;color:var(--helma-jean-ink)!important}
.woocommerce-checkout .select2-results__option[aria-selected="true"]{background:#fdf2f8;color:var(--helma-jean-ink)}
.woocommerce-checkout .form-row textarea{padding:12px 14px;min-height:90px}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus{outline:0;border-color:var(--helma-jean-pink)}
.woocommerce-checkout #order_review_heading{font-size:16px;font-weight:800;color:var(--helma-jean-ink);margin:26px auto 16px;max-width:640px}
.woocommerce-checkout #order_review{max-width:640px;margin:0 auto;background:#f7f6fb;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);padding:20px}

/* دکمه‌های ادامه/بازگشت هر مرحله */
.helmaJeanCheckoutNav{display:flex;gap:12px;max-width:640px;margin:4px auto 30px}
.helmaJeanCheckoutNav__next,.helmaJeanCheckoutNav__back{height:50px;border-radius:10px;font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;text-decoration:none}
.helmaJeanCheckoutNav__next{flex:1;border:0;background:var(--helma-jean-pink);color:#fff}
.helmaJeanCheckoutNav__next:hover{background:var(--helma-jean-pink-dark);color:#fff;transform:translateY(-1px)}
.helmaJeanCheckoutNav__back{flex:1;border:1.5px solid var(--helma-jean-line);background:#fff;color:var(--helma-jean-ink)}
.helmaJeanCheckoutNav__back:hover{border-color:var(--helma-jean-pink);color:var(--helma-jean-pink)}

/* فرم وارد کردن کد تخفیف (بعد از کلیک روی «کد تخفیف دارید؟») */
.woocommerce-checkout .checkout_coupon{max-width:640px!important;width:100%!important;margin:0 auto 20px!important;display:flex!important;gap:10px;flex-wrap:wrap;box-sizing:border-box}
.woocommerce-checkout .checkout_coupon .form-row{flex:1!important;width:auto!important;min-width:160px;margin:0!important;float:none!important}
.woocommerce-checkout .checkout_coupon input#coupon_code{width:100%;min-height:48px;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:0 14px;font-family:inherit;font-size:13.5px}
.woocommerce-checkout .checkout_coupon button{height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--helma-jean-ink);color:#fff;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.woocommerce-checkout .checkout_coupon button:hover{background:var(--helma-jean-pink)}

/* بخش فیلدها در مرحله‌ی پرداخت (که هیچ فیلدی در آن فعال نیست) کلاً مخفی شود */
form.checkout[data-checkout-step="payment"] #customer_details{display:none}

/* متن پیش‌فرض «حریم خصوصی» ووکامرس؛ دیگر لازم نیست چون همین توضیحات را در قالب خودمان داریم */
.woocommerce-checkout .woocommerce-privacy-policy-text{display:none}
@media (max-width:480px){
  .helmaJeanCheckoutNav{flex-wrap:wrap}
  .helmaJeanCheckoutNav__back{flex:1 1 100%;order:2}
  .helmaJeanCheckoutNav__next{flex:1 1 100%;order:1}
}

/* نمایش/مخفی‌کردن مراحل - همان فرم واحد، فقط بخش‌های آن جابه‌جا می‌شود */
form.checkout[data-checkout-step="account"] .helmaJeanCheckoutStep--shipping,
form.checkout[data-checkout-step="account"] .helmaJeanCheckoutStep--payment{display:none}
form.checkout[data-checkout-step="shipping"] .helmaJeanCheckoutStep--account,
form.checkout[data-checkout-step="shipping"] .helmaJeanCheckoutStep--payment{display:none}
form.checkout[data-checkout-step="payment"] .helmaJeanCheckoutStep--account,
form.checkout[data-checkout-step="payment"] .helmaJeanCheckoutStep--shipping{display:none}

/* همین قانون برای عناصری که بیرون از خودِ فرم هستند (مثلا کادر کد
   تخفیف که قبل از شروع فرم رندر می‌شود) - چون CSS فقط داخل فرم نمی‌تونه
   بهشون برسه، وضعیت مرحله رو روی body هم علامت می‌زنیم */
body[data-checkout-step="account"] .helmaJeanCheckoutStep--shipping,
body[data-checkout-step="account"] .helmaJeanCheckoutStep--payment{display:none}
body[data-checkout-step="shipping"] .helmaJeanCheckoutStep--account,
body[data-checkout-step="shipping"] .helmaJeanCheckoutStep--payment{display:none}
body[data-checkout-step="payment"] .helmaJeanCheckoutStep--account,
body[data-checkout-step="payment"] .helmaJeanCheckoutStep--shipping{display:none}

/* عنوان‌های پیش‌فرض «جزئیات صورت‌حساب» / «ارسال به آدرس دیگر» چون نوار
   مراحل بالای صفحه خودش عنوان هر مرحله را نشان می‌دهد، غیرضروری‌اند */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3{display:none}

/* ==================== اصلاح هم‌پوشانی آیکن/متن در اعلان‌های ووکامرس (راست‌به‌چپ) ==================== */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-notice{
  position:relative;
  max-width:640px;
  margin:0 auto 16px!important;
  padding:14px 46px 14px 16px!important;
  border:1px solid var(--helma-jean-line);
  border-top:1px solid var(--helma-jean-line)!important;
  border-radius:10px;
  background:#f7f6fb;
  color:var(--helma-jean-ink);
  list-style:none;
  font-size:13px;
  line-height:1.9;
}
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before{
  right:16px!important;
  left:auto!important;
  top:50%;
  transform:translateY(-50%);
  color:var(--helma-jean-pink);
}
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-message a{color:var(--helma-jean-pink);font-weight:700}
/* اگر پیامی (مثل «روش پرداختی موجود نیست») خالی برگردانده شود، کلاً از دید مخفی شود */
.woocommerce-checkout .woocommerce-info:empty{display:none;margin:0!important;padding:0!important;border:0!important}
/* پیام «بدون روش پرداخت موجود» را همیشه کاملاً مخفی می‌کنیم؛ چون فیلتر
   PHP فقط متن داخلش را خالی می‌کند، نه خودِ جعبه را (که به‌خاطر فاصله‌های
   خالی PHP، هنوز از نظر CSS «خالی/empty» حساب نمی‌شود) */
.woocommerce-checkout .payment_method_no_gateways{display:none!important}

/* دکمه‌ی نهایی «ثبت سفارش» - رنگ صورتی برند به‌جای رنگ آبی پیش‌فرض،
   و هم‌ردیف با دکمه‌ی بازگشت (که با جاوااسکریپت داخل همین ردیف اضافه می‌شود) */
.woocommerce-checkout .place-order{max-width:640px;margin:16px auto 0;display:flex;gap:12px;align-items:stretch}
.woocommerce-checkout #place_order{
	flex:1;height:50px;border-radius:10px;font-family:inherit;font-size:14.5px;font-weight:700;
	background:var(--helma-jean-pink)!important;border-color:var(--helma-jean-pink)!important;color:#fff!important;
	box-shadow:none!important;
}
.woocommerce-checkout #place_order:hover{background:var(--helma-jean-pink-dark)!important;border-color:var(--helma-jean-pink-dark)!important}
.woocommerce-checkout .place-order .helmaJeanCheckoutNav__back{flex:0 0 130px;margin:0}
@media (max-width:480px){
	.woocommerce-checkout .place-order{flex-wrap:wrap}
	.woocommerce-checkout .place-order .helmaJeanCheckoutNav__back{flex:1 1 100%}
	.woocommerce-checkout #place_order{flex:1 1 100%}
}

/* ==================== جعبه‌ی خلاصه‌ی «آدرس ارسال» بالای مرحله‌ی پرداخت ==================== */
.helmaJeanAddressSummary{max-width:640px;margin:0 auto 18px;background:#fff;border:1px solid var(--helma-jean-line);border-radius:var(--helma-jean-radius);box-shadow:var(--helma-jean-shadow);padding:16px 18px}
.helmaJeanAddressSummary__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.helmaJeanAddressSummary__head span{font-size:13.5px;font-weight:700;color:var(--helma-jean-ink)}
.helmaJeanAddressSummary__edit{border:0;background:transparent;color:var(--helma-jean-pink);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0}
.helmaJeanAddressSummary__body{font-size:13px;color:#7a7c93;line-height:2}
.helmaJeanAddressSummary__body strong{display:block;color:var(--helma-jean-ink);font-weight:700;margin:0 0 2px}

/* ==================== جدول «سفارش شما» - نمایش کارت‌مانند با عکس محصول ==================== */
.woocommerce-checkout .woocommerce-checkout-review-order-table{border:0;background:transparent}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead{display:none}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--helma-jean-line);border-radius:12px;padding:10px 14px;margin:0 0 10px}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item td{border:0;padding:0}
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{font-weight:700;color:var(--helma-jean-ink);white-space:nowrap;font-size:13.5px}
.helmaJeanOrderReview__row{display:flex;align-items:center;gap:12px}
.helmaJeanOrderReview__thumb img{width:52px;height:68px;object-fit:cover;border-radius:8px;display:block}
.helmaJeanOrderReview__title{font-size:13px;font-weight:600;color:var(--helma-jean-ink);line-height:1.8}
.helmaJeanOrderReview__title .product-quantity{color:#9a9cb4;font-weight:600}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;font-size:13px;color:#7a7c93}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th{font-weight:600;color:#7a7c93;text-align:right}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total{border-top:1px solid var(--helma-jean-line);margin-top:6px;padding-top:14px}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:15px;font-weight:800;color:var(--helma-jean-ink)}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th{border:0}
@media (max-width:480px){
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item{flex-wrap:wrap}
}

/* ==================== روش‌های ارسال به‌صورت کارت‌های قابل‌کلیک ==================== */
.woocommerce-checkout table.shop_table tr.shipping{border-top:1px solid var(--helma-jean-line);border-bottom:1px solid var(--helma-jean-line)}
.woocommerce-checkout table.shop_table tr.shipping td,
.woocommerce-checkout table.shop_table tr.shipping th{padding:12px 0}
.woocommerce-checkout ul#shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.woocommerce-checkout ul#shipping_method li{background:#fff;border:1.5px solid var(--helma-jean-line);border-radius:10px;padding:12px 14px;transition:border-color .15s,background .15s}
.woocommerce-checkout ul#shipping_method li:has(input:checked){border-color:var(--helma-jean-pink);background:#fdf2f8}
.woocommerce-checkout ul#shipping_method input[type="radio"]{width:17px;height:17px;accent-color:var(--helma-jean-pink);vertical-align:middle;margin-left:8px}
.woocommerce-checkout ul#shipping_method label{font-size:13px;color:var(--helma-jean-ink);cursor:pointer;vertical-align:middle}

/* ==================== گزینه‌ی «ساخت حساب کاربری» و رمزعبور آن ==================== */
.woocommerce-checkout p#createaccount{background:#f7f6fb;border:1px solid var(--helma-jean-line);border-radius:10px;padding:13px 16px;margin:0 0 16px!important;display:flex;align-items:center}
.woocommerce-checkout p#createaccount label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--helma-jean-ink);cursor:pointer;margin:0}
.woocommerce-checkout p#createaccount input[type="checkbox"]{width:18px;height:18px;accent-color:var(--helma-jean-pink);margin:0}
.woocommerce-checkout #account_password_field,
.woocommerce-checkout #account_password-2_field{margin-top:0}


/* ==========================================================================
   اصلاحات نهایی تسویه حساب - نسخه 26
   ========================================================================== */

/* ---------- تصاویر دسته‌بندی صفحه اصلی ----------
   تصویر از سایز large وردپرس + srcset می‌آید؛ این قانون فقط نمایش را کنترل می‌کند. */
.catSection__item .catSection__image{
	width:100%;
	height:320px;
	object-fit:cover;
	object-position:center;
	display:block;
	image-rendering:auto;
}

/* ---------- خلاصه صورتحساب در تمام مراحل تسویه حساب ----------
   در دسکتاپ همیشه ستون سمت چپ؛ فرم در سمت راست. */
.woocommerce-checkout .helmaJeanCheckoutLayout{
	width:100%;
	max-width:1200px;
	margin:0 auto 30px;
	display:grid;
	grid-template-columns:minmax(280px,360px) minmax(0,1fr);
	gap:24px;
	align-items:start;
	direction:ltr;
}
.woocommerce-checkout .helmaJeanCheckoutSummaryColumn{
	grid-column:1;
	min-width:0;
	direction:rtl;
}
.woocommerce-checkout .helmaJeanCheckoutMain{
	grid-column:2;
	min-width:0;
	direction:rtl;
}
.woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanSummary{
	width:100%;
	box-sizing:border-box;
	position:sticky;
	top:20px;
	margin:0;
}
@media (max-width:991px){
	.woocommerce-checkout .helmaJeanCheckoutLayout{
		grid-template-columns:1fr;
		gap:16px;
	}
	.woocommerce-checkout .helmaJeanCheckoutSummaryColumn,
	.woocommerce-checkout .helmaJeanCheckoutMain{
		grid-column:1;
	}
	.woocommerce-checkout .helmaJeanCheckoutSummaryColumn{order:2}
	.woocommerce-checkout .helmaJeanCheckoutMain{order:1}
	.woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanSummary{
		position:static;
	}
}

/* ---------- استان / شهر: Select2 / SelectWoo ----------
   SelectWoo در ووکامرس از همان کلاس‌های select2 استفاده می‌کند. */
.woocommerce-checkout .select2-container{
	width:100%!important;
	z-index:10000!important;
}
.woocommerce-checkout .select2-container--open{
	z-index:100000!important;
}
.woocommerce-checkout .select2-dropdown{
	z-index:100001!important;
	min-width:100%!important;
	max-height:320px;
}
.woocommerce-checkout .select2-results__options{
	max-height:260px;
	overflow-y:auto;
}
.woocommerce-checkout .select2-search--dropdown{
	background:#fff;
}
.woocommerce-checkout .select2-selection--single{
	cursor:pointer!important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{
	cursor:pointer!important;
}
.woocommerce-checkout .select2-container--disabled{
	opacity:.65;
	pointer-events:none;
}
.woocommerce-checkout .select2-container--default .select2-selection--single{
	display:flex!important;
	align-items:center!important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
	width:100%;
}

/* ---------- حذف متن «کد تخفیف دارید؟ ... اینجا کلیک کنید» ----------
   خود فرم از ابتدا نمایش داده می‌شود. */
.woocommerce-checkout .woocommerce-form-coupon-toggle{
	display:none!important;
}
.woocommerce-checkout form.checkout_coupon{
	display:flex!important;
	visibility:visible!important;
	opacity:1!important;
	height:auto!important;
	max-height:none!important;
}
.woocommerce-checkout .checkout_coupon{
	background:#fff;
	border:1px solid var(--helma-jean-line);
	box-shadow:0 4px 18px rgba(34,48,122,.06);
}

/* ---------- روش‌های ارسال ---------- */
.woocommerce-checkout table.shop_table tr.shipping{
	border:0!important;
	border-top:1px solid var(--helma-jean-line)!important;
	padding-top:8px;
}
.woocommerce-checkout table.shop_table tr.shipping th{
	font-size:13.5px;
	font-weight:800;
	color:var(--helma-jean-ink);
	padding:16px 0 10px!important;
}
.woocommerce-checkout ul#shipping_method{
	gap:10px!important;
	margin-top:4px!important;
}
.woocommerce-checkout ul#shipping_method li{
	position:relative;
	display:flex;
	align-items:center;
	min-height:48px;
	box-sizing:border-box;
	border:1px solid var(--helma-jean-line)!important;
	border-radius:12px!important;
	background:#fff;
	padding:12px 14px!important;
	box-shadow:0 2px 8px rgba(34,48,122,.035);
}
.woocommerce-checkout ul#shipping_method li:hover{
	border-color:#cfd2e5!important;
	background:#fbfbfe;
}
.woocommerce-checkout ul#shipping_method li:has(input:checked){
	border-color:var(--helma-jean-pink)!important;
	background:#fdf2f8!important;
	box-shadow:0 4px 14px rgba(229,23,127,.08);
}
.woocommerce-checkout ul#shipping_method input[type="radio"]{
	flex:0 0 auto;
	width:18px!important;
	height:18px!important;
	margin:0 0 0 9px!important;
}
.woocommerce-checkout ul#shipping_method label{
	flex:1;
	line-height:1.8;
}

/* ---------- درگاه‌های پرداخت: هر درگاه با جداکننده و ظاهر کارت‌مانند ---------- */
.woocommerce-checkout #payment{
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	padding:0!important;
}
.woocommerce-checkout #payment ul.payment_methods{
	list-style:none!important;
	margin:0!important;
	padding:0!important;
	background:#fff;
	border:1px solid var(--helma-jean-line);
	border-radius:12px;
	overflow:hidden;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{
	position:relative;
	margin:0!important;
	padding:15px 16px!important;
	border:0!important;
	border-bottom:1px solid var(--helma-jean-line)!important;
	background:#fff;
	transition:background .15s ease;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:last-child{
	border-bottom:0!important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover{
	background:#fbfbfe;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin:0 8px 0 0;
	accent-color:var(--helma-jean-pink);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method>label{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:24px;
	font-size:13.5px;
	font-weight:700;
	color:var(--helma-jean-ink);
	cursor:pointer;
	vertical-align:middle;
}
.woocommerce-checkout #payment div.payment_box{
	margin:12px 0 0!important;
	padding:12px 14px!important;
	border:1px solid var(--helma-jean-line)!important;
	border-radius:10px!important;
	background:#f7f6fb!important;
	color:#6f7188;
	font-size:12.5px;
	line-height:1.9;
}
.woocommerce-checkout #payment div.payment_box::before{
	display:none!important;
}

/* ---------- دکمه بازگشت و ثبت سفارش دقیقاً هم‌اندازه ---------- */
.woocommerce-checkout .place-order{
	display:flex!important;
	flex-wrap:nowrap!important;
	align-items:stretch!important;
	gap:12px!important;
}
.woocommerce-checkout .place-order .helmaJeanCheckoutNav__back,
.woocommerce-checkout .place-order #place_order{
	flex:1 1 0!important;
	width:auto!important;
	min-width:0!important;
	height:50px!important;
	min-height:50px!important;
	box-sizing:border-box!important;
	margin:0!important;
}
@media (max-width:480px){
	.woocommerce-checkout .place-order{
		flex-wrap:nowrap!important;
		gap:8px!important;
	}
	.woocommerce-checkout .place-order .helmaJeanCheckoutNav__back,
	.woocommerce-checkout .place-order #place_order{
		flex:1 1 0!important;
		width:50%!important;
		font-size:13px!important;
	}
}

/* جلوگیری از تداخل کادر خلاصه آدرس با ستون اصلی */
.woocommerce-checkout .helmaJeanAddressSummary{
	max-width:none;
}


/* ======================================================================
   اصلاح نهایی چیدمان تسویه حساب - نسخه 27
   ====================================================================== */

/* خلاصه صورتحساب: در دسکتاپ همیشه در ستون چپ و هنگام اسکرول sticky */
.woocommerce-checkout .helmaJeanCheckoutLayout{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
  direction:ltr!important;
}
.woocommerce-checkout .helmaJeanCheckoutSummaryColumn{
  grid-column:1!important;
  direction:rtl!important;
  position:sticky!important;
  top:24px!important;
  align-self:start!important;
  z-index:5;
}
.woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanSummary{
  position:relative!important;
  top:auto!important;
  margin:0!important;
}
.woocommerce-checkout .helmaJeanCheckoutMain{
  grid-column:2!important;
  direction:rtl!important;
  min-width:0!important;
}
.helmaJeanSummary__row--shipping{
  border-top:1px dashed var(--helma-jean-line);
  margin-top:5px;
  padding-top:12px;
}
.helmaJeanSummary__row--shipping .helmaJeanSummary__value{font-weight:700;color:var(--helma-jean-ink)}

/* حذف کامل فضای خالی مرحله‌های پنهان و باکس‌های خالی ووکامرس */
.woocommerce-checkout #customer_details:empty,
.woocommerce-checkout .helmaJeanCheckoutStep:empty,
.woocommerce-checkout .woocommerce-form-coupon-toggle:empty,
.woocommerce-checkout .woocommerce-info:empty{display:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.woocommerce-checkout form.checkout[data-checkout-step="payment"] #customer_details{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}

/* کارت آدرس تحویل */
.woocommerce-checkout .helmaJeanAddressSummary{
  width:100%!important;
  max-width:none!important;
  min-height:250px!important;
  box-sizing:border-box!important;
  margin:0 0 18px!important;
  padding:20px 22px!important;
  background:#fff!important;
  border:1px solid var(--helma-jean-line)!important;
  border-radius:14px!important;
  box-shadow:var(--helma-jean-shadow)!important;
}

/* مرحله پرداخت: عنوان و سفارش شما در عرض کامل ستون */
.woocommerce-checkout #order_review_heading{
  max-width:none!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
}
.woocommerce-checkout #order_review{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

/* باکس مستقل سفارش شما */
.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:250px!important;
  margin:0 0 18px!important;
  padding:14px 16px!important;
  background:#fff!important;
  border:1px solid var(--helma-jean-line)!important;
  border-radius:14px!important;
  box-shadow:var(--helma-jean-shadow)!important;
}

/* محصولات سفارش: دو ستونه و جمع‌وجور */
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item{
  min-width:0!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  gap:8px!important;
  box-shadow:none!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name{
  min-width:0!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .helmaJeanOrderReview__row{
  min-width:0!important;
  gap:8px!important;
}
.woocommerce-checkout .helmaJeanOrderReview__thumb img{
  width:44px!important;
  height:56px!important;
  border-radius:7px!important;
}
.woocommerce-checkout .helmaJeanOrderReview__title{
  font-size:12px!important;
  line-height:1.65!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{font-size:12px!important}

/* ردیف‌های جمع سفارش زیر محصولات */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot{
  display:block!important;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid var(--helma-jean-line);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* هزینه ارسال: کارت مستقل */
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:12px 0 0!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid var(--helma-jean-line)!important;
  border-radius:14px!important;
  box-shadow:var(--helma-jean-shadow)!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping td{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0 0 10px!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping td:last-child{padding-bottom:0!important}

/* درگاه پرداخت: باکس مستقل */
.woocommerce-checkout #payment{
  width:100%!important;
  box-sizing:border-box!important;
  margin:18px 0 0!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid var(--helma-jean-line)!important;
  border-radius:14px!important;
  box-shadow:var(--helma-jean-shadow)!important;
}
.woocommerce-checkout #payment:before{
  content:'روش پرداخت';
  display:block;
  margin:0 0 12px;
  font-size:14px;
  font-weight:800;
  color:var(--helma-jean-ink);
}
.woocommerce-checkout #payment ul.payment_methods{
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{
  padding:13px 4px!important;
}

/* کد تخفیف داخل مرحله پرداخت، اگر نمایش داده شد، مستقل و جمع‌وجور */
.woocommerce-checkout .checkout_coupon{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 0 14px!important;
}

@media (min-width:992px){
  .woocommerce-checkout .helmaJeanCheckoutMain > .helmaJeanCheckoutStep--payment{
    width:100%;
  }
}
@media (max-width:991px){
  .woocommerce-checkout .helmaJeanCheckoutLayout{grid-template-columns:1fr!important}
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn,
  .woocommerce-checkout .helmaJeanCheckoutMain{grid-column:1!important}
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn{order:2!important;position:static!important}
  .woocommerce-checkout .helmaJeanCheckoutMain{order:1!important}
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody{grid-template-columns:1fr!important}
}

/* =====================================================================
   اصلاحات نسخه 28
   1) خلاصه صورتحساب واقعاً sticky در دسکتاپ
   2) یکسان‌سازی اندازه باکس‌های حساب کاربری و مراحل ارسال/پرداخت
   3) جلوگیری از اسکرول افقی صفحه محصولات در موبایل
   ===================================================================== */

/* جلوگیری از شکستن sticky به‌خاطر overflow والدهای قالب */
@media (min-width: 992px){
  html body.woocommerce-checkout,
  html body.woocommerce-checkout #page,
  html body.woocommerce-checkout #content,
  html body.woocommerce-checkout .site-content,
  html body.woocommerce-checkout .helmaJeanCart--checkout,
  html body.woocommerce-checkout .helmaJeanCheckoutLayout{
    overflow: visible !important;
  }

  .woocommerce-checkout .helmaJeanCheckoutLayout{
    align-items: start !important;
  }

  /* خود ستون sticky است؛ نه فقط کارت داخل آن */
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn{
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    height: max-content !important;
    max-height: calc(100vh - 48px) !important;
    overflow: visible !important;
    z-index: 20;
  }

  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanCheckoutSummary{
    position: static !important;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
  }

  /* اندازه یکسان باکس‌های مرحله ارسال و پرداخت */
  .woocommerce-checkout .helmaJeanCheckoutMain > .helmaJeanCheckoutStep,
  .woocommerce-checkout .helmaJeanCheckoutMain > .helmaJeanAddressSummary,
  .woocommerce-checkout .helmaJeanCheckoutMain > #order_review,
  .woocommerce-checkout .helmaJeanCheckoutMain > #payment,
  .woocommerce-checkout .helmaJeanCheckoutMain > .woocommerce-checkout-payment{
    width: 100%;
    max-width: 640px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
}

/* حساب کاربری: باکس محتوا از نظر عرض، حاشیه و ظاهر با باکس‌های checkout هماهنگ شود */
body.woocommerce-account .woocommerce-MyAccount-content{
  border: 1px solid var(--helma-jean-line, #eceaf3);
  border-radius: var(--helma-jean-radius, 14px);
  box-shadow: var(--helma-jean-shadow, 0 8px 24px rgba(32,34,58,.06));
  background: #fff;
  box-sizing: border-box;
}
body.woocommerce-account .woocommerce-MyAccount-content > h2,
body.woocommerce-account .woocommerce-MyAccount-content > h3{
  margin-top: 0;
}

/* جلوگیری از اسکرول افقی در صفحه فروشگاه/جستجوی محصولات */
html, body{
  max-width: 100%;
  overflow-x: hidden;
}
.shopLayout,
.shopMain,
.shopGrid,
.shopGrid__cell{
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.shopGrid{
  width: 100%;
}

@media (max-width: 991px){
  .shopLayout{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .shopMain{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .shopGrid{
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: hidden;
  }
  .shopGrid__cell{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  .shopGrid__cell .products,
  .shopGrid__cell .products__image,
  .shopGrid__cell .products__image--pic{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  .shopGrid__cell .products__image--pic img{
    max-width: 100% !important;
  }
}

@media (max-width: 600px){
  /* کارت‌های نتایج جستجو/دسته‌بندی در موبایل دقیقاً داخل نیم‌ستون بمانند */
  .shopGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .shopGrid__cell{
    overflow: hidden !important;
  }
  .shopGrid__cell .products__content{
    min-width: 0 !important;
  }
  .shopGrid__cell .products__title{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}


/* =====================================================================
   اصلاح نهایی خلاصه صورتحساب - نسخه 29
   کنترل موقعیت کارت توسط JS انجام می‌شود تا در ساختار چندمرحله‌ای checkout
   به محض اسکرول واقعاً ثابت بماند و در انتهای ستون متوقف شود.
   ===================================================================== */
@media (min-width:992px){
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    align-self:stretch!important;
    overflow:visible!important;
  }
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanCheckoutSummary{
    max-height:calc(100vh - 48px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}
@media (max-width:991px){
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanCheckoutSummary{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* =====================================================================
   اصلاحات نسخه 30 - فاصله باکس‌ها + خلاصه صورتحساب واقعاً ثابت
   ===================================================================== */
@media (min-width: 992px){
  /* فاصله‌ی بین ستون مشخصات و خلاصه صورتحساب بسیار کمتر */
  .woocommerce-checkout .helmaJeanCheckoutLayout{
    grid-template-columns:minmax(290px,360px) minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;
  }

  .woocommerce-checkout .helmaJeanCheckoutMain,
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn{
    min-width:0!important;
  }

  /* وقتی JS کارت را ثابت می‌کند، ستون فقط جای کارت را نگه می‌دارد. */
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-fixed{
    position:relative!important;
    align-self:start!important;
  }
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-fixed .helmaJeanCheckoutSummary{
    position:fixed!important;
    z-index:999!important;
    top:24px!important;
    margin:0!important;
    max-height:calc(100vh - 48px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-bottom .helmaJeanCheckoutSummary{
    position:absolute!important;
    z-index:20!important;
    bottom:0!important;
    top:auto!important;
    margin:0!important;
    width:100%!important;
  }

  /* باکس مشخصات مرحله‌ی حساب/ارسال */
  .woocommerce-checkout #customer_details{
    margin-bottom:4px!important;
    padding:20px!important;
  }

  /* آدرس تحویل در مرحله پرداخت کوتاه‌تر */
  .woocommerce-checkout .helmaJeanAddressSummary{
    min-height:0!important;
    height:auto!important;
    padding:12px 16px!important;
    margin-bottom:10px!important;
  }
  .woocommerce-checkout .helmaJeanAddressSummary__head{margin-bottom:4px!important}
  .woocommerce-checkout .helmaJeanAddressSummary__body{line-height:1.75!important}
}

/* موبایل: هیچ‌وقت خلاصه را fixed نکن */
@media (max-width:991px){
  .woocommerce-checkout .helmaJeanCheckoutLayout{column-gap:0!important;row-gap:10px!important}
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn,
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-fixed,
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-bottom{
    position:static!important;
  }
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn .helmaJeanCheckoutSummary,
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-fixed .helmaJeanCheckoutSummary,
  .woocommerce-checkout .helmaJeanCheckoutSummaryColumn.is-summary-bottom .helmaJeanCheckoutSummary{
    position:static!important;
    width:100%!important;
    max-height:none!important;
  }
}

/* ================== استان/شهر نسخه 1.1.7: کنترل‌های بومی ================== */
.woocommerce-checkout #billing_state,
.woocommerce-checkout #shipping_state,
.woocommerce-checkout #billing_city,
.woocommerce-checkout #shipping_city{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  box-sizing:border-box!important;
  border:1.5px solid var(--helma-jean-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--helma-jean-ink)!important;
  font-family:inherit!important;
  font-size:13.5px!important;
  padding:0 14px 0 38px!important;
  direction:rtl!important;
  cursor:pointer;
}
.woocommerce-checkout #billing_city:disabled,
.woocommerce-checkout #shipping_city:disabled{opacity:.65;cursor:not-allowed}
.woocommerce-checkout #billing_state:focus,
.woocommerce-checkout #shipping_state:focus,
.woocommerce-checkout #billing_city:focus,
.woocommerce-checkout #shipping_city:focus{outline:0;border-color:var(--helma-jean-pink)!important}
.woocommerce-checkout .helmaJeanNativeCitySelect + .select2-container{display:none!important}