/* =========================================================================
   EDIUSFA — PRODUCT ARCHIVE · «طاق باغ» · صفحه-layer v2.0 (v1.15.0)
   بازطراحی کامل آرشیو محصول طبق نقد: هویت طاق + کتانی گرم + سبز جنگلی +
   رز خاکی؛ تیترها با Aref Ruqaa؛ شبکهٔ ۳ ستونه با کاور بزرگ طاقی؛ نوار
   ابزار چسبان تک‌نمونه؛ «۹ از N پروژه» + نوار پیشرفت + نمایش بیشتر.
   توکن‌های عمومی برند (tokens.css) برای هدر/فوتر دست‌نخورده می‌مانند —
   پالت باغ فقط داخل .archive-main.ga اسکوپ شده است.
   ========================================================================= */

/* ---- §0 توکن‌های طاق باغ (اسکوپ آرشیو + پنل فیلتر) --------------------- */
.archive-main.ga,
.ga-fpanel{
  --ga-linen:#F6F1E6;
  --ga-linen-2:#EFE7D5;
  --ga-linen-3:#E9DFC9;
  --ga-card:#FFFDF7;
  --ga-forest:#1E3A2A;
  --ga-forest-2:#2C5340;
  --ga-forest-soft:#E2ECE0;
  --ga-rose:#A96F68;
  --ga-rose-2:#8E544D;
  --ga-rose-soft:#F1E0DB;
  --ga-ink:#242A20;
  --ga-muted:#6E7362;
  --ga-subtle:#98997F;
  --ga-line:#E3D9C3;
  --ga-line-2:#D3C5A6;
  --ga-display:'Aref Ruqaa','Vazirmatn',serif;
  --ga-shadow:0 18px 40px -22px rgba(36,42,32,.35);
  --ga-shadow-sm:0 8px 22px -14px rgba(36,42,32,.30);
  --ga-arch:999px;
  background:var(--ga-linen);
  background-image:radial-gradient(rgba(150,130,90,.09) 1px,transparent 1px);
  background-size:26px 26px;
  color:var(--ga-ink);
  min-height:60vh;
}
.archive-main.ga .container{padding-inline:24px}
.archive-main.ga a{color:var(--ga-forest)}
.archive-main.ga .ga-title,
.archive-main.ga .ga-rel-head h2{font-family:var(--ga-display);font-weight:700}
.archive-main.ga .icon-sm,.archive-main.ga .icon{vertical-align:middle}

/* دکمه‌های پایهٔ باغ */
.archive-main.ga .ga-btn-solid{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:10px 22px;border-radius:999px;
  background:var(--ga-forest);color:#F6F1E6;
  font-weight:800;font-size:var(--fs-sm);
  border:1px solid var(--ga-forest);
  transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);
  box-shadow:var(--ga-shadow-sm);
}
.archive-main.ga .ga-btn-solid:hover{background:var(--ga-forest-2);transform:translateY(-1px)}
.archive-main.ga .ga-btn-solid .icon-sm{width:16px;height:16px}
.archive-main.ga .ga-btn-line{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:10px 22px;border-radius:999px;
  background:transparent;color:var(--ga-forest);
  font-weight:800;font-size:var(--fs-sm);
  border:1.5px solid var(--ga-line-2);
  transition:border-color var(--t-fast),background var(--t-fast);
}
.archive-main.ga .ga-btn-line:hover{border-color:var(--ga-forest);background:rgba(30,58,42,.05)}
.archive-main.ga .ga-btn-line .icon-sm{width:16px;height:16px}

/* ---- §1 هیروی طاق ------------------------------------------------------ */
.ga-hero{position:relative;overflow:hidden;padding-block:26px 30px;border-bottom:1px solid var(--ga-line)}
.ga-hero[data-ga-hero-flat] .ga-hero-arches{display:none}
.ga-hero-in{position:relative}
.ga-crumbs{margin-bottom:20px;font-size:var(--fs-xs);color:var(--ga-muted)}
.ga-crumbs a{color:var(--ga-muted)}
.ga-crumbs a:hover{color:var(--ga-forest)}
.ga-crumbs .sep{width:11px;height:11px;transform:scaleX(-1)}
.ga-crumbs [aria-current]{color:var(--ga-ink);font-weight:700}

