/* پوسته‌ی «nature» — فقط وقتی همین پوسته فعاله بارگذاری می‌شه. */
html[data-skin="nature"]:not([data-theme="dark"]) {
  --bg-page:#F3EFE6; --bg-card:#FBF9F4; --header-bg:#FBF9F4; --footer-bg:#EAE4D6;
  --primary:#4B6B3C; --pastel-red:#EFE2CF; --pastel-green:#E3E8D4; --pastel-blue:#E6E8DA;
  --text-dark:#26301F; --text-muted:#6C735F; --border:#E2DCCD;
}
html[data-skin="nature"] { --card-radius:20px; }
html[data-skin="nature"] .pro-header { box-shadow:none; border-bottom:1px solid var(--border); }
html[data-skin="nature"] .pro-brand-name { color:var(--primary); }
html[data-skin="nature"] .pro-header-search, html[data-skin="nature"] .pro-icon-btn, html[data-skin="nature"] .pro-mega-btn { border-radius:999px; }
html[data-skin="nature"] .pro-mega-btn { background:var(--pastel-green); }
html[data-skin="nature"] .pro-card { border:none; padding:9px; }
html[data-skin="nature"] .pro-thumb { border-radius:16px; background:var(--pastel-green); }
html[data-skin="nature"] .pro-price { color:var(--primary); }
html[data-skin="nature"] .pro-badge-off, html[data-skin="nature"] .pro-card-flag { background:#B5773A; }
html[data-skin="nature"] .pro-hero { border:none; background:var(--pastel-green); border-radius:28px; }
html[data-skin="nature"] .pro-slider { border-radius:26px; }
html[data-skin="nature"] .pro-section-head h2 { color:var(--primary); display:inline-flex; align-items:center; gap:8px; }
html[data-skin="nature"] .pro-section-head h2::before { content:""; width:14px; height:14px; background:var(--primary); border-radius:0 100% 0 100%; }
html[data-skin="nature"] .pro-cat-circle-img { border-color:var(--pastel-green); background:var(--pastel-green); }
html[data-skin="nature"] { --head-font:'SkNaskh'; }
@media (min-width:821px) {
  html[data-skin="nature"] .pro-nav-inner { justify-content:center; }
}
html[data-skin="nature"] .pro-hero { padding:44px 26px; border-radius:40px 8px 40px 8px; }
html[data-skin="nature"] .pro-hero h1 { color:var(--primary); font-size:34px; }
html[data-skin="nature"] .pro-footer { background:var(--primary); color:#FBF9F4; --text-muted:rgba(251,249,244,.8); --text-dark:#FBF9F4; --bg-page:rgba(255,255,255,.12); --border:rgba(255,255,255,.22); border-top:none; border-radius:48px 48px 0 0; }
html[data-skin="nature"] .pro-gallery-main { border-radius:36px 10px 36px 10px; border:none; }

/* ====== پوسته‌ی طبیعی — کارتِ اختصاصی (templates/storefront/skins/nature/) ====== */
html[data-skin="nature"] .nt-card { padding:10px !important; gap:7px; border:none !important; background:var(--bg-card) !important; border-radius:26px 8px 26px 8px; }
html[data-skin="nature"] .nt-media { position:relative; aspect-ratio:1/1; border-radius:40px 10px 40px 10px !important; background:var(--pastel-green) !important; }
html[data-skin="nature"] .nt-media img { object-fit:cover; mix-blend-mode:multiply; }
.nt-tag { position:absolute; top:10px; right:10px; background:#B5773A; color:#fff; font-size:11px; font-weight:700; border-radius:999px; padding:2px 10px; }
.nt-tag.is-out { background:#6C735F; }
html[data-skin="nature"] .nt-card .pro-card-name { font-size:13.5px; font-weight:600; min-height:40px; }
.nt-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; }
.nt-price { display:flex; flex-direction:column; line-height:1.4; }
.nt-price s { font-size:11px; color:var(--text-muted); }
.nt-price b { color:var(--primary); font-size:15.5px; font-weight:800; }
.nt-price small { font-size:10.5px; color:var(--text-muted); }
html[data-skin="nature"] .nt-add { width:40px !important; height:40px; padding:0 !important; border-radius:0 50% 50% 50%; display:flex; align-items:center; justify-content:center; }
html[data-skin="nature"] .nt-add .ic { width:19px; height:19px; }
html[data-skin="nature"] .nt-add:disabled { background:var(--border); }
html[data-skin="nature"] .nt-card.is-oos .nt-media img { opacity:.5; }
html[data-skin="nature"] .pro-shop-grid.is-list .nt-card { display:grid !important; grid-template-columns:110px minmax(0,1fr); gap:12px; }
@media (max-width:699px) {
  html[data-skin="nature"] .pro-block .pro-grid:not(.pro-shop-grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:46%;
    overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:10px; margin-inline:-11px; padding:2px 11px 8px; }
  html[data-skin="nature"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="nature"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
}
@media (max-width:820px) {
  html[data-skin="nature"] .pro-header.is-compact { box-shadow:0 4px 18px rgba(0,0,0,.08); }
  html[data-skin="nature"] .pro-header.is-compact .pro-mobile-search, html[data-skin="nature"] .pro-header.is-compact .pro-topbar { display:none; }
  html[data-skin="nature"] .pro-header.is-compact .pro-header-main { padding:4px 0; }
  html[data-skin="nature"] .pro-header.is-compact .pro-search-toggle { display:inline-flex; }
  html[data-skin="nature"] .pro-header.is-compact.search-open .pro-mobile-search { display:block; }
  html[data-skin="nature"] .pro-header.is-compact .pro-nav-bar { display:none; }
}
/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  html[data-skin="nature"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; }
  html[data-skin="nature"] .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="nature"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="nature"] .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="nature"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="nature"] .pro-gallery-thumbs button { width:72px; height:72px; flex-shrink:0; }
  html[data-skin="nature"] .pro-product > div:last-child { position:sticky; top:96px; }
}
html[data-skin="nature"] .pro-product-title { font-size:22px; font-weight:800; line-height:1.6; }
html[data-skin="nature"] .pro-price-box { border-radius:16px; }
html[data-skin="nature"] .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="nature"] .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; }
}
