.elementor-30968 .elementor-element.elementor-element-fbc2e18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30968 .elementor-element.elementor-element-d8317ce{--display:flex;}.elementor-30968 .elementor-element.elementor-element-a659b9e > .elementor-widget-container{margin:-23px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30968 .elementor-element.elementor-element-a659b9e :is(.wd-breadcrumbs,.yoast-breadcrumb){font-size:11px;font-weight:200;--wd-link-color:#9C9E9D;--wd-bcrumb-delim-color:#DFDEDE;--wd-bcrumb-color-active:var( --e-global-color-89c889f );}.elementor-30968 .elementor-element.elementor-element-26e0dbe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-30968 .elementor-element.elementor-element-b77ddb0{--display:flex;}.elementor-30968 .elementor-element.elementor-element-db8ec7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30968 .elementor-element.elementor-element-ce12e3b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-30968 .elementor-element.elementor-element-ce12e3b.e-con{--align-self:center;}.elementor-30968 .elementor-element.elementor-element-21a1272{width:auto;max-width:auto;}.elementor-30968 .elementor-element.elementor-element-21a1272.elementor-element{--align-self:center;}.elementor-30968 .elementor-element.elementor-element-8ba0998 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30968 .elementor-element.elementor-element-ee03f06 > .elementor-widget-container{--e-transform-translateY:-30px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30968 .elementor-element.elementor-element-0aea354{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30968 .elementor-element.elementor-element-0aea354.e-con{--e-con-transform-translateY:-40px;}.elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-30968 .elementor-element.elementor-element-b92228a > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container{--e-transform-translateY:-10px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30968 .elementor-element.elementor-element-b92228a.elementor-element{--align-self:center;}:is( .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(2px / 2);padding-right:calc(2px / 2);}:is( .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid, .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-30968 .elementor-element.elementor-element-b92228a > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 2px / -2);margin-right:calc( 2px / -2);width:calc(100% + 2px);}.elementor-30968 .elementor-element.elementor-element-4b28244{--display:flex;--min-height:70px;--margin-top:-29px;--margin-bottom:-45px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30968 .elementor-element.elementor-element-4b28244.e-con{--e-con-transform-translateY:-49px;}.elementor-30968 .elementor-element.elementor-element-d32b59a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#72560814;--border-color:#72560814;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-30968 .elementor-element.elementor-element-d32b59a.e-con{--e-con-transform-translateY:-22px;}.elementor-30968 .elementor-element.elementor-element-37e420a > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-30968 .elementor-element.elementor-element-a1bd635{width:auto;max-width:auto;}.elementor-30968 .elementor-element.elementor-element-a1bd635.elementor-element{--align-self:center;}.elementor-30968 .elementor-element.elementor-element-65bf766{--display:flex;}.elementor-30968 .elementor-element.elementor-element-81681c9{--display:flex;}.elementor-30968 .elementor-element.elementor-element-bcd0dd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:16px;--padding-bottom:16px;--padding-left:8px;--padding-right:8px;}.elementor-30968 .elementor-element.elementor-element-bcd0dd0.e-con{--align-self:center;}.elementor-30968 .elementor-element.elementor-element-a0a7c5f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-30968 .elementor-element.elementor-element-a0a7c5f.elementor-element{--align-self:center;}.elementor-30968 .elementor-element.elementor-element-4a4b940{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30968 .elementor-element.elementor-element-c1606af{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-30968 .elementor-element.elementor-element-c1606af.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-30968 .elementor-element.elementor-element-81681c9{--width:80%;}.elementor-30968 .elementor-element.elementor-element-4a4b940{--width:100%;}}/* Start custom CSS for wd_wc_breadcrumb, class: .elementor-element-a659b9e */.zdv-breadcrumb .wd-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#8b95a1;
  margin:0 0 12px;
  padding:8px 10px;
  background:#fbfcfe;
  border:1px solid #eef2f6;
  border-radius:10px;
}

.zdv-breadcrumb .wd-breadcrumbs a{
  color:#5d6b7a;
  text-decoration:none;
  font-weight:500;
}

.zdv-breadcrumb .wd-breadcrumbs a:hover{ color:#1f2937; }

.zdv-breadcrumb .wd-breadcrumbs .wd-delimiter:before{
  content:"/";
  color:#c3cbd4;
  margin:0 6px;
}

.zdv-breadcrumb .wd-breadcrumbs .wd-last{
  color:#2b3642;
  font-weight:700;
}/* End custom CSS */
/* Start custom CSS for wd_single_product_title, class: .elementor-element-21a1272 */.elementor-30968 .elementor-element.elementor-element-21a1272{
  font-size:23px;
  font-weight:750;
  color:#1f2a2e;
  letter-spacing:-0.2px;
  margin-bottom:8px;
  text-align:center;
  position:relative;
}

/* جداکننده */
.elementor-30968 .elementor-element.elementor-element-21a1272:after{
  content:"";
  display:block;
  width:160px;
  height:2px;
  margin:8px auto 0;
  border-radius:99px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(31,42,46,.25),
    transparent
  );
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ba0998 */.elementor-30968 .elementor-element.elementor-element-8ba0998{
  display:block;
  text-align:center;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric: lining-nums;
  font-feature-settings:"lnum" 1, "tnum" 1;
  font-size:13px;      /* ثابت */
  opacity:.62;
  margin-top:-2px;
  margin-bottom:10px;
  letter-spacing:.4px;
}/* End custom CSS */
/* Start custom CSS for wd_text_block, class: .elementor-element-ee03f06 */.zdv-head-usage{
  font-size:13px;
  line-height:1.85;
  opacity:.9;
  margin-top:10px;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  word-break:normal;
}
.zdv-head-usage p{ margin:0; }/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-b92228a *//* ZDV Badges v8.1 — scoped to this Listing Grid widget */

.elementor-30968 .elementor-element.elementor-element-b92228a .jet-listing-grid__items{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:2px !important;
    flex-wrap:nowrap !important;
}

.elementor-30968 .elementor-element.elementor-element-b92228a .jet-listing-grid__item{
    width:auto !important;
    flex:0 0 auto !important;
    max-width:none !important;
}

/* خود ویجت Dynamic Field داخل آیتم (کلاسش: zdv-badge) */
.elementor-30968 .elementor-element.elementor-element-b92228a .zdv-badge{
    width:auto !important;
    flex:0 0 auto !important;
}

.elementor-30968 .elementor-element.elementor-element-b92228a .zdv-badge .jet-listing-dynamic-field__content{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:none !important;

    padding:5px 14px !important;
    border-radius:20px !important;

    background:#f6f8f7 !important;
    border:1px solid #e2e6e4 !important;
    color:#1f3d32 !important;

    white-space:nowrap !important;
    line-height:1.2 !important;

    font-size:12px !important;  /* قفل سایز */
    font-weight:500 !important;
    letter-spacing:.2px !important;

    text-align:center !important;
}
.elementor-30968 .elementor-element.elementor-element-b92228a .zdv-badge .jet-listing-dynamic-field__content:before{
    content:"✓";
    margin-left:6px;
    color:#2e7d32;
    font-weight:700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce12e3b *//* ZDV EN TITLE - vFinal */
.zdv-en-title .elementor-heading-title{
  display:block;
  text-align:center !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;

  /* keep the same look */
  font-size:13px;
  line-height:1.4;
  margin-top:-6px;
  letter-spacing:.3px;
  color:inherit;          /* رنگ را از والد بگیرد */
  opacity:.65;            /* همان حس طوسی قبلی */

  /* force latin digits without webfont loading */
  font-family: Arial, "Segoe UI", Tahoma, sans-serif !important;
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1, "locl" 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b28244 */<style id="ZDV-LIDNOTICE-CSS-v2.0.1">
                                    .zdv-summary .zdv-lidzone .zdv-lidnotice{margin:0 0 14px 0;font-family:inherit}
.zdv-summary .zdv-lidzone .zdv-ln-shell{border-radius:12px;border:1px solid rgba(114,86,8,.08);background:#FAFAF8;box-shadow:0 8px 24px rgba(0,0,0,.05);overflow:hidden;transition:height .28s cubic-bezier(.2,.8,.2,1)}
.zdv-summary .zdv-lidzone .zdv-ln-expanded,.zdv-summary .zdv-lidzone .zdv-ln-collapsed{padding:14px 14px 12px 14px}
.zdv-summary .zdv-lidzone .zdv-ln-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.zdv-summary .zdv-lidzone .zdv-ln-title{font-weight:800;font-size:15px;color:#1a1a1a}
.zdv-summary .zdv-lidzone .zdv-ln-x{width:32px;height:32px;border-radius:8px;border:1px rgba(0,0,0,.06);background:transparent;cursor:pointer;line-height:30px;font-size:19px;color:#555}
.zdv-summary .zdv-lidzone .zdv-ln-text{font-size:13px;line-height:1.9;color:#333}

/* (2) دکمه‌های پایین در حالت Expanded سمت چپ */
.zdv-summary .zdv-lidzone .zdv-ln-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;justify-content:flex-end}

.zdv-summary .zdv-lidzone .zdv-ln-cta{border:none;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;background:#ff8a00;color:#fff}
.zdv-summary .zdv-lidzone .zdv-ln-ok{border:0px;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;background:#F3EFE8;color:#1a1a1a}

.zdv-summary .zdv-lidzone .zdv-ln-collapsed{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zdv-summary .zdv-lidzone .zdv-ln-mini-text{font-size:13px;color:#333;line-height:1.6}
.zdv-summary .zdv-lidzone .zdv-ln-mini-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* (4) رنگ طوسی برای «نمایش توضیح» */
.zdv-summary .zdv-lidzone .zdv-ln-show{border:none;background:transparent;color:#6b6b6b;font-weight:800;cursor:pointer;padding:8px 6px}

.zdv-summary .zdv-lidzone .zdv-ln-shell.is-collapsed .zdv-ln-expanded{display:none}
.zdv-summary .zdv-lidzone .zdv-ln-shell:not(.is-collapsed) .zdv-ln-collapsed{display:none}

/* (6) کادر نارنجی لحظه‌ای دور سکشن مقصد */
.zdv-ln-flash{
    outline:2px solid #ff8a00;
    outline-offset:6px;
    border-radius:12px;
    animation:zdvFlash 0.9s ease-out 1;
}
@keyframes zdvFlash{
    0%{outline-color:rgba(255,138,0,1)}
    100%{outline-color:rgba(255,138,0,0)}
}

@media (max-width:480px){
    .zdv-summary .zdv-lidzone .zdv-ln-collapsed{flex-direction:column;align-items:stretch}
    .zdv-summary .zdv-lidzone .zdv-ln-mini-actions{justify-content:space-between}
    .zdv-summary .zdv-lidzone .zdv-ln-cta,.zdv-summary .zdv-lidzone .zdv-ln-ok{width:100%}
}
</style>/* Transition پایه برای همه دکمه‌ها */
  .zdv-summary .zdv-lidzone .zdv-ln-cta,
  .zdv-summary .zdv-lidzone .zdv-ln-ok,
  .zdv-summary .zdv-lidzone .zdv-ln-show,
  .zdv-summary .zdv-lidzone .zdv-ln-x{
      transition: all .22s ease;
  }

/* CTA نارنجی */
.zdv-summary .zdv-lidzone .zdv-ln-cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(255,138,0,.25);
}

/* دکمه متوجه شدم */
.zdv-summary .zdv-lidzone .zdv-ln-ok:hover{
    background:#EAE5DD;
    transform: translateY(-1px);
}

/* نمایش توضیح */
.zdv-summary .zdv-lidzone .zdv-ln-show:hover{
    color:#444;
}

/* ضربدر */
.zdv-summary .zdv-lidzone .zdv-ln-x:hover{
    color:#222;
    border-color: rgba(0,0,0,.12);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db8ec7a *//* =========================
   STAGE LAYOUT
========================= */

.zdv-summary .zdv-stage{
  position:relative;
}

/* جدول variations را بلاکی می‌کنیم */
.zdv-summary .zdv-stage table.variations,
.zdv-summary .zdv-stage table.variations tbody{
  display:block;
  width:100%;
}

/* هر TR = یک Step کارت‌مانند */
.zdv-summary .zdv-stage table.variations tr{
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:14px;
  padding:18px;
  margin:0 0 16px 0;
  box-sizing:border-box;
  transition:
    opacity .25s ease,
    max-height .35s ease,
    transform .35s ease;
  max-height:1200px;
  opacity:1;
}

/* =========================
   STEP STATES
========================= */

/* مراحل قفل‌شده و انجام‌شده جمع می‌شوند */
.zdv-summary .zdv-stage table.variations tr.is-locked,
.zdv-summary .zdv-stage table.variations tr.is-done{
  max-height:0;
  opacity:0;
  padding-top:0;
  padding-bottom:0;
  margin-bottom:0;
  border-width:0;
  transform:translateY(-8px);
  pointer-events:none;
}

/* مرحله فعال */
.zdv-summary .zdv-stage table.variations tr.is-active{
  opacity:1;
  max-height:1200px;
  pointer-events:auto;
  transform:none;
}

/* عنوان و مقدار هر مرحله */
.zdv-summary .zdv-stage table.variations tr > th,
.zdv-summary .zdv-stage table.variations tr > td{
  display:block;
  width:100%;
}

.zdv-summary .zdv-stage table.variations tr > th.label{
  font-weight:700;
  margin-bottom:12px;
}

/* =========================
   NAVIGATION
========================= */

.zdv-summary .zdv-nav{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-top:10px;
}

.zdv-summary .zdv-prev,
.zdv-summary .zdv-next,
.zdv-summary .zdv-restart{
  padding:10px 18px;
  border-radius:10px;
  cursor:pointer;
  transition:all .2s ease;
}

.zdv-summary .zdv-prev[disabled],
.zdv-summary .zdv-next[disabled]{
  opacity:.4;
  cursor:not-allowed;
}

/* =========================
   CTA AREA
========================= */

.zdv-summary .zdv-cta{
  margin-top:18px;
  display:none;
}

.zdv-summary .zdv-cta.is-show{
  display:block;
}

/* موجودی */
.zdv-summary .zdv-stock{
  margin-bottom:10px;
  font-weight:600;
}
/* ZDV-CSS-PATCH-01-TOPBOXES */
.zdv-summary .zdv-top{display:grid;gap:12px;margin-bottom:14px;}
.zdv-summary .zdv-help,.zdv-summary .zdv-breadcrumb{border-radius:14px;padding:14px 16px;}
.zdv-summary .zdv-help{border:1px solid rgba(0,120,255,.25);}
.zdv-summary .zdv-breadcrumb{border:1px solid rgba(0,180,90,.25);}
.zdv-summary .zdv-help__title,.zdv-summary .zdv-crumb__title{font-weight:700;margin-bottom:6px;}
/* ZDV-CSS-PATCH-02-TOPBOXES-LOGIC */

.zdv-summary .zdv-help__text{line-height:1.9;}

.zdv-summary .zdv-crumb__list{
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.zdv-summary .zdv-crumb__item{
  border-radius:12px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.08);
}

.zdv-summary .zdv-crumb__item.is-current{
  border-color: rgba(0,180,90,.35);
}

.zdv-summary .zdv-crumb__item.is-picked{
  border-color: rgba(0,180,90,.55);
}

.zdv-summary .zdv-crumb__line1{
  font-weight:700;
  margin-bottom:4px;
}

.zdv-summary .zdv-crumb__line2{
  opacity:.9;
  font-size:0.95em;
}

.zdv-summary .zdv-crumb__picked{
  font-weight:600;
}

.zdv-summary .zdv-crumb__empty{
  opacity:.75;
}
/* ZDV-CSS-PATCH-02-SUMMARYBAR */
.zdv-summary .zdv-help__text{line-height:1.9;}

.zdv-summary .zdv-bar__inner{
  border-radius:12px;
  padding:12px 14px;
  background:rgba(0,180,90,.08);
  border:1px solid rgba(0,180,90,.25);
}

.zdv-summary .zdv-bar__text{
  font-weight:600;
  line-height:1.8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* ZDV-CSS-PATCH-03-HELP-AVATAR-SLOT */

.zdv-summary .zdv-help__wrap{
  display:flex;
  align-items:center;
  gap:14px;
}

.zdv-summary .zdv-help__avatar-slot{
  flex:0 0 60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.zdv-summary .zdv-help__avatar-placeholder{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(0,0,0,.05);
  border:1px dashed rgba(0,0,0,.15);
}

.zdv-summary .zdv-help__content{
  flex:1;
}

.zdv-summary .zdv-help__title{
  font-weight:700;
  margin-bottom:6px;
}
/* =========================
   ZDV-CSS-PATCH-04-TOPBOX-REFINE
   راست‌چین + جابجایی آواتار
========================= */

/* کادر آبی - ساختار کلی */
.zdv-summary .zdv-help__wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  direction:rtl;              /* کل باکس RTL */
}

/* متن سمت راست */
.zdv-summary .zdv-help__content{
  flex:1;
  text-align:right;           /* راست‌چین کامل */
}

/* عنوان */
.zdv-summary .zdv-help__title{
  font-weight:700;
  margin-bottom:6px;
  text-align:right;
}

/* متن راهنما */
.zdv-summary .zdv-help__text{
  line-height:1.9;
  text-align:right;
}

/* آواتار منتقل به چپ */
.zdv-summary .zdv-help__avatar-slot{
  flex:0 0 54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  order:-1;                  /* مهم: بنداز سمت چپ */
}

/* placeholder کم‌رنگ‌تر */
.zdv-summary .zdv-help__avatar-placeholder{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(0,0,0,.03);
  border:1px dashed rgba(0,0,0,.08);
  opacity:.6;
}

/* =========================
   نوار سبز (خلاصه انتخاب‌ها)
========================= */

.zdv-summary .zdv-bar__inner{
  direction:rtl;
  text-align:right;
  border-radius:10px;
  padding:10px 14px;
  background:rgba(0,160,80,.06);
  border:1px solid rgba(0,160,80,.18);
}

.zdv-summary .zdv-bar__text{
  font-weight:600;
  line-height:1.8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:right;
}
/* =========================================
   ZDV-CSS-PATCH-05-TOPBOXES-BLUEGREEN
   فقط: کادر آبی (دستیار) + نوار سبز خلاصه
========================================= */

/* ---------- کادر آبی (دستیار) ---------- */
.zdv-summary .zdv-help{
  background: rgba(0, 120, 255, 0.06);          /* آبی ملایم و شیک */
  border: 1px solid rgba(0, 120, 255, 0.18);
  border-radius: 14px;
}

.zdv-summary .zdv-help__wrap{
  /* چیدمان دست‌نخورده؛ فقط فاصله‌ها و ظرافت */
  gap: 14px;
}

.zdv-summary .zdv-help__title{
  font-size: 13px;                               /* کوچیک‌تر */
  font-weight: 700;
  color: rgba(0, 120, 255, 0.9);                 /* اشباع آبی */
  margin-bottom: 4px;
}

.zdv-summary .zdv-help__text{
  font-size: 14px;                               /* ۱-۲ سایز کوچیک‌تر */
  line-height: 1.85;
  color: rgba(0, 120, 255, 0.9);                 /* اشباع آبی */
}

/* آواتار placeholder محوتر */
.zdv-summary .zdv-help__avatar-placeholder{
  background: rgba(0,0,0,0.02);
  border: 1px dashed rgba(0,0,0,0.06);
  opacity: 0.35;
}

/* ---------- نوار سبز (خلاصه انتخاب‌ها) ---------- */
.zdv-summary .zdv-bar__inner{
  background: rgba(0, 170, 90, 0.06);
  border: 1px solid rgba(0, 170, 90, 0.18);
  border-radius: 12px;
  padding: 9px 12px;                             /* جمع‌وجورتر */
}

.zdv-summary .zdv-bar__text{
  font-size: 13px;                               /* کوچیک‌تر */
  font-weight: 600;
}

/* بخش انتخاب‌ها سبزتر شود:
   در JS پچ ما separator = " / " است.
   با همین جداکننده، تکه‌های بعد از / را سبز می‌کنیم. */
.zdv-summary .zdv-bar__text{
  direction: rtl;
  text-align: right;
}

.zdv-summary .zdv-bar__text{
  /* پیش‌فرض کل متن */
  color: rgba(20, 40, 30, 0.85);
}

/* این ترفند با JS کار می‌کند: اگر در متن HTML نداشته باشیم،
   این بخش فقط برای حالت‌هایی است که بعداً span اضافه کنیم.
   فعلاً آماده‌سازی می‌کنیم. */
.zdv-summary .zdv-bar__text .zdv-bar__picks{
  color: rgba(0, 150, 80, 0.95);
  font-weight: 700;
}
/* =========================================
   ZDV-CSS-PATCH-06-TOPBOXES-CLEAN
   حذف بوردرها + اصلاح رنگ عنوان
========================================= */

/* ---------- کادر آبی ---------- */

.zdv-summary .zdv-help {
    border: none !important;               /* حذف دورخط */
    background: rgba(0, 120, 255, 0.06);   /* همون آبی ملایم */
}

/* عنوان دستیار کمی تیره‌تر از متن */
.zdv-summary .zdv-help__title{
    color: rgba(0, 85, 190, 1);            /* تیره‌تر برای تفکیک */
}

/* متن راهنما کمی روشن‌تر از عنوان */
.zdv-summary .zdv-help__text{
    color: rgba(0, 120, 255, 0.9);
}
/* ---------- کادر سبز ---------- */

/* ===============================
   ZDV GREEN BAR CLEAN VERSION
   جایگزین کامل استایل قبلی
================================ */

/* ظرف اصلی */
.zdv-summary .zdv-breadcrumb{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* خود نوار سبز */
.zdv-summary .zdv-bar__inner{
    background: rgba(0, 170, 90, 0.07);   /* سبز خیلی ملایم */
    border: none !important;             /* حذف کامل دورخط */
    box-shadow: none !important;
    border-radius: 14px;
    padding: 10px 16px;
}

/* متن */
.zdv-summary .zdv-bar__text{
    font-size: 13px;
    font-weight: 600;
    color: #1f2d25;                      /* رنگ پایه عنوان */
    text-align: right;
    direction: rtl;
    line-height: 1.8;
    padding-right: 68px;          /* حالت عادی RTL */
    padding-left: 16px;           /* 54px آواتار + ~14px gap + کمی تنفس */
}


/* اگر بعداً span برای بخش انتخاب‌ها اضافه کنیم */
.zdv-summary .zdv-bar__text .zdv-bar__picks{
    color: #00a85a;                      /* سبز پررنگ‌تر برای وریشن‌ها */
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for wd_single_product_gallery, class: .elementor-element-463fb33 *//* ZDV-GALLERY v3.0 | Custom Product Viewer (scoped) */
.zdv-gallery{
  --r: 22px;
  --r2: 16px;
  --b: rgba(15,23,42,.12);
  --b2: rgba(15,23,42,.22);
  --sh: 0 22px 70px rgba(15,23,42,.16);
  --sh2: 0 14px 36px rgba(15,23,42,.12);
  --glass: rgba(255,255,255,.62);
  --glass2: rgba(248,250,252,.70);
  --brand: rgba(22,163,74,.55);
}

/* === تبدیل کلی گالری به Product Viewer (Grid) === */
.zdv-gallery .woocommerce-product-gallery{
  position: relative;
  display: grid !important;
  grid-template-columns: 92px 1fr;
  grid-template-rows: auto;
  gap: 14px;
  padding: 14px;
  border-radius: calc(var(--r) + 10px);
  background: linear-gradient(135deg, var(--glass), var(--glass2));
  border: 1px solid var(--b);
  box-shadow: var(--sh);
  overflow: hidden;
}

/* بافت خیلی ملایم (امضای متفاوت) */
.zdv-gallery .woocommerce-product-gallery:before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(circle at 20% 20%, rgba(22,163,74,.10), transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(2,132,199,.08), transparent 45%),
    repeating-linear-gradient(135deg, rgba(15,23,42,.03) 0 6px, transparent 6px 16px);
  filter: blur(16px);
  pointer-events:none;
}

/* برچسب اختصاصی (حس دیزاین شده) */
.zdv-gallery .woocommerce-product-gallery:after{
  content:"نمایش تصاویر محصول";
  position:absolute;
  top: 14px;
  left: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--b);
  box-shadow: 0 12px 26px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 700;
  z-index: 6;
}

/* === بخش تصویر اصلی === */
.zdv-gallery .wd-gallery-images,
.zdv-gallery .woocommerce-product-gallery__wrapper{
  grid-column: 2 / 3;
  border-radius: var(--r);
  overflow: hidden;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: var(--sh2);
}

/* عکس اصلی: حس premium با پاپ ملایم */
.zdv-gallery .woocommerce-product-gallery__image img{
  display:block;
  width:100%;
  height:auto;
  object-fit: contain;
  filter: contrast(1.06) saturate(1.04);
  transition: transform .35s ease, filter .35s ease;
}
.zdv-gallery .woocommerce-product-gallery__image:hover img{
  transform: scale(1.02);
}

/* دکمه زوم: تبدیل به کنترل شیک */
.zdv-gallery .woodmart-show-product-gallery{
  border-radius: 999px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid var(--b) !important;
  box-shadow: 0 12px 26px rgba(15,23,42,.10) !important;
  backdrop-filter: blur(10px);
}

/* === فیلم‌استریپ عمودی thumbnail ها === */
.zdv-gallery .wd-gallery-thumb{
  grid-column: 1 / 2;
  grid-row: 1;
  align-self: stretch;
  padding: 10px;
  border-radius: var(--r2);
  background: rgba(255,255,255,.52);
  border: 1px solid var(--b);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}

/* مهم: carousel را شبیه لیست عمودی کنیم */
.zdv-gallery .wd-gallery-thumb .wd-carousel-inner{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  transform: none !important;
}

/* آیتم‌ها: کارت‌های فیلم‌استریپ */
.zdv-gallery .wd-gallery-thumb .wd-carousel-item{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
  box-shadow: 0 10px 18px rgba(15,23,42,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* نسبت تصویر ثابت برای حس حرفه‌ای */
.zdv-gallery .wd-gallery-thumb .wd-carousel-item a{
  display:block;
  aspect-ratio: 1 / 1;
}

/* شماره‌گذاری subtle (امضای اختصاصی) */
.zdv-gallery .wd-gallery-thumb .wd-carousel-item:after{
  content:"";
  position:absolute;
  inset:auto 8px 8px auto;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 18px rgba(15,23,42,.10);
  backdrop-filter: blur(8px);
  opacity: .0;
  transform: scale(.96);
  transition: opacity .18s ease, transform .18s ease;
}
.zdv-gallery .wd-gallery-thumb .wd-carousel-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(15,23,42,.12);
  border-color: var(--b2);
}
.zdv-gallery .wd-gallery-thumb .wd-carousel-item:hover:after{
  opacity: 1;
  transform: scale(1);
}

/* active thumb */
.zdv-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active{
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(22,163,74,.10), 0 16px 30px rgba(15,23,42,.12);
}

/* تصاویر thumb */
.zdv-gallery .wd-gallery-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
}

/* مخفی کردن pagination/bullets پیش‌فرض برای حس غیروردپرسی */
.zdv-gallery .wd-nav-pagin-wrap,
.zdv-gallery .wd-nav-pagin{
  display: none !important;
}

/* فلش‌ها: خیلی مینیمال (یا کلاً خاموش) */
.zdv-gallery .wd-nav-arrows{
  opacity: .0;
  transition: opacity .18s ease;
}
.zdv-gallery .woocommerce-product-gallery:hover .wd-nav-arrows{
  opacity: 1;
}
.zdv-gallery .wd-nav-arrows .wd-btn-arrow{
  width: 42px; height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--b);
  box-shadow: 0 14px 28px rgba(15,23,42,.12);
  backdrop-filter: blur(10px);
}

/* موبایل: برگرد به thumb پایین (برای UX) */
@media (max-width: 767px){
  .zdv-gallery .woocommerce-product-gallery{
    grid-template-columns: 1fr;
  }
  .zdv-gallery .wd-gallery-thumb{
    grid-column: 1;
  }
  .zdv-gallery .wd-gallery-images,
  .zdv-gallery .woocommerce-product-gallery__wrapper{
    grid-column: 1;
  }
  .zdv-gallery .wd-gallery-thumb .wd-carousel-inner{
    flex-direction: row !important;
    overflow-x: auto;
  }
  .zdv-gallery .wd-gallery-thumb .wd-carousel-item a{
    width: 86px;
  }
}
/* ZDV-GALLERY-CARDS v1.0 | Scoped to .zdv-gallery */
.zdv-gallery{ --r:22px; --r2:18px; --b:rgba(15,23,42,.12); --sh:0 22px 70px rgba(15,23,42,.16); }

.zdv-gallery .zdv-cards{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  grid-template-rows: repeat(2, 160px);
  gap: 12px;
  padding: 14px;
  border-radius: calc(var(--r) + 10px);
  background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(248,250,252,.82));
  border: 1px solid var(--b);
  box-shadow: var(--sh);
  position: relative;
  overflow: hidden;
}
.zdv-gallery .zdv-cards::before{
  content:"";
  position:absolute; inset:-40%;
  background:
    radial-gradient(circle at 20% 18%, rgba(22,163,74,.10), transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(2,132,199,.08), transparent 45%);
  filter: blur(18px);
  pointer-events:none;
}

.zdv-gallery .zdv-card{
  border-radius: var(--r);
  overflow:hidden;
  position:relative;
  background:#fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 14px 34px rgba(15,23,42,.10);
  cursor: pointer;
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.zdv-gallery .zdv-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(15,23,42,.14);
  border-color: rgba(15,23,42,.20);
}

.zdv-gallery .zdv-card img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  filter: contrast(1.06) saturate(1.04);
  transform: scale(1.02);
}

.zdv-gallery .zdv-card--main{
  grid-row: 1 / span 2;
  grid-column: 1 / 2;
}
.zdv-gallery .zdv-card--side1{ grid-row:1; grid-column:2; border-radius: var(--r2); }
.zdv-gallery .zdv-card--side2{ grid-row:2; grid-column:2; border-radius: var(--r2); }

/* اگر 4 و 5 عکس داشتیم: ردیف پایین مینی‌کارت‌ها */
.zdv-gallery .zdv-miniRow{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.zdv-gallery .zdv-miniRow .zdv-card{
  height: 120px;
  border-radius: var(--r2);
}

/* Overlay */
.zdv-gallery .zdv-viewer{
  position: fixed;
  inset: 0;
  display:none;
  z-index: 99999;
}
.zdv-gallery .zdv-viewer.is-open{ display:block; }

.zdv-gallery .zdv-viewer__backdrop{
  position:absolute; inset:0;
  background: rgba(15,23,42,.62);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .22s ease;
}
.zdv-gallery .zdv-viewer.is-open .zdv-viewer__backdrop{ opacity: 1; }

.zdv-gallery .zdv-viewer__img{
  position:absolute;
  border-radius: 24px;
  overflow:hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.30);
  background:#fff;
  will-change: transform, width, height, left, top;
}

.zdv-gallery .zdv-viewer__close{
  position:absolute;
  top: 18px; right: 18px;
  width: 44px; height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.16);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}

/* موبایل: چیدمان یک‌ستونه */
@media (max-width: 767px){
  .zdv-gallery .zdv-cards{
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .zdv-gallery .zdv-card--main{ grid-row:auto; grid-column:auto; height: 320px; }
  .zdv-gallery .zdv-card--side1,
  .zdv-gallery .zdv-card--side2{ height: 160px; grid-row:auto; grid-column:auto; }
  .zdv-gallery .zdv-miniRow .zdv-card{ height: 110px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a0a7c5f *//* --- ZD Specs Cards --- */
.zd-specs { direction: rtl; }
.zd-specs__title { margin: 0 0 6px; }
.zd-specs__note { margin: 0 0 14px; opacity: .7; font-size: 13px; }

.zd-specs__rail{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 2px 14px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.zd-specs__rail::-webkit-scrollbar{ height: 8px; }
.zd-specs__rail::-webkit-scrollbar-thumb{ border-radius: 999px; background: rgba(0,0,0,.18); }
.zd-specs__rail::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 999px; }

.zd-specs__card{
  flex: 0 0 210px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 14px 14px 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,.04);
  scroll-snap-align: start;

  /* جلوگیری از “محو/بریده شدن” */
  overflow: visible;
  min-height: 110px;
}

.zd-specs__label{
  font-size: 13px;
  font-weight: 600;      /* لیبل سبک‌تر از value */
  opacity: .85;
  line-height: 1.35;
}

.zd-specs__desc{
  margin-top: 4px;
  font-size: 12px;
  opacity: .6;
  line-height: 1.35;
}

.zd-specs__valrow{
  margin-top: 10px;
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;

  /* اگر کادر اول “کات” میشد معمولاً از align-items/height میاد */
  min-height: 0;
}

.zd-specs__value{
  font-size: 16px;
  font-weight: 800;     /* value ضخیم‌تر */
  line-height: 1.35;

  /* اجازه بده چندخطی بشه و بریده نشه */
  white-space: normal;
  word-break: break-word;
}

.zd-specs__unit{
  font-size: 12px;      /* واحد ریزتر */
  opacity: .65;
  font-weight: 600;
}

/* موبایل */
@media (max-width: 767px){
  .zd-specs__card{ flex-basis: 170px; border-radius: 14px; padding: 12px; }
  .zd-specs__value{ font-size: 15px; }
}
/* ====== ZD Specs – Fine Tune ====== */

/* لیبل: یک سایز بزرگ‌تر + وزن کمتر */
.zd-specs__label{
  font-size: 13px;         /* قبلاً 12px بود */
  font-weight: 600;        /* کمتر از 800 */
  letter-spacing: 0;
  opacity: .9;
}

/* توضیح ویژگی کمی ظریف‌تر و با فاصله درست */
.zd-specs__desc{
  margin-top: 6px;
  font-size: 11px;
  opacity: .7;
}

/* فاصله‌ی بیشتر بین لیبل/توضیح و مقدار */
.zd-specs__valrow{
  margin-top: 12px;        /* فاصله‌ی اصلی بین بالا و value */
}

/* value برجسته‌تر */
.zd-specs__value{
  font-weight: 800;        /* ضخیم‌تر */
  font-size: 16px;         /* یک مقدار خواناتر */
  line-height: 1.25;
  transition: color .18s ease, transform .18s ease;
}

/* unit ظریف‌تر و کنار value */
.zd-specs__unit{
  font-size: 11px;
  opacity: .65;
  margin-top: 6px;
}

/* هاور: فقط رنگ value سبز شود */
.zd-specs__card:hover .zd-specs__value{
  color: #1f8a5b;          /* سبز شیک، نه جیغ */
}

/* (اختیاری) حس هاور خیلی ظریف بدون شلوغی */
.zd-specs__card{
  transition: transform .18s ease, box-shadow .18s ease;
}
.zd-specs__card:hover{
  transform: translateY(-2px);
}
/* ====== ZD Specs – Alignment & Hover Polish ====== */

/* کارت را به فلکس عمودی تبدیل می‌کنیم */
.zd-specs__card{
  display: flex;
  flex-direction: column;
}

/* لیبل (ویژگی) */
.zd-specs__label{
  font-size: 13px;
  font-weight: 400;   /* طبق درخواست */
  opacity: .9;
}

/* توضیح ویژگی — حتی اگر خالی باشد فضا نگه می‌داریم */
.zd-specs__desc{
  min-height: 18px;   /* کلید هم‌ترازی */
  margin-top: 6px;
  font-size: 11px;
  opacity: .7;
}

/* ظرف مقدار */
.zd-specs__valrow{
  margin-top: 12px;
  margin-top: auto;  /* value همیشه از پایین کارت شروع شود */
}

/* مقدار (value) */
.zd-specs__value{
  font-weight: 800;
  font-size: 16px;
  line-height: 1.25;
  transition: color .18s ease;
}

/* واحد (unit) */
.zd-specs__unit{
  font-size: 11px;
  opacity: .65;
  margin-top: 6px;
  transition: color .18s ease;
}

/* هاور: value و unit با هم سبز شوند */
.zd-specs__card:hover .zd-specs__value,
.zd-specs__card:hover .zd-specs__unit{
  color: #1f8a5b;
}

/* هاور خیلی ظریف برای حس لوکس */
.zd-specs__card{
  transition: transform .18s ease, box-shadow .18s ease;
}
.zd-specs__card:hover{
  transform: translateY(-2px);
}
.zd-specs__card{
  display: flex;
  flex-direction: column;
}

/* لیبل */
.zd-specs__label{
  font-size: 13px;
  font-weight: 400;
  opacity: .9;
}

/* توضیح ویژگی – فضا همیشه یکسان */
.zd-specs__desc{
  min-height: 18px;
  margin-top: 6px;
  font-size: 11px;
  opacity: .7;
}

/* ردیف مقدار */
.zd-specs__valrow{
  margin-top: 14px; /* فاصله ثابت از بالا */
}

/* مقدار */
.zd-specs__value{
  font-weight: 800;
  font-size: 16px;
  line-height: 1.25;
  transition: color .18s ease;
}

/* واحد */
.zd-specs__unit{
  font-size: 11px;
  opacity: .65;
  margin-top: 6px;
  transition: color .18s ease;
}
/* ===============================
   Scroll Rail – Main Container
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail{
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  gap: 14px;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  padding: 10px 2px 14px;
}

/* ===============================
   Cards snap
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_card{
  scroll-snap-align: start;
}

/* ===============================
   Scrollbar – Webkit
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar{
  height: 6px;
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar-track{
  background: rgba(0,0,0,.06);
  border-radius: 999px;
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.25);
  border-radius: 999px;
  transition: background .25s ease;
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail:hover::-webkit-scrollbar-thumb{
  background: #1f8a5b;
}

/* ===============================
   Scrollbar – Firefox
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail{
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.25) rgba(0,0,0,.06);
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail:hover{
  scrollbar-color: #1f8a5b rgba(0,0,0,.06);
}

/* ===============================
   Scroll Rail – Main Container
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail{
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  gap: 14px;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  padding: 10px 2px 16px; /* کمی پایین بیشتر تا اسکرول‌بار جا داشته باشه */
}

/* کارت‌ها */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_card{
  scroll-snap-align: start;
}

/* ===============================
   Scrollbar – Webkit (Chrome/Edge/Safari)
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar{
  height: 10px; /* بزرگ‌تر برای درگ راحت‌تر */
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar-track{
  background: rgba(31,138,91,.12); /* رنگ‌دارتر */
  border-radius: 999px;
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail::-webkit-scrollbar-thumb{
  background: rgba(31,138,91,.55); /* رنگی‌تر و واضح‌تر */
  border-radius: 999px;
  transition: background .25s ease;
}

.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail:hover::-webkit-scrollbar-thumb{
  background: rgba(31,138,91,.85); /* سبز پررنگ‌تر در هاور */
}

/* ===============================
   Scrollbar – Firefox
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail{
  scrollbar-width: auto; /* thin خیلی نازک میشه */
  scrollbar-color: rgba(31,138,91,.65) rgba(31,138,91,.12);
}
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs_rail:hover{
  scrollbar-color: rgba(31,138,91,.9) rgba(31,138,91,.12);
}

/* ===============================
   Scroll Hint (Fade) – فقط سمت چپ
================================ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs{
  position: relative;
}

/* فقط فید سمت چپ */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 46px;
  left: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}

/* فید سمت راست رو کامل خاموش کن */
.elementor-30968 .elementor-element.elementor-element-a0a7c5f .zd-specs::before{
  content: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c1606af *//* =========================
   ZD Compatible Lids — FINAL (Clean + Stable)
   Scope: only #compatible-lids
   ========================= */

#compatible-lids{
    --zd-green:#06B18F;
    --zd-green-hover:#059a7b;
    --zd-red:#E23B3B;
    --zd-border:#eef1f4;
    --zd-muted:#6b7280;

    /* layout vars */
    --zd-card-pad:18px;
    --zd-gap:18px;
    --zd-media-col:140px;
    --zd-num-size:30px;
}

/* =========================
   LIST (order works)
   ========================= */
#compatible-lids .zd-compatible-lids__list{
    display:flex;
    flex-direction:column;
    gap:18px;

    /* numbering */
    counter-reset: zdLid;
}

/* =========================
   CARD
   ========================= */
#compatible-lids .zd-lid-card{
    direction:rtl;
    background:#fff;
    border:1px solid var(--zd-border);
    border-radius:18px;
    padding:var(--zd-card-pad);
    box-shadow:0 6px 18px rgba(0,0,0,.04);
    position:relative;

    display:grid;
    grid-template-columns:var(--zd-media-col) 1fr; /* media | body (RTL handles visual) */
    grid-template-areas:"media body";
    column-gap:var(--zd-gap);
    align-items:center;
    order:0;
}

/* =========================
   MEDIA
   ========================= */
#compatible-lids .zd-lid-media{
    grid-area:media;
    justify-self:start;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    position:relative;
}
#compatible-lids .zd-lid-thumb{
    width:120px !important;
    height:120px !important;
    object-fit:cover;
    border-radius:16px;
    box-shadow:0 10px 18px rgba(0,0,0,.08);
}

/* =========================
   BODY GRID
   ========================= */
#compatible-lids .zd-lid-body{
    grid-area:body;
    display:grid;
    grid-template-columns:1fr auto; /* content | price column (left side in RTL) */
    grid-template-areas:
    "title price"
    "stock price"
    "vars  vars"
    "cart  cart";
    row-gap:10px;
    column-gap:12px;
    align-items:start;

    /* IMPORTANT: prevent any old numbering on body */
}
#compatible-lids .zd-lid-body::before{
    content:none !important;
}

/* =========================
   TITLE
   ========================= */
#compatible-lids .zd-lid-title{
    grid-area:title;
    margin:0;
    font-weight:800;
    font-size:18px;
    line-height:1.55;
    color:#1f2a37;
    text-align:right;
    text-decoration:none;
}
#compatible-lids .zd-lid-title:hover{ color:var(--zd-green); }

/* =========================
   PRICE
   ========================= */
#compatible-lids .zd-lid-price{
    grid-area:price;
    text-align:left; /* aligns with left column */
    font-weight:900;
    font-size:20px;
    white-space:nowrap;
    color:#111827;
}

/* =========================
   STOCK BADGE
   ========================= */
#compatible-lids .zd-lid-stock{
    grid-area:stock;
    display:inline-flex;
    width:fit-content;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    line-height:1;
    border:1px solid transparent;
    background:#fff;
    white-space:nowrap;
}