.ga-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:44px;align-items:center}

.ga-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:var(--fs-xs);font-weight:800;color:var(--ga-forest);
  background:var(--ga-card);border:1px solid var(--ga-line);
  padding:6px 14px;border-radius:999px;margin-bottom:16px;
  box-shadow:var(--ga-shadow-sm);
}
.ga-eyebrow b{color:var(--ga-rose);font-weight:800}
.ga-eyebrow span{color:var(--ga-muted);font-weight:700}
.ga-eyebrow-arch{
  width:12px;height:16px;border:2px solid var(--ga-rose);
  border-bottom:0;border-radius:var(--ga-arch) var(--ga-arch) 0 0;
  display:inline-block;
}
.ga-title{
  font-size:clamp(30px,1.4rem + 2.2vw,46px);
  font-weight:700;line-height:1.75;letter-spacing:0;
  color:var(--ga-ink);margin-bottom:10px;
}
.ga-lede{
  font-size:var(--fs-md);line-height:2.1;color:var(--ga-muted);
  max-width:56ch;margin-bottom:22px;
}
.ga-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}

.ga-perks{
  display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;margin:0;padding:0;
}
.ga-perks li{display:flex;align-items:center;gap:10px;min-width:0}
.ga-perks .icon-sm{
  width:36px;height:36px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ga-forest-soft);color:var(--ga-forest);
  border-radius:12px;border:1px solid rgba(30,58,42,.12);
}
.ga-perks b{display:block;font-size:var(--fs-sm);font-weight:800;color:var(--ga-ink)}
.ga-perks span{display:block;font-size:var(--fs-2xs);color:var(--ga-muted);margin-top:2px}

/* کلاژ طاق — سه قاب طاقی با تصاویر واقعی دسته/محصولات */
.ga-hero-arches{
  display:flex;align-items:flex-end;justify-content:center;gap:14px;
  min-height:300px;
}
.ga-arch{
  margin:0;flex:1 1 0;max-width:180px;aspect-ratio:4/4.7;
  border-radius:var(--ga-arch) var(--ga-arch) 18px 18px;
  overflow:hidden;border:5px solid var(--ga-card);
  box-shadow:var(--ga-shadow);background:var(--ga-linen-2);
  transform:translateY(10px);
}
.ga-arch.is-tall{aspect-ratio:4/5.6;max-width:210px;transform:translateY(0)}
.ga-arch img{width:100%;height:100%;object-fit:cover;display:block}
.ga-arch:last-child{transform:translateY(22px)}

/* ---- §2 نوار ابزار چسبان ---------------------------------------------- */
.ga-toolbar-wrap{
  position:sticky;top:var(--header-h,70px);z-index:60;
  background:rgba(239,231,213,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ga-line);
}
.ga-toolbar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-block:12px;
}
.ga-toolbar .woocommerce-ordering{margin-inline-start:auto}
.ga-toolbar .sort-select-wrap .select,
.ga-toolbar .sort-select .select{
  min-height:44px;border-radius:999px;border-color:var(--ga-line-2);
  background:var(--ga-card);color:var(--ga-ink);
  font-size:var(--fs-sm);padding-inline:38px 16px;
}
.ga-toolbar .sort-select-wrap::before,
.ga-toolbar .sort-select::before{color:var(--ga-muted)}

