/* ===================================================================
   fashion.css — فروشگاه پوشاک: کارت محصول، دسته‌بندی، فیلتر، صفحه محصول
   پاشاپوش v5.0 — بعد از pashapoosh.css و pashapoosh-pages.css لود می‌شود
=================================================================== */

/* ===================================================================
   1) کارت محصول
=================================================================== */
.fx-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:clamp(20px, 2.4vw, 38px) clamp(14px, 1.6vw, 24px);
  align-items:stretch;
}
.fx-grid--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.fx-grid--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (max-width:1100px){ .fx-grid--4{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:820px){
  .fx-grid, .fx-grid--4, .fx-grid--3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:420px){
  .fx-grid{ gap:14px 10px; }
}

.fx-card{
  position:relative; background:transparent; display:flex; flex-direction:column;
  height:100%;
}
.fx-card.is-hidden{ display:none !important; }

/* اسلایدهای کاروسل هم‌قد شوند */
.swiper-slide{ height:auto; display:flex; }
.swiper-slide > .fx-card{ width:100%; }

/* --- تصویر --- */
.fx-card__media{
  position:relative; display:block; overflow:hidden;
  background:var(--sand); border:1px solid var(--line-soft);
  aspect-ratio:3/4; margin-bottom:15px;
  transition:border-color .3s var(--ease);
}
.fx-card:hover .fx-card__media{ border-color:var(--line); }
.fx-card__img{
  width:100%; height:100%; object-fit:cover;
  transition:opacity .55s var(--ease), transform 1.1s var(--ease);
  /* تصویر پوشاک کمی شارپ‌تر و پرکنتراست‌تر */
  filter:saturate(1.06) contrast(1.04);
}
.fx-card__img--hover{
  position:absolute; inset:0; opacity:0;
}
.fx-card__media:hover .fx-card__img--hover{ opacity:1; }
.fx-card__media:hover .fx-card__img--main{ opacity:0; }
.fx-card__media:hover .fx-card__img{ transform:scale(1.035); }
.fx-card__media--empty{
  display:flex; align-items:center; justify-content:center; color:var(--ink-faint);
  font-size:1.6rem;
}

/* --- برچسب‌ها --- */
.fx-badges{
  position:absolute; top:10px; inset-inline-start:10px; z-index:3;
  display:flex; flex-direction:column; gap:6px; align-items:flex-start;
}
.fx-badge{
  display:inline-flex; align-items:center; gap:5px; padding:5px 10px;
  font-size:.66rem; font-weight:600; letter-spacing:.06em; line-height:1;
  border-radius:var(--radius-pill); backdrop-filter:blur(4px);
}
.fx-badge--sale{ background:var(--sale); color:#fff; }
.fx-badge--new{ background:var(--ink); color:#fff; }
.fx-badge--pick{ background:var(--accent); color:#fff; }
.fx-badge--out{ background:rgba(255,255,255,.94); color:var(--ink-soft); border:1px solid var(--line); }
.fx-badge--video{ background:rgba(17,17,17,.72); color:#fff; }

/* --- اکشن سریع --- */
.fx-card__quick{
  position:absolute; inset-inline-end:10px; top:10px; z-index:3;
  display:flex; flex-direction:column; gap:7px;
  opacity:0; transform:translateY(-6px); transition:all .35s var(--ease);
}
.fx-card:hover .fx-card__quick{ opacity:1; transform:none; }
.fx-card__quick button, .fx-card__quick a{
  width:36px; height:36px; border-radius:50%; border:none; cursor:pointer;
  background:rgba(255,255,255,.95); color:var(--ink);
  display:flex; align-items:center; justify-content:center; font-size:.8rem;
  box-shadow:var(--shadow-sm); transition:all .25s var(--ease);
}
.fx-card__quick button:hover, .fx-card__quick a:hover{ background:var(--ink); color:#fff; }
.fx-card__quick button[aria-pressed="true"]{ background:var(--accent); color:#fff; }
@media (hover:none){
  .fx-card__quick{ opacity:1; transform:none; }
}

/* --- بدنه کارت --- */
.fx-card__body{
  display:flex; flex-direction:column; gap:6px; flex:1;
  /* ردیف‌های ثابت: دسته / عنوان / قیمت / سواچ / سایز / دکمه */
}
.fx-card__cat{
  font-size:.67rem; letter-spacing:.13em; color:var(--ink-soft);
  text-transform:uppercase; font-weight:500;
  min-height:1.05em; line-height:1.05em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.fx-card__title{
  font-size:.885rem; font-weight:600; line-height:1.75; margin:0;
  color:var(--ink); letter-spacing:-.005em;
  /* همیشه دو خط تا کارت‌ها هم‌تراز بمانند */
  min-height:calc(2 * 1.75em);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.fx-card__title a{ transition:color .25s var(--ease); }
.fx-card__title a:hover{ color:var(--accent); }

/* --- قیمت --- */
.fx-card__prices{
  display:flex; align-items:baseline; gap:9px; flex-wrap:wrap;
  margin-top:2px; min-height:1.5em;
}
.fx-card__price-now{
  font-size:.95rem; font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.fx-card__price-old{
  font-size:.78rem; color:var(--ink-faint); text-decoration:line-through;
  font-variant-numeric:tabular-nums;
}
.fx-card__price-off{
  font-size:.7rem; font-weight:600; color:var(--sale);
  background:rgba(176,58,58,.08); padding:2px 7px; border-radius:var(--radius-pill);
}
.fx-card__price-none{ font-size:.8rem; color:var(--ink-faint); }
.fx-card__price-none i{ margin-inline-end:5px; font-size:.75rem; }

/* --- سواچ رنگ --- */
.fx-card__swatches{
  display:flex; align-items:center; gap:7px; margin-top:5px; flex-wrap:wrap;
  min-height:17px;
}
.fx-swatch{
  width:16px; height:16px; border-radius:50%;
  border:1px solid rgba(17,17,17,.16);
  display:inline-block; position:relative; cursor:pointer; padding:0; background-clip:padding-box;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.fx-swatch:hover, .fx-swatch.is-active{
  transform:scale(1.18);
  box-shadow:0 0 0 1.5px #fff, 0 0 0 2.5px var(--ink);
}
.fx-swatch--split{ overflow:hidden; }
.fx-swatch--more{
  width:auto; height:auto; border:none; font-size:.66rem; color:var(--ink-faint);
  border-radius:0; background:transparent;
}
.fx-swatch--more:hover{ transform:none; box-shadow:none; }

/* --- سایزها --- */
.fx-card__sizes{
  display:flex; gap:5px; flex-wrap:wrap; margin-top:5px;
  font-size:.68rem; color:var(--ink-soft); min-height:20px;
  overflow:hidden; max-height:20px;
}
.fx-card__sizes span{
  padding:2px 7px; border:1px solid var(--line); border-radius:var(--radius);
  line-height:1.35; background:#fff;
}
.fx-card__sizes span.is-out{ opacity:.4; text-decoration:line-through; }

/* --- ناموجود --- */
.fx-card--out .fx-card__media::after{
  content:''; position:absolute; inset:0; background:rgba(255,255,255,.55); z-index:2;
}
.fx-card--out .fx-card__title, .fx-card--out .fx-card__cat{ color:var(--ink-faint); }

/* --- افزودن به سبد --- */
.fx-card__cta{
  margin-top:auto; padding-top:0; width:100%; padding:.72em 1em; border-radius:var(--radius-pill);
  border:1px solid var(--line); background:transparent; color:var(--ink);
  font-size:.76rem; font-weight:600; cursor:pointer; text-align:center;
  transition:all .3s var(--ease);
}
.fx-card__cta:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.fx-card__cta{ margin-top:12px; }
.fx-card__body > .fx-card__cta{ margin-top:auto; }

/* ===================================================================
   2) صفحه دسته‌بندی / فروشگاه
=================================================================== */
.cat-hero{
  position:relative; overflow:hidden; background:var(--sand);
  min-height:clamp(200px, 30vw, 380px); display:flex; align-items:center;
  isolation:isolate;
}
.cat-hero__img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2;
}
.cat-hero::after{
  content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,.12));
}
.cat-hero--plain{ background:var(--sand); min-height:0; padding:44px 0 34px; }
.cat-hero--plain::after{ display:none; }
.cat-hero__body{ position:relative; width:100%; padding-block:36px; }
.cat-hero__body h1{ margin:0 0 8px; }
.cat-hero:not(.cat-hero--plain) .cat-hero__body h1,
.cat-hero:not(.cat-hero--plain) .cat-hero__body p{ color:#fff; }
.cat-hero__body p{ margin:0; color:var(--ink-soft); font-size:.92rem; max-width:640px; }

/* زیردسته‌ها به‌صورت چیپس */
.cat-chips{
  display:flex; gap:10px; overflow-x:auto; padding:22px 0;
  border-bottom:1px solid var(--line-soft); scrollbar-width:none;
}
.cat-chips::-webkit-scrollbar{ display:none; }
.cat-chip{
  flex:0 0 auto; padding:9px 20px; border:1px solid var(--line);
  border-radius:var(--radius-pill); font-size:.8rem; font-weight:500;
  white-space:nowrap; transition:all .3s var(--ease); background:#fff;
}
.cat-chip:hover, .cat-chip.is-active{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* --- layout فروشگاه --- */
.shop{ padding:26px 0 80px; }
.shop__layout{
  display:grid; grid-template-columns:262px minmax(0,1fr); gap:clamp(20px, 3vw, 48px);
  align-items:start;
}
@media (max-width:980px){
  .shop__layout{ grid-template-columns:1fr; }
}

/* --- نوار ابزار --- */
.shop__toolbar{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; padding-bottom:18px; margin-bottom:22px;
  border-bottom:1px solid var(--line-soft);
}
.shop__count{ font-size:.8rem; color:var(--ink-soft); }
.shop__count strong{ color:var(--ink); font-weight:600; }
.shop__tools{ display:flex; align-items:center; gap:10px; }
.shop__sort{
  padding:9px 34px 9px 14px; border:1px solid var(--line); border-radius:var(--radius-pill);
  font-size:.78rem; background:#fff; color:var(--ink); cursor:pointer; outline:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:left 10px center; background-size:16px;
}
.shop__filter-btn{
  display:none; align-items:center; gap:8px; padding:9px 18px;
  border:1px solid var(--line); border-radius:var(--radius-pill); background:#fff;
  font-size:.78rem; font-weight:600; cursor:pointer;
}
.shop__filter-btn .badge{
  min-width:18px; height:18px; border-radius:999px; background:var(--ink); color:#fff;
  font-size:.62rem; display:inline-flex; align-items:center; justify-content:center; padding:0 5px;
}
@media (max-width:980px){ .shop__filter-btn{ display:inline-flex; } }

/* --- چیپ فیلترهای فعال --- */
.shop__active{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.shop__active:empty{ display:none; }
.active-chip{
  display:inline-flex; align-items:center; gap:7px; padding:6px 12px;
  background:var(--sand); border-radius:var(--radius-pill); font-size:.74rem;
  border:1px solid var(--line);
}
.active-chip button{
  border:none; background:transparent; cursor:pointer; color:var(--ink-soft);
  font-size:.85rem; line-height:1; padding:0;
}
.active-chip button:hover{ color:var(--sale); }
.shop__clear-all{
  border:none; background:transparent; cursor:pointer; font-size:.74rem;
  color:var(--sale); text-decoration:underline; text-underline-offset:3px;
}

/* --- خالی --- */
.shop__empty{
  grid-column:1/-1; text-align:center; padding:70px 20px; color:var(--ink-soft);
}
.shop__empty i{ font-size:2rem; color:var(--line); display:block; margin-bottom:16px; }

/* ===================================================================
   3) سایدبار فیلتر
=================================================================== */
.fx-filters{
  position:sticky; top:calc(var(--header-h) + 16px);
  border:1px solid var(--line); background:#fff;
}
.fx-filters__head{
  display:none; align-items:center; justify-content:space-between;
  padding:16px 18px; border-bottom:1px solid var(--line);
}
.fx-filters__head h2{ margin:0; font-size:.9rem; display:flex; align-items:center; gap:8px; }
.fx-filters__close{
  border:none; background:transparent; font-size:1.1rem; cursor:pointer; color:var(--ink-soft);
}
.fx-filters__body{ padding:6px 0; max-height:none; overflow:visible; }

.fx-fgroup{ border-bottom:1px solid var(--line-soft); }
.fx-fgroup:last-child{ border-bottom:none; }
.fx-fgroup__btn{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:16px 18px; background:transparent; border:none; cursor:pointer;
  font-size:.8rem; font-weight:600; letter-spacing:.05em; color:var(--ink); text-align:start;
}
.fx-fgroup__btn i{ font-size:.68rem; color:var(--ink-faint); transition:transform .3s var(--ease); }
.fx-fgroup.is-open .fx-fgroup__btn i{ transform:rotate(180deg); }
.fx-fgroup__panel{
  max-height:0; overflow:hidden; transition:max-height .35s var(--ease), padding .3s var(--ease);
  padding:0 18px;
}
.fx-fgroup.is-open .fx-fgroup__panel{ max-height:520px; padding:0 18px 18px; overflow-y:auto; }

/* رنگ‌ها */
.fx-color-list{ display:flex; flex-wrap:wrap; gap:12px; }
.fx-color-opt{
  display:flex; flex-direction:column; align-items:center; gap:5px;
  border:none; background:transparent; cursor:pointer; padding:0; width:44px;
}
.fx-color-opt__dot{
  width:26px; height:26px; border-radius:50%; border:1px solid var(--line);
  transition:box-shadow .25s var(--ease), transform .25s var(--ease);
}
.fx-color-opt.is-active .fx-color-opt__dot,
.fx-color-opt:hover .fx-color-opt__dot{
  box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--ink); transform:scale(1.06);
}
.fx-color-opt__label{ font-size:.66rem; color:var(--ink-soft); text-align:center; line-height:1.4; }
.fx-color-opt.is-active .fx-color-opt__label{ color:var(--ink); font-weight:600; }

/* سایزها */
.fx-size-list{ display:flex; flex-wrap:wrap; gap:7px; }
.fx-size-opt{
  min-width:44px; padding:8px 10px; border:1px solid var(--line); background:#fff;
  border-radius:var(--radius); font-size:.76rem; cursor:pointer; text-align:center;
  transition:all .25s var(--ease); color:var(--ink);
}
.fx-size-opt:hover{ border-color:var(--ink); }
.fx-size-opt.is-active{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* پیل‌ها (موجودی و دسته) */
.fx-pills{ display:flex; flex-wrap:wrap; gap:7px; }
.fx-pill{
  padding:8px 15px; border:1px solid var(--line); background:#fff; cursor:pointer;
  border-radius:var(--radius-pill); font-size:.75rem; transition:all .25s var(--ease);
  color:var(--ink);
}
.fx-pill:hover{ border-color:var(--ink); }
.fx-pill.is-active{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* قیمت */
.fx-price-inputs{ display:flex; align-items:center; gap:8px; }
.fx-price-inputs input{
  width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:var(--radius);
  font-size:.78rem; outline:none; text-align:center; font-variant-numeric:tabular-nums;
}
.fx-price-inputs input:focus{ border-color:var(--ink); }
.fx-price-inputs span{ color:var(--ink-faint); font-size:.8rem; }
.fx-price-hint{
  font-size:.68rem; color:var(--ink-faint); margin:8px 0 0; text-align:center;
}
.fx-price-apply{
  width:100%; margin-top:10px; padding:9px; border:1px solid var(--ink); background:transparent;
  border-radius:var(--radius-pill); font-size:.74rem; font-weight:600; cursor:pointer;
  transition:all .25s var(--ease);
}
.fx-price-apply:hover{ background:var(--ink); color:#fff; }

/* چک‌باکس ساده */
.fx-check{
  display:flex; align-items:center; gap:9px; padding:7px 0; font-size:.8rem;
  cursor:pointer; color:var(--ink-soft);
}
.fx-check input{ accent-color:var(--ink); width:15px; height:15px; cursor:pointer; }
.fx-check:hover{ color:var(--ink); }

.fx-filters__actions{ padding:16px 18px; border-top:1px solid var(--line-soft); display:none; }
.fx-filters__actions .btn{ width:100%; }

/* --- حالت موبایل (drawer) --- */
@media (max-width:980px){
  .fx-filters{
    position:fixed; inset:0 auto 0 0; width:min(90vw, 360px); z-index:200;
    background:#fff; border:none; box-shadow:var(--shadow-lg);
    transform:translateX(-100%); transition:transform .38s var(--ease);
    display:flex; flex-direction:column;
  }
  html[dir="rtl"] .fx-filters{ inset:0 0 0 auto; transform:translateX(100%); }
  .fx-filters.is-open{ transform:translateX(0) !important; }
  .fx-filters__head{ display:flex; }
  .fx-filters__body{ flex:1; overflow-y:auto; }
  .fx-filters__actions{ display:block; }
}
.fx-overlay{
  position:fixed; inset:0; background:rgba(17,17,17,.42); z-index:190;
  opacity:0; visibility:hidden; transition:all .3s var(--ease);
}
.fx-overlay.is-open{ opacity:1; visibility:visible; }

/* ===================================================================
   4) صفحه محصول
=================================================================== */
.pdp{ padding:26px 0 70px; }
.pdp__top{
  display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:clamp(24px, 4vw, 64px); align-items:start;
}
@media (max-width:980px){ .pdp__top{ grid-template-columns:1fr; } }

/* --- گالری --- */
.pdp-gallery{ display:grid; grid-template-columns:78px minmax(0,1fr); gap:14px; }
/* محصول تک‌تصویری: ستون بندانگشتی رندر نمی‌شود، پس گرید باید تک‌ستونه شود
   وگرنه تصویر اصلی داخل ستون ۷۸ پیکسلی می‌افتد و ریز نمایش داده می‌شود */
.pdp-gallery--single{ grid-template-columns:minmax(0,1fr); }
@media (max-width:640px){ .pdp-gallery{ grid-template-columns:1fr; } }

.pdp-gallery__thumbs{
  display:flex; flex-direction:column; gap:9px; max-height:640px; overflow-y:auto;
  scrollbar-width:thin;
}
@media (max-width:640px){
  .pdp-gallery__thumbs{ flex-direction:row; order:2; max-height:none; overflow-x:auto; }
}
.pdp-thumb{
  flex:0 0 auto; width:78px; aspect-ratio:3/4; border:1px solid var(--line);
  padding:0; background:var(--sand); cursor:pointer; overflow:hidden;
  transition:border-color .25s var(--ease); position:relative;
}
.pdp-thumb img{ width:100%; height:100%; object-fit:cover; }
.pdp-thumb.is-active{ border-color:var(--ink); }
.pdp-thumb--video::after{
  content:'\f04b'; font-family:'Font Awesome 6 Free'; font-weight:900;
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(17,17,17,.42); color:#fff; font-size:.75rem;
}

.pdp-gallery__stage{
  position:relative; background:var(--sand); overflow:hidden; aspect-ratio:3/4;
}
.pdp-gallery__media{ width:100%; height:100%; }
.pdp-gallery__stage img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s var(--ease);
}
.pdp-gallery__stage.is-zoom img{ transform:scale(1.9); }
.pdp-gallery__stage video{ width:100%; height:100%; object-fit:cover; background:#000; }
.pdp-gallery__zoom-hint{
  position:absolute; bottom:14px; inset-inline-start:14px;
  padding:7px 13px; background:rgba(255,255,255,.92); border-radius:var(--radius-pill);
  font-size:.7rem; color:var(--ink-soft); display:flex; align-items:center; gap:6px;
  pointer-events:none;
}
.pdp-gallery__nav{
  position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px;
  border-radius:50%; border:none; background:rgba(255,255,255,.9); color:var(--ink);
  cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:3;
  opacity:0; transition:opacity .3s var(--ease), background .25s var(--ease);
}
.pdp-gallery__stage:hover .pdp-gallery__nav{ opacity:1; }
.pdp-gallery__nav:hover{ background:var(--ink); color:#fff; }
.pdp-gallery__nav--prev{ inset-inline-end:12px; }
.pdp-gallery__nav--next{ inset-inline-start:12px; }
@media (hover:none){ .pdp-gallery__nav{ opacity:1; } }

/* --- جعبه خرید --- */
.buybox{ position:sticky; top:calc(var(--header-h) + 20px); }
@media (max-width:980px){ .buybox{ position:static; } }
.buybox__cat{
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-faint); display:block; margin-bottom:10px;
}
.buybox__title{
  font-size:clamp(1.2rem, 2.2vw, 1.6rem); font-weight:500; margin:0 0 14px; line-height:1.5;
}
.buybox__rating{
  display:flex; align-items:center; gap:8px; font-size:.76rem;
  color:var(--ink-soft); margin-bottom:18px;
}
.buybox__rating i{ color:var(--accent); font-size:.72rem; }

.buybox__prices{
  display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  padding:18px 0; border-block:1px solid var(--line-soft); margin-bottom:20px;
}
.buybox__price-now{
  font-size:1.5rem; font-weight:600; font-variant-numeric:tabular-nums; color:var(--ink);
}
.buybox__price-old{
  font-size:.95rem; color:var(--ink-faint); text-decoration:line-through;
  font-variant-numeric:tabular-nums;
}
.buybox__price-off{
  font-size:.75rem; font-weight:600; color:#fff; background:var(--sale);
  padding:4px 10px; border-radius:var(--radius-pill);
}
.buybox__price-ask{
  display:flex; align-items:center; gap:9px; font-size:.92rem; color:var(--ink-soft);
}
.buybox__price-ask i{ color:var(--accent); }

/* تایمر داخل صفحه محصول */
.buybox__timer{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:14px 16px; background:var(--accent-pale); border-radius:var(--radius-md);
  margin-bottom:20px; font-size:.78rem; color:var(--ink);
}
.buybox__timer .countdown__box{
  background:#fff; border-color:var(--line); min-width:48px; padding:7px 6px 6px;
}
.buybox__timer .countdown__num{ font-size:1rem; color:var(--ink); }
.buybox__timer .countdown__unit{ color:var(--ink-faint); font-size:.56rem; }
.buybox__timer .countdown__sep{ color:var(--ink-faint); font-size:1rem; }
.buybox__timer .countdown__label{ color:var(--ink-soft); font-weight:600; }
.buybox__timer .countdown__label i{ color:var(--accent); margin-inline-end:4px; }

/* انتخاب رنگ */
.buybox__opt{ margin-bottom:22px; }
.buybox__opt-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  margin-bottom:11px;
}
.buybox__opt-label{
  font-size:.76rem; font-weight:600; letter-spacing:.08em; color:var(--ink);
}
.buybox__opt-value{ font-size:.76rem; color:var(--ink-soft); }
.buybox__opt-link{
  font-size:.72rem; color:var(--ink-soft); text-decoration:underline;
  text-underline-offset:3px; background:none; border:none; cursor:pointer;
}

.color-opts{ display:flex; flex-wrap:wrap; gap:11px; }
.color-opt{
  width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
  padding:0; cursor:pointer; position:relative; overflow:hidden;
  transition:box-shadow .25s var(--ease), transform .25s var(--ease);
}
.color-opt img{ width:100%; height:100%; object-fit:cover; }
.color-opt.is-active{ box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--ink); }
.color-opt:hover{ transform:scale(1.06); }
.color-opt.is-out::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top left, transparent 47%, var(--sale) 47%, var(--sale) 53%, transparent 53%);
  opacity:.7;
}

.size-opts{ display:flex; flex-wrap:wrap; gap:8px; }
.size-opt{
  min-width:52px; padding:11px 14px; border:1px solid var(--line); background:#fff;
  cursor:pointer; font-size:.8rem; border-radius:var(--radius); color:var(--ink);
  transition:all .25s var(--ease);
}
.size-opt:hover:not(:disabled){ border-color:var(--ink); }
.size-opt.is-active{ background:var(--ink); color:#fff; border-color:var(--ink); }
.size-opt:disabled{
  opacity:.4; cursor:not-allowed; text-decoration:line-through; background:var(--sand);
}

/* وضعیت */
.buybox__stock{
  display:inline-flex; align-items:center; gap:8px; font-size:.8rem;
  padding:8px 15px; border-radius:var(--radius-pill); margin-bottom:20px;
}
.buybox__stock--in{ background:rgba(63,107,74,.09); color:#3f6b4a; }
.buybox__stock--out{ background:var(--sand); color:var(--ink-soft); }

/* دکمه‌ها */
.buybox__actions{ display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }
.buybox__actions .btn{ width:100%; }
.buybox__actions-row{ display:flex; gap:10px; }
.buybox__actions-row .btn{ flex:1; }
.buybox__icon-btn{
  width:52px; flex:0 0 52px !important; padding:0; height:52px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); background:#fff; border-radius:var(--radius-pill);
  cursor:pointer; color:var(--ink); transition:all .3s var(--ease);
}
.buybox__icon-btn:hover{ border-color:var(--ink); background:var(--ink); color:#fff; }
.buybox__icon-btn[aria-pressed="true"]{ background:var(--accent); color:#fff; border-color:var(--accent); }

/* مزیت‌ها */
.buybox__trust{
  display:grid; grid-template-columns:repeat(2,1fr); gap:14px;
  padding:20px 0; border-top:1px solid var(--line-soft);
}
.buybox__trust-item{ display:flex; align-items:center; gap:10px; font-size:.76rem; color:var(--ink-soft); }
.buybox__trust-item i{ color:var(--accent); font-size:.9rem; width:20px; text-align:center; }

/* خلاصه */
.buybox__excerpt{
  font-size:.86rem; color:var(--ink-soft); line-height:2;
  padding-top:18px; border-top:1px solid var(--line-soft);
}

/* --- تب‌های پایین صفحه محصول --- */
.pdp-tabs{ margin-top:clamp(44px, 6vw, 80px); }
.pdp-tabs__nav{
  display:flex; gap:4px; border-bottom:1px solid var(--line); overflow-x:auto;
  scrollbar-width:none;
}
.pdp-tabs__nav::-webkit-scrollbar{ display:none; }
.pdp-tabs__btn{
  padding:15px 22px; border:none; background:transparent; cursor:pointer;
  font-size:.85rem; font-weight:500; color:var(--ink-soft); white-space:nowrap;
  border-bottom:2px solid transparent; margin-bottom:-1px;
  transition:color .25s var(--ease), border-color .25s var(--ease);
}
.pdp-tabs__btn:hover{ color:var(--ink); }
.pdp-tabs__btn.is-active{ color:var(--ink); border-bottom-color:var(--ink); font-weight:600; }
.pdp-tabs__panel{ padding:32px 0; display:none; }
.pdp-tabs__panel.is-active{ display:block; animation:fxFade .4s var(--ease); }
@keyframes fxFade{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:none; } }
.pdp-tabs__panel .page-content{ max-width:820px; }

/* جدول مشخصات */
.pdp-specs{ max-width:720px; }
.pdp-specs__row{
  display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px;
  padding:13px 0; border-bottom:1px solid var(--line-soft); font-size:.86rem;
}
.pdp-specs__row:last-child{ border-bottom:none; }
.pdp-specs__key{ color:var(--ink-faint); }
.pdp-specs__val{ color:var(--ink); font-weight:500; }
@media (max-width:560px){
  .pdp-specs__row{ grid-template-columns:1fr; gap:3px; }
}

/* راهنمای سایز modal */
.fx-modal{
  position:fixed; inset:0; z-index:300; display:none; align-items:center;
  justify-content:center; padding:20px; background:rgba(17,17,17,.55);
}
.fx-modal.is-open{ display:flex; }
.fx-modal__box{
  background:#fff; max-width:640px; width:100%; max-height:86vh; overflow-y:auto;
  padding:32px; position:relative; animation:fxFade .3s var(--ease);
}
.fx-modal__close{
  position:absolute; top:14px; inset-inline-end:14px; width:34px; height:34px;
  border:none; background:var(--sand); border-radius:50%; cursor:pointer; color:var(--ink);
}
.fx-modal h3{ margin-bottom:18px; }
.fx-modal table{ width:100%; border-collapse:collapse; font-size:.82rem; }
.fx-modal th, .fx-modal td{
  padding:10px 12px; border:1px solid var(--line); text-align:center;
}
.fx-modal th{ background:var(--sand); font-weight:600; }

/* ===================================================================
   5) ویدیو محصول
=================================================================== */
.pdp-video{ margin-top:clamp(40px,5vw,70px); }
.pdp-video__frame{
  position:relative; background:#000; overflow:hidden; aspect-ratio:16/9;
  max-width:940px; margin:0 auto;
}
.pdp-video__frame video, .pdp-video__frame iframe{
  width:100%; height:100%; object-fit:cover; border:0; display:block;
}
.pdp-video__caption{
  text-align:center; font-size:.8rem; color:var(--ink-soft); margin-top:14px;
}

/* ===================================================================
   6) محصولات مرتبط
=================================================================== */
.related-products{ margin-top:clamp(50px,6vw,90px); padding-top:44px; border-top:1px solid var(--line); }

/* ===================================================================
   7) خنثی‌سازی استایل‌های قدیمی
=================================================================== */
/* صفحه دسته: محدودیت عرض مقاله را بردار تا گرید تمام‌عرض شود */
.page-article--shop{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.page-article--shop .page-content,
.page-article--shop .page-excerpt{ max-width:var(--container-narrow); margin-inline:auto; }

.children-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap:clamp(16px,2.2vw,34px) clamp(12px,1.6vw,24px) !important;
}
.child-card{ box-shadow:none !important; border:none !important; background:transparent !important; }
.hp-product-card{ box-shadow:none !important; border:none !important; }
.product-hero--enhanced{ display:block !important; }
.plist-filters--sidebar{ display:none !important; }