#compatible-lids .zd-lid-stock.zd-lid-stock--in,
#compatible-lids .zd-lid-stock.zd-lid-stock-in{
    color:var(--zd-green) !important;
    border-color:rgba(6,177,143,.35) !important;
    background:rgba(6,177,143,.08) !important;
}

#compatible-lids .zd-lid-stock.zd-lid-stock--out,
#compatible-lids .zd-lid-stock.zd-lid-stock-out{
    color:var(--zd-red) !important;
    border-color:rgba(226,59,59,.35) !important;
    background:rgba(226,59,59,.08) !important;
}

/* =========================
   VARIATIONS (RTL + aligned with title)
   ========================= */
#compatible-lids .zd-lid-card table.variations,
#compatible-lids .zd-lid-card table.variations tbody{
    display:block !important;
    width:100% !important;
    margin:0 !important;
}
#compatible-lids .zd-lid-card table.variations tr{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important; /* stick to right */
    gap:12px !important;
}

#compatible-lids .zd-lid-card table.variations th.label{
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
}

#compatible-lids .zd-lid-card table.variations td.value{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    flex-wrap:nowrap !important;
    min-width:0 !important;
}

#compatible-lids .zd-lid-card table.variations td.value .wd-swatches-product,
#compatible-lids .zd-lid-card table.variations td.value .wd-swatches{
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    width:auto !important;
}

