/* پوسته‌ی «sport» — فقط وقتی همین پوسته فعاله بارگذاری می‌شه. */
html[data-skin="sport"] {
  --bg-page:#0E0E10; --bg-card:#18181B; --header-bg:#0E0E10; --footer-bg:#0A0A0B;
  --primary:#EF233C; --pastel-red:#2A1417; --pastel-green:#16211A; --pastel-blue:#1C1C21;
  --text-dark:#F4F4F5; --text-muted:#A1A1AA; --border:#2A2A2E; --card-radius:8px;
  color-scheme:dark;
}
html[data-skin="sport"] .pro-brand-name { font-weight:800; font-style:italic; font-size:19px; }
html[data-skin="sport"] .pro-header-search, html[data-skin="sport"] .pro-icon-btn, html[data-skin="sport"] .pro-mega-btn { border-radius:6px; }
html[data-skin="sport"] .pro-card { padding:0; overflow:hidden; gap:6px; }
html[data-skin="sport"] .pro-card > :not(.pro-thumb) { margin-inline:10px; }
html[data-skin="sport"] .pro-card > .pro-btn { margin:4px 10px 10px; width:auto; }
html[data-skin="sport"] .pro-thumb { border-radius:0; }
html[data-skin="sport"] .pro-card-name { font-weight:800; }
html[data-skin="sport"] .pro-btn { border-radius:6px; font-weight:800; }
html[data-skin="sport"] .pro-badge-off, html[data-skin="sport"] .pro-card-flag { border-radius:0; transform:skewX(-12deg); padding:2px 10px; font-weight:800; }
html[data-skin="sport"] .pro-hero { border:none; border-inline-start:6px solid var(--primary); border-radius:6px; text-align:right; }
html[data-skin="sport"] .pro-hero h1 { font-size:36px; font-weight:800; font-style:italic; }
html[data-skin="sport"] .pro-hero-cta, html[data-skin="sport"] .pro-slide-btn { border-radius:6px; }
html[data-skin="sport"] .pro-section-head h2 { font-weight:800; font-style:italic; font-size:20px; display:inline-flex; align-items:center; gap:10px; }
html[data-skin="sport"] .pro-section-head h2::before { content:""; width:22px; height:6px; background:var(--primary); transform:skewX(-20deg); }
html[data-skin="sport"] .pro-cat-circle-img { border-color:var(--primary); }
html[data-skin="sport"] { --head-font:'SkKufi'; }
@media (prefers-reduced-motion:no-preference) {
  html[data-skin="sport"] .pro-thumb img { transition:transform .6s ease; }
  html[data-skin="sport"] .pro-card:hover .pro-thumb img { transform:scale(1.06); }
  html[data-skin="sport"] .pro-announce { overflow:hidden; white-space:nowrap; }
  html[data-skin="sport"] .pro-announce > * { display:inline-block; padding-inline-start:100%; animation:sk-marquee 16s linear infinite; }
}
html[data-skin="sport"] .pro-header { border-bottom:3px solid var(--primary); box-shadow:none; }
html[data-skin="sport"] .pro-hero { padding:40px 26px; background:linear-gradient(115deg, var(--bg-card) 62%, var(--primary) 62.2%, var(--primary) 66%, var(--bg-card) 66.2%); }
html[data-skin="sport"] .pro-hero h1 { font-size:44px; }
html[data-skin="sport"] .pro-slide-cap h2 { font-size:34px; font-style:italic; }
html[data-skin="sport"] .pro-footer { border-top:4px solid var(--primary); }
html[data-skin="sport"] .pro-price-big { font-style:italic; }
@media (max-width:820px) {
  html[data-skin="sport"] .pro-bnav { border-top:2px solid var(--primary); }
  html[data-skin="sport"] .pro-bnav-item.active .pro-bnav-ic { background:var(--primary); color:#fff; transform:skewX(-10deg); border-radius:6px; }
}

/* ====== پوسته‌ی ورزشی — کارتِ اختصاصی (templates/storefront/skins/sport/) ====== */
html[data-skin="sport"] .sp-card { padding:0 !important; gap:0; overflow:hidden; background:var(--bg-card) !important; border:1px solid var(--border) !important; border-radius:10px; }
html[data-skin="sport"] .sp-card > * { margin-inline:0 !important; }
html[data-skin="sport"] .sp-media { position:relative; aspect-ratio:4/5; border-radius:0 !important; background:#1c1c20 !important; }
html[data-skin="sport"] .sp-media img { object-fit:cover; transition:transform .5s; }
@media (hover:hover) { html[data-skin="sport"] .sp-card:hover .sp-media img { transform:scale(1.06); } }
.sp-tag { position:absolute; top:12px; right:-6px; background:var(--primary); color:#fff; font-weight:800; font-size:12px; padding:3px 14px; transform:skewX(-14deg); }
.sp-tag.is-out { background:#3f3f46; }
.sp-body { padding:10px 12px 12px; display:flex; flex-direction:column; gap:5px; }
.sp-cat { font-size:11px; color:var(--primary); font-weight:700; }
html[data-skin="sport"] .sp-card .pro-card-name { font-size:14px; font-weight:800; font-style:italic; min-height:0; -webkit-line-clamp:1; }
.sp-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sp-price { display:flex; flex-direction:column; line-height:1.35; }
.sp-price s { font-size:11px; color:var(--text-muted); }
.sp-price b { color:var(--primary); font-size:16px; font-weight:800; font-style:italic; }
html[data-skin="sport"] .sp-add { width:42px !important; height:36px; padding:0 !important; border-radius:6px; transform:skewX(-12deg); display:flex; align-items:center; justify-content:center; }
html[data-skin="sport"] .sp-add .ic { width:19px; height:19px; transform:skewX(12deg); }
html[data-skin="sport"] .sp-add:disabled { background:#3f3f46; }
html[data-skin="sport"] .sp-card.is-oos .sp-media img { filter:grayscale(1); opacity:.5; }
html[data-skin="sport"] .pro-shop-grid.is-list .sp-card { display:grid !important; grid-template-columns:130px minmax(0,1fr); }
@media (max-width:699px) {
  html[data-skin="sport"] .pro-block .pro-grid:not(.pro-shop-grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:56%;
    overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:10px; margin-inline:-11px; padding:2px 11px 8px; }
  html[data-skin="sport"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="sport"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
}
@media (max-width:820px) {
  html[data-skin="sport"] .pro-header.is-compact { box-shadow:0 4px 18px rgba(0,0,0,.08); }
  html[data-skin="sport"] .pro-header.is-compact .pro-mobile-search, html[data-skin="sport"] .pro-header.is-compact .pro-topbar { display:none; }
  html[data-skin="sport"] .pro-header.is-compact .pro-header-main { padding:4px 0; }
  html[data-skin="sport"] .pro-header.is-compact .pro-search-toggle { display:inline-flex; }
  html[data-skin="sport"] .pro-header.is-compact.search-open .pro-mobile-search { display:block; }
  html[data-skin="sport"] .pro-header.is-compact .pro-nav-bar { display:none; }
}
/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  html[data-skin="sport"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; }
  html[data-skin="sport"] .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="sport"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="sport"] .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="sport"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="sport"] .pro-gallery-thumbs button { width:72px; height:72px; flex-shrink:0; }
  html[data-skin="sport"] .pro-product > div:last-child { position:sticky; top:96px; }
}
html[data-skin="sport"] .pro-product-title { font-size:22px; font-weight:800; line-height:1.6; }
html[data-skin="sport"] .pro-price-box { border-radius:16px; }
html[data-skin="sport"] .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="sport"] .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; }
}