/* ======================================================================
   پوسته‌ی «دیجیتال» (tech) — جانشینِ «دیجیتال» و «شیشه‌ای». موبایل، لپ‌تاپ، گجت، لوازمِ جانبی.
   قالب‌ها: templates/storefront/skins/tech/ (کارت، صفحه‌ی محصول، و کارت‌های اختصاصی در blocks/)
   فقط وقتی همین پوسته فعاله بارگذاری می‌شه. هدرِ پیش‌فرض: «شناور» (floating).

   ایده: «فروشگاهِ گجت» — روشن و تمیز، زمینه با دو لکه‌ی رنگیِ محو (از «شیشه‌ای»)، کارت‌های سفیدِ مات با گوشه‌ی گرد،
   آبیِ برقی برای عمل‌ها، جزئیاتِ فنی (مشخصات، موجودی) جلوی چشم.

   امضای بصری:
   ۱) «بنتو»: اسلایدها به‌جای چرخیدن، یکجا در یه شبکه‌ی کاشی (اولی بزرگ).
   ۲) «داک»: دسته‌ها در یه نوارِ شیشه‌ای با آیکون‌های گرد، مثلِ داکِ مک.
   ۳) «کارتِ مشخصات»: سه ردیف مشخصاتِ فنی + وضعیتِ موجودی + دکمه‌ی گردِ «+».
   ۴) «فلش‌سیل»: تخفیف‌ها در یه پنلِ تیره با ساعتِ رقمی و ردیفِ افقیِ محصول.
   ====================================================================== */