#compatible-lids .wd-swatches-product .wd-swatch-text,
#compatible-lids .wd-swatch-text,
#compatible-lids .wd-swatch-text span{
    white-space:nowrap !important;
}

#compatible-lids .wd-reset-var,
#compatible-lids .wd-reset-var a.reset_variations{
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    opacity:.75 !important;
}

/* =========================
   REMOVE WOOBT NOISE
   ========================= */
#compatible-lids .woobt-separator,
#compatible-lids .woobt-alert,
#compatible-lids .woobt-products{
    display:none !important;
}
#compatible-lids .woobt-wrap:empty{ display:none !important; }
#compatible-lids .woobt-wrap{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* =========================
   CART (SIMPLE + VARIABLE)
   Goal: stick LEFT (aligned with price column)
   ========================= */
#compatible-lids .zd-lid-cart{ grid-area:cart; }

/* make both forms behave the same */
#compatible-lids .zd-lid-cart form.cart,
#compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;

    /* push the whole group to LEFT side in RTL */
    width:fit-content !important;
    margin-inline-start:auto !important;

    /* inside order as LTR: button then qty */
    direction:ltr !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
}

/* Quantity wrapper */
#compatible-lids .woopq-quantity{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* qty input */
#compatible-lids .woopq-quantity input.qty,
#compatible-lids input.qty{
    width:70px !important;
    height:42px !important;
    border-radius:12px !important;
    border:1px solid #e6edf3 !important;
    text-align:center !important;
    font-weight:800 !important;
    background:#fff !important;
}