/* دراپ‌داون دسته‌ها — عنصر بومی details، بدون JS هم باز می‌شود */
.ga-dd{position:relative}
.ga-dd summary{
  list-style:none;cursor:pointer;user-select:none;
  display:inline-flex;align-items:center;gap:10px;
  min-height:44px;padding:8px 16px;border-radius:999px;
  background:var(--ga-card);border:1px solid var(--ga-line-2);
  font-size:var(--fs-sm);font-weight:800;color:var(--ga-ink);
  transition:border-color var(--t-fast);
}
.ga-dd summary::-webkit-details-marker{display:none}
.ga-dd summary:hover,.ga-dd[open] summary{border-color:var(--ga-forest)}
.ga-dd-ic{display:inline-flex;color:var(--ga-forest)}
.ga-dd-ic .icon-sm{width:16px;height:16px}
.ga-dd-count{
  min-width:26px;height:22px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ga-forest-soft);color:var(--ga-forest);
  font-size:var(--fs-2xs);font-weight:800;
}
.ga-dd-chev{display:inline-flex;color:var(--ga-subtle);transition:transform var(--t-fast)}
.ga-dd-chev .icon-sm{width:14px;height:14px;transform:rotate(90deg)}
.ga-dd[open] .ga-dd-chev{transform:rotate(0)}
.ga-dd-menu{
  position:absolute;top:calc(100% + 10px);inset-inline-start:0;z-index:70;
  min-width:264px;max-height:min(420px,60vh);overflow-y:auto;
  background:var(--ga-card);border:1px solid var(--ga-line);
  border-radius:18px;box-shadow:var(--ga-shadow);padding:8px;
}
.ga-dd-item{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 14px;border-radius:12px;
  font-size:var(--fs-sm);font-weight:700;color:var(--ga-ink);
}
.ga-dd-item i{font-style:normal;font-size:var(--fs-2xs);color:var(--ga-subtle);font-weight:700}
.ga-dd-item:hover{background:var(--ga-linen-2)}
.ga-dd-item.is-cur{background:var(--ga-forest);color:#F6F1E6}
.ga-dd-item.is-cur i{color:rgba(246,241,230,.75)}

/* سگمنت رایگان/پولی */
.ga-seg-form{display:inline-flex}
.ga-seg{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--ga-card);border:1px solid var(--ga-line-2);
  border-radius:999px;padding:4px;
}
.ga-seg label{position:relative}
.ga-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ga-seg span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 16px;border-radius:999px;
  font-size:var(--fs-sm);font-weight:800;color:var(--ga-muted);
  transition:background var(--t-fast),color var(--t-fast);
}
.ga-seg input:checked + span{background:var(--ga-forest);color:#F6F1E6}
.ga-seg input:focus-visible + span{outline:2px solid var(--ga-forest);outline-offset:2px}

/* دکمهٔ فیلترها + بج تعداد */
.ga-fbtn{
  display:inline-flex;align-items:center;gap:9px;
  min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;
  background:var(--ga-forest);color:#F6F1E6;border:1px solid var(--ga-forest);
  font-size:var(--fs-sm);font-weight:800;
  transition:background var(--t-fast);
}
.ga-fbtn:hover{background:var(--ga-forest-2)}
.ga-fbtn .icon-sm{width:15px;height:15px}
.ga-fbtn-count{
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ga-rose);color:#fff;font-size:10.5px;font-weight:800;
}

/* چیپ‌های فیلتر فعال — تک‌نمونه */
.ga-active{padding-block:0 12px}
.ga-active-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ga-chip-x{
  display:inline-flex;align-items:center;gap:7px;
  min-height:34px;padding:6px 13px;border-radius:999px;
  background:var(--ga-rose-soft);border:1px solid rgba(142,84,77,.25);
  color:var(--ga-rose-2);font-size:var(--fs-xs);font-weight:700;
  transition:background var(--t-fast);
}
.ga-chip-x:hover{background:#EAD2CC}
.ga-chip-x .icon-sm{width:11px;height:11px}
.ga-clear{
  display:inline-flex;align-items:center;gap:6px;min-height:34px;
  padding:6px 13px;border-radius:999px;cursor:pointer;
  background:transparent;border:1.5px dashed var(--ga-line-2);
  color:var(--ga-muted);font-size:var(--fs-xs);font-weight:700;
  transition:color var(--t-fast),border-color var(--t-fast);
}
.ga-clear:hover{color:var(--ga-rose-2);border-color:var(--ga-rose)}

/* ---- §3 شبکهٔ محصولات + کارت طاقی ------------------------------------- */
.ga-grid-zone{padding-block:22px 8px}
.ga-progress-label{
  font-size:var(--fs-sm);color:var(--ga-muted);margin-bottom:16px;
}
.ga-progress-label b{color:var(--ga-ink);font-weight:800}

.product-grid.archive-grid{
  grid-template-columns:repeat(var(--shop-cols,3),1fr);
  gap:22px;margin-bottom:8px;
}

/* کارت طاق باغ */
.ga-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--ga-card);border:1px solid var(--ga-line);
  border-radius:22px;overflow:visible;
  box-shadow:var(--ga-shadow-sm);
  transition:box-shadow var(--t-med),transform var(--t-med);
}
.ga-card:hover{box-shadow:var(--ga-shadow);transform:translateY(-3px)}

