/* پوسته‌ی «street» — فقط وقتی همین پوسته فعاله بارگذاری می‌شه. */
html[data-skin="street"] .pro-btn:not(:disabled), html[data-skin="street"] .pro-badge-off, html[data-skin="street"] .pro-card-flag, html[data-skin="street"] .pro-hero-cta, html[data-skin="street"] .pro-slide-btn, html[data-skin="street"] .pro-announce, html[data-skin="street"] .pro-announce a, html[data-skin="street"] .pro-cat-chips a.active, html[data-skin="street"] .pro-view-toggle button.active, html[data-skin="street"] .pro-cart-badge { color:var(--on-primary); }
html[data-skin="street"] {
  --bg-page:#FFFFFF; --bg-card:#FFFFFF; --header-bg:#FFFFFF; --footer-bg:#0A0A0A;
  --primary:#FFE600; --pastel-red:#F2F2F2; --pastel-green:#F2F2F2; --pastel-blue:#EFEFEF;
  --text-dark:#0A0A0A; --text-muted:#444444; --border:#0A0A0A; --card-radius:0px; --on-primary:#0A0A0A;
  color-scheme:light;
}
html[data-skin="street"] body { font-weight:500; }
html[data-skin="street"] .pro-header { box-shadow:none; border-bottom:2px solid #0A0A0A; }
html[data-skin="street"] .pro-nav-bar { border-top:2px solid #0A0A0A; }
html[data-skin="street"] .pro-brand-name { font-weight:800; font-size:20px; letter-spacing:-.5px; }
html[data-skin="street"] .pro-header-search { border:2px solid #0A0A0A; border-radius:0; background:#fff; }
html[data-skin="street"] .pro-icon-btn, html[data-skin="street"] .pro-cart-btn { border-radius:0; background:transparent; }
html[data-skin="street"] .pro-mega-btn { background:#0A0A0A; color:#fff; border-radius:0; }
html[data-skin="street"] .pro-card { border:2px solid #0A0A0A; padding:0; gap:0; }
html[data-skin="street"] .pro-card:hover { border-color:#0A0A0A; box-shadow:4px 4px 0 #0A0A0A; transform:translate(-2px,-2px); }
html[data-skin="street"] .pro-thumb { border-radius:0; border-bottom:2px solid #0A0A0A; background:#F2F2F2; }
html[data-skin="street"] .pro-card-name { padding:8px 10px 0; font-weight:800; min-height:0; }
html[data-skin="street"] .pro-price-row { padding:4px 10px 8px; }
html[data-skin="street"] .pro-price { color:#0A0A0A; font-weight:800; }
html[data-skin="street"] .pro-btn { border-radius:0; border-top:2px solid #0A0A0A; font-weight:800; padding:11px; }
html[data-skin="street"] .pro-btn:disabled { background:#F2F2F2; color:#888; }
html[data-skin="street"] .pro-badge-off, html[data-skin="street"] .pro-card-flag { border-radius:0; border:2px solid #0A0A0A; font-weight:800; }
html[data-skin="street"] .pro-hero { border:2px solid #0A0A0A; border-radius:0; text-align:right; }
html[data-skin="street"] .pro-hero h1 { font-size:40px; font-weight:800; line-height:1.15; letter-spacing:-1px; }
html[data-skin="street"] .pro-hero-cta, html[data-skin="street"] .pro-slide-btn { border-radius:0; border:2px solid #0A0A0A; }
html[data-skin="street"] .pro-slider { border:2px solid #0A0A0A; border-radius:0; }
html[data-skin="street"] .pro-section-head h2 { font-weight:800; font-size:22px; background:var(--primary); padding:0 8px; }
html[data-skin="street"] .pro-section-head a { color:#0A0A0A; text-decoration:underline; font-weight:800; }
html[data-skin="street"] .pro-cat-chips a { border:2px solid #0A0A0A; border-radius:0; color:#0A0A0A; font-weight:700; }
html[data-skin="street"] .pro-cat-circle-img { border:2px solid #0A0A0A; border-radius:0; }
html[data-skin="street"] .pro-cat-card { border:2px solid #0A0A0A; border-radius:0; }
html[data-skin="street"] .pro-footer { --text-dark:#FFFFFF; --text-muted:#BDBDBD; --border:#333333; --bg-page:#1A1A1A; --bg-card:#141414; color:#fff; border-top:2px solid #0A0A0A; }
@media (max-width:600px) {
  html[data-skin="street"] .pro-hero h1 { font-size:30px; }
}
html[data-skin="street"] .pro-fm-cat:hover, html[data-skin="street"] .pro-fm-cat.active { color:#0A0A0A; background:var(--primary); }
html[data-skin="street"] { --head-font:'Vazirmatn'; }
@media (prefers-reduced-motion:no-preference) {
  html[data-skin="street"] .pro-card { transition:transform .12s, box-shadow .12s; }
  html[data-skin="street"] .pro-announce { overflow:hidden; white-space:nowrap; }
  html[data-skin="street"] .pro-announce > * { display:inline-block; padding-inline-start:100%; animation:sk-marquee 16s linear infinite; }
}
html[data-skin="street"] .pro-announce { font-weight:800; border-bottom:2px solid #0A0A0A; }
html[data-skin="street"] .pro-hero { padding:40px 24px; background:var(--primary); }
html[data-skin="street"] .pro-hero h1 { font-size:52px; }
html[data-skin="street"] .pro-hero-cta { background:#0A0A0A; color:#fff !important; }
html[data-skin="street"] .pro-slide-cap { background:none; }
html[data-skin="street"] .pro-slide-cap h2 { background:var(--primary); color:#0A0A0A; display:inline; padding:0 8px; box-decoration-break:clone; -webkit-box-decoration-break:clone; font-size:34px; line-height:1.5; }
html[data-skin="street"] .pro-price-box, html[data-skin="street"] .pro-info, html[data-skin="street"] .pro-gallery-main { border:2px solid #0A0A0A; border-radius:0; }
html[data-skin="street"] .pro-price-big { color:#0A0A0A; background:var(--primary); padding:0 8px; }
@media (max-width:820px) {
  html[data-skin="street"] .pro-bnav { border-top:2px solid #0A0A0A; box-shadow:none; }
  html[data-skin="street"] .pro-bnav-item.active .pro-bnav-ic { background:var(--primary); border-radius:0; border:2px solid #0A0A0A; }
}
html[data-skin="street"] .pro-footer-giant { color:var(--primary); font-weight:400; }

/* ====== پوسته‌ی خیابانی — کارتِ اختصاصی (templates/storefront/skins/street/) ====== */
html[data-skin="street"] .st-card { border:2px solid #0A0A0A !important; padding:0 !important; gap:0; background:#fff !important; transition:transform .12s, box-shadow .12s; }
@media (hover:hover) { html[data-skin="street"] .st-card:hover { transform:translate(-3px,-3px); box-shadow:5px 5px 0 #0A0A0A; } }
html[data-skin="street"] .st-media { position:relative; aspect-ratio:1/1; border-radius:0 !important; border-bottom:2px solid #0A0A0A; background:#F2F2F2 !important; }
html[data-skin="street"] .st-media img { object-fit:cover; }
.st-tag { position:absolute; top:0; right:0; background:#FFE600; color:#0A0A0A; font-weight:800; font-size:12.5px; padding:3px 9px; border-left:2px solid #0A0A0A; border-bottom:2px solid #0A0A0A; direction:ltr; }
.st-tag.is-out { background:#0A0A0A; color:#fff; letter-spacing:1px; }
html[data-skin="street"] .st-card .pro-card-name { padding:9px 10px 8px; font-weight:800; font-size:13.5px; min-height:0; -webkit-line-clamp:2; }
.st-bar { display:flex; align-items:stretch; margin-top:auto; border-top:2px solid #0A0A0A; }
.st-price { flex:1; background:#0A0A0A; color:#fff; font-weight:800; font-size:14px; padding:8px 10px; display:flex; align-items:center; gap:6px; }
.st-price s { font-weight:400; font-size:11px; color:#aaa; }
html[data-skin="street"] .st-add { width:46px !important; padding:0 !important; border-radius:0 !important; background:#FFE600 !important; color:#0A0A0A !important; border:none !important; border-right:2px solid #0A0A0A !important; display:flex; align-items:center; justify-content:center; }
html[data-skin="street"] .st-add .ic { width:22px; height:22px; stroke-width:2.8; }
html[data-skin="street"] .st-add:disabled { background:#ddd !important; }
html[data-skin="street"] .st-card.is-oos .st-media img { filter:grayscale(1); opacity:.6; }
html[data-skin="street"] .pro-shop-grid.is-list .st-card { display:grid !important; grid-template-columns:130px minmax(0,1fr); }
html[data-skin="street"] .pro-shop-grid.is-list .st-media { grid-row:span 3; border-bottom:none; border-left:2px solid #0A0A0A; }
@media (max-width:699px) {
  html[data-skin="street"] .pro-block .pro-grid:not(.pro-shop-grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:52%;
    overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:10px; margin-inline:-11px; padding:2px 11px 8px; }
  html[data-skin="street"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="street"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
}
/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  html[data-skin="street"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; }
  html[data-skin="street"] .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="street"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="street"] .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="street"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="street"] .pro-gallery-thumbs button { width:72px; height:72px; flex-shrink:0; }
  html[data-skin="street"] .pro-product > div:last-child { position:sticky; top:96px; }
}
html[data-skin="street"] .pro-product-title { font-size:22px; font-weight:800; line-height:1.6; }
html[data-skin="street"] .pro-price-box { border-radius:16px; }
html[data-skin="street"] .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="street"] .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; }
}

html[data-skin="street"] :is(.pro-section-head h2, .pro-hero h1, .pro-brand-name) { font-weight:900; }