/* +/- */
#compatible-lids .woopq-quantity-input-plus,
#compatible-lids .woopq-quantity-input-minus{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    background:var(--zd-green) !important;
    border:0 !important;
    display:grid !important;
    place-items:center !important;
    cursor:pointer !important;
    position:relative !important;
    color:transparent !important;
    box-shadow:none !important;
    outline:none !important;
}
#compatible-lids .woopq-quantity-input-plus::before,
#compatible-lids .woopq-quantity-input-minus::before{
    content:"";
    position:absolute;
    width:14px;
    height:2px;
    background:#fff;
    border-radius:2px;
}
#compatible-lids .woopq-quantity-input-plus::after{
    content:"";
    position:absolute;
    width:2px;
    height:14px;
    background:#fff;
    border-radius:2px;
}
#compatible-lids .woopq-quantity-input-plus:hover,
#compatible-lids .woopq-quantity-input-minus:hover{
    background:var(--zd-green-hover) !important;
}

/* Add to cart button */
#compatible-lids .single_add_to_cart_button,
#compatible-lids button.single_add_to_cart_button{
    height:46px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    font-weight:900 !important;
    background:var(--zd-green) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
#compatible-lids .single_add_to_cart_button:hover{
    background:var(--zd-green-hover) !important;
}

/* remove Woo variation blocks that create empty bars */
#compatible-lids .zd-lid-card .woocommerce-variation,
#compatible-lids .zd-lid-card .woocommerce-variation-availability{
    display:none !important;
}