.ga-cover{
  display:block;position:relative;margin:10px 10px 0;
  aspect-ratio:4/4.4;
  border-radius:var(--ga-arch) var(--ga-arch) 14px 14px;
  overflow:hidden;background:var(--ga-linen-2);
}
.ga-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-med)}
.ga-card:hover .ga-cover img{transform:scale(1.045)}
.ga-cover-veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(24,32,24,.28),transparent 42%);
}
.ga-cover-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--ga-subtle);
}
.ga-cover-ph .icon{width:34px;height:34px}
.ga-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,253,247,.88);color:var(--ga-forest);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  box-shadow:var(--ga-shadow-sm);
  transition:transform var(--t-fast),background var(--t-fast);
}
.ga-play svg{width:20px;height:20px;margin-inline-start:2px}
.ga-card:hover .ga-play{transform:translate(-50%,-50%) scale(1.08);background:#FFFDF7}

.ga-badges{
  position:absolute;top:20px;inset-inline-start:20px;z-index:3;
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
}
.ga-badge{
  display:inline-flex;align-items:center;
  padding:4px 11px;border-radius:999px;
  font-size:11px;font-weight:800;line-height:1.5;
}
.ga-badge.is-free{background:var(--ga-rose);color:#fff}
.ga-badge.is-sw{
  background:rgba(255,253,247,.92);color:var(--ga-forest);
  border:1px solid var(--ga-line-2);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.ga-badge.is-sale{background:var(--ga-forest);color:#F6F1E6}
.ga-badge.is-pop{background:var(--ga-rose-soft);color:var(--ga-rose-2)}

.ga-act{
  position:absolute;top:20px;width:38px;height:38px;z-index:3;
  border-radius:50%;border:1px solid var(--ga-line);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,253,247,.92);color:var(--ga-muted);
  transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast);
}
.ga-act .icon-sm{width:16px;height:16px}
.ga-act:hover{color:var(--ga-rose-2);transform:translateY(-1px)}
.ga-act.is-active{color:var(--ga-rose);background:var(--ga-rose-soft)}
.ga-wish{inset-inline-end:20px}
.ga-cmp{inset-inline-end:20px;top:64px}

.ga-body{
  display:flex;flex-direction:column;gap:8px;
  padding:14px 16px 16px;flex:1;
}
.ga-cat{
  font-size:var(--fs-2xs);font-weight:700;color:var(--ga-subtle);
  letter-spacing:.02em;margin:0;
}
.ga-rating{display:inline-flex;align-items:center;gap:6px}
.ga-rating .stars{font-size:12px;color:var(--ga-line-2)}
.ga-rating .stars span{color:var(--ga-rose)}
.ga-rating b{font-size:var(--fs-xs);color:var(--ga-ink)}
.ga-rating span{font-size:var(--fs-2xs);color:var(--ga-subtle)}
.ga-name{
  margin:0;font-size:15px;font-weight:800;line-height:1.75;
  color:var(--ga-ink);min-height:calc(15px * 1.75 * 2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ga-name a{color:inherit;text-decoration:none}
.ga-name a:hover{color:var(--ga-forest)}
.ga-specs{display:flex;flex-wrap:wrap;gap:5px}
.ga-specs .chip{
  display:inline-flex;align-items:center;
  padding:2px 9px;border-radius:999px;
  background:var(--ga-linen-2);border:1px solid var(--ga-line);
  color:var(--ga-muted);font-size:10.5px;font-weight:700;
}
.ga-foot{
  margin-top:auto;padding-top:12px;border-top:1px dashed var(--ga-line);
  display:flex;flex-direction:column;gap:10px;
}
.ga-foot .price-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ga-foot .price{font-size:17.5px;font-weight:800;color:var(--ga-forest)}
.ga-foot .price small{font-size:10.5px;font-weight:700;color:var(--ga-subtle)}
.ga-foot .price-old{font-size:11.5px;color:var(--ga-subtle);text-decoration:line-through}
.ga-foot .price-free{color:var(--ga-rose-2)}
/* دکمهٔ افزودن با متن — گونهٔ باغ */
.ga-foot .add-btn-txt{
  width:100%;min-height:42px;border-radius:999px;gap:8px;
  background:var(--ga-forest);color:#F6F1E6;border-color:var(--ga-forest);
  font-size:var(--fs-sm);font-weight:800;
  transition:background var(--t-fast);
}
.ga-foot .add-btn-txt:hover{background:var(--ga-forest-2);color:#F6F1E6}
.ga-foot .add-btn-txt .txt{line-height:1}
.ga-foot .add-btn-txt .icon-sm{width:15px;height:15px}
.ga-foot .add-btn-txt.is-free{background:var(--ga-rose);border-color:var(--ga-rose)}
.ga-foot .add-btn-txt.is-free:hover{background:var(--ga-rose-2)}

/* حالت خالی */
.ga-empty{
  background:var(--ga-card);border:1.5px dashed var(--ga-line-2);
  border-radius:24px;padding:44px 24px;text-align:center;margin-block:6px 20px;
}
.ga-empty .state{margin:0}
.ga-empty-cats{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;
}
.ga-empty-cats span{width:100%;font-size:var(--fs-2xs);font-weight:700;color:var(--ga-subtle)}
.ga-chip{
  display:inline-flex;align-items:center;min-height:36px;
  padding:7px 15px;border-radius:999px;
  background:var(--ga-linen-2);border:1px solid var(--ga-line);
  color:var(--ga-forest);font-size:var(--fs-xs);font-weight:700;
  transition:border-color var(--t-fast),background var(--t-fast);
}
.ga-chip:hover{border-color:var(--ga-forest);background:var(--ga-forest-soft)}

/* ---- §4 نوار پیشرفت + نمایش بیشتر + صفحه‌بندی کلاسیک ------------------ */
.ga-more{
  margin-top:22px;padding:22px;border:1px solid var(--ga-line);
  background:var(--ga-card);border-radius:22px;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.ga-progress{
  width:min(430px,100%);height:8px;border-radius:999px;
  background:var(--ga-linen-2);overflow:hidden;
}
.ga-progress span{
  display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--ga-forest),var(--ga-forest-2));
  transition:width var(--t-med);
}
.ga-more-btn{min-width:220px}
.ga-more-btn .ga-spin{display:none}
.ga-more-btn.is-loading{pointer-events:none;opacity:.75}
.ga-more-btn.is-loading .ga-spin{
  display:inline-block;width:15px;height:15px;border-radius:50%;
  border:2px solid rgba(246,241,230,.4);border-top-color:#F6F1E6;
  animation:ga-spin .7s linear infinite;
}
@keyframes ga-spin{to{transform:rotate(360deg)}}
.ga-classic-pages{display:block;padding-block:8px}
.ga-classic-pages .pagination{justify-content:center}
.ga-more + .ga-classic-pages{display:none} /* با نمایش بیشتر، شماره‌ها پنهان */

/* ---- §5 دسته‌های مرتبط — چهار کاشی کامل -------------------------------- */
.ga-rel{margin-top:46px;padding-block:38px;border-top:1px solid var(--ga-line)}
.ga-rel-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin-bottom:22px;
}
.ga-rel-head h2{font-size:clamp(21px,1rem + 1vw,27px);color:var(--ga-ink);line-height:1.8}
.ga-rel-more{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-size:var(--fs-sm);font-weight:800;color:var(--ga-forest);
}
.ga-rel-more .icon-sm{width:14px;height:14px;transform:scaleX(-1)}
.ga-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ga-rel-tile{
  position:relative;display:flex;flex-direction:column;
  background:var(--ga-card);border:1px solid var(--ga-line);
  border-radius:20px;overflow:hidden;text-decoration:none;
  box-shadow:var(--ga-shadow-sm);
  transition:box-shadow var(--t-med),transform var(--t-med);
}
.ga-rel-tile:hover{box-shadow:var(--ga-shadow);transform:translateY(-3px)}
.ga-rel-img{display:block;aspect-ratio:4/3.4;overflow:hidden;background:var(--ga-linen-2)}
.ga-rel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-med)}
.ga-rel-tile:hover .ga-rel-img img{transform:scale(1.05)}
.ga-rel-ph{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  color:var(--ga-subtle);font-style:normal;
}
.ga-rel-meta{display:flex;flex-direction:column;gap:3px;padding:13px 15px 15px}
.ga-rel-meta b{font-size:var(--fs-sm);font-weight:800;color:var(--ga-ink)}
.ga-rel-meta span{font-size:var(--fs-2xs);color:var(--ga-muted);font-weight:700}
.ga-rel-go{
  position:absolute;top:12px;inset-inline-end:12px;
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,253,247,.92);color:var(--ga-forest);
  border:1px solid var(--ga-line);opacity:0;transform:translateY(-4px);
  transition:opacity var(--t-fast),transform var(--t-fast);
}
.ga-rel-go .icon-sm{width:13px;height:13px;transform:scaleX(-1)}
.ga-rel-tile:hover .ga-rel-go{opacity:1;transform:translateY(0)}

