/* ======================================================================
   پوسته‌ی کلاسیک — طراحیِ اختصاصی
   (فقط وقتی کلاسیک فعاله بارگذاری می‌شه؛ قالب‌ها: templates/storefront/skins/classic/)
   ====================================================================== */
html[data-skin="classic"] { --card-radius:14px; }

/* ---------- هدر ---------- */
html[data-skin="classic"] .pro-header { transition:box-shadow .2s; }
@media (max-width:820px) {
  html[data-skin="classic"] .pro-header .pro-header-main { transition:padding .2s; }
  html[data-skin="classic"] .pro-header.is-compact { box-shadow:0 4px 18px rgba(0,0,0,.08); }
  html[data-skin="classic"] .pro-header.is-compact .pro-header-main { padding:4px 0; }
  html[data-skin="classic"] .pro-header.is-compact .pro-brand img { height:28px; }
  html[data-skin="classic"] .pro-header.is-compact .pro-mobile-search { display:none; }
  html[data-skin="classic"] .pro-header.is-compact .pro-search-toggle { display:inline-flex; }
  html[data-skin="classic"] .pro-header.is-compact.search-open .pro-mobile-search { display:block; }
}

/* ---------- صفحه‌ی اصلی ---------- */
html[data-skin="classic"] .pro-slider { border-radius:20px; }
html[data-skin="classic"] .pro-section-head { margin:30px 0 14px; }
html[data-skin="classic"] .pro-section-head h2 { font-size:18px; font-weight:800; }
html[data-skin="classic"] .pro-section-head a { display:inline-flex; align-items:center; gap:4px; font-weight:700; padding:6px 12px; border-radius:999px; background:var(--pastel-red); }
/* موبایل: ردیفِ محصولاتِ صفحه‌ی اصلی ورق‌زدنی (نه شبکه‌ی بلند) */
@media (max-width:699px) {
  html[data-skin="classic"] .pro-block .pro-grid:not(.pro-shop-grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:44%;
    overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:10px; margin-inline:-11px; padding:2px 11px 6px; scroll-padding-inline:11px; }
  html[data-skin="classic"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="classic"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
}

/* ---------- کارتِ محصول ---------- */
html[data-skin="classic"] .cl-card { padding:8px 8px 10px; gap:6px; transition:box-shadow .2s, border-color .2s; }
html[data-skin="classic"] .cl-card:hover { border-color:var(--border); box-shadow:0 8px 24px rgba(0,0,0,.07); }
html[data-skin="classic"] .cl-card .pro-thumb { position:relative; border-radius:10px; background:#fff; }
html[data-skin="classic"] .cl-card .pro-thumb img { object-fit:contain; transition:transform .35s; }
@media (hover:hover) { html[data-skin="classic"] .cl-card:hover .pro-thumb img { transform:scale(1.04); } }
.cl-off { position:absolute; top:8px; left:8px; z-index:1; background:var(--primary); color:#fff; font-size:11.5px; font-weight:800; border-radius:8px; padding:2px 7px; }
.cl-oos-tag { position:absolute; inset:auto 8px 8px auto; z-index:1; background:rgba(0,0,0,.6); color:#fff; font-size:11px; border-radius:6px; padding:2px 8px; }
html[data-skin="classic"] .cl-card.is-oos .pro-thumb img { opacity:.55; filter:grayscale(.4); }
html[data-skin="classic"] .cl-card .pro-card-name { font-size:13px; font-weight:600; min-height:39px; line-height:1.5; padding:0 2px; }
html[data-skin="classic"] .cl-card .pro-card-name:hover { color:var(--primary); }
.cl-card-foot { display:flex; align-items:flex-end; justify-content:space-between; gap:6px; margin-top:auto; padding:0 2px; min-height:40px; }
.cl-price { display:flex; flex-direction:column; min-width:0; }
.cl-price .pro-price-old { font-size:11px; line-height:1.4; }
.cl-price .pro-price { font-size:15px; font-weight:800; color:var(--text-dark); white-space:nowrap; }
.cl-price .pro-price small { font-size:10.5px; font-weight:400; color:var(--text-muted); }
.cl-price .pro-price.is-oos { color:var(--text-muted); font-weight:600; }
html[data-skin="classic"] .cl-add { width:36px; height:36px; padding:0; border-radius:12px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; }
html[data-skin="classic"] .cl-add .ic { width:18px; height:18px; }
html[data-skin="classic"] .cl-add:disabled { background:var(--bg-page); color:var(--text-muted); cursor:not-allowed; }
/* شمارنده بعد از افزودن (denseInit) */
html[data-skin="classic"] .cl-card .dn-qty { height:36px; border-width:1.5px; border-radius:12px; padding:0 2px; gap:2px; min-width:96px; }
html[data-skin="classic"] .cl-card .dn-qty button { width:28px; height:28px; border-radius:9px; font-size:17px; }
html[data-skin="classic"] .cl-card .dn-qty span { font-size:14px; min-width:18px; text-align:center; }
/* نمای «لیست» فروشگاه */
html[data-skin="classic"] .pro-shop-grid.is-list .cl-card { grid-template-areas:"t n n" "t c c" "t d d" "t f f"; }
html[data-skin="classic"] .pro-shop-grid.is-list .cl-card-foot { grid-area:f; }

/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  html[data-skin="classic"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; }
  html[data-skin="classic"] .pro-product > div:first-child:has(.pro-gallery-thumbs) { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; }
  html[data-skin="classic"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="classic"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-thumbs { grid-column:1; grid-row:1; flex-direction:column; flex-wrap:nowrap; margin:0; max-height:560px; overflow-y:auto; scrollbar-width:none; }
  html[data-skin="classic"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="classic"] .pro-gallery-thumbs button { width:72px; height:72px; flex-shrink:0; }
  html[data-skin="classic"] .pro-product > div:last-child { position:sticky; top:96px; }
}
html[data-skin="classic"] .pro-product-title { font-size:22px; font-weight:800; line-height:1.6; }
html[data-skin="classic"] .pro-price-box { border-radius:16px; }
html[data-skin="classic"] .pro-price-big { font-size:26px; }
.cl-perks { list-style:none; margin:4px 0 14px; padding:12px 14px; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px 14px;
  background:var(--bg-card); border:1px solid var(--border); border-radius:16px; }
.cl-perks li { display:flex; align-items:center; gap:9px; font-size:12.5px; line-height:1.6; }
.cl-perks .ic { width:22px; height:22px; flex-shrink:0; color:var(--primary); }
.cl-perks small { display:block; color:var(--text-muted); font-size:11px; }
html[data-skin="classic"] .pro-info { border-radius:16px; }

/* ---------- فوتر ---------- */
.cl-footer { padding:34px 0 18px; margin-top:40px; }
.cl-footer-grid { display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:26px; }
.cl-fabout .pro-brand { margin-bottom:10px !important; }
.cl-fabout .pro-footer-meta { margin:0 0 12px; max-width:none; }
.cl-fcol summary { list-style:none; cursor:default; }
.cl-fcol summary::-webkit-details-marker { display:none; }
.cl-fcol summary h3 { margin:0 0 12px; font-size:14px; }
.cl-fcontact span { line-height:1.9; }
@media (max-width:820px) {
  .cl-footer-grid { grid-template-columns:1fr; gap:0; }
  .cl-fabout { padding-bottom:14px; }
  .cl-fcol { border-top:1px solid var(--border); }
  .cl-fcol summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:13px 0; }
  .cl-fcol summary h3 { margin:0; }
  .cl-fcol summary::after { content:""; width:9px; height:9px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); transition:transform .2s; margin-inline-end:4px; opacity:.6; }
  .cl-fcol[open] summary::after { transform:rotate(135deg); }
  .cl-fcol .pro-footer-links { padding-bottom:14px; }
}