/* =========================
   OUT OF STOCK: move to end + disabled look
   ========================= */
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out),
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out),
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock){
    order:99;
    background:#f6f7f9 !important;
    border-color:#e7ebf0 !important;
    box-shadow:none !important;
}

/* price gray */
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out) .zd-lid-price,
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out) .zd-lid-price,
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock) .zd-lid-price{
    color:#9aa3af !important;
}

/* image grayscale */
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out) .zd-lid-thumb,
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out) .zd-lid-thumb,
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock) .zd-lid-thumb{
    filter:grayscale(100%);
    opacity:.55;
}

/* soften controls but keep red badge strong */
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out) form.cart,
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out) form.cart,
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock) form.cart{
    opacity:.55;
}
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out) .zd-lid-stock,
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out) .zd-lid-stock,
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock) .zd-lid-stock{
    opacity:1 !important;
}

/* =========================
   NUMBERING (ONLY IN-STOCK)
   - NOT on image
   - positioned on card, but pushed left of media column
   ========================= */

/* increment only for in-stock cards */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock)){
    counter-increment: zdLid;
}

/* single badge (only one place) */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
    content: counter(zdLid);
    position:absolute;
    top:12px;

    /* IMPORTANT: move it to the right edge of BODY (not over media image) */
    right: calc(var(--zd-media-col) + var(--zd-gap));

    width: var(--zd-num-size);
    height: var(--zd-num-size);
    display:grid;
    place-items:center;

    border-radius:999px;
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 6px 14px rgba(0,0,0,.08);
    font-weight:800;
    font-size:13px;
    color:#111827;
    z-index:3;
    pointer-events:none;
}