/* ---- §6 بلوک سئو — همان قالب، روکش کتانی ------------------------------ */
.archive-main.ga .seo-section{
  background:var(--ga-card);
  border:1px solid var(--ga-line);
  border-radius:24px;
  box-shadow:var(--ga-shadow-sm);
}
.archive-main.ga .seo-section > .container{background:transparent;border:0;box-shadow:none;border-radius:0}
.archive-main.ga .seo-section h2{color:var(--ga-ink)}
.archive-main.ga .seo-section .info-card{background:var(--ga-linen-2);border-color:var(--ga-line)}
.archive-main.ga .seo-links a{background:var(--ga-linen-2);border-color:var(--ga-line);color:var(--ga-forest)}
.archive-main.ga .seo-links a:hover{background:var(--ga-forest-soft);border-color:var(--ga-forest)}

/* ---- §7 پنل فیلترها (پاپ‌اور دسکتاپ / شیت موبایل) + بک‌دراپ ------------ */
.ga-backdrop{
  position:fixed;inset:0;z-index:96;background:rgba(24,32,24,.45);
  opacity:0;visibility:hidden;transition:opacity var(--t-med),visibility 0s var(--t-med);
}
.ga-backdrop.is-open{opacity:1;visibility:visible;transition:opacity var(--t-med)}
/* دسکتاپ: پاپ‌اور لنگرشده به تولبار چسبان — fixed نسبت به viewport تا از
 * sticky/backdrop-filter والد تأثیر نپذیرد (باگ «پنل زیر صفحه» رفع شد). */