html[data-skin="tech"] {
  --primary:#2457F5; --on-primary:#FFFFFF;
  --bg-page:#EEF1F6; --bg-card:#FFFFFF; --header-bg:#FFFFFF; --footer-bg:#FFFFFF;
  --text-dark:#0E1525; --text-muted:#556072; --border:#DDE3EC;
  --pastel-red:color-mix(in srgb, var(--primary) 9%, #fff); --pastel-green:#E7F6EE; --pastel-blue:#EAF0FF;
  --card-radius:22px;
  --dg-r:24px; --dg-r-sm:14px;
  --dg-glass:color-mix(in srgb, var(--bg-card) 78%, transparent);
  --dg-well:#F3F5F9;
  --dg-tint:color-mix(in srgb, var(--primary) 10%, #fff);
  --dg-ok:#15803D; --dg-warn:#B45309;
  --dg-shadow:0 1px 2px rgba(14,21,37,.04), 0 8px 24px rgba(14,21,37,.06);
  --dg-shadow-hover:0 2px 4px rgba(14,21,37,.05), 0 18px 40px rgba(14,21,37,.12);
  --dg-blob-a:color-mix(in srgb, var(--primary) 22%, transparent);
  --dg-blob-b:rgba(168,85,247,.16);
  --head-font:'Vazirmatn';
}
html[data-skin="tech"][data-theme="dark"] {
  --bg-page:#0A0F1A; --bg-card:#121A2A; --header-bg:#121A2A; --footer-bg:#0E1522;
  --text-dark:#E8EEF8; --text-muted:#98A3B8; --border:#22304A;
  --pastel-red:color-mix(in srgb, var(--primary) 18%, #121A2A); --pastel-green:#10261C; --pastel-blue:#142038;
  --dg-well:#0E1524; --dg-tint:color-mix(in srgb, var(--primary) 20%, #121A2A);
  --dg-ok:#4ADE80; --dg-warn:#FBBF24;
  --dg-shadow:none; --dg-shadow-hover:0 0 0 1px var(--border);
  --dg-blob-a:color-mix(in srgb, var(--primary) 28%, transparent); --dg-blob-b:rgba(168,85,247,.18);
  color-scheme:dark;
}
/* زمینه: دو لکه‌ی رنگیِ محو بالای صفحه (حسِ «شیشه‌ای»، بدونِ عکس) */
html[data-skin="tech"] body { background:
  radial-gradient(60vw 42vw at 88% -8%, var(--dg-blob-a), transparent 60%),
  radial-gradient(52vw 38vw at 6% 4%, var(--dg-blob-b), transparent 62%),
  var(--bg-page); background-attachment:fixed; }
html[data-skin="tech"] .wrap { max-width:1280px; padding:0 20px; }
@media (max-width:600px) { html[data-skin="tech"] .wrap { padding:0 14px; } }
html[data-skin="tech"] :focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
html[data-skin="tech"] :is(.pro-btn, .pro-hero-cta, .pro-slide-btn, .pro-cart-badge, .pro-card-flag, .pro-badge-off, .pro-cat-chips a.active, .pro-view-toggle button.active) { color:var(--on-primary); }
html[data-skin="tech"] .pro-btn { background:var(--primary); border:none; border-radius:999px; font-weight:800; box-shadow:none; }
html[data-skin="tech"] .pro-btn:hover:not(:disabled) { filter:brightness(1.08); background:var(--primary); color:var(--on-primary); }
html[data-skin="tech"] .pro-btn:disabled { background:var(--border); color:var(--text-muted); }
html[data-skin="tech"] :is(.pro-hero-cta, .pro-slide-btn) { background:var(--primary); border-radius:999px; padding:11px 24px; font-weight:800; }
html[data-skin="tech"] :is(input, select, textarea) { border-radius:12px; }

/* ---------------------------------------------------------------- هدر (پیش‌فرض: floating؛ چیدمان در headers.css) */
html[data-skin="tech"] .hd:not(.hd-floating) { background:var(--dg-glass); -webkit-backdrop-filter:saturate(1.6) blur(18px); backdrop-filter:saturate(1.6) blur(18px); }
html[data-skin="tech"] .pro-brand-name { font-weight:900; letter-spacing:-.2px; color:var(--text-dark); }
html[data-skin="tech"] .hd-pill { background:var(--dg-glass); border-color:color-mix(in srgb, var(--border) 70%, transparent); }
html[data-skin="tech"] .pro-header-search { background:var(--dg-well); border:1.5px solid transparent; border-radius:999px; }
html[data-skin="tech"] .pro-header-search:focus-within { border-color:var(--primary); background:var(--bg-card); }
html[data-skin="tech"] .pro-icon-btn { border-radius:999px; background:transparent; color:var(--text-dark); }
html[data-skin="tech"] .pro-icon-btn:hover { background:var(--dg-tint); color:var(--primary); }
html[data-skin="tech"] .hd-link { border-radius:999px; color:var(--text-muted); font-weight:600; }
html[data-skin="tech"] .hd-link:hover { color:var(--text-dark); background:var(--dg-well); }
html[data-skin="tech"] .hd-link.active { color:var(--primary); background:var(--dg-tint); font-weight:800; }
html[data-skin="tech"] .pro-mega-btn { border-radius:999px; font-weight:700; }
html[data-skin="tech"] .pro-mega-panel { border-radius:var(--dg-r); }
html[data-skin="tech"] .pro-announce { background:var(--text-dark); color:var(--bg-card); font-weight:700; }
html[data-skin="tech"] .pro-announce a { color:var(--bg-card); }

/* ---------------------------------------------------------------- تیترِ بخش‌ها */
html[data-skin="tech"] .pro-section-head { margin:48px 0 18px; align-items:center; }
html[data-skin="tech"] .pro-section-head h2, html[data-skin="tech"] .pro-section-title { font-size:24px; font-weight:900; letter-spacing:-.2px; line-height:1.5; }
html[data-skin="tech"] .pro-section-head > a, html[data-skin="tech"] .pro-section-head > div > a { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 16px; border-radius:999px;
  background:var(--bg-card); color:var(--text-dark); font-weight:700; font-size:12.5px; box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-section-head > a::after { content:"←"; transition:transform .2s; }
html[data-skin="tech"] .pro-section-head > a:hover { color:var(--primary); }
html[data-skin="tech"] .pro-section-head > a:hover::after { transform:translateX(-3px); }
html[data-skin="tech"] .pro-block { margin-bottom:0; }
@media (max-width:700px) {
  html[data-skin="tech"] .pro-section-head { margin:36px 0 14px; }
  html[data-skin="tech"] .pro-section-head h2 { font-size:19px; }
  html[data-skin="tech"] .pro-section-head > a { height:32px; padding:0 12px; }
}

/* ---------------------------------------------------------------- ۱) بنتو (blocks/slideshow.html) */
html[data-skin="tech"] .dg-bento { display:grid; gap:14px; margin:18px 0 8px; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); grid-auto-rows:minmax(0,1fr); height:min(560px, 62vh); min-height:380px; }
html[data-skin="tech"] .dg-bento.h-sm { height:min(420px, 48vh); min-height:300px; }
html[data-skin="tech"] .dg-bento.h-lg { height:min(680px, 74vh); }
html[data-skin="tech"] .dg-bento.n-1 { grid-template-columns:minmax(0,1fr); }
html[data-skin="tech"] .dg-bento.n-2 { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
html[data-skin="tech"] .dg-bento.n-3 .is-lead, html[data-skin="tech"] .dg-bento.n-2 .is-lead { grid-row:span 2; }
html[data-skin="tech"] .dg-bento.n-2 .dg-tile:not(.is-lead) { grid-row:span 2; }
html[data-skin="tech"] .dg-bento.n-4, html[data-skin="tech"] .dg-bento.n-5 { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); }
html[data-skin="tech"] .dg-bento.n-4 .is-lead, html[data-skin="tech"] .dg-bento.n-5 .is-lead { grid-row:span 2; }
html[data-skin="tech"] .dg-bento.n-4 .dg-tile:nth-child(4) { grid-column:span 2; }
html[data-skin="tech"] .dg-tile { position:relative; display:block; overflow:hidden; border-radius:var(--dg-r); background:var(--dg-well); isolation:isolate; box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .dg-tile picture, html[data-skin="tech"] .dg-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
html[data-skin="tech"] .dg-tile::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(to top, rgba(8,12,22,.72), rgba(8,12,22,.2) 45%, transparent 70%); pointer-events:none; }
html[data-skin="tech"] .dg-tile-cap { position:absolute; inset:auto 0 0; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:20px 22px; color:#fff; }
html[data-skin="tech"] .dg-tile-cap b { font-size:18px; font-weight:900; line-height:1.5; }
html[data-skin="tech"] .is-lead .dg-tile-cap { padding:30px 32px; gap:10px; }
html[data-skin="tech"] .is-lead .dg-tile-cap b { font-size:clamp(22px, 2.4vw, 32px); }
html[data-skin="tech"] .dg-tile-txt { font-size:13px; line-height:1.9; opacity:.88; max-width:440px; }
html[data-skin="tech"] .dg-tile:not(.is-lead) .dg-tile-txt { display:none; }
html[data-skin="tech"] .dg-tile-btn { display:inline-flex; align-items:center; gap:6px; margin-top:4px; height:38px; padding:0 18px; border-radius:999px; background:#fff; color:#0E1525; font-size:13px; font-weight:800; transition:gap .2s; }
html[data-skin="tech"] .dg-tile-btn .ic { width:15px; height:15px; }
html[data-skin="tech"] .dg-tile:not(.is-lead) .dg-tile-btn { height:32px; padding:0 14px; font-size:12px; }
html[data-skin="tech"] a.dg-tile:hover .dg-tile-btn { gap:10px; }
@media (max-width:820px) {
  html[data-skin="tech"] .dg-bento, html[data-skin="tech"] .dg-bento.h-sm, html[data-skin="tech"] .dg-bento.h-lg { display:flex; gap:10px; height:auto; min-height:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin-inline:-14px; padding:0 14px; }
  html[data-skin="tech"] .dg-bento::-webkit-scrollbar { display:none; }
  html[data-skin="tech"] .dg-tile { flex:0 0 72%; aspect-ratio:4/5; scroll-snap-align:start; border-radius:20px; }
  html[data-skin="tech"] .dg-tile.is-lead { flex-basis:88%; }
  html[data-skin="tech"] .dg-bento.n-1 .dg-tile { flex-basis:100%; aspect-ratio:4/3; }
  html[data-skin="tech"] .is-lead .dg-tile-cap { padding:20px; }
  html[data-skin="tech"] .is-lead .dg-tile-cap b { font-size:22px; }
}

/* ---------------------------------------------------------------- ۲) داک (blocks/categories.html) */
html[data-skin="tech"] .dg-dock { display:flex; justify-content:center; }
html[data-skin="tech"] .dg-dock-in { display:flex; gap:6px; max-width:100%; overflow-x:auto; scrollbar-width:none; padding:12px; border-radius:28px;
  background:var(--dg-glass); border:1px solid color-mix(in srgb, var(--border) 70%, transparent); box-shadow:var(--dg-shadow); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
html[data-skin="tech"] .dg-dock-in::-webkit-scrollbar { display:none; }
html[data-skin="tech"] .dg-dock-item { flex-shrink:0; width:108px; display:flex; flex-direction:column; align-items:center; gap:6px; padding:8px 4px 6px; border-radius:18px; text-align:center; color:var(--text-dark); transition:background .2s; }
html[data-skin="tech"] .dg-dock-item:hover { background:var(--dg-well); }
html[data-skin="tech"] .dg-dock-ic { width:64px; height:64px; border-radius:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; font-size:22px; font-weight:900;
  background:linear-gradient(145deg, var(--dg-tint), color-mix(in srgb, var(--primary) 22%, #fff)); color:var(--primary); transition:transform .25s cubic-bezier(.2,.7,.2,1); }
html[data-skin="tech"][data-theme="dark"] .dg-dock-ic { background:linear-gradient(145deg, var(--dg-tint), color-mix(in srgb, var(--primary) 32%, #121A2A)); }
html[data-skin="tech"] .dg-dock-ic img { width:100%; height:100%; object-fit:cover; }
html[data-skin="tech"] .dg-dock-ic .ic { width:30px; height:30px; }
html[data-skin="tech"] .dg-dock-ic .pro-cat-letter { color:inherit; background:none; }
@media (hover:hover) { html[data-skin="tech"] .dg-dock-item:hover .dg-dock-ic { transform:translateY(-4px) scale(1.06); } }
html[data-skin="tech"] .dg-dock-item b { font-size:12.5px; font-weight:800; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
html[data-skin="tech"] .dg-dock-item small { font-size:11px; color:var(--text-muted); }
@media (max-width:600px) {
  html[data-skin="tech"] .dg-dock { margin-inline:-14px; }
  html[data-skin="tech"] .dg-dock-in { border-radius:0; border-inline:none; padding:10px 14px; }
  html[data-skin="tech"] .dg-dock-item { width:84px; }
  html[data-skin="tech"] .dg-dock-ic { width:54px; height:54px; border-radius:17px; }
}
html[data-skin="tech"] .pro-cat-circle-img, html[data-skin="tech"] .pro-cat-card { border-radius:20px; }

/* ---------------------------------------------------------------- ۳) کارتِ مشخصات */
html[data-skin="tech"] .dg-card { position:relative; display:flex; flex-direction:column; gap:0; padding:10px !important; border:1px solid color-mix(in srgb, var(--border) 60%, transparent) !important;
  border-radius:var(--dg-r) !important; background:var(--bg-card) !important; box-shadow:var(--dg-shadow) !important; transition:box-shadow .25s, transform .25s; }
@media (hover:hover) { html[data-skin="tech"] .dg-card:hover { box-shadow:var(--dg-shadow-hover) !important; transform:translateY(-3px); } }
html[data-skin="tech"] .dg-media { position:relative; display:block; aspect-ratio:1/1; border-radius:16px; overflow:hidden; background:var(--dg-well); }
html[data-skin="tech"] .dg-media img { width:100%; height:100%; object-fit:cover; display:block; }
html[data-skin="tech"] .dg-noimg { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:color-mix(in srgb, var(--text-muted) 55%, transparent); }
html[data-skin="tech"] .dg-noimg .ic { width:46px; height:46px; }
html[data-skin="tech"] .dg-flags { position:absolute; top:10px; inset-inline-start:10px; display:flex; gap:6px; z-index:2; }
html[data-skin="tech"] .dg-flag { height:24px; display:inline-flex; align-items:center; padding:0 10px; border-radius:999px; font-size:11.5px; font-weight:800; background:var(--bg-card); color:var(--text-dark); box-shadow:0 1px 3px rgba(0,0,0,.08); }
html[data-skin="tech"] .dg-flag.is-off { background:var(--primary); color:var(--on-primary); }
html[data-skin="tech"] .dg-card.is-oos .dg-media img { opacity:.45; filter:grayscale(.6); }
html[data-skin="tech"] .dg-body { display:flex; flex-direction:column; gap:6px; padding:12px 6px 4px; flex:1; }
html[data-skin="tech"] .dg-cat { font-size:11.5px; font-weight:700; color:var(--primary); }
html[data-skin="tech"] .dg-card .pro-card-name { font-size:14px; font-weight:800; line-height:1.7; min-height:calc(1.7em * 2); color:var(--text-dark);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html[data-skin="tech"] .dg-card .pro-card-name:hover { color:var(--primary); }
html[data-skin="tech"] .dg-card .pro-card-desc { margin:0; font-size:12px; line-height:1.8; color:var(--text-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html[data-skin="tech"] .dg-specs { list-style:none; margin:2px 0 0; padding:8px 10px; display:flex; flex-direction:column; gap:3px; border-radius:12px; background:var(--dg-well); }
html[data-skin="tech"] .dg-specs li { display:flex; justify-content:space-between; gap:10px; font-size:11.5px; line-height:1.8; min-width:0; }
html[data-skin="tech"] .dg-specs span { color:var(--text-muted); white-space:nowrap; }
html[data-skin="tech"] .dg-specs b { font-weight:700; color:var(--text-dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
html[data-skin="tech"] .dg-stock { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; color:var(--text-muted); }
html[data-skin="tech"] .dg-stock::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; flex-shrink:0; }
html[data-skin="tech"] .dg-stock.is-in { color:var(--dg-ok); }
html[data-skin="tech"] .dg-stock.is-low { color:var(--dg-warn); }
html[data-skin="tech"] .dg-foot { margin-top:auto; padding-top:8px; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
html[data-skin="tech"] .dg-price { display:flex; flex-direction:column; gap:1px; min-width:0; }
html[data-skin="tech"] .dg-price s { font-size:11.5px; color:var(--text-muted); }
html[data-skin="tech"] .dg-price .pro-price { font-size:17px; font-weight:900; color:var(--text-dark); letter-spacing:-.2px; }
html[data-skin="tech"] .dg-price small { font-size:11px; color:var(--text-muted); font-weight:600; }
html[data-skin="tech"] .dg-add { width:42px !important; height:42px; min-height:0; padding:0 !important; border-radius:50% !important; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; }
html[data-skin="tech"] .dg-add .ic { width:20px; height:20px; }
html[data-skin="tech"] .dg-card .pro-wish-heart { top:20px; inset-inline-end:20px; background:var(--bg-card); box-shadow:0 1px 3px rgba(0,0,0,.08); }
html[data-skin="tech"] .pro-grid:not(.pro-shop-grid) { gap:16px; }
html[data-skin="tech"] .pro-shop-grid { gap:14px !important; }
@media (max-width:699px) {
  html[data-skin="tech"] .pro-grid:not(.pro-shop-grid), html[data-skin="tech"] .pro-shop-grid { gap:10px !important; }
  html[data-skin="tech"] .dg-card { padding:8px !important; border-radius:20px !important; }
  html[data-skin="tech"] .dg-media { border-radius:14px; }
  html[data-skin="tech"] .dg-body { padding:10px 4px 2px; }
  html[data-skin="tech"] .dg-card .pro-card-name { font-size:13px; }
  html[data-skin="tech"] .dg-specs { display:none; }
  html[data-skin="tech"] .dg-price .pro-price { font-size:15px; }
  html[data-skin="tech"] .dg-add { width:36px !important; height:36px; }
}
html[data-skin="tech"] .pro-shop-grid.is-list .dg-card { display:grid !important; grid-template-columns:150px minmax(0,1fr); gap:14px; align-items:stretch; }
html[data-skin="tech"] .pro-shop-grid.is-list .dg-specs { display:flex; }

/* ---------------------------------------------------------------- ۴) فلش‌سیل (blocks/discounted.html) */
html[data-skin="tech"] .dg-flash { margin-top:48px; padding:24px; border-radius:28px; background:#0E1525; color:#fff; position:relative; overflow:hidden; }
html[data-skin="tech"] .dg-flash::before { content:""; position:absolute; inset:-40% -10% auto auto; width:60%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--primary) 55%, transparent), transparent); pointer-events:none; }
html[data-skin="tech"] .dg-flash-head { position:relative; display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:18px; }
html[data-skin="tech"] .dg-flash-kick { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#FBBF24; }
html[data-skin="tech"] .dg-flash-kick .ic { width:16px; height:16px; fill:#FBBF24; }
html[data-skin="tech"] .dg-flash h2 { margin:4px 0 0; font-size:24px; font-weight:900; color:#fff; }
html[data-skin="tech"] .dg-clock { display:inline-flex; gap:6px; direction:ltr; margin-inline-start:auto; }
html[data-skin="tech"] .dg-clock b { min-width:48px; height:48px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); color:#fff; font-size:20px; font-weight:900; font-variant-numeric:tabular-nums; }
html[data-skin="tech"] .dg-flash-all { display:inline-flex; align-items:center; height:40px; padding:0 18px; border-radius:999px; background:#fff; color:#0E1525; font-size:13px; font-weight:800; }
html[data-skin="tech"] .dg-flash-rail { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px, calc((100% - 3 * 12px) / 4.3)); gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
html[data-skin="tech"] .dg-flash-rail::-webkit-scrollbar { display:none; }
html[data-skin="tech"] .dg-flash-rail > .dg-card { scroll-snap-align:start; box-shadow:none !important; border-color:transparent !important; }
html[data-skin="tech"][data-theme="dark"] .dg-flash { background:#151F33; }
@media (max-width:700px) {
  html[data-skin="tech"] .dg-flash { margin-inline:-14px; border-radius:0; padding:20px 14px; }
  html[data-skin="tech"] .dg-flash-head { gap:12px; }
  html[data-skin="tech"] .dg-flash h2 { font-size:20px; }
  html[data-skin="tech"] .dg-clock { margin-inline-start:0; order:3; }
  html[data-skin="tech"] .dg-clock b { min-width:40px; height:40px; font-size:17px; }
  html[data-skin="tech"] .dg-flash-all { margin-inline-start:auto; height:34px; padding:0 14px; font-size:12px; }
  html[data-skin="tech"] .dg-flash-rail { grid-auto-columns:46%; }
}

/* ---------------------------------------------------------------- بقیه‌ی کارت‌های صفحه‌ی اول */
html[data-skin="tech"] .pro-hero { background:var(--bg-card); border:none; border-radius:28px; box-shadow:var(--dg-shadow); padding:32px; margin-top:24px; }
html[data-skin="tech"] .pro-hero h1 { font-weight:900; font-size:clamp(22px, 2.4vw, 30px); }
html[data-skin="tech"] .pro-hero-logo { border-radius:20px; }
/* مزایا: کاشی‌های سفید با آیکونِ گرادیانی */
html[data-skin="tech"] .pro-features { gap:12px; margin-top:48px; }
html[data-skin="tech"] .pro-feature { border:none; border-radius:20px; background:var(--bg-card); box-shadow:var(--dg-shadow); padding:16px; gap:12px; }
html[data-skin="tech"] .pro-feature-ic { width:46px; height:46px; border-radius:14px; color:#fff; background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary) 55%, #A855F7)); }
html[data-skin="tech"] .pro-feature b { font-weight:800; }
/* بنرها: گوشه‌ی گرد، عنوان روی شیشه */
html[data-skin="tech"] .pro-banners { gap:14px; margin-top:48px; }
html[data-skin="tech"] .pro-banner { border-radius:var(--dg-r); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-banner:hover img { transform:none; }
html[data-skin="tech"] .pro-banner-cap { inset:auto 14px 14px auto; padding:8px 16px; border-radius:999px; background:var(--dg-glass); color:var(--text-dark); font-size:13.5px; font-weight:800; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
/* عکس + متن */
html[data-skin="tech"] .pro-imgtext { border:none; border-radius:28px; background:var(--bg-card); box-shadow:var(--dg-shadow); padding:16px; gap:32px; margin-top:48px; }
html[data-skin="tech"] .pro-imgtext-img img { border-radius:20px; }
html[data-skin="tech"] .pro-imgtext h2 { font-weight:900; font-size:clamp(20px, 2.2vw, 26px); }
/* خبرنامه: کارتِ گرادیانی */
html[data-skin="tech"] .pro-news { border:none; border-radius:28px; margin-top:48px; padding:28px; color:#fff; background:linear-gradient(120deg, var(--primary), color-mix(in srgb, var(--primary) 50%, #A855F7)); }
html[data-skin="tech"] .pro-news-ic { background:rgba(255,255,255,.18); color:#fff; }
html[data-skin="tech"] .pro-news-txt h2 { font-weight:900; font-size:22px; color:#fff; }
html[data-skin="tech"] .pro-news-txt p { color:rgba(255,255,255,.86); }
html[data-skin="tech"] .pro-news-form input[type=tel] { background:#fff; border:none; color:#0E1525; }
html[data-skin="tech"] .pro-news-form .pro-btn { background:#0E1525; color:#fff; }
/* برندها، بلاگ، آمار */
html[data-skin="tech"] .pro-brand-logo { border-radius:18px; border:none; background:var(--bg-card); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-post-card { border:none; border-radius:var(--dg-r); background:var(--bg-card); box-shadow:var(--dg-shadow); overflow:hidden; }
html[data-skin="tech"] .pro-post-title { font-weight:800; font-size:15px; }
html[data-skin="tech"] :is(.pro-stat, .pro-member, .pro-contact, .pro-cform-wrap, .pro-text-block) { border:none; border-radius:var(--dg-r); background:var(--bg-card); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-stat b { font-weight:900; color:var(--primary); }

/* ---------------------------------------------------------------- فروشگاه (فیلترِ کناری) */
html[data-skin="tech"] .pro-page-title { font-weight:900; font-size:clamp(22px, 2.4vw, 30px); }
html[data-skin="tech"] .pro-side { border:none; border-radius:var(--dg-r); background:var(--bg-card); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-cat-list a { border-radius:12px; }
html[data-skin="tech"] .pro-cat-list a.active { background:var(--dg-tint); color:var(--primary); font-weight:800; }
html[data-skin="tech"] .pro-cat-chips a { border-radius:999px; }
html[data-skin="tech"] .pro-search { border-radius:999px !important; background:var(--bg-card) !important; }
html[data-skin="tech"] .pro-toolbar :is(select, button, .pro-filter-btn, .pro-view-toggle) { border-radius:999px !important; }

/* ---------------------------------------------------------------- صفحه‌ی محصول (data-pdp=tech: مشخصات کنارِ خرید) */
html[data-skin="tech"] .pro-gallery-main { border:none; border-radius:28px; background:var(--bg-card); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-gallery-thumbs :is(button, img) { border-radius:14px !important; }
html[data-skin="tech"] .pro-product-title { font-weight:900; font-size:clamp(20px, 2.2vw, 28px); line-height:1.6; }
html[data-skin="tech"] .pro-price-box { border:none; border-radius:var(--dg-r); background:var(--bg-card); box-shadow:var(--dg-shadow); }
html[data-skin="tech"] .pro-price-big { font-weight:900; }
html[data-skin="tech"] .pro-quick-specs { border:none !important; border-radius:var(--dg-r) !important; box-shadow:var(--dg-shadow); }
html[data-skin="tech"] :is(.pro-qty, .pro-variant-opt, .pro-opt, .pro-ship-opt) { border-radius:14px !important; }
html[data-skin="tech"] .pro-tabs button { border-radius:999px !important; }

/* ---------------------------------------------------------------- فوتر و موبایل */
html[data-skin="tech"] .pro-footer { margin-top:64px; border-top:none; background:var(--footer-bg); border-radius:28px 28px 0 0; box-shadow:0 -1px 0 var(--border); }
html[data-skin="tech"] .pro-footer-cats a, html[data-skin="tech"] .pro-footer-social a { border-radius:999px; }
html[data-skin="tech"] .pro-bnav { background:var(--dg-glass); -webkit-backdrop-filter:saturate(1.6) blur(18px); backdrop-filter:saturate(1.6) blur(18px); border-top:1px solid var(--border); }
html[data-skin="tech"] .pro-bnav-item.active { color:var(--primary); }
html[data-skin="tech"] :is(.pro-mm, .pro-cart-drawer) { border-radius:0 !important; }
html[data-skin="tech"] .pro-modal { border-radius:24px !important; }
/* مزایای فروشگاه زیرِ خرید (صفحه‌ی محصول): کاشی‌های کوچک */
html[data-skin="tech"] .cl-perks { list-style:none; margin:12px 0 16px; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
html[data-skin="tech"] .cl-perks li { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:var(--bg-card); box-shadow:var(--dg-shadow); font-size:12.5px; font-weight:700; line-height:1.6; }
html[data-skin="tech"] .cl-perks li > span { display:flex; flex-direction:column; min-width:0; }
html[data-skin="tech"] .cl-perks small { font-size:11px; font-weight:500; color:var(--text-muted); }
html[data-skin="tech"] .cl-perks .ic { width:30px; height:30px; padding:6px; border-radius:10px; flex-shrink:0; background:var(--dg-tint); color:var(--primary); }