/* kill any old numbering on media */
#compatible-lids .zd-lid-media::before{
    content:none !important;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width:640px){
    #compatible-lids .zd-lid-card{
        grid-template-columns:1fr;
        grid-template-areas:
      "media"
      "body";
        align-items:start;
    }
    #compatible-lids .zd-lid-media{ justify-self:center; }

    #compatible-lids .zd-lid-body{
        grid-template-columns:1fr;
        grid-template-areas:
      "title"
      "stock"
      "price"
      "vars"
      "cart";
    }
    #compatible-lids .zd-lid-price{ text-align:right; }

    /* on mobile: cart centered */
    #compatible-lids .zd-lid-cart form.cart,
    #compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart{
        width:100% !important;
        margin-inline-start:0 !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
    }

    /* numbering on mobile: top-right of card is fine because media is centered below */
    #compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
        right:12px;
    }
}
/* =========================================
   PATCH — Fix cart side + fix numbering position
   Put this at END of your CSS file
   ========================================= */

/* 1) CART: همیشه سمت چپ کارت باشد (دسکتاپ) + ترتیب درست */
#compatible-lids .zd-lid-cart form.cart,
#compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart,
#compatible-lids .zd-lid-card form.variations_form .single_variation_wrap{
  width: 100% !important;               /* کل عرض ستون */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;  /* در RTL => می‌چسبد به چپ */
  gap: 12px !important;
  direction: rtl !important;             /* مهم: LTR را حذف می‌کند */
  margin: 0 !important;
  padding: 0 !important;
}