.ga-fpanel{
  position:fixed;z-index:97;
  top:calc(var(--header-h,70px) + 62px);
  inset-inline-end:calc((100vw - min(100vw - 48px, var(--container,1280px))) / 2 + 24px);
  width:min(392px,calc(100vw - 48px));max-height:min(640px,calc(100vh - var(--header-h,70px) - 80px));overflow-y:auto;
  background:var(--ga-card);border:1px solid var(--ga-line);
  border-radius:22px;box-shadow:var(--ga-shadow);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity var(--t-med),transform var(--t-med),visibility 0s var(--t-med);
}
.ga-fpanel.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--t-med),transform var(--t-med)}
.ga-fpanel-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;background:var(--ga-card);border-bottom:1px solid var(--ga-line);
}
.ga-fpanel-head b{font-size:var(--fs-base);font-weight:800;color:var(--ga-ink)}
.ga-fpanel-x{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--ga-line);
  background:transparent;color:var(--ga-muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.ga-fpanel-x:hover{color:var(--ga-rose-2);border-color:var(--ga-rose)}
.ga-fform{padding:14px 18px 18px;display:flex;flex-direction:column;gap:18px}
.ga-fgroup{display:flex;flex-direction:column;gap:9px}
.ga-ftitle{font-size:var(--fs-sm);font-weight:800;color:var(--ga-ink);margin:0}
.ga-ftunit{font-style:normal;font-size:var(--fs-2xs);font-weight:700;color:var(--ga-subtle)}
.ga-fsearch input{
  width:100%;min-height:44px;border-radius:14px;border:1px solid var(--ga-line-2);
  background:var(--ga-linen);padding:0 14px;font-size:var(--fs-sm);color:var(--ga-ink);
}
.ga-fsearch input:focus{border-color:var(--ga-forest);outline:none}
.ga-flist{display:flex;flex-direction:column;gap:2px}
.ga-choice{
  display:flex;align-items:center;gap:10px;
  padding:9px 10px;border-radius:12px;cursor:pointer;
  transition:background var(--t-fast);
}
.ga-choice:hover{background:var(--ga-linen-2)}
.ga-choice input{accent-color:var(--ga-forest);width:16px;height:16px;flex-shrink:0}
.ga-choice .lbl{flex:1;font-size:var(--fs-sm);color:var(--ga-ink);font-weight:600}
.ga-choice i{
  font-style:normal;min-width:26px;text-align:center;
  font-size:var(--fs-2xs);font-weight:700;color:var(--ga-subtle);
  background:var(--ga-linen-2);border-radius:999px;padding:2px 7px;
}
.ga-fprice{display:flex;align-items:center;gap:10px}
.ga-finput{
  flex:1;display:flex;align-items:center;gap:6px;
  border:1px solid var(--ga-line-2);border-radius:14px;
  background:var(--ga-linen);padding:0 12px;min-height:44px;
}
.ga-finput:focus-within{border-color:var(--ga-forest)}
.ga-finput input{
  flex:1;min-width:0;border:0;background:transparent;
  font-size:var(--fs-sm);color:var(--ga-ink);outline:none;
}
.ga-finput span{font-size:10px;color:var(--ga-subtle);font-weight:700;flex-shrink:0}
.ga-fdash{width:14px;height:2px;background:var(--ga-line-2);border-radius:2px;flex-shrink:0}
.ga-fapply{width:100%}

/* ---- لپ‌تاپ ۱۰۲۴–۱۲۷۹ ------------------------------------------------- */
.sort-sheet{display:none}

@media (min-width:1024px) and (max-width:1279px){
  .product-grid.archive-grid{grid-template-columns:repeat(3,1fr)}
  .ga-hero-grid{gap:30px}
  .ga-hero-arches{min-height:250px}
}

/* ---- تبلت ≤۱۰۲۳ ------------------------------------------------------- */
@media (max-width:1023px){
  .product-grid.archive-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .ga-hero-grid{grid-template-columns:1fr;gap:26px}
  .ga-hero-arches{min-height:210px;justify-content:flex-start}
  .ga-arch{max-width:150px}
  .ga-arch.is-tall{max-width:172px}
  .ga-lede{max-width:none}
  .ga-fpanel{
    position:fixed;inset-inline:0;inset-inline-end:0;top:auto;bottom:0;
    width:100%;max-height:82vh;border-radius:22px 22px 0 0;
    transform:translateY(105%);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .ga-fpanel.is-open{transform:translateY(0)}
  .ga-rel-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .ga-rel-head h2{font-size:var(--fs-xl)}
}

/* ---- موبایل ≤۶۳۹ ------------------------------------------------------ */
@media (max-width:639px){
  .archive-main.ga .container{padding-inline:16px}
  .ga-hero{padding-block:18px 22px}
  .ga-title{font-size:clamp(26px,1.2rem + 1.6vw,32px)}
  .ga-cta .btn{flex:1;min-width:0}
  .ga-perks{gap:10px}
  .ga-perks li{flex:1 1 100%}
  .ga-toolbar{gap:8px;padding-block:10px}
  .ga-dd summary{max-width:100%}
  .ga-dd-cur{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34vw}
  .ga-toolbar .woocommerce-ordering{margin-inline-start:0;flex:1 1 100%}
  .ga-toolbar .sort-select-wrap{width:100%}
  .ga-toolbar .sort-select-wrap .select{width:100%}
  .ga-seg{flex:1}
  .ga-seg span{padding:0 12px;min-height:34px}
  .ga-fbtn{margin-inline-start:auto}

  .ga-progress-label{font-size:var(--fs-xs)}
  .product-grid.archive-grid{gap:12px}
  .ga-card{border-radius:18px}
  .ga-cover{margin:8px 8px 0;aspect-ratio:4/4.1}
  .ga-play{width:44px;height:44px}
  .ga-play svg{width:16px;height:16px}
  .ga-badges{top:16px;inset-inline-start:16px;gap:4px}
  .ga-badge{font-size:9.5px;padding:3px 8px}
  .ga-act{width:34px;height:34px;top:16px}
  .ga-wish{inset-inline-end:16px}
  .ga-cmp{inset-inline-end:16px;top:56px}
  .ga-body{padding:11px 12px 13px;gap:6px}
  .ga-name{font-size:13px;line-height:1.7;min-height:calc(13px * 1.7 * 2)}
  .ga-cat{font-size:10px}
  .ga-specs .chip{font-size:9.5px;padding:1px 7px}
  .ga-foot{padding-top:9px;gap:8px}
  .ga-foot .price{font-size:15.5px}
  .ga-foot .price small{font-size:9.5px}
  .ga-foot .price-old{font-size:10px}
  .ga-foot .add-btn-txt{min-height:40px;font-size:var(--fs-xs)}

  .ga-more{padding:16px}
  .ga-rel{padding-block:28px;margin-top:34px}
  .ga-rel-grid{gap:10px}
  .ga-rel-meta{padding:10px 11px 12px}
  .ga-rel-meta b{font-size:var(--fs-xs)}

  /* دکمه‌های شناور هرگز از لبه بیرون نمی‌زنند (نقد طرح). */
  .ed-coffee-fab{inset-inline-start:max(14px,env(safe-area-inset-start));bottom:calc(88px + env(safe-area-inset-bottom))}
}

/* حرکت کاهش‌یافته */
@media (prefers-reduced-motion:reduce){
  .archive-main.ga *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ========================================================================
   فوتر سایت روی آرشیو — همان قوانین نسخهٔ قبل (دست‌نخورده)
   ======================================================================== */
.site-footer{background:var(--surface-ink);color:#AEB4BF;margin-top:72px}
.footer-top{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
  gap:36px;padding-block:56px 44px;
}
.f-brand .brand{display:inline-flex;align-items:center;gap:10px}
.f-brand .brand-mark{
  width:38px;height:38px;border-radius:11px;background:#fff;color:var(--text);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;letter-spacing:-.02em;
}
.f-brand .brand-name{color:#fff;font-size:18px;font-weight:800}
.f-about{font-size:var(--fs-sm);line-height:2;color:#8E95A3;margin-block:16px;max-width:34ch}
.f-social{display:flex;gap:8px}
.f-social a{
  width:40px;height:40px;border-radius:var(--r-sm);
  border:1px solid var(--border-inverse);
  display:flex;align-items:center;justify-content:center;color:#B9BFC9;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.f-social a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.f-col h4{color:#fff;font-size:var(--fs-base);font-weight:800;margin-bottom:16px}
.f-col ul{display:flex;flex-direction:column;gap:9px}
.f-col a{font-size:var(--fs-sm);color:#9AA1AD;transition:color var(--t-fast)}
.f-col a:hover{color:#fff}
.f-bottom{
  border-top:1px solid var(--border-inverse);
  padding-block:20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:var(--fs-xs);color:#7E8593;flex-wrap:wrap;
}
@media (max-width:639px){
  .footer-top{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px 34px}
  .f-bottom{flex-direction:column;align-items:flex-start}
  .site-footer{margin-top:52px}
}