/* ======================================================================
   پوسته‌ی شیشه‌ای — مثلِ iOS: پس‌زمینه‌ی ابریِ چندرنگ، کارت/دکمه/هدر/فوتر/منوی پایینِ شیشه‌ای (نیمه‌شفاف و مات)
   قالب‌ها: templates/storefront/skins/glass/
   ====================================================================== */
html[data-skin="glass"] {
  --bg-page:#E4EEF2; --bg-card:rgba(255,255,255,.52); --header-bg:rgba(255,255,255,.55); --footer-bg:rgba(255,255,255,.45);
  --primary:#2E6FB5; --pastel-red:rgba(255,255,255,.5); --pastel-green:rgba(255,255,255,.5); --pastel-blue:rgba(255,255,255,.5);
  --text-dark:#0F1B2D; --text-muted:#4B5B70; --border:rgba(255,255,255,.65); --card-radius:22px; --on-primary:#fff;
  --glass-blur:blur(18px) saturate(1.6); color-scheme:light;
}
/* پس‌زمینه‌ی ابری (ثابت، پشتِ همه‌چیز) */
html[data-skin="glass"] body { background:#DDEBEF; }
html[data-skin="glass"] body::before { content:""; position:fixed; inset:-10%; z-index:-1; pointer-events:none;
  background:
    radial-gradient(38% 42% at 12% 16%, #2F6FB3 0%, rgba(47,111,179,0) 70%),
    radial-gradient(34% 40% at 58% 30%, #3E8577 0%, rgba(62,133,119,0) 70%),
    radial-gradient(40% 45% at 46% 82%, #6A9270 0%, rgba(106,146,112,0) 70%),
    radial-gradient(36% 40% at 88% 78%, #257C95 0%, rgba(37,124,149,0) 70%),
    radial-gradient(30% 34% at 90% 20%, #CFE6E4 0%, rgba(207,230,228,0) 70%),
    #DCEAEE;
  filter:blur(30px) saturate(1.1); opacity:.85; animation:gl-drift 40s ease-in-out infinite alternate; }
@keyframes gl-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-3%,2%,0) scale(1.06); } }
@media (prefers-reduced-motion:reduce) { html[data-skin="glass"] body::before { animation:none; } }
/* سطح‌های شیشه‌ای */
html[data-skin="glass"] :is(.pro-header, .pro-footer, .pro-hero, .gl-card, .pro-side, .pro-price-box, .pro-info, .pro-cat-card, .pro-feature, .pro-news, .pro-toolbar .pro-search, .cl-perks, .pro-post-card, .pro-static-page, .pro-imgtext, .pro-mega-panel, .pro-cat-tabs a, .pro-cat-chips a) {
  background:rgba(255,255,255,.46) !important; backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid rgba(255,255,255,.7) !important; box-shadow:0 8px 32px rgba(15,40,70,.10), inset 0 1px 0 rgba(255,255,255,.6); }
html[data-skin="glass"] .pro-header { border-width:0 0 1px !important; border-radius:0; }
html[data-skin="glass"] .pro-footer { border-radius:28px 28px 0 0; margin-top:40px; }
html[data-skin="glass"] :is(.pro-drawer, .pro-modal, .pro-mm, .pro-fm, .pro-qv, .pro-shop-layout .pro-side.open) { background:rgba(245,249,251,.86) !important; backdrop-filter:blur(26px) saturate(1.6); -webkit-backdrop-filter:blur(26px) saturate(1.6); }
html[data-skin="glass"] .pro-header-search { background:rgba(255,255,255,.55) !important; border:1px solid rgba(255,255,255,.8) !important; border-radius:999px; }
html[data-skin="glass"] .pro-icon-btn, html[data-skin="glass"] .pro-cart-btn { border-radius:999px; background:rgba(255,255,255,.4); }
html[data-skin="glass"] .pro-mega-btn { background:rgba(255,255,255,.55); color:var(--primary); border-radius:999px; }
html[data-skin="glass"] .pro-slider { border-radius:28px; box-shadow:0 20px 50px rgba(15,40,70,.18); }
html[data-skin="glass"] .pro-hero { border-radius:28px; }
/* دکمه‌های شیشه‌ای */
html[data-skin="glass"] .pro-btn, html[data-skin="glass"] .pro-hero-cta, html[data-skin="glass"] .pro-slide-btn {
  background:linear-gradient(180deg, rgba(62,130,205,.92), rgba(40,100,170,.92)); color:#fff; border:1px solid rgba(255,255,255,.45);
  box-shadow:0 6px 18px rgba(46,111,181,.35), inset 0 1px 0 rgba(255,255,255,.45); border-radius:999px; backdrop-filter:blur(8px); }
html[data-skin="glass"] .pro-btn:disabled { background:rgba(255,255,255,.4); color:var(--text-muted); box-shadow:none; }
html[data-skin="glass"] .pro-section-head h2 { font-size:19px; font-weight:800; }
html[data-skin="glass"] .pro-section-head a { background:rgba(255,255,255,.5); padding:5px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.7); backdrop-filter:blur(10px); }
html[data-skin="glass"] .pro-cat-circle-img { background:rgba(255,255,255,.5) !important; border:1px solid rgba(255,255,255,.8) !important; backdrop-filter:blur(12px); box-shadow:0 6px 18px rgba(15,40,70,.1); }
/* کارت */
html[data-skin="glass"] .gl-card { padding:10px !important; gap:7px; border-radius:24px !important; }
html[data-skin="glass"] .gl-media { position:relative; aspect-ratio:1/1; border-radius:18px !important; background:rgba(255,255,255,.55) !important; }
html[data-skin="glass"] .gl-media img { object-fit:contain; }
.gl-tag { position:absolute; top:9px; right:9px; background:rgba(255,255,255,.7); backdrop-filter:blur(8px); color:var(--primary); font-weight:800; font-size:11.5px; border-radius:999px; padding:2px 10px; border:1px solid rgba(255,255,255,.9); }
html[data-skin="glass"] .gl-card .pro-card-name { font-size:13.5px; font-weight:600; min-height:40px; }
.gl-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; }
.gl-price { display:flex; flex-direction:column; line-height:1.4; }
.gl-price s { font-size:11px; color:var(--text-muted); }
.gl-price b { font-size:15.5px; font-weight:800; }
.gl-price small { font-size:10.5px; color:var(--text-muted); }
html[data-skin="glass"] .gl-add { width:40px !important; height:40px; padding:0 !important; display:flex; align-items:center; justify-content:center; }
html[data-skin="glass"] .gl-add .ic { width:19px; height:19px; }
html[data-skin="glass"] .gl-card .dn-qty { background:rgba(255,255,255,.6); border-color:rgba(255,255,255,.9); backdrop-filter:blur(10px); }
html[data-skin="glass"] .gl-card.is-oos .gl-media img { opacity:.5; }
html[data-skin="glass"] .pro-shop-grid.is-list .gl-card { display:grid !important; grid-template-columns:110px minmax(0,1fr); gap:12px; }
/* منوی پایینِ موبایل: شناور و شیشه‌ای */
@media (max-width:820px) {
  html[data-skin="glass"] .pro-bnav { left:12px; right:12px; bottom:calc(10px + env(safe-area-inset-bottom)); border-radius:24px; padding:4px;
    background:rgba(255,255,255,.55) !important; backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur); border:1px solid rgba(255,255,255,.8); box-shadow:0 10px 30px rgba(15,40,70,.18); }
  html[data-skin="glass"] body.has-bnav { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  html[data-skin="glass"] .pro-bnav-item.active .pro-bnav-ic { background:rgba(255,255,255,.8); }
}
@media (max-width:699px) {
  html[data-skin="glass"] .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="glass"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="glass"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
}
@media (max-width:820px) {
  html[data-skin="glass"] .pro-header.is-compact { box-shadow:0 4px 18px rgba(0,0,0,.08); }
  html[data-skin="glass"] .pro-header.is-compact .pro-mobile-search, html[data-skin="glass"] .pro-header.is-compact .pro-topbar { display:none; }
  html[data-skin="glass"] .pro-header.is-compact .pro-header-main { padding:4px 0; }
  html[data-skin="glass"] .pro-header.is-compact .pro-search-toggle { display:inline-flex; }
  html[data-skin="glass"] .pro-header.is-compact.search-open .pro-mobile-search { display:block; }
  html[data-skin="glass"] .pro-header.is-compact .pro-nav-bar { display:none; }
}
/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  html[data-skin="glass"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; }
  html[data-skin="glass"] .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="glass"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="glass"] .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="glass"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="glass"] .pro-gallery-thumbs button { width:72px; height:72px; flex-shrink:0; }
  html[data-skin="glass"] .pro-product > div:last-child { position:sticky; top:96px; }
}
html[data-skin="glass"] .pro-product-title { font-size:22px; font-weight:800; line-height:1.6; }
html[data-skin="glass"] .pro-price-box { border-radius:16px; }
html[data-skin="glass"] .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="glass"] .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="glass"] .cl-perks { border-radius:20px; }