/* اطمینان از اینکه دکمه «ثبت سفارش» در سمت چپِ کنترل تعداد باشد */
#compatible-lids .zd-lid-cart form.cart .single_add_to_cart_button,
#compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  order: 2 !important;
}
#compatible-lids .zd-lid-cart form.cart .quantity,
#compatible-lids .zd-lid-cart form.cart .woopq-quantity,
#compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart .quantity,
#compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart .woopq-quantity{
  order: 1 !important;
}

/* 2) VARIATIONS: راست‌چین و هم‌تراز با عنوان (فقط تثبیت هم‌راستایی) */
#compatible-lids .zd-lid-card table.variations{
  justify-self: end !important;
  margin-inline-start: auto !important;
}

/* 3) NUMBER: شماره روی عنوان نیفتد (جای امن کنار عکس، نه روی تصویر) */
#compatible-lids .zd-lid-card{
  position: relative !important;
}

/* شماره‌گذاری قبلی را هرجا بوده خاموش کن */
#compatible-lids .zd-lid-media::before,
#compatible-lids .zd-lid-body::before{
  content: none !important;
}

/* شماره فقط برای موجودها و در جای جدید */
#compatible-lids .zd-compatible-lids__list{ counter-reset: zdLid !important; }

#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock)){
  counter-increment: zdLid !important;
}

/* فضا بده که شماره روی عنوان/موجودی نیفتد */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock)) .zd-lid-body{
  padding-top: 36px !important;
}

/* شماره را در گوشه‌ی بالا-راستِ ناحیه‌ی محتوا بگذار (نه روی عکس) */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
  content: counter(zdLid) !important;
  position: absolute !important;
  top: 12px !important;

  /* چون عکس سمت راست است، شماره را کمی چپ‌تر از عکس می‌آوریم */
  right: calc(18px + 120px + 10px) !important;

  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.08) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  color: #111827 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* ناموجودها شماره نگیرند */
#compatible-lids .zd-lid-card:has(.zd-lid-stock--out)::before,
#compatible-lids .zd-lid-card:has(.zd-lid-stock-out)::before,
#compatible-lids .zd-lid-card:has(p.stock.out-of-stock)::before{
  content: none !important;
}

/* 4) MOBILE: مثل قبل وسط‌چین بماند */
@media (max-width:640px){
  #compatible-lids .zd-lid-cart form.cart,
  #compatible-lids .zd-lid-card form.variations_form .woocommerce-variation-add-to-cart,
  #compatible-lids .zd-lid-card form.variations_form .single_variation_wrap{
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  /* در موبایل بهتره شماره بره گوشه راست خود کارت */
  #compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
    right: 12px !important;
  }
}
/* =========================================
   PATCH 2 — Move number to RIGHT of image + align variations with title
   Put this at END of CSS
   ========================================= */

/* 1) Number position: right of image (not left) */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
  /* شماره دقیقاً سمت راست عکس قرار بگیرد */
  right: 18px !important;        /* همون پدینگ کارت */
  top: 12px !important;
}

/* چون شماره کنار عکس میاد، بهتره روی عکس نیفته: یک ذره از لبه عکس فاصله بگیره */
#compatible-lids .zd-lid-media{
  position: relative !important;
}
#compatible-lids .zd-lid-thumb{
  position: relative !important;
  z-index: 1 !important;
}

/* شماره روی کارت هست و از عکس بالاتر میاد */
#compatible-lids .zd-lid-card:not(:has(.zd-lid-stock--out)):not(:has(.zd-lid-stock-out)):not(:has(p.stock.out-of-stock))::before{
  z-index: 3 !important;
}

/* 2) Variations: force them to be RIGHT aligned like title */
#compatible-lids .zd-lid-card table.variations tr{
  justify-content: flex-end !important; /* بچسب به راست */
}

#compatible-lids .zd-lid-card table.variations th.label{
  text-align: right !important;
}

#compatible-lids .zd-lid-card table.variations td.value{
  justify-content: flex-end !important;
  text-align: right !important;
}

/* اگر سوییچ‌ها/سواچ‌ها باعث میشن کل ردیف وسط بیاد، این قفلش می‌کنه */
#compatible-lids .zd-lid-card table.variations td.value .wd-swatches-product,
#compatible-lids .zd-lid-card table.variations td.value .wd-swatches{
  justify-content: flex-end !important;
}
/* =========================================
   FINAL PATCH — Align variations with product title (RTL)
   ========================================= */

/* خود بلاک واریشن بیاد زیر عنوان و راست‌چین شود */
#compatible-lids .zd-lid-body table.variations{
  grid-column: 1 / -1 !important;   /* کل عرض body */
  justify-self: start !important;   /* RTL → سمت راست */
  margin-right: 0 !important;
}

/* هر ردیف واریشن */
#compatible-lids .zd-lid-body table.variations tr{
  display:flex !important;
  justify-content:flex-start !important; /* RTL = راست */
  align-items:center !important;
  gap:12px !important;
}

/* لیبل "نوع محصول / نوع رنگ" */
#compatible-lids .zd-lid-body table.variations th.label{
  text-align:right !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* مقدار واریشن‌ها (دکمه‌ها / رنگ‌ها) */
#compatible-lids .zd-lid-body table.variations td.value{
  display:flex !important;
  justify-content:flex-start !important; /* RTL = راست */
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

/* سواچ‌ها هم قفل می‌شن به راست */
#compatible-lids .zd-lid-body table.variations td.value .wd-swatches,
#compatible-lids .zd-lid-body table.variations td.value .wd-swatches-product{
  justify-content:flex-start !important;
}
/* =========================================
   Hover micro-animation for lid cards (light & premium)
   ========================================= */

/* پایه: انیمیشن سبک + آماده‌سازی GPU */
#compatible-lids .zd-lid-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}

/* هاور: کمی بالا بیاد + سایه نرم‌تر */
#compatible-lids .zd-lid-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  border-color: rgba(6,177,143,.22);
}

/* برای موبایل/لمس: هاور معنا نداره؛ خاموشش می‌کنیم که باگ حس نشه */
@media (hover: none){
  #compatible-lids .zd-lid-card:hover{
    transform: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.04);
    border-color: var(--zd-border);
  }
}

/* احترام به کاربرهایی که کاهش حرکت فعال دارند */
@media (prefers-reduced-motion: reduce){
  #compatible-lids .zd-lid-card{
    transition: none !important;
  }
  #compatible-lids .zd-lid-card:hover{
    transform: none !important;
  }
}
/* =========================
   ZD Compatible Lids — MOBILE PATCH (Safe)
   Add at the end of your CSS
   ========================= */
@media (max-width:640px){

  /* کارت جمع‌وجورتر */
  #compatible-lids .zd-lid-card{
    padding:14px !important;
    border-radius:16px !important;
  }

  /* تصویر کمی کوچک‌تر تا جا باز شود */
  #compatible-lids .zd-lid-thumb{
    width:96px !important;
    height:96px !important;
    border-radius:14px !important;
  }

  /* تایپوگرافی مناسب موبایل */
  #compatible-lids .zd-lid-title{
    font-size:16px !important;
    line-height:1.6 !important;
  }
  #compatible-lids .zd-lid-price{
    font-size:18px !important;
  }

  /* جلوگیری قطعی از بیرون‌زدگی */
  #compatible-lids .zd-lid-card,
  #compatible-lids .zd-lid-body,
  #compatible-lids .zd-lid-cart,
  #compatible-lids table.variations,
  #compatible-lids table.variations td.value{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  /* وارییشن‌ها: اجازه بده در صورت نیاز چند خطی شوند اما کنترل‌شده */
  #compatible-lids .zd-lid-card table.variations tr{
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    row-gap:8px !important;
  }
  #compatible-lids .zd-lid-card table.variations th.label{
    width:auto !important;
    margin-inline-end:6px !important;
  }

  /* سواچ‌ها (رنگ/متن): اگر زیاد شد، اسکرول افقی نرم بگیرند */
  #compatible-lids .zd-lid-card table.variations td.value{
    flex-wrap:nowrap !important;
  }
  #compatible-lids .zd-lid-card table.variations td.value .wd-swatches-product,
  #compatible-lids .zd-lid-card table.variations td.value .wd-swatches{
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:thin;
    padding-bottom:6px !important;
  }

  /* اگر جایی select داری (به‌جای سواچ) */
  #compatible-lids .zd-lid-card table.variations td.value select{
    max-width:100% !important;
    width:100% !important;
  }

  /* ردیف دکمه ثبت سفارش + تعداد: مرتب و بدون خروج از کادر */
  #compatible-lids .zd-lid-cart form.cart{
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }

  #compatible-lids .woopq-quantity input.qty,
  #compatible-lids input.qty{
    width:56px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  #compatible-lids .woopq-quantity-input-plus,
  #compatible-lids .woopq-quantity-input-minus{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  /* دکمه خرید روی موبایل اگر شلوغ شد، تمام‌عرض شود */
  #compatible-lids .single_add_to_cart_button,
  #compatible-lids button.single_add_to_cart_button{
    height:44px !important;
    border-radius:12px !important;
    padding:0 16px !important;
  }

  /* dropdown رنگ/نوع اگر روی چیزهای دیگر می‌افتد */
  #compatible-lids .wd-swatches-product,
  #compatible-lids .wd-swatches{
    position:relative !important;
    z-index:5 !important;
  }
}/* End custom CSS */