/* E-shop v2 — storefront (inc/shop-templates/storefront). Témovanie cez --sf-* premenné z layoutu. */
:root{ --sf-bg:#fbfaf8; --sf-paper:#fff; --sf-ink:#1a1612; --sf-muted:#6f6863; --sf-line:#e9e4de; --sf-accent:#a47764; --sf-accent-ink:#fff; --sf-secondary:#3b2f2a; --sf-font:'Archivo',system-ui,sans-serif; --sf-heading-font:var(--sf-font); --sf-heading-weight:800; --sf-radius:12px; --sf-btn-radius:12px; --sf-btn-height:48px; --sf-card-radius:16px; --sf-card-ratio:1/1; --sf-page-width:1200px; --sf-shadow:0 10px 30px rgba(26,22,18,.08); }
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body.sf{ margin:0; font-family:var(--sf-font); color:var(--sf-ink); background:var(--sf-bg); line-height:1.5; font-size:16px; }
.sf a{ color:inherit; text-decoration:none; }
.sf img{ max-width:100%; display:block; }
.sf h1,.sf h2,.sf h3{ line-height:1.15; margin:0 0 .5em; letter-spacing:-.01em; }
.sf h1,.sf h2{ font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); }
.sf h1{ font-size:clamp(28px,4vw,44px); }
.sf h2{ font-size:clamp(22px,2.6vw,30px); }
.sf h3{ font-size:18px; font-weight:700; }
.sf-wrap{ max-width:var(--sf-page-width); margin:0 auto; padding:0 20px; }
.sf-narrow{ max-width:860px; }
.sf-muted{ color:var(--sf-muted); font-size:14px; }
.sf-link{ color:var(--sf-accent); font-weight:700; }
.sf-eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--sf-accent); margin-bottom:8px; }
/* buttons */
.sf-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:var(--sf-btn-height); padding:10px 22px; border-radius:var(--sf-btn-radius); font-weight:700; font-size:15px; border:2px solid transparent; cursor:pointer; font-family:inherit; transition:transform .12s, box-shadow .12s, background .12s; }
.sf-btn--primary{ background:var(--sf-accent); color:var(--sf-accent-ink); }
.sf-btn--primary:hover{ transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.14); }
.sf-btn--ghost{ background:transparent; border-color:var(--sf-line); color:var(--sf-ink); }
.sf-btn--ghost:hover{ border-color:var(--sf-accent); color:var(--sf-accent); }
.sf-btn--sm{ padding:8px 14px; font-size:13px; }
.sf-btn--lg{ padding:16px 26px; font-size:17px; }
.sf-btn--block{ width:100%; }
.sf-btn--grow{ flex:1; }
.sf-btn[disabled]{ opacity:.5; cursor:not-allowed; transform:none!important; box-shadow:none!important; }
/* announce + top */
.sf-announce{ background:var(--sf-secondary); color:#fff; text-align:center; font-size:13px; font-weight:600; padding:8px 16px; }
.sf-top{ position:relative; z-index:40; background:color-mix(in srgb, var(--sf-paper) 92%, transparent); backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--sf-line); }
.sf-top-row{ display:flex; align-items:center; gap:22px; height:68px; }
.sf-brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; }
.sf-brand img{ height:40px; width:auto; max-width:160px; object-fit:contain; }
.sf-brand-mark{ width:36px; height:36px; border-radius:10px; background:var(--sf-accent); color:var(--sf-accent-ink); display:inline-flex; align-items:center; justify-content:center; font-size:16px; }
.sf-nav{ flex:1; min-width:0; }
.sf-nav-list{ display:flex; gap:2px; list-style:none; margin:0; padding:0; }
.sf-nav-item{ position:relative; }
.sf-nav-item > a{ display:inline-flex; align-items:center; gap:4px; padding:8px 12px; border-radius:999px; font-size:14px; font-weight:600; color:var(--sf-muted); white-space:nowrap; }
.sf-nav-item > a:hover,.sf-nav-item.is-active > a{ background:var(--sf-bg); color:var(--sf-ink); }
.sf-nav-caret{ font-size:10px; opacity:.7; }
.sf-nav-toggle{ display:none; }
.sf-nav-sub{ position:absolute; top:100%; left:0; min-width:220px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:12px; box-shadow:var(--sf-shadow); padding:8px; list-style:none; margin:6px 0 0; display:none; z-index:50; }
.sf-nav-item:hover > .sf-nav-sub,.sf-nav-item:focus-within > .sf-nav-sub{ display:block; }
.sf-nav-sub li a{ display:block; padding:8px 10px; border-radius:8px; font-size:14px; font-weight:600; color:var(--sf-ink); }
.sf-nav-sub li a:hover,.sf-nav-sub li.is-active > a{ background:var(--sf-bg); color:var(--sf-accent); }
.sf-nav-sub2{ list-style:none; margin:0 0 4px; padding:0 0 0 12px; border-left:2px solid var(--sf-line); margin-left:10px; }
.sf-nav-sub2 li a{ font-weight:500; font-size:13px; color:var(--sf-muted); padding:6px 10px; }
.sf-cats--sub{ margin-bottom:22px; }
.sf-top-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }
.sf-search input{ border:1px solid var(--sf-line); border-radius:999px; padding:8px 14px; font:inherit; font-size:14px; width:180px; background:var(--sf-bg); }
.sf-search input:focus{ outline:2px solid var(--sf-accent); border-color:transparent; }
.sf-cart-btn{ position:relative; width:44px; height:44px; border-radius:999px; border:1px solid var(--sf-line); background:var(--sf-paper); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; color:var(--sf-ink); }
.sf-cart-btn svg{ width:20px; height:20px; }
.sf-cart-count{ position:absolute; top:-4px; right:-4px; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--sf-accent); color:var(--sf-accent-ink); font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; }
.sf-burger{ display:none; width:44px; height:44px; border:1px solid var(--sf-line); border-radius:10px; background:var(--sf-paper); font-size:18px; cursor:pointer; }
/* hero */
.sf-hero{ position:relative; padding:64px 0; background:var(--sf-paper); border-bottom:1px solid var(--sf-line); }
.sf-hero--banner{ color:#fff; background:linear-gradient(120deg, rgba(20,16,12,.78), rgba(20,16,12,.35)), var(--sf-hero-img, var(--sf-secondary)) center/cover no-repeat; padding:110px 0; }
.sf-hero--banner .sf-muted{ color:rgba(255,255,255,.8); }
.sf-hero-inner{ display:grid; gap:32px; align-items:center; }
.sf-hero--split .sf-hero-inner{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.sf-hero--split .sf-hero-media img{ border-radius:calc(var(--sf-radius) + 8px); aspect-ratio:4/3; object-fit:cover; box-shadow:var(--sf-shadow); }
.sf-hero--minimal{ padding:44px 0 24px; text-align:center; }
.sf-hero--minimal .sf-hero-copy{ margin:0 auto; }
.sf-hero-copy{ max-width:640px; }
.sf-hero-tagline{ font-size:clamp(18px,2vw,22px); font-weight:600; margin:0 0 12px; }
.sf-hero-desc{ color:inherit; opacity:.85; margin:0 0 20px; max-width:56ch; }
/* sections */
.sf-section{ padding:44px 0; }
.sf-section--tight{ padding:8px 0 24px; }
.sf-section-head{ margin-bottom:22px; }
.sf-section-head--row{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.sf-section-head p{ color:var(--sf-muted); margin:0; }
.sf-toolbar{ display:flex; align-items:center; gap:14px; font-size:14px; }
.sf-toolbar select{ font:inherit; font-size:14px; padding:8px 10px; border:1px solid var(--sf-line); border-radius:8px; background:var(--sf-paper); }
.sf-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.sf-chip{ padding:7px 14px; border-radius:999px; border:1px solid var(--sf-line); background:var(--sf-paper); font-size:13px; font-weight:600; }
.sf-chip.is-active{ background:var(--sf-ink); color:#fff; border-color:var(--sf-ink); }
.sf-chip--sm{ padding:4px 10px; font-size:12px; }
.sf-cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.sf-cat{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; font-weight:700; font-size:14px; }
.sf-cat img,.sf-cat-ph{ width:88px; height:88px; border-radius:50%; object-fit:cover; background:var(--sf-paper); border:1px solid var(--sf-line); display:inline-flex; align-items:center; justify-content:center; font-size:26px; color:var(--sf-accent); }
.sf-cat small{ color:var(--sf-muted); font-weight:500; }
/* product grid */
.sf-grid{ display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.sf-layout-grid-2 .sf-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.sf-layout-grid-4 .sf-grid, .sf-grid--4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.sf-layout-list .sf-grid{ grid-template-columns:1fr; }
.sf-layout-list .sf-card{ flex-direction:row; }
.sf-layout-list .sf-card-media{ width:260px; flex-shrink:0; }
.sf-layout-list .sf-card-desc{ display:block; -webkit-line-clamp:3; }
.sf-card{ display:flex; flex-direction:column; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); overflow:hidden; transition:transform .15s, box-shadow .15s; }
.sf-card:hover{ transform:translateY(-3px); box-shadow:var(--sf-shadow); }
.sf-card-media{ position:relative; display:block; aspect-ratio:var(--sf-card-ratio); background:var(--sf-bg); overflow:hidden; }
.sf-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.sf-card:hover .sf-card-media img{ transform:scale(1.04); }
.sf-card-ph{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:40px; color:var(--sf-muted); }
.sf-card-ph--lg{ aspect-ratio:1/1; font-size:80px; }
.sf-card-ph--sm{ width:56px; height:56px; font-size:22px; border-radius:8px; background:var(--sf-bg); }
.sf-badges{ position:absolute; top:10px; left:10px; display:flex; gap:6px; }
.sf-badge{ display:inline-block; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; background:var(--sf-ink); color:#fff; }
.sf-badge--sale{ background:#c0392b; }
.sf-badge--out{ background:#8a8a8a; }
.sf-badge--float{ position:absolute; top:14px; left:14px; }
.sf-badge--success{ background:#2e7d32; } .sf-badge--warning{ background:#b26a00; } .sf-badge--danger{ background:#c0392b; } .sf-badge--info{ background:#2563eb; } .sf-badge--accent{ background:var(--sf-accent); color:var(--sf-accent-ink); } .sf-badge--neutral{ background:#8a8a8a; }
.sf-card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.sf-card-title{ font-weight:700; font-size:15px; }
.sf-card-desc{ margin:0; font-size:13px; color:var(--sf-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sf-card-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; padding-top:8px; }
.sf-price{ font-weight:800; font-size:16px; }
.sf-price s{ color:var(--sf-muted); font-weight:500; font-size:.85em; margin-right:4px; }
.sf-price--lg{ font-size:28px; margin:6px 0 14px; }
.sf-card-add{ border:1.5px solid var(--sf-accent); color:var(--sf-accent); background:transparent; border-radius:999px; padding:6px 12px; font-size:12px; font-weight:700; cursor:pointer; font-family:inherit; white-space:nowrap; }
.sf-card-add:hover{ background:var(--sf-accent); color:var(--sf-accent-ink); }
.sf-card-add--link{ border-color:var(--sf-line); color:var(--sf-muted); }
.sf-empty{ text-align:center; padding:48px 20px; background:var(--sf-paper); border:1px dashed var(--sf-line); border-radius:var(--sf-radius); }
/* about */
.sf-about{ background:var(--sf-paper); border-top:1px solid var(--sf-line); }
.sf-about-inner{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:32px; align-items:center; }
.sf-about-photo{ width:200px; height:200px; border-radius:24px; object-fit:cover; }
/* product page */
.sf-crumbs{ font-size:13px; color:var(--sf-muted); margin-bottom:18px; }
.sf-crumbs a:hover{ color:var(--sf-accent); }
.sf-product-grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:44px; align-items:start; }
.sf-gallery-main{ position:relative; aspect-ratio:1/1; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:calc(var(--sf-radius) + 6px); overflow:hidden; }
.sf-gallery-main img{ width:100%; height:100%; object-fit:cover; }
.sf-thumbs{ display:flex; gap:10px; margin-top:12px; overflow-x:auto; }
.sf-thumb{ width:76px; height:76px; flex-shrink:0; border:2px solid var(--sf-line); border-radius:10px; overflow:hidden; padding:0; background:var(--sf-paper); cursor:pointer; }
.sf-thumb.is-active{ border-color:var(--sf-accent); }
.sf-thumb img{ width:100%; height:100%; object-fit:cover; }
.sf-product-lead{ font-size:17px; color:var(--sf-muted); margin:0 0 18px; }
.sf-option{ margin-bottom:14px; }
.sf-option-name{ display:block; font-size:13px; font-weight:700; margin-bottom:8px; }
.sf-swatches{ display:flex; gap:8px; flex-wrap:wrap; }
.sf-swatch{ padding:9px 14px; border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); background:var(--sf-paper); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.sf-swatch.is-active{ border-color:var(--sf-ink); background:var(--sf-ink); color:#fff; }
.sf-swatch.is-unavailable{ opacity:.45; text-decoration:line-through; }
.sf-buy-row{ display:flex; gap:12px; align-items:stretch; margin-top:8px; }
.sf-qty{ display:inline-flex; align-items:center; border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); background:var(--sf-paper); overflow:hidden; }
.sf-qty button{ width:42px; height:100%; min-height:46px; border:0; background:transparent; font-size:18px; cursor:pointer; font-family:inherit; }
.sf-qty input{ width:52px; text-align:center; border:0; font:inherit; font-weight:700; -moz-appearance:textfield; }
.sf-qty input::-webkit-outer-spin-button,.sf-qty input::-webkit-inner-spin-button{ -webkit-appearance:none; }
.sf-qty--sm button{ width:32px; min-height:36px; font-size:16px; } .sf-qty--sm input{ width:42px; }
.sf-stock{ font-size:13px; color:var(--sf-muted); margin:10px 0 0; }
/* Dropship (v1.82.0): informácia, že tovar posiela iná strana — patrí k doprave, nie medzi výhody. */
.sf-dropship-note{ display:flex; gap:8px; align-items:flex-start; margin:14px 0 0; padding:10px 12px;
  border:1px solid var(--sf-line, rgba(0,0,0,.12)); border-radius:var(--sf-radius-card, 14px);
  background:var(--sf-surface-2, rgba(0,0,0,.03)); font-size:13px; line-height:1.5; color:var(--sf-text); }
.sf-dropship-note svg{ flex:0 0 auto; width:18px; height:18px; color:var(--sf-muted); }
.sf-desc{ font-size:15px; line-height:1.65; color:#3a3430; }
.sf-desc h2{ font-size:16px; margin-bottom:8px; }
.sf-tags{ display:flex; gap:6px; flex-wrap:wrap; margin-top:16px; }
/* cart page */
.sf-cart-group{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:calc(var(--sf-radius) + 4px); padding:8px 18px; margin-bottom:18px; }
.sf-cart-shop{ font-size:16px; padding:10px 0 4px; }
.sf-cart-line{ display:grid; grid-template-columns:72px minmax(0,1fr) auto auto 32px; gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--sf-line); }
.sf-cart-line:last-of-type{ border-bottom:0; }
.sf-cart-img img,.sf-cart-img .sf-card-ph{ width:72px; height:72px; border-radius:10px; object-fit:cover; font-size:26px; background:var(--sf-bg); }
.sf-cart-info{ display:flex; flex-direction:column; gap:2px; }
.sf-cart-title{ font-weight:700; }
.sf-cart-total{ font-weight:800; white-space:nowrap; }
.sf-cart-remove{ border:0; background:transparent; font-size:22px; color:var(--sf-muted); cursor:pointer; }
.sf-cart-sums{ padding:12px 0 8px; border-top:1px solid var(--sf-line); }
.sf-cart-sums > div{ display:flex; justify-content:space-between; font-size:16px; }
.sf-cart-actions{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:10px; }
/* checkout */
.sf-checkout{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr); gap:32px; align-items:start; }
.sf-fieldset{ border:1px solid var(--sf-line); background:var(--sf-paper); border-radius:calc(var(--sf-radius) + 4px); padding:20px 22px 22px; margin:0 0 18px; }
.sf-fieldset legend{ font-weight:800; font-size:17px; padding:0 8px; display:flex; align-items:center; gap:10px; }
.sf-step{ width:28px; height:28px; border-radius:50%; background:var(--sf-accent); color:var(--sf-accent-ink); display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.sf-fieldset label{ display:block; font-size:13px; font-weight:700; margin:12px 0 0; }
.sf-fieldset input[type=text],.sf-fieldset input[type=email],.sf-fieldset input[type=tel],.sf-fieldset select,.sf-fieldset textarea{ display:block; width:100%; margin-top:6px; padding:12px 14px; border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); font:inherit; font-size:15px; font-weight:500; background:#fff; }
.sf-fieldset input:focus,.sf-fieldset select:focus,.sf-fieldset textarea:focus{ outline:2px solid var(--sf-accent); border-color:transparent; }
.sf-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sf-choice-group{ margin-top:16px; }
.sf-choice-group h3{ font-size:14px; color:var(--sf-muted); margin:0 0 6px; }
.sf-choice{ display:flex!important; align-items:center; gap:12px; padding:12px 14px; border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); margin:8px 0 0!important; cursor:pointer; font-weight:500!important; }
.sf-choice:has(input:checked){ border-color:var(--sf-accent); background:color-mix(in srgb, var(--sf-accent) 6%, #fff); }
.sf-choice input{ accent-color:var(--sf-accent); width:18px; height:18px; }
.sf-choice-body{ flex:1; display:flex; flex-direction:column; }
.sf-choice-body small{ color:var(--sf-muted); font-weight:500; font-size:12.5px; }
.sf-choice-price{ font-weight:800; white-space:nowrap; }
.sf-check{ display:flex!important; gap:10px; align-items:flex-start; font-weight:500!important; font-size:14px!important; margin-top:12px!important; }
.sf-check input{ margin-top:3px; accent-color:var(--sf-accent); }
.sf-summary{ position:sticky; top:84px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:calc(var(--sf-radius) + 4px); padding:20px 22px; }
.sf-summary h2{ font-size:18px; }
.sf-summary-shop{ font-size:13px; font-weight:800; color:var(--sf-muted); text-transform:uppercase; letter-spacing:.06em; margin:14px 0 4px; }
.sf-summary-line{ display:flex; justify-content:space-between; gap:10px; font-size:14px; padding:5px 0; }
.sf-summary-discount{ display:flex; gap:8px; margin-top:10px; }
.sf-summary-discount input{ flex:1; padding:9px 12px; border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); font:inherit; font-size:14px; text-transform:uppercase; }
.sf-discount-msg{ margin:4px 0 0; min-height:1em; }
.sf-discount-msg.is-ok{ color:#2e7d32; } .sf-discount-msg.is-err{ color:#c0392b; }
.sf-summary-sums{ margin-top:12px; border-top:1px solid var(--sf-line); padding-top:10px; display:grid; gap:6px; font-size:14px; }
.sf-summary-sums > div{ display:flex; justify-content:space-between; }
.sf-summary-total{ display:flex; justify-content:space-between; font-size:18px; font-weight:800; margin-top:6px; }
.sf-summary-grand{ border-top:2px solid var(--sf-ink); padding-top:10px; margin-top:12px; }
.sf-summary .sf-btn--block{ margin-top:16px; }
.sf-secure{ text-align:center; margin:10px 0 0; }
.sf-alert{ padding:12px 16px; border-radius:var(--sf-radius); margin:0 0 16px; font-size:14px; font-weight:600; }
.sf-alert--error{ background:#fdecea; color:#a32d21; border:1px solid #f5c6c2; }
.sf-alert--ok{ background:#e8f5e9; color:#1e5e22; border:1px solid #c8e6c9; }
/* thanks + order */
.sf-thanks-head{ text-align:center; margin-bottom:26px; }
.sf-thanks-check{ display:inline-flex; width:64px; height:64px; border-radius:50%; background:#2e7d32; color:#fff; font-size:30px; align-items:center; justify-content:center; margin-bottom:12px; }
.sf-order-card{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:calc(var(--sf-radius) + 4px); padding:18px 20px; margin-bottom:16px; }
.sf-order-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.sf-order-head--page{ align-items:flex-start; margin-bottom:18px; }
.sf-pay h3{ margin-top:4px; }
.sf-pay-grid{ display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:center; }
.sf-pay-qr{ width:180px; height:180px; border:1px solid var(--sf-line); border-radius:10px; }
.sf-pay-dl{ display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:0; font-size:15px; }
.sf-pay-dl dt{ color:var(--sf-muted); font-size:13px; } .sf-pay-dl dd{ margin:0; font-weight:700; font-variant-numeric:tabular-nums; }
.sf-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; list-style:none; padding:0; margin:0 0 22px; }
.sf-steps li{ text-align:center; font-size:12px; font-weight:700; color:var(--sf-muted); padding-top:6px; border-top:4px solid var(--sf-line); }
.sf-steps li.is-done{ color:var(--sf-ink); border-top-color:var(--sf-accent); }
.sf-steps li span{ display:block; font-size:11px; margin-bottom:2px; }
.sf-order-item{ display:grid; grid-template-columns:56px 1fr auto; gap:14px; align-items:center; padding:10px 0; border-bottom:1px solid var(--sf-line); }
.sf-order-item img{ width:56px; height:56px; border-radius:8px; object-fit:cover; }
.sf-order-item-state{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:12px; color:var(--sf-muted); }
.sf-order-two{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sf-timeline{ list-style:none; padding:0; margin:0; }
.sf-timeline li{ display:grid; grid-template-columns:80px 1fr; gap:10px; padding:6px 0; border-bottom:1px dashed var(--sf-line); font-size:14px; }
.sf-timeline time{ color:var(--sf-muted); font-size:12px; }
.sf-page-body{ font-size:15px; line-height:1.7; color:#3a3430; margin-bottom:24px; }
.sf-table{ width:100%; border-collapse:collapse; margin-bottom:22px; font-size:14px; }
.sf-table td{ padding:10px 8px; border-bottom:1px solid var(--sf-line); vertical-align:top; }
.sf-right{ text-align:right; white-space:nowrap; }
/* badges v2 + jednotky + DPH + cookies */
.sf-badge--new{ background:#2563eb; } .sf-badge--tip{ background:var(--sf-accent); color:var(--sf-accent-ink); } .sf-badge--clearance{ background:#b26a00; } .sf-badge--adult{ background:#111; }
.sf-badges--float{ position:absolute; top:14px; left:14px; display:flex; gap:6px; flex-wrap:wrap; }
.sf-unit-price{ display:block; font-size:11.5px; font-weight:500; color:var(--sf-muted); }
.sf-vat-note{ margin:-8px 0 14px; font-size:13px; color:var(--sf-muted); }
.sf-desc h2,.sf-desc h3{ font-size:16px; margin:14px 0 6px; } .sf-desc ul,.sf-desc ol{ padding-left:20px; } .sf-desc p{ margin:0 0 10px; } .sf-desc img{ border-radius:10px; }
.sf-cookies{ position:fixed; left:16px; right:16px; z-index:65; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-radius); box-shadow:var(--sf-shadow); padding:14px 18px; display:flex; gap:16px; align-items:center; justify-content:space-between; font-size:14px; }
.sf-cookies p{ margin:0; }
.sf-cookies--bottom{ bottom:16px; } .sf-cookies--top{ top:16px; } .sf-cookies--box{ bottom:16px; right:16px; left:auto; max-width:380px; flex-direction:column; align-items:flex-start; }
@media (max-width:560px){ .sf-cookies{ flex-direction:column; align-items:flex-start; } }
/* footer */
.sf-foot{ background:var(--sf-paper); border-top:1px solid var(--sf-line); padding:40px 0 30px; margin-top:20px; font-size:14px; }
.sf-foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:28px; }
.sf-foot-grid a{ display:block; color:var(--sf-muted); padding:3px 0; }
.sf-foot-grid a:hover{ color:var(--sf-accent); }
.sf-foot-brand{ font-weight:800; font-size:17px; margin-bottom:6px; }
.sf-foot-h{ font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; }
.sf-foot p{ color:var(--sf-muted); margin:0 0 8px; }
.sf-foot-social{ display:flex; gap:8px; flex-wrap:wrap; }
.sf-foot-social a{ display:inline-block!important; padding:5px 12px!important; border:1px solid var(--sf-line); border-radius:999px; font-weight:600; }
.sf-foot-powered a{ display:inline!important; color:var(--sf-accent)!important; font-weight:700; padding:0!important; }
/* drawer */
.sf-drawer-backdrop{ position:fixed; inset:0; background:rgba(20,16,12,.45); z-index:60; }
.sf-drawer{ position:fixed; top:0; right:0; height:100%; width:min(420px,100%); background:var(--sf-paper); z-index:61; transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column; box-shadow:-12px 0 40px rgba(0,0,0,.18); }
.sf-drawer.is-open{ transform:translateX(0); }
.sf-drawer-head{ display:flex; justify-content:space-between; align-items:center; padding:18px 20px; border-bottom:1px solid var(--sf-line); font-size:18px; }
.sf-drawer-close{ border:0; background:transparent; font-size:26px; cursor:pointer; line-height:1; }
.sf-drawer-body{ flex:1; overflow-y:auto; padding:10px 20px; }
.sf-drawer-line{ display:grid; grid-template-columns:60px 1fr auto; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--sf-line); }
.sf-drawer-line img,.sf-drawer-line .sf-card-ph{ width:60px; height:60px; border-radius:8px; object-fit:cover; font-size:22px; background:var(--sf-bg); }
.sf-drawer-line-title{ font-weight:700; font-size:14px; }
.sf-drawer-line-meta{ font-size:12px; color:var(--sf-muted); }
.sf-drawer-line-right{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; font-weight:700; font-size:14px; }
.sf-drawer-foot{ padding:16px 20px 20px; border-top:1px solid var(--sf-line); }
.sf-drawer-total{ display:flex; justify-content:space-between; font-size:17px; margin-bottom:6px; }
.sf-drawer-note{ margin:0 0 10px; }
.sf-link-center{ display:block; text-align:center; margin-top:10px; font-weight:700; color:var(--sf-accent); }
.sf-toast{ position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:var(--sf-ink); color:#fff; padding:12px 18px; border-radius:999px; font-weight:700; font-size:14px; z-index:70; box-shadow:var(--sf-shadow); }
[hidden]{ display:none!important; }
@media (max-width:900px){
  .sf-product-grid,.sf-checkout,.sf-hero--split .sf-hero-inner,.sf-about-inner{ grid-template-columns:1fr; }
  .sf-grid,.sf-layout-grid-4 .sf-grid,.sf-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .sf-foot-grid{ grid-template-columns:1fr 1fr; }
  .sf-summary{ position:static; }
  .sf-nav{ display:none; position:absolute; top:68px; left:0; right:0; background:var(--sf-paper); border-bottom:1px solid var(--sf-line); padding:8px 12px; max-height:calc(100vh - 68px); overflow-y:auto; }
  .sf-nav.is-open{ display:block; }
  .sf-nav-list{ flex-direction:column; gap:0; }
  .sf-nav-item{ display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid var(--sf-line); }
  .sf-nav-item > a{ flex:1; border-radius:8px; padding:12px 10px; }
  .sf-nav-caret{ display:none; }
  .sf-nav-toggle{ display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border:0; background:transparent; font-size:20px; cursor:pointer; color:var(--sf-muted); }
  .sf-nav-sub{ position:static; display:none; width:100%; box-shadow:none; border:0; border-radius:0; padding:0 0 8px 14px; margin:0; }
  .sf-nav-item.is-open > .sf-nav-sub{ display:block; }
  .sf-nav-item:hover > .sf-nav-sub{ display:none; } .sf-nav-item.is-open:hover > .sf-nav-sub{ display:block; }
  .sf-burger{ display:inline-flex; align-items:center; justify-content:center; }
  .sf-search{ display:none; }
  .sf-top-row{ gap:12px; }
  .sf-hero--banner{ padding:70px 0; }
}
@media (max-width:560px){
  .sf-grid,.sf-layout-grid-4 .sf-grid,.sf-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sf-card-body{ padding:10px 12px 12px; }
  .sf-card-add{ display:none; }
  .sf-cart-line{ grid-template-columns:60px minmax(0,1fr) 28px; grid-template-areas:"img info rm" "img qty total"; }
  .sf-cart-line .sf-cart-img{ grid-area:img; } .sf-cart-line .sf-cart-info{ grid-area:info; } .sf-cart-line .sf-qty{ grid-area:qty; } .sf-cart-line .sf-cart-total{ grid-area:total; text-align:right; } .sf-cart-line .sf-cart-remove{ grid-area:rm; }
  .sf-form-row,.sf-order-two,.sf-pay-grid{ grid-template-columns:1fr; }
  .sf-foot-grid{ grid-template-columns:1fr; }
  .sf-steps li{ font-size:10.5px; }
  .sf-layout-list .sf-card{ flex-direction:column; } .sf-layout-list .sf-card-media{ width:100%; }
  .sf-brand-name{ display:none; }
}

/* ===== v1.44.0 — Creator storefront: témy, header, hero carousel, sekcie, produkt v3, LIVE ===== */
.sf-header-sticky .sf-top{ position:sticky; top:0; }
.sf-header-transparent .sf-top{ position:absolute; left:0; right:0; background:transparent; border-bottom:0; backdrop-filter:none; }
.sf-header-sticky.sf-header-transparent .sf-top{ position:sticky; background:color-mix(in srgb, var(--sf-paper) 88%, transparent); border-bottom:1px solid var(--sf-line); backdrop-filter:blur(10px); }
.sf-header-transparent .sf-hero-carousel:first-child{ margin-top:-68px; }
.sf-header-transparent .sf-hero-carousel:first-child .sf-slide-inner{ padding-top:68px; }
.sf-logo-center .sf-brand{ order:0; } .sf-logo-center .sf-nav{ order:1; } .sf-logo-center .sf-nav-list{ justify-content:center; } .sf-logo-center .sf-burger{ order:-1; }
.sf-brand--s img{ height:30px; } .sf-brand--s{ font-size:16px; } .sf-brand--l img{ height:52px; max-width:220px; } .sf-brand--l{ font-size:22px; }
.sf-icon-btn{ width:44px; height:44px; border-radius:999px; border:1px solid var(--sf-line); background:var(--sf-paper); display:inline-flex; align-items:center; justify-content:center; color:var(--sf-ink); }
.sf-icon-btn svg{ width:20px; height:20px; }
.sf-btn--link{ background:transparent; color:var(--sf-accent); padding-left:0; padding-right:0; text-decoration:underline; text-underline-offset:4px; }
.sf-btn-outline .sf-btn--primary{ background:transparent; color:var(--sf-accent); border-color:var(--sf-accent); }
.sf-btn-outline .sf-btn--primary:hover{ background:var(--sf-accent); color:var(--sf-accent-ink); }
.sf-btn-soft .sf-btn--primary{ background:color-mix(in srgb, var(--sf-accent) 16%, var(--sf-paper)); color:var(--sf-accent); }
.sf-cards-shadow .sf-card{ box-shadow:0 6px 18px rgba(26,22,18,.06); border-color:transparent; }
.sf-live-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#8a8a8a; margin-right:2px; vertical-align:middle; }
.sf-live-dot.is-on{ background:#e0245e; box-shadow:0 0 0 0 rgba(224,36,94,.6); animation:sf-pulse 1.4s infinite; }
@keyframes sf-pulse{ 0%{ box-shadow:0 0 0 0 rgba(224,36,94,.55); } 100%{ box-shadow:0 0 0 8px rgba(224,36,94,0); } }
.sf-nav-item--live > a{ color:#e0245e; font-weight:800; }
.sf-signature{ font-family:'Caveat','Segoe Script','Brush Script MT',cursive; font-size:24px; color:var(--sf-accent); margin:4px 0 14px; }
.sf-avatar{ width:40px; height:40px; border-radius:50%; object-fit:cover; }
.sf-avatar--lg{ width:72px; height:72px; }
.sf-small{ font-size:12px; }
.sf-h2{ font-size:clamp(22px,2.6vw,30px); }
.sf-icon{ width:22px; height:22px; flex-shrink:0; color:var(--sf-accent); } .sf-icon--lg{ width:36px; height:36px; }
.sf-grid--cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); } .sf-grid--cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); } .sf-grid--cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); } .sf-grid--cols-5{ grid-template-columns:repeat(5,minmax(0,1fr)); }
.sf-card-add svg{ width:16px; height:16px; }
/* hero carousel */
.sf-hero-carousel{ position:relative; overflow:hidden; background:var(--sf-paper); border-bottom:1px solid var(--sf-line); }
.sf-carousel-track{ position:relative; }
.sf-slide{ position:absolute; inset:0; opacity:0; transition:opacity .6s ease; pointer-events:none; }
.sf-slide.is-active{ position:relative; opacity:1; pointer-events:auto; }
.sf-slide-media{ position:absolute; inset:0; }
.sf-slide-media img{ width:100%; height:100%; object-fit:cover; }
.sf-slide-media::after{ content:""; position:absolute; inset:0; background:rgba(12,10,8,var(--sf-overlay,0)); }
.sf-slide-media--plain{ background:linear-gradient(135deg, color-mix(in srgb, var(--sf-accent) 14%, var(--sf-paper)), var(--sf-paper)); }
.sf-slide-inner{ position:relative; display:flex; align-items:center; min-height:var(--sf-hero-min, 520px); padding-top:48px; padding-bottom:48px; }
.sf-hero-h-s{ --sf-hero-min:380px; } .sf-hero-h-m{ --sf-hero-min:520px; } .sf-hero-h-l{ --sf-hero-min:680px; }
.sf-slide-copy{ max-width:600px; }
.sf-slide-title{ font-size:clamp(32px,5vw,58px); margin-bottom:14px; text-wrap:balance; }
.sf-slide-desc{ font-size:17px; opacity:.85; margin:0 0 22px; max-width:52ch; }
.sf-slide--light{ color:#fff; } .sf-slide--light .sf-eyebrow{ color:#fff; opacity:.85; } .sf-slide--light .sf-signature{ color:#fff; }
.sf-slide--dark{ color:var(--sf-ink); }
.sf-align-center .sf-slide-copy,.sf-align-center .sf-promo-copy{ margin:0 auto; text-align:center; } .sf-align-right .sf-slide-copy{ margin-left:auto; text-align:right; }
.sf-carousel-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1px solid var(--sf-line); background:color-mix(in srgb, var(--sf-paper) 85%, transparent); color:var(--sf-ink); font-size:24px; cursor:pointer; z-index:3; display:inline-flex; align-items:center; justify-content:center; }
.sf-hero-carousel .sf-carousel-arrow{ top:auto; bottom:18px; transform:none; } .sf-hero-carousel .sf-carousel-arrow--prev{ right:66px; left:auto; } .sf-hero-carousel .sf-carousel-arrow--next{ right:14px; }
.sf-carousel-arrow--prev{ left:14px; } .sf-carousel-arrow--next{ right:14px; }
.sf-hero-carousel .sf-carousel-dots{ justify-content:flex-start; left:20px; right:auto; bottom:30px; }
.sf-carousel-dots{ position:absolute; bottom:16px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:3; }
.sf-carousel-dots button{ width:10px; height:10px; border-radius:50%; border:0; background:rgba(255,255,255,.55); cursor:pointer; padding:0; box-shadow:0 0 0 1px rgba(0,0,0,.15); }
.sf-carousel-dots button.is-active{ background:var(--sf-accent); }
/* trust */
.sf-trust-grid{ display:grid; grid-template-columns:repeat(var(--sf-cols,4),minmax(0,1fr)); gap:14px; padding-top:22px; padding-bottom:22px; }
.sf-benefits--bar{ background:var(--sf-paper); border-bottom:1px solid var(--sf-line); }
.sf-trust-item{ display:flex; gap:12px; align-items:center; font-size:14px; }
.sf-trust-item svg{ width:26px; height:26px; color:var(--sf-accent); flex-shrink:0; }
.sf-trust-item strong{ display:block; font-size:14px; } .sf-trust-item span{ color:var(--sf-muted); font-size:12.5px; }
.sf-benefits--cards .sf-trust-item{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:16px; }
.sf-trust-grid--inline{ padding-top:0; padding-bottom:0; }
.sf-trust-grid--inline .sf-trust-item{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:14px 16px; }
/* categories */
.sf-catgrid{ display:grid; grid-template-columns:repeat(min(var(--sf-cols,4),4),minmax(0,300px)); gap:18px; }
.sf-catcard{ position:relative; display:block; border-radius:var(--sf-card-radius); overflow:hidden; background:var(--sf-paper); border:1px solid var(--sf-line); }
.sf-catcard-media{ display:block; aspect-ratio:4/5; background:var(--sf-bg); }
.sf-catcard-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; } .sf-catcard:hover .sf-catcard-media img{ transform:scale(1.05); }
.sf-catcard-ph{ display:flex; align-items:center; justify-content:center; height:100%; font-size:48px; color:var(--sf-accent); }
.sf-catcard-name{ position:absolute; left:14px; bottom:14px; padding:8px 14px; border-radius:999px; background:var(--sf-paper); color:var(--sf-ink); font-weight:700; font-size:14px; box-shadow:var(--sf-shadow); }
.sf-catgrid--circles .sf-catcard{ border:0; background:transparent; text-align:center; }
.sf-catgrid--circles .sf-catcard-media{ aspect-ratio:1/1; border-radius:50%; overflow:hidden; border:1px solid var(--sf-line); }
.sf-catgrid--circles .sf-catcard-name{ position:static; display:block; box-shadow:none; background:transparent; margin-top:10px; }
/* promo */
.sf-promo-grid{ display:grid; gap:18px; } .sf-promo-grid--split{ grid-template-columns:1fr 1fr; }
.sf-promo{ position:relative; min-height:300px; border-radius:var(--sf-card-radius); overflow:hidden; background:var(--sf-secondary); color:#fff; display:flex; align-items:center; padding:40px; }
.sf-promo-media{ position:absolute; inset:0; } .sf-promo-media img{ width:100%; height:100%; object-fit:cover; } .sf-promo-media::after{ content:""; position:absolute; inset:0; background:rgba(12,10,8,var(--sf-overlay,.3)); }
.sf-promo-copy{ position:relative; max-width:480px; } .sf-promo-copy h2{ margin-bottom:10px; } .sf-promo-copy p{ margin:0 0 18px; opacity:.9; }
.sf-promo.sf-slide--dark{ color:var(--sf-ink); background:color-mix(in srgb, var(--sf-accent) 12%, var(--sf-paper)); }
.sf-promo .sf-eyebrow{ color:inherit; opacity:.85; }
/* picks / about / social / newsletter */
.sf-picks-head{ display:flex; gap:18px; align-items:center; margin-bottom:22px; } .sf-picks-head p{ margin:0; color:var(--sf-muted); } .sf-picks-head h2{ margin-bottom:4px; }
.sf-social-head{ display:flex; gap:16px; align-items:center; margin-bottom:20px; } .sf-social-head h2{ margin:0 0 2px; } .sf-social-head p{ margin:0; } .sf-social-head .sf-btn{ margin-left:auto; }
.sf-social-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.sf-social-grid img{ aspect-ratio:1/1; object-fit:cover; width:100%; border-radius:calc(var(--sf-card-radius) / 2); }
.sf-social-links{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.sf-social-links a{ padding:8px 14px; border:1px solid var(--sf-line); border-radius:999px; font-weight:600; font-size:13px; }
/* cenník služieb tvorcu */
.sf-services-head{ display:flex; gap:20px; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; margin-bottom:22px; }
.sf-services-head h2{ margin:0 0 4px; } .sf-services-head p{ margin:0; color:var(--sf-muted); max-width:56ch; }
.sf-services-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sf-service{ display:flex; flex-direction:column; gap:6px; padding:20px 22px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); }
.sf-service h3{ margin:0; font-size:16px; }
.sf-service-price{ margin:0; font-size:22px; font-weight:800; letter-spacing:-.01em; font-variant-numeric:tabular-nums; color:var(--sf-accent); }
.sf-service-price span{ font-size:13px; font-weight:600; color:var(--sf-muted); letter-spacing:0; }
.sf-service-desc{ margin:0; color:var(--sf-muted); font-size:14px; line-height:1.55; }
.sf-service-meta{ margin:auto 0 0; padding-top:8px; font-size:12.5px; font-weight:600; color:var(--sf-muted); border-top:1px solid var(--sf-line); }
.sf-services-table-wrap{ overflow-x:auto; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.sf-services-table{ width:100%; border-collapse:collapse; min-width:640px; }
.sf-services-table th,.sf-services-table td{ padding:14px 18px; text-align:left; vertical-align:top; font-size:14px; border-bottom:1px solid var(--sf-line); }
.sf-services-table thead th{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--sf-muted); }
.sf-services-table tbody tr:last-child th,.sf-services-table tbody tr:last-child td{ border-bottom:0; }
.sf-services-table td.sf-num,.sf-services-table th.sf-num{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sf-services-table td.sf-num strong{ font-size:16px; color:var(--sf-accent); } .sf-services-table td.sf-num span{ display:block; font-size:12px; color:var(--sf-muted); }
.sf-services-note{ margin:14px 0 0; font-size:12.5px; color:var(--sf-muted); }
.sf-newsletter{ display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:center; padding:36px 40px; border-radius:var(--sf-card-radius); background:color-mix(in srgb, var(--sf-accent) 10%, var(--sf-paper)); border:1px solid color-mix(in srgb, var(--sf-accent) 25%, var(--sf-line)); }
.sf-newsletter--band{ border-radius:0; margin:0 calc(50% - 50vw); padding:44px max(20px, calc(50vw - var(--sf-page-width) / 2 + 20px)); }
.sf-newsletter-copy{ display:flex; gap:16px; align-items:flex-start; } .sf-newsletter-copy h2{ margin-bottom:6px; } .sf-newsletter-copy p{ margin:0; color:var(--sf-muted); }
.sf-newsletter-form{ display:grid; grid-template-columns:1fr auto; gap:10px; }
.sf-newsletter-form input[type=email]{ padding:12px 16px; border:1.5px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:15px; background:var(--sf-paper); min-width:0; }
.sf-newsletter-consent{ grid-column:1 / -1; margin-top:2px!important; font-size:12.5px!important; color:var(--sf-muted); }
.sf-newsletter-msg{ grid-column:1 / -1; margin:0; font-weight:700; font-size:14px; } .sf-newsletter-msg.is-ok{ color:#2e7d32; } .sf-newsletter-msg.is-err{ color:#c0392b; }
/* live card (homepage) */
.sf-livecard{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); overflow:hidden; }
.sf-livecard-media{ position:relative; aspect-ratio:16/10; background:var(--sf-secondary); } .sf-livecard-media img{ width:100%; height:100%; object-fit:cover; }
.sf-live-badge{ position:absolute; top:14px; left:14px; padding:6px 12px; border-radius:999px; background:#e0245e; color:#fff; font-size:12px; font-weight:800; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px; }
.sf-live-badge--soon{ background:var(--sf-ink); }
.sf-livecard-body{ padding:28px 30px; display:flex; flex-direction:column; gap:10px; justify-content:center; align-items:flex-start; }
.sf-livecard-creator{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:14px; } .sf-livecard-creator .sf-avatar{ width:32px; height:32px; }
.sf-livecard-body h3{ font-size:24px; margin:0; } .sf-livecard-body p{ margin:0; }
.sf-livecard--compact{ display:block; } .sf-livecard--compact .sf-livecard-body{ padding:16px 18px; } .sf-livecard--compact h3{ font-size:17px; }
.sf-livegrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sf-countdown{ font-variant-numeric:tabular-nums; font-weight:800; font-size:20px; letter-spacing:.02em; } .sf-countdown--lg{ font-size:34px; margin:8px 0; }
/* product v3 */
.sf-gallery--vertical{ display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; align-items:start; }
/* Pri jedinej fotke sa pás miniatúr nevykresľuje — hlavná fotka je potom prvým prvkom mriežky
   a skončila by v 76 px stĺpci pre miniatúry (v1.88.0). Nech si vezme celú šírku. */
.sf-gallery--vertical.sf-gallery--single{ grid-template-columns:minmax(0,1fr); }
.sf-gallery--vertical > .sf-gallery-main:first-child{ grid-column:1 / -1; }
.sf-thumbs--vertical{ flex-direction:column; margin-top:0; overflow:visible; }
.sf-thumb--video{ position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:20px; }
.sf-thumb--video::after{ content:"▶"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; background:rgba(0,0,0,.35); }
.sf-thumb--more{ display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; color:var(--sf-muted); cursor:pointer; }
.sf-gallery-main{ border-radius:var(--sf-card-radius); }
.sf-gallery-main img{ cursor:zoom-in; transition:transform .3s; }
.sf-gallery-main.is-zoomed img{ transform:scale(1.8); cursor:zoom-out; }
.sf-gallery-video{ width:100%; height:100%; border:0; }
.sf-gallery-zoom{ position:absolute; right:12px; bottom:12px; width:38px; height:38px; border-radius:50%; border:1px solid var(--sf-line); background:var(--sf-paper); cursor:pointer; font-size:16px; z-index:2; }
.sf-gallery-arrow{ display:none; }
.sf-product-meta{ display:flex; gap:14px; font-size:13px; color:var(--sf-muted); margin:-4px 0 8px; }
.sf-stock.is-ok{ color:#2e7d32; font-weight:600; }
.sf-delivery-cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0; }
.sf-delivery-card{ display:flex; gap:12px; padding:14px 16px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); font-size:13px; }
.sf-delivery-card svg{ width:24px; height:24px; color:var(--sf-accent); flex-shrink:0; } .sf-delivery-card strong{ display:block; font-size:14px; margin-bottom:2px; } .sf-delivery-card span{ color:var(--sf-muted); }
.sf-tabs-nav{ display:flex; gap:4px; border-bottom:1px solid var(--sf-line); margin-bottom:22px; overflow-x:auto; }
.sf-tab{ padding:12px 18px; border:0; background:transparent; font:inherit; font-weight:700; font-size:15px; color:var(--sf-muted); cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-1px; white-space:nowrap; }
.sf-tab.is-active{ color:var(--sf-ink); border-bottom-color:var(--sf-accent); }
.sf-tab-panel{ display:none; max-width:820px; } .sf-tab-panel.is-active{ display:block; }
.sf-specs{ width:100%; border-collapse:collapse; font-size:14px; } .sf-specs th{ text-align:left; width:38%; padding:10px 12px; background:var(--sf-bg); border-bottom:1px solid var(--sf-line); font-weight:700; } .sf-specs td{ padding:10px 12px; border-bottom:1px solid var(--sf-line); }
.sf-ship-cols{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } .sf-ship-cols ul{ list-style:none; padding:0; margin:0; } .sf-ship-cols li{ display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dashed var(--sf-line); font-size:14px; }
.sf-reco{ background:var(--sf-paper); border-top:1px solid var(--sf-line); border-bottom:1px solid var(--sf-line); }
.sf-reco-inner{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:40px; align-items:center; }
.sf-reco-media img{ border-radius:var(--sf-card-radius); aspect-ratio:4/5; object-fit:cover; width:100%; max-height:520px; }
.sf-video{ position:relative; aspect-ratio:16/9; border-radius:var(--sf-card-radius); overflow:hidden; background:#000; } .sf-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sf-reco-creator{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:14px; margin-bottom:12px; }
.sf-community{ display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding:26px 30px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); }
.sf-community > div:first-child{ display:flex; gap:16px; align-items:center; } .sf-community h2{ font-size:20px; margin:0 0 2px; } .sf-community p{ margin:0; }
.sf-community .sf-social-links{ margin-top:0; }
.sf-lightbox{ position:fixed; inset:0; z-index:80; background:rgba(12,10,8,.92); display:flex; align-items:center; justify-content:center; }
.sf-lightbox-body{ max-width:92vw; max-height:90vh; } .sf-lightbox-body img{ max-width:92vw; max-height:90vh; object-fit:contain; } .sf-lightbox-body iframe{ width:min(92vw,1100px); aspect-ratio:16/9; border:0; }
.sf-lightbox-close{ position:absolute; top:16px; right:20px; border:0; background:transparent; color:#fff; font-size:38px; cursor:pointer; }
.sf-sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:45; background:var(--sf-paper); border-top:1px solid var(--sf-line); padding:10px 16px; display:none; gap:10px; box-shadow:0 -8px 24px rgba(0,0,0,.08); }
.sf-sticky-cta .sf-btn{ flex:1; }
/* LIVE page */
.sf-live{ padding:22px 0 44px; }
.sf-live-grid{ display:grid; grid-template-columns:minmax(0,65fr) minmax(300px,35fr); gap:24px; align-items:start; }
.sf-live-player{ position:relative; aspect-ratio:16/9; background:#000; border-radius:var(--sf-card-radius); overflow:hidden; }
.sf-live-player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sf-live-poster{ position:absolute; inset:0; color:#fff; display:flex; align-items:flex-end; }
.sf-live-poster img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; }
.sf-live-poster-copy{ position:relative; padding:28px; } .sf-live-poster-copy h2{ font-size:clamp(22px,3vw,34px); margin:10px 0 8px; color:#fff; } .sf-live-poster-copy .sf-live-badge{ position:static; }
.sf-live-poster-copy p{ margin:0 0 14px; opacity:.9; }
.sf-live-meta{ padding:18px 4px; }
.sf-live-creator{ display:flex; gap:12px; align-items:center; margin-bottom:12px; } .sf-live-creator strong{ display:block; }
.sf-live-title{ font-size:clamp(22px,2.6vw,30px); margin:0 0 8px; } .sf-live-desc{ color:var(--sf-muted); margin:0 0 14px; }
.sf-live-coupon{ display:flex; align-items:center; gap:14px; padding:12px 16px; border:1.5px dashed var(--sf-accent); border-radius:var(--sf-card-radius); background:color-mix(in srgb, var(--sf-accent) 8%, var(--sf-paper)); font-size:14px; margin-bottom:14px; }
.sf-live-coupon strong{ font-size:18px; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
.sf-reactions{ position:relative; display:flex; gap:8px; }
.sf-reactions button{ width:44px; height:44px; border-radius:50%; border:1px solid var(--sf-line); background:var(--sf-paper); font-size:20px; cursor:pointer; transition:transform .1s; } .sf-reactions button:active{ transform:scale(1.2); }
.sf-reactions-float{ position:absolute; left:0; bottom:100%; width:200px; height:200px; pointer-events:none; }
.sf-react-bubble{ position:absolute; bottom:0; font-size:22px; animation:sf-float 1.6s ease-out forwards; }
@keyframes sf-float{ 0%{ opacity:1; transform:translateY(0) scale(.8); } 100%{ opacity:0; transform:translateY(-160px) scale(1.4); } }
.sf-live-chat{ border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); display:flex; flex-direction:column; max-height:360px; }
.sf-live-chat-log{ flex:1; overflow-y:auto; padding:12px 14px; display:flex; flex-direction:column; gap:6px; font-size:14px; min-height:160px; }
.sf-chat-msg strong{ color:var(--sf-accent); margin-right:6px; }
.sf-chat-msg--system{ color:var(--sf-muted); font-size:13px; font-style:italic; }
.sf-chat-msg--pin,.sf-chat-msg--coupon,.sf-chat-msg--purchase{ background:color-mix(in srgb, var(--sf-accent) 10%, var(--sf-paper)); padding:6px 10px; border-radius:8px; font-weight:600; }
.sf-live-chat-form{ display:grid; grid-template-columns:110px 1fr auto; gap:8px; padding:10px; border-top:1px solid var(--sf-line); }
.sf-live-chat-form input{ padding:9px 12px; border:1px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:14px; min-width:0; }
.sf-live-rail{ position:sticky; top:84px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); display:flex; flex-direction:column; max-height:calc(100vh - 100px); }
.sf-live-rail-head{ display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-bottom:1px solid var(--sf-line); }
.sf-live-pinned{ padding:12px 16px; background:color-mix(in srgb, var(--sf-accent) 10%, var(--sf-paper)); border-bottom:1px solid var(--sf-line); }
.sf-live-pinned .sf-eyebrow{ margin-bottom:6px; }
/* Bežiaca rezervácia z vysielania (v1.110.0) — pás nad produktovou lištou, aby divák stále videl,
   čo už má na tabe a že to zaplatí naraz. */
.sf-live-tab{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid var(--sf-line); background:color-mix(in srgb, var(--sf-accent) 8%, var(--sf-paper)); color:inherit; text-decoration:none; }
.sf-live-tab:hover{ background:color-mix(in srgb, var(--sf-accent) 14%, var(--sf-paper)); }
.sf-live-tab-main{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.sf-live-tab-total{ font-weight:800; white-space:nowrap; }
.sf-live-products{ overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:6px; }
.sf-live-item{ display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; padding:8px; border-radius:calc(var(--sf-card-radius) - 4px); border:1px solid transparent; }
.sf-live-item.is-pinned{ border-color:var(--sf-accent); background:color-mix(in srgb, var(--sf-accent) 6%, var(--sf-paper)); }
.sf-live-item.is-featured .sf-live-item-name::after{ content:" ★"; color:var(--sf-accent); }
.sf-live-item-media{ position:relative; aspect-ratio:1/1; border-radius:10px; overflow:hidden; background:var(--sf-bg); } .sf-live-item-media img{ width:100%; height:100%; object-fit:cover; } .sf-live-item-media .sf-badge{ position:absolute; top:6px; left:6px; }
.sf-live-item-body{ display:flex; flex-direction:column; gap:4px; align-items:flex-start; }
.sf-live-item-name{ font-weight:700; font-size:14px; line-height:1.3; }
.sf-price-live{ color:#e0245e; }
.sf-live-remaining{ font-size:12px; color:var(--sf-muted); }
.sf-live-item.is-sold-out{ opacity:.55; }
.sf-live-pinned .sf-live-item{ padding:0; border:0; background:transparent; }
/* témy */
.sf-theme-beauty .sf-hero-carousel{ border-bottom:0; } .sf-theme-beauty .sf-card{ border-color:transparent; } .sf-theme-beauty .sf-eyebrow{ letter-spacing:.18em; }
.sf-theme-fashion .sf-eyebrow{ color:var(--sf-ink); } .sf-theme-fashion .sf-card{ border:0; border-radius:0; background:transparent; } .sf-theme-fashion .sf-card:hover{ transform:none; box-shadow:none; } .sf-theme-fashion .sf-card-body{ padding:12px 0 0; } .sf-theme-fashion .sf-card-media{ border-radius:0; } .sf-theme-fashion .sf-slide-title{ font-weight:400; letter-spacing:-.02em; text-transform:uppercase; }
.sf-theme-fitness .sf-slide-title{ text-transform:uppercase; letter-spacing:-.02em; } .sf-theme-fitness .sf-eyebrow{ background:var(--sf-accent); color:var(--sf-accent-ink); padding:4px 10px; border-radius:4px; } .sf-theme-fitness .sf-btn{ text-transform:uppercase; letter-spacing:.06em; }
.sf-theme-luxury .sf-eyebrow{ letter-spacing:.22em; font-weight:600; } .sf-theme-luxury .sf-card{ border-color:color-mix(in srgb, var(--sf-accent) 30%, transparent); } .sf-theme-luxury .sf-slide-title{ font-weight:400; } .sf-theme-luxury .sf-section-head h2{ font-weight:400; }
.sf-dark .sf-badge{ background:var(--sf-accent); color:var(--sf-accent-ink); } .sf-dark .sf-carousel-dots button{ background:rgba(255,255,255,.3); } .sf-dark .sf-desc,.sf-dark .sf-page-body{ color:var(--sf-ink); } .sf-dark .sf-chip.is-active{ background:var(--sf-accent); color:var(--sf-accent-ink); border-color:var(--sf-accent); } .sf-dark .sf-swatch.is-active{ background:var(--sf-accent); color:var(--sf-accent-ink); border-color:var(--sf-accent); } .sf-dark .sf-fieldset input,.sf-dark .sf-fieldset select,.sf-dark .sf-fieldset textarea{ background:var(--sf-bg); color:var(--sf-ink); } .sf-dark .sf-toast{ background:var(--sf-accent); color:var(--sf-accent-ink); }
.sf-theme-minimal .sf-card{ border:0; background:transparent; } .sf-theme-minimal .sf-card:hover{ transform:none; box-shadow:none; } .sf-theme-minimal .sf-card-body{ padding:10px 0 0; } .sf-theme-minimal .sf-hero-carousel{ border-bottom:0; } .sf-theme-minimal .sf-eyebrow{ color:var(--sf-muted); }
@media (prefers-reduced-motion:reduce){ .sf-slide{ transition:none; } .sf-live-dot.is-on{ animation:none; } .sf-react-bubble{ animation-duration:.01s; } }
@media (max-width:1100px){ .sf-grid--cols-5{ grid-template-columns:repeat(4,minmax(0,1fr)); } .sf-social-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px){
  .sf-grid--cols-3,.sf-grid--cols-4,.sf-grid--cols-5{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .sf-catgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .sf-trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .sf-services-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sf-promo-grid--split,.sf-newsletter,.sf-reco-inner,.sf-livecard,.sf-live-grid,.sf-ship-cols,.sf-delivery-cards{ grid-template-columns:1fr; }
  .sf-livegrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sf-gallery--vertical{ grid-template-columns:1fr; }
  .sf-thumbs--vertical{ flex-direction:row; order:2; overflow-x:auto; margin-top:10px; } .sf-thumbs--vertical .sf-thumb[hidden]{ display:inline-block!important; } .sf-thumb--more{ display:none!important; }
  .sf-gallery-arrow{ display:inline-flex; width:36px; height:36px; font-size:20px; }
  .sf-header-transparent .sf-hero-carousel:first-child{ margin-top:0; } .sf-header-transparent .sf-hero-carousel:first-child .sf-slide-inner{ padding-top:48px; } .sf-header-transparent .sf-top{ position:sticky; background:var(--sf-paper); }
  .sf-slide-inner{ min-height:min(var(--sf-hero-min,520px), 78vh); }
  .sf-sticky-cta.is-visible{ display:flex; }
  .sf-live-rail{ position:sticky; top:auto; bottom:0; max-height:46vh; border-radius:var(--sf-card-radius) var(--sf-card-radius) 0 0; box-shadow:0 -8px 24px rgba(0,0,0,.1); }
  .sf-live-products{ flex-direction:row; overflow-x:auto; overflow-y:hidden; } .sf-live-item{ grid-template-columns:1fr; width:170px; flex-shrink:0; }
  .sf-live-chat{ max-height:260px; }
}
@media (max-width:560px){
  .sf-grid--cols-2,.sf-grid--cols-3,.sf-grid--cols-4,.sf-grid--cols-5{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sf-trust-grid{ grid-template-columns:1fr 1fr; gap:10px; } .sf-trust-item strong{ font-size:13px; } .sf-trust-item span{ display:none; }
  .sf-livegrid{ grid-template-columns:1fr; }
  .sf-services-head{ align-items:flex-start; } .sf-services-grid{ grid-template-columns:1fr; } .sf-newsletter{ padding:26px 20px; } .sf-newsletter-form{ grid-template-columns:1fr; }
  .sf-promo{ padding:26px 22px; min-height:240px; }
  .sf-slide-title{ font-size:clamp(28px,8vw,36px); }
  .sf-community{ padding:20px; } .sf-live-chat-form{ grid-template-columns:1fr auto; } .sf-live-chat-form input[name=author]{ grid-column:1 / -1; }
  .sf-social-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.sf-live-video{ position:absolute; inset:0; width:100%; height:100%; background:#000; object-fit:contain; }
.sf-live-unmute{ position:absolute; left:14px; bottom:14px; z-index:2; padding:9px 14px; border-radius:999px; border:0; background:rgba(255,255,255,.92); color:#1a1612; font-weight:700; cursor:pointer; }
.sf-live-video-msg{ position:absolute; left:0; right:0; bottom:0; padding:10px 14px; background:rgba(0,0,0,.65); color:#fff; font-size:13px; text-align:center; }
/* ===== v1.48.0 — konto kupujúceho, reklamácie a vrátenie tovaru ===== */
.sf-account-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.sf-account-h2{ font-size:20px; margin:28px 0 12px; }
.sf-account-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:8px; }
.sf-account-stats > div{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:12px 14px; display:flex; flex-direction:column; gap:2px; }
.sf-account-stats strong{ font-size:20px; } .sf-account-stats span{ font-size:12px; color:var(--sf-muted); }
.sf-account-login{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:20px 22px; display:flex; flex-direction:column; gap:8px; max-width:560px; }
.sf-account-login label{ font-weight:700; font-size:13px; }
.sf-account-login-row{ display:flex; gap:10px; flex-wrap:wrap; }
.sf-account-login-row input{ flex:1; min-width:220px; padding:12px 14px; border:1.5px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:15px; background:var(--sf-bg); }
.sf-account-help{ margin-top:26px; } .sf-account-help ul{ padding-left:18px; color:var(--sf-muted); } .sf-account-help h2{ font-size:18px; }
.sf-account-orders{ display:flex; flex-direction:column; gap:12px; }
.sf-account-order{ background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:14px 16px; }
.sf-account-order-head{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:flex-start; }
.sf-account-order-head strong{ display:block; } .sf-account-order-head .sf-muted{ font-size:12.5px; }
.sf-account-order-right{ display:flex; align-items:center; gap:10px; }
.sf-account-order-items{ display:flex; flex-direction:column; gap:2px; margin:8px 0; font-size:13.5px; color:var(--sf-muted); }
.sf-account-order-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; border-top:1px solid var(--sf-line); padding-top:10px; }
.sf-account-returns{ display:flex; flex-direction:column; gap:8px; }
.sf-account-return{ display:flex; justify-content:space-between; align-items:center; gap:12px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:12px 14px; }
.sf-account-return span.sf-muted{ display:block; font-size:12.5px; }
.sf-account-profile{ margin-top:10px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:16px 18px; display:flex; flex-direction:column; gap:10px; }
.sf-account-profile label{ font-size:13px; font-weight:700; display:flex; flex-direction:column; gap:4px; }
.sf-account-profile input[type=text], .sf-account-profile input[type=tel]{ padding:11px 13px; border:1.5px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:15px; font-weight:500; background:var(--sf-bg); }
.sf-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sf-return-form{ display:flex; flex-direction:column; gap:14px; }
.sf-return-form h2{ font-size:17px; margin:10px 0 0; }
.sf-field{ display:flex; flex-direction:column; gap:5px; font-size:13px; font-weight:700; }
.sf-field input[type=text], .sf-field select, .sf-field textarea, .sf-field input[type=file]{ padding:11px 13px; border:1.5px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:15px; font-weight:500; background:var(--sf-paper); }
.sf-return-items{ display:flex; flex-direction:column; gap:8px; }
.sf-return-item{ display:grid; grid-template-columns:auto 56px minmax(0,1fr) 90px; gap:12px; align-items:center; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:10px 12px; cursor:pointer; }
.sf-return-item.is-disabled{ opacity:.5; cursor:not-allowed; } .sf-return-item img{ width:56px; height:56px; object-fit:cover; border-radius:8px; }
.sf-return-item-body{ display:flex; flex-direction:column; gap:2px; font-weight:500; } .sf-return-item-body .sf-muted{ font-size:12px; }
.sf-return-item input[type=number]{ width:100%; padding:8px; border:1.5px solid var(--sf-line); border-radius:8px; font:inherit; text-align:center; }
.sf-return-photos{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; font-size:13px; }
.sf-return-docs{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.sf-return-track{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.sf-return-track input{ flex:1; min-width:200px; padding:10px 12px; border:1.5px solid var(--sf-line); border-radius:var(--sf-btn-radius); font:inherit; font-size:14px; background:var(--sf-bg); }
.sf-order-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.sf-order-returns{ list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:6px; font-size:14px; }
@media (max-width:700px){ .sf-account-stats{ grid-template-columns:1fr 1fr; } .sf-form-row{ grid-template-columns:1fr; } .sf-return-item{ grid-template-columns:auto minmax(0,1fr); } .sf-return-item img{ display:none; } .sf-return-item input[type=number]{ grid-column:2; width:90px; } }

/* Omnibus — najnižšia cena za 30 dní (v1.50.0). Povinný údaj pri každom oznámení o znížení ceny,
   preto je čitateľný (nie „drobným písmom“), ale nesúperí s cenou samotnou. */
.sf-omnibus{ margin:4px 0 0; font-size:12.5px; color:var(--sf-muted); }
.sf-omnibus--sm{ font-size:11.5px; margin-top:2px; }

/* LIVE vlna 1 (v1.51.0): odpočet akcie, rezervácia v košíku, pripomienka pred štartom, expresná pokladňa */
.sf-live-deal{ display:block; font-size:12px; font-weight:700; color:#e0245e; margin-top:2px; font-variant-numeric:tabular-nums; }
.sf-live-deal.is-urgent{ animation:sf-deal-pulse 1s ease-in-out infinite; }
.sf-live-deal.is-over{ color:var(--sf-muted); font-weight:500; }
@keyframes sf-deal-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } }
@media (prefers-reduced-motion: reduce){ .sf-live-deal.is-urgent{ animation:none; } }
.sf-live-held{ display:block; font-size:11px; color:var(--sf-muted); }

.sf-live-remind{ border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); padding:14px; margin-bottom:14px; display:flex; flex-direction:column; gap:6px; }
.sf-live-remind-row{ display:flex; gap:8px; }
.sf-live-remind-row .sf-input{ flex:1; min-width:0; }
.sf-live-remind-msg{ margin:0; font-size:12.5px; }
.sf-live-remind-msg.is-ok{ color:#2f7a4d; }
.sf-live-remind-msg.is-err{ color:#c0392b; }

.sf-cart-hold{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--sf-ink); background:#fff6e6; border:1px solid #f0dcb4; border-radius:var(--sf-radius); padding:9px 12px; margin-bottom:14px; }
.sf-cart-hold strong{ font-variant-numeric:tabular-nums; }
.sf-cart-hold.is-urgent{ background:#fdeceb; border-color:#f3c6c1; }

.sf-express-backdrop{ position:fixed; inset:0; background:rgba(20,18,15,.55); display:grid; place-items:center; padding:18px; z-index:80; }
.sf-express{ background:var(--sf-paper); border-radius:var(--sf-card-radius); padding:20px; width:min(420px, 100%); box-shadow:var(--sf-shadow); display:flex; flex-direction:column; gap:12px; }
.sf-express-head{ display:flex; align-items:center; justify-content:space-between; font-size:17px; }
.sf-express-close{ background:none; border:none; font-size:18px; cursor:pointer; color:var(--sf-muted); line-height:1; }
.sf-express-item{ margin:0; font-size:15px; display:flex; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--sf-line); }
.sf-express-meta{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:4px 14px; font-size:13px; }
.sf-express-meta dt{ color:var(--sf-muted); }
.sf-express-meta dd{ margin:0; }
.sf-express-terms{ margin:0; }
.sf-express-alt{ text-align:center; color:var(--sf-muted); }
.sf-live-express-btn{ margin-top:4px; }

/* Dražba (v1.52.0) — odpočet je hlavný prvok: pri poslednej desiatke sekúnd musí byť vidieť cez izbu */
.sf-auction{ border:2px solid var(--sf-accent); border-radius:var(--sf-radius); padding:14px; margin-bottom:14px; display:flex; flex-direction:column; gap:8px; }
.sf-auction.is-over{ border-color:var(--sf-line); opacity:.85; }
.sf-auction-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sf-auction-badge{ font-size:12px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color:var(--sf-accent); }
.sf-auction-timer{ font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }
.sf-auction.is-urgent .sf-auction-timer{ color:#e0245e; animation:sf-auction-tick .5s steps(2) infinite; }
@keyframes sf-auction-tick{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.12); } }
@media (prefers-reduced-motion: reduce){ .sf-auction.is-urgent .sf-auction-timer{ animation:none; } }
.sf-auction-title{ font-size:15px; }
.sf-auction-amount{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.sf-auction-amount strong{ font-size:20px; font-variant-numeric:tabular-nums; }
.sf-auction-reserve{ margin:0; color:#b8791f; }
.sf-auction-bids{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:3px; max-height:130px; overflow-y:auto; }
.sf-auction-bids li{ display:flex; justify-content:space-between; gap:10px; font-size:13px; padding:3px 0; border-bottom:1px dashed var(--sf-line); }
.sf-auction-bids li.is-top{ font-weight:700; }
.sf-auction-bids li strong{ font-variant-numeric:tabular-nums; }
.sf-auction-note{ margin:0; }
.sf-auction-login{ display:flex; flex-direction:column; gap:6px; }

/* Komentár = objednávka a čakačka (v1.53.0) */
.sf-live-code{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.04em; padding:1px 6px; border-radius:4px; background:var(--sf-accent); color:var(--sf-accent-ink); vertical-align:middle; }
.sf-chat-hint{ margin:0 0 6px; }
.sf-waitlist{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:4px; }
.sf-waitlist .sf-input--sm{ flex:1; min-width:120px; padding:7px 10px; font-size:13px; }
.sf-waitlist-msg{ flex-basis:100%; font-size:12px; }
.sf-waitlist-msg.is-ok{ color:#2f7a4d; }
.sf-waitlist-msg.is-err{ color:#c0392b; }

/* Označenie platenej spolupráce (v1.54.0) — zámerne kontrastné a nad obsahom, nie „drobným písmom“ */
.sf-paid-partnership{ margin:0 0 12px; padding:9px 14px; border-radius:var(--sf-radius); background:#fff4d6; border:1px solid #e8cf90; color:#5a4413; font-size:13.5px; font-weight:700; }

/* Klipy a shoppable replay (v1.55.0) */
.sf-clip-grid{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:26px; align-items:start; }
@media (max-width: 900px){ .sf-clip-grid{ grid-template-columns:1fr; } }
.sf-clip-player{ position:relative; background:#000; border-radius:var(--sf-card-radius); overflow:hidden; aspect-ratio:16/9; }
.sf-clip-video{ width:100%; height:100%; object-fit:contain; display:block; background:#000; }
.sf-clip-title{ margin:14px 0 4px; font-size:22px; }
.sf-clip-meta{ margin:0 0 10px; font-size:13px; }
.sf-clip-desc{ font-size:14.5px; line-height:1.6; }
.sf-clip-rail{ border:1.5px solid var(--sf-line); border-radius:var(--sf-card-radius); padding:14px; }
.sf-clip-grid-list{ display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:16px; }
.sf-clip-card{ display:flex; flex-direction:column; gap:6px; color:inherit; }
.sf-clip-card-media{ position:relative; display:block; aspect-ratio:9/16; border-radius:var(--sf-card-radius); overflow:hidden; background:var(--sf-paper-2, #eee); display:grid; place-items:center; }
.sf-clip-card-media img{ width:100%; height:100%; object-fit:cover; }
.sf-clip-card-time{ position:absolute; right:8px; bottom:8px; background:rgba(0,0,0,.65); color:#fff; font-size:11px; font-weight:700; padding:2px 6px; border-radius:4px; font-variant-numeric:tabular-nums; }
.sf-clip-card strong{ font-size:14px; line-height:1.3; }

/* Anketa a pripnutá správa (v1.56.0) */
.sf-poll{ border:1.5px solid var(--sf-line); border-radius:var(--sf-radius); padding:12px 14px; margin-bottom:14px; display:flex; flex-direction:column; gap:8px; }
.sf-poll.is-closed{ opacity:.85; }
.sf-poll-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sf-poll-timer{ font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--sf-muted); }
.sf-poll-options{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.sf-poll-options .sf-poll-vote{ width:100%; justify-content:flex-start; }
.sf-poll-result{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 10px; border-radius:6px; background:var(--sf-bg); overflow:hidden; font-size:13.5px; }
.sf-poll-result.is-mine{ outline:2px solid var(--sf-accent); }
.sf-poll-bar{ position:absolute; inset:0 auto 0 0; background:var(--sf-accent); opacity:.16; }
.sf-poll-label{ position:relative; }
.sf-poll-result strong{ position:relative; font-variant-numeric:tabular-nums; }
.sf-poll-total{ margin:0; }
.sf-live-pin{ background:#fff6e6; border:1px solid #f0dcb4; border-radius:var(--sf-radius); padding:8px 11px; font-size:13px; margin-bottom:8px; }

/* Súťaž a plávajúca upútavka (v1.58.0) */
.sf-giveaway{ border:1.5px solid var(--sf-accent); border-radius:var(--sf-radius); padding:12px 14px; margin-bottom:14px; display:flex; flex-direction:column; gap:7px; }
.sf-giveaway-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sf-giveaway-timer{ font-size:12px; font-weight:700; color:var(--sf-muted); font-variant-numeric:tabular-nums; }
.sf-giveaway-rules summary{ cursor:pointer; font-size:12px; color:var(--sf-muted); }
.sf-giveaway-rules p{ margin:6px 0 0; }

.sf-vwidget{
  position:fixed; right:18px; bottom:18px; z-index:70; display:flex; align-items:center; gap:10px;
  background:var(--sf-paper); border:1.5px solid var(--sf-line); border-radius:14px; padding:8px 12px 8px 8px;
  box-shadow:var(--sf-shadow); color:inherit; max-width:min(320px, calc(100vw - 36px));
  opacity:0; transform:translateY(12px); transition:opacity .3s ease, transform .3s ease;
}
.sf-vwidget.is-in{ opacity:1; transform:none; }
.sf-vwidget.is-left{ right:auto; left:18px; }
.sf-vwidget-media{ position:relative; width:52px; height:52px; border-radius:10px; overflow:hidden; flex-shrink:0; background:var(--sf-bg); display:grid; place-items:center; }
.sf-vwidget-media img{ width:100%; height:100%; object-fit:cover; }
.sf-vwidget-ph{ font-size:22px; }
.sf-vwidget-dot{ position:absolute; left:5px; top:5px; width:9px; height:9px; border-radius:50%; background:#e0245e; box-shadow:0 0 0 2px var(--sf-paper); animation:sf-vwidget-pulse 1.4s ease-in-out infinite; }
@keyframes sf-vwidget-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
@media (prefers-reduced-motion: reduce){ .sf-vwidget{ transition:none; } .sf-vwidget-dot{ animation:none; } }
.sf-vwidget-text{ display:flex; flex-direction:column; min-width:0; }
.sf-vwidget-text strong{ font-size:12px; color:var(--sf-accent); }
.sf-vwidget-text span{ font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sf-vwidget-close{ background:none; border:none; color:var(--sf-muted); font-size:14px; cursor:pointer; padding:2px 4px; line-height:1; align-self:flex-start; }
@media (max-width: 640px){ .sf-vwidget, .sf-vwidget.is-left{ right:10px; left:10px; bottom:10px; max-width:none; } }
.sf-cohosts{ margin:0 0 8px; }

/* ── Míňanie tovaru v LIVE (v1.68.0) ────────────────────────────────────────
   „Zostáva 3 ks" povie stav, nie tempo. Pruh ukáže, koľko z pôvodného množstva
   je preč — pri obmedzenom tovare je to jediné, čo diváka naozaj pohne. */
.sf-stock{ display:flex; flex-direction:column; gap:3px; margin:6px 0 2px; }
.sf-stock-bar{ height:5px; border-radius:999px; background:var(--sf-line, rgba(0,0,0,.1)); overflow:hidden; }
.sf-stock-bar span{ display:block; height:100%; border-radius:999px; background:var(--sf-accent);
  transition:width .5s cubic-bezier(.16,1,.3,1); }
.sf-stock-bar.is-low span{ background:#c0392b; }
.sf-stock-sold{ font-size:11.5px; color:var(--sf-muted); font-variant-numeric:tabular-nums; }
.sf-live-item.is-sold-out .sf-stock-bar span{ background:var(--sf-muted); }
@media (prefers-reduced-motion: reduce){ .sf-stock-bar span{ transition:none; } }

/* Pravidlá dražby pri tlačidle (v1.68.0) — dražba zaväzuje pred pokladňou, tak nech sú po ruke. */
.sf-auction-rules{ margin-top:10px; font-size:12.5px; color:var(--sf-muted); }
.sf-auction-rules summary{ cursor:pointer; font-weight:600; color:var(--sf-text); list-style:none; }
.sf-auction-rules summary::-webkit-details-marker{ display:none; }
.sf-auction-rules summary::before{ content:'▸ '; }
.sf-auction-rules[open] summary::before{ content:'▾ '; }
.sf-auction-rules ul{ margin:8px 0 0; padding-left:18px; display:flex; flex-direction:column; gap:5px; line-height:1.45; }

.sf-wrap--wide{ max-width:min(1560px, 100% - 40px); }
.sf-section-title{ margin:0 0 18px; font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); font-size:clamp(21px,2.4vw,30px); }

/* ---------- A+ content (v1.70.0) — bloky produktovej stránky, inc/shop/aplus.php ---------- */
.ap{ display:flex; flex-direction:column; gap:44px; }
.ap-b{ margin:0; }
.ap-h{ margin:0 0 14px; font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); font-size:clamp(21px,2.4vw,30px); line-height:1.2; }
.ap-lead{ margin:0 0 16px; font-size:clamp(15px,1.5vw,17px); line-height:1.6; color:var(--sf-muted); max-width:62ch; }
.ap-eyebrow{ display:inline-block; margin-bottom:8px; font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--sf-accent); }
.ap-cap{ margin:10px 0 0; font-size:13.5px; color:var(--sf-muted); }
.ap-rt{ font-size:15px; line-height:1.65; max-width:70ch; }
.ap-rt p{ margin:0 0 12px; } .ap-rt ul,.ap-rt ol{ margin:0 0 12px; padding-left:22px; } .ap-rt li{ margin-bottom:6px; }
.ap-rt h3,.ap-rt h4{ font-family:var(--sf-heading-font); margin:18px 0 8px; font-size:17px; }
.ap-rt a{ color:var(--sf-accent); text-decoration:underline; }
.ap-btn{ display:inline-flex; align-items:center; justify-content:center; margin-top:6px; padding:0 22px; height:var(--sf-btn-height); border:1.5px solid var(--sf-accent); border-radius:var(--sf-btn-radius); color:var(--sf-accent); font-weight:700; font-size:14.5px; }
.ap-btn--solid{ background:var(--sf-accent); color:var(--sf-accent-ink); }
.ap-btn:hover{ filter:brightness(.95); }

.ap-hero{ position:relative; display:flex; align-items:center; min-height:280px; padding:40px; border-radius:var(--sf-card-radius); overflow:hidden; background:color-mix(in srgb, var(--sf-accent) 12%, var(--sf-paper)); }
.ap-hero--s{ min-height:200px; } .ap-hero--l{ min-height:420px; }
.ap-hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ap-hero::after{ content:""; position:absolute; inset:0; background:#0c0a09; opacity:var(--ap-ov,.45); }
.ap-hero:not(:has(.ap-hero-bg))::after{ display:none; }
.ap-hero-in{ position:relative; z-index:1; max-width:640px; }
.ap-hero:has(.ap-hero-bg) .ap-hero-in{ color:#fff; }
.ap-hero:has(.ap-hero-bg) .ap-lead{ color:rgba(255,255,255,.86); }
.ap-hero:has(.ap-hero-bg) .ap-eyebrow{ color:#fff; }
.ap-hero.ap-al-center{ justify-content:center; text-align:center; } .ap-hero.ap-al-center .ap-lead{ margin-inline:auto; }

.ap-split{ display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.ap-split--text{ grid-template-columns:1.35fr 1fr; }
.ap-split--media{ grid-template-columns:1fr 1.35fr; }
.ap-split--media.ap-split--rev{ grid-template-columns:1.35fr 1fr; }
.ap-split--text.ap-split--rev{ grid-template-columns:1fr 1.35fr; }
.ap-split-media img{ width:100%; border-radius:var(--sf-card-radius); display:block; }

.ap-feats{ display:grid; grid-template-columns:repeat(var(--ap-cols,3),minmax(0,1fr)); gap:14px; }
.ap-feat{ padding:20px; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.ap-feat-ico{ display:block; font-size:24px; line-height:1; margin-bottom:10px; }
.ap-feat strong{ display:block; margin-bottom:5px; font-size:15px; }
.ap-feat p{ margin:0; font-size:14px; line-height:1.55; color:var(--sf-muted); }

.ap-gal{ display:grid; grid-template-columns:repeat(var(--ap-cols,3),minmax(0,1fr)); gap:10px; }
.ap-gal-cell{ margin:0; overflow:hidden; border-radius:var(--sf-card-radius); }
.ap-gal-cell img{ width:100%; display:block; }
.ap-gal--square .ap-gal-cell img{ aspect-ratio:1/1; object-fit:cover; }
.ap-gal--portrait .ap-gal-cell img{ aspect-ratio:3/4; object-fit:cover; }

.ap-video{ position:relative; padding-top:56.25%; border-radius:var(--sf-card-radius); overflow:hidden; background:#000; }
.ap-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.ap-tw{ overflow-x:auto; }
.ap-cmp{ width:100%; border-collapse:collapse; min-width:520px; background:var(--sf-paper); border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); overflow:hidden; }
.ap-cmp th,.ap-cmp td{ padding:12px 16px; text-align:left; font-size:14px; border-bottom:1px solid var(--sf-line); }
.ap-cmp thead th{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--sf-muted); }
.ap-cmp thead .ap-cmp-a{ color:var(--sf-accent); }
.ap-cmp tbody th{ font-weight:600; }
.ap-cmp td.ap-cmp-a{ font-weight:700; background:color-mix(in srgb, var(--sf-accent) 7%, transparent); }
.ap-cmp tr:last-child th,.ap-cmp tr:last-child td{ border-bottom:0; }

.ap-specs{ display:grid; grid-template-columns:repeat(var(--ap-cols,2),minmax(0,1fr)); gap:0 32px; margin:0; }
.ap-spec{ display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--sf-line); font-size:14px; }
.ap-spec dt{ color:var(--sf-muted); } .ap-spec dd{ margin:0; font-weight:700; text-align:right; }

.ap-faq{ border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); overflow:hidden; }
.ap-faq-item{ border-bottom:1px solid var(--sf-line); } .ap-faq-item:last-child{ border-bottom:0; }
.ap-faq-item summary{ padding:15px 18px; cursor:pointer; font-weight:700; font-size:15px; list-style:none; }
.ap-faq-item summary::-webkit-details-marker{ display:none; }
.ap-faq-item summary::after{ content:"+"; float:right; color:var(--sf-muted); font-weight:400; }
.ap-faq-item[open] summary::after{ content:"−"; }
.ap-faq-item .ap-rt{ padding:0 18px 16px; }

.ap-cta{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:30px 34px; border-radius:var(--sf-card-radius); background:color-mix(in srgb, var(--sf-accent) 12%, var(--sf-paper)); border:1px solid color-mix(in srgb, var(--sf-accent) 28%, var(--sf-line)); }
.ap-cta--plain{ background:var(--sf-paper); border-color:var(--sf-line); }
.ap-cta-copy{ min-width:0; } .ap-cta .ap-h{ margin-bottom:6px; } .ap-cta p{ margin:0; color:var(--sf-muted); font-size:15px; }
.ap-cta .ap-btn{ margin-top:0; flex:0 0 auto; }

.ap-full img{ width:100%; display:block; border-radius:var(--sf-card-radius); }
.ap-full--full{ margin:0 calc(50% - 50vw); width:100vw; }
.ap-full--full img{ border-radius:0; }

.ap-ba{ position:relative; border-radius:var(--sf-card-radius); overflow:hidden; user-select:none; }
.ap-ba-img{ position:relative; } .ap-ba-img img{ width:100%; display:block; }
.ap-ba-after{ position:absolute; inset:0; width:50%; overflow:hidden; }
.ap-ba-after img{ position:absolute; top:0; left:0; height:100%; width:auto; min-width:100%; max-width:none; object-fit:cover; }
.ap-ba-tag{ position:absolute; left:12px; bottom:12px; padding:5px 11px; border-radius:999px; background:rgba(12,10,9,.7); color:#fff; font-size:12px; font-weight:700; }
.ap-ba-tag--r{ left:auto; right:12px; }
.ap-ba-range{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }
.ap-ba-handle{ position:absolute; top:0; bottom:0; left:50%; width:2px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.25); pointer-events:none; }
.ap-ba-handle::after{ content:"↔"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:#fff; color:#1a1612; font-size:15px; box-shadow:0 2px 8px rgba(0,0,0,.25); }

.ap-revs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ap-rev{ margin:0; padding:20px; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.ap-stars{ display:block; margin-bottom:8px; color:#e8a33d; font-size:15px; letter-spacing:1px; }
.ap-stars-off{ color:var(--sf-line); }
.ap-rev blockquote{ margin:0; font-size:14.5px; line-height:1.6; }
.ap-rev figcaption{ margin-top:10px; font-size:13px; font-weight:700; color:var(--sf-muted); }

@media (max-width:900px){
  .ap{ gap:32px; }
  .ap-split,.ap-split--text,.ap-split--media,.ap-split--text.ap-split--rev,.ap-split--media.ap-split--rev{ grid-template-columns:1fr; gap:18px; }
  .ap-split--rev .ap-split-media{ order:-1; }
  .ap-feats,.ap-revs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ap-specs{ grid-template-columns:1fr; }
  .ap-hero{ padding:26px; min-height:230px; } .ap-hero--l{ min-height:300px; }
  .ap-cta{ padding:24px; }
}
@media (max-width:560px){
  .ap-feats,.ap-revs,.ap-gal{ grid-template-columns:1fr; }
  .ap-gal{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ---------- A+ landing bloky (v1.72.0): ponuka, balenie, kroky, slovo tvorcu ---------- */
.ap-offer{ display:flex; justify-content:center; }
.ap-offer-in{ width:100%; max-width:520px; padding:28px 30px; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); text-align:center; }
.ap-offer--band{ margin:0 calc(50% - 50vw); padding:36px max(20px, calc(50vw - var(--sf-page-width) / 2 + 20px)); background:color-mix(in srgb, var(--sf-accent) 10%, var(--sf-paper)); }
.ap-offer--band .ap-offer-in{ max-width:620px; border:0; background:transparent; padding:0; }
.ap-offer-h{ margin:0 0 16px; font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); font-size:19px; }
.ap-count-label{ display:block; margin-bottom:8px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sf-muted); }
.ap-count-boxes{ display:flex; justify-content:center; gap:8px; margin-bottom:18px; }
.ap-count-boxes span{ min-width:62px; padding:8px 6px; border:1px solid var(--sf-line); border-radius:10px; background:var(--sf-bg); }
.ap-count-boxes b{ display:block; font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1; }
.ap-count-boxes i{ display:block; font-style:normal; font-size:11px; color:var(--sf-muted); }
.ap-offer-price{ display:flex; align-items:baseline; justify-content:center; gap:10px; flex-wrap:wrap; margin:0 0 16px; }
.ap-offer-price strong{ font-size:36px; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.ap-offer-price s{ font-size:17px; color:var(--sf-muted); }
.ap-offer-save{ padding:4px 10px; border-radius:999px; background:color-mix(in srgb, var(--sf-accent) 18%, transparent); color:var(--sf-accent); font-size:12.5px; font-weight:800; }
.ap-btn--wide{ display:flex; width:100%; margin-top:0; }
.ap-offer-stock{ display:flex; align-items:center; justify-content:center; gap:7px; margin:14px 0 0; font-size:13.5px; font-weight:600; }
.ap-offer-stock span{ width:8px; height:8px; border-radius:999px; background:#2e7d32; }
.ap-offer-stock.is-out{ color:var(--sf-muted); } .ap-offer-stock.is-out span{ background:#b3382c; }
.ap-offer-note{ margin:10px 0 0; font-size:12.5px; line-height:1.55; color:var(--sf-muted); }

.ap-set{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; }
.ap-set-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.ap-set-list li{ display:flex; gap:14px; align-items:flex-start; }
.ap-set-n{ flex:0 0 auto; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:color-mix(in srgb, var(--sf-accent) 16%, transparent); color:var(--sf-accent); font-size:12.5px; font-weight:800; }
.ap-set-copy strong{ display:block; font-size:15.5px; margin-bottom:2px; }
.ap-set-copy span{ font-size:14px; line-height:1.55; color:var(--sf-muted); }
.ap-set-media{ position:relative; } .ap-set-media img{ width:100%; display:block; border-radius:var(--sf-card-radius); }
.ap-set-badge{ position:absolute; right:-6px; top:-6px; width:104px; height:104px; display:flex; align-items:center; justify-content:center; padding:12px; border-radius:999px; background:var(--sf-secondary); color:#fff; font-size:11.5px; font-weight:800; line-height:1.25; text-align:center; text-transform:uppercase; letter-spacing:.03em; }

.ap-steps{ display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:36px; align-items:center; padding:36px 40px; border-radius:var(--sf-card-radius); }
.ap-steps--dark{ background:#14120f; color:#f0eee9; margin:0 calc(50% - 50vw); width:100vw; border-radius:0; padding:44px max(20px, calc(50vw - var(--sf-page-width) / 2 + 20px)); }
.ap-steps--dark .ap-h{ color:#f0eee9; } .ap-steps--dark p{ color:#c8bfa9; }
.ap-steps--light{ background:var(--sf-paper); border:1px solid var(--sf-line); }
.ap-steps-copy p{ margin:0 0 14px; font-size:14.5px; line-height:1.6; color:var(--sf-muted); }
.ap-steps-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; text-align:center; }
.ap-step-ico{ display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:12px; border-radius:999px; border:1.5px solid currentColor; font-size:20px; color:var(--sf-accent); }
.ap-steps--dark .ap-step-ico{ color:#c9a08c; }
.ap-step strong{ display:block; margin-bottom:5px; font-size:15px; }
.ap-step p{ margin:0; font-size:13.5px; line-height:1.55; }

.ap-note{ display:grid; grid-template-columns:170px minmax(0,1fr); gap:28px; align-items:center; padding:28px 30px; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.ap-note-photo{ width:150px; height:150px; object-fit:cover; border-radius:999px; }
.ap-note-name{ display:block; font-size:18px; }
.ap-note-role{ display:block; margin-bottom:10px; font-size:13.5px; color:var(--sf-muted); }
.ap-note-sign{ display:block; margin-top:10px; font-size:19px; font-style:italic; color:var(--sf-accent); }

@media (max-width:900px){
  .ap-set,.ap-steps,.ap-note{ grid-template-columns:1fr; gap:20px; }
  .ap-steps{ padding:26px 22px; } .ap-steps--dark{ padding:30px 20px; }
  .ap-note{ text-align:center; justify-items:center; }
  .ap-note-photo{ width:110px; height:110px; }
  .ap-set-media{ order:-1; }
}
@media (max-width:560px){
  .ap-steps-grid{ grid-template-columns:1fr; }
  .ap-offer-in{ padding:22px 18px; }
  .ap-count-boxes span{ min-width:0; flex:1; }
  .ap-offer-price strong{ font-size:30px; }
}

/* ---------- Téma Creator One (v1.73.0) ----------
   1:1 podľa dodanej predlohy (eventpixel_creator_one/index.html): fialový akcent s jemným
   gradientom na tlačidlách, mäkký tieň namiesto liniek, pilulky a karty s rádiusom 18/14/12,
   Inter. Všetko cez premenné témy, aby si tvorca vedel farbu aj tak prepísať. */
.sf-theme-creator_one{ --sf-shadow:0 8px 30px rgba(31,20,60,.08); --sf-soft:#f7f6fa; }
.sf-theme-creator_one body{ -webkit-font-smoothing:antialiased; }
.sf-theme-creator_one .sf-btn--primary,
.sf-theme-creator_one .ap-btn--solid{ background:linear-gradient(135deg, color-mix(in srgb, var(--sf-accent) 88%, #ffffff) 0%, var(--sf-accent) 100%); border-color:transparent; box-shadow:0 8px 20px color-mix(in srgb, var(--sf-accent) 28%, transparent); }
.sf-theme-creator_one .sf-btn--primary:hover,
.sf-theme-creator_one .ap-btn--solid:hover{ filter:none; box-shadow:0 10px 26px color-mix(in srgb, var(--sf-accent) 36%, transparent); }
.sf-theme-creator_one .sf-card{ border-color:transparent; box-shadow:0 4px 16px rgba(23,23,34,.04); }
.sf-theme-creator_one .sf-card:hover{ box-shadow:0 10px 30px rgba(23,23,34,.09); }
.sf-theme-creator_one .sf-eyebrow{ letter-spacing:.08em; font-weight:800; }
.sf-theme-creator_one .sf-section-head h2,
.sf-theme-creator_one .ap-h{ letter-spacing:-.02em; }
.sf-theme-creator_one .sf-header{ border-bottom:1px solid var(--sf-line); }

/* Ponuka: karta s tieňom a odpočet v jemných dlaždiciach — presne ako v predlohe */
.sf-theme-creator_one .ap-offer-in{ border-color:transparent; box-shadow:var(--sf-shadow); }
.sf-theme-creator_one .ap-count-boxes span{ border-color:transparent; background:var(--sf-soft); }
.sf-theme-creator_one .ap-count-boxes b{ font-weight:900; }
.sf-theme-creator_one .ap-offer-price strong{ font-weight:900; letter-spacing:-.03em; }
.sf-theme-creator_one .ap-offer-save{ background:#f45a63; color:#fff; font-weight:700; }
.sf-theme-creator_one .ap-set-badge{ background:#191824; border:8px solid var(--sf-paper); transform:rotate(-8deg); }
.sf-theme-creator_one .ap-set-n{ background:var(--sf-accent); color:#fff; }
.sf-theme-creator_one .ap-steps--dark{ background:#171821; }
.sf-theme-creator_one .ap-steps--dark .ap-step{ border-left:1px solid #34343f; padding-left:18px; }
.sf-theme-creator_one .ap-step-ico{ border-color:var(--sf-accent); color:var(--sf-accent); }
.sf-theme-creator_one .ap-rev{ border-color:var(--sf-line); box-shadow:0 4px 16px rgba(23,23,34,.03); }
.sf-theme-creator_one .ap-stars{ color:#ffad22; }
.sf-theme-creator_one .ap-faq{ box-shadow:0 4px 16px rgba(23,23,34,.03); }
.sf-theme-creator_one .ap-note{ background:linear-gradient(90deg, var(--sf-soft), var(--sf-paper)); border-color:transparent; }
.sf-theme-creator_one .ap-note-sign{ font-size:22px; }
@media (max-width:900px){
  .sf-theme-creator_one .ap-steps--dark .ap-step{ border-left:0; border-top:1px solid #34343f; padding:18px 0 0; }
}

/* ---------- Jednostránkový obchod (v1.74.0) ---------- */
.sf-creator-mini{ display:flex; align-items:center; gap:9px; font-size:11.5px; line-height:1.25; }
.sf-creator-mini img{ width:30px; height:30px; border-radius:999px; object-fit:cover; }
.sf-creator-mini span{ display:flex; flex-direction:column; }
.sf-creator-mini small{ color:var(--sf-muted); font-size:10.5px; }
.sf-creator-mini b{ font-size:12.5px; white-space:nowrap; }
.sf-follow{ border-radius:999px!important; padding:0 18px; }
.ap-duo{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:24px; align-items:start; }
.ap-duo > .ap-b{ margin:0; }
@media (max-width:900px){
  .ap-duo{ grid-template-columns:1fr; }
  .sf-creator-mini small,.sf-creator-mini b{ font-size:11px; }
}
@media (max-width:560px){ .sf-creator-mini span{ display:none; } }
.ap-hero-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.ap-btn--ghost{ background:var(--sf-paper); border-color:var(--sf-line); color:var(--sf-ink); }
.ap-hero:has(.ap-hero-bg) .ap-btn--ghost{ background:rgba(255,255,255,.92); border-color:transparent; color:#171722; }
.ap-verified{ display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; border-radius:999px; background:var(--sf-accent); color:#fff; font-size:10px; font-weight:900; vertical-align:middle; }

/* Živý náhľad témy (v1.75.0) — pás v iframe, nie na verejnom obchode. */
.sf-preview-bar{ padding:7px 14px; background:#171722; color:#f0eee9; font-size:12px; font-weight:700; text-align:center; letter-spacing:.02em; }

/* ---------- Jednostránkový obchod s 2–3 produktmi (v1.76.0) ----------
   Striedavé bloky pod sebou: veľká fotka, vzdušná typografia, cena a tlačidlo pri každom produkte.
   Žiadne karty v mriežke — na troch produktoch by pôsobili ako prázdny katalóg. */
.sf-lp-hero{ padding-top:clamp(28px,5vw,64px); }
.sf-lp-hero .sf-wrap{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sf-lp-hero-media img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:calc(var(--sf-card-radius) * 1.6); display:block; }
.sf-lp-hero-copy h1{ margin:8px 0 14px; font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); font-size:clamp(30px,5vw,54px); line-height:1.04; letter-spacing:-.03em; text-wrap:balance; }
.sf-lp-lead{ margin:0 0 20px; font-size:clamp(15px,1.5vw,18px); line-height:1.6; color:var(--sf-muted); max-width:52ch; }
.sf-lp-jump{ display:flex; gap:8px; flex-wrap:wrap; }
.sf-lp-jump a{ padding:9px 16px; border:1px solid var(--sf-line); border-radius:999px; font-size:13.5px; font-weight:700; transition:border-color .15s, background .15s; }
.sf-lp-jump a:hover{ border-color:var(--sf-accent); background:color-mix(in srgb, var(--sf-accent) 8%, transparent); }

.sf-lp-grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sf-lp-item.is-rev .sf-lp-media{ order:2; }
.sf-lp-media{ position:relative; }
.sf-lp-media > img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:calc(var(--sf-card-radius) * 1.6); display:block; }
.sf-lp-badge{ position:absolute; left:16px; top:16px; }
.sf-lp-thumbs{ display:flex; gap:8px; margin-top:10px; }
.sf-lp-thumbs img{ width:74px; height:74px; object-fit:cover; border-radius:calc(var(--sf-card-radius) / 1.4); }
.sf-lp-copy h2{ margin:6px 0 12px; font-family:var(--sf-heading-font); font-weight:var(--sf-heading-weight); font-size:clamp(24px,3.4vw,40px); line-height:1.08; letter-spacing:-.02em; text-wrap:balance; }
.sf-lp-desc{ margin:0 0 16px; font-size:clamp(14.5px,1.4vw,17px); line-height:1.6; color:var(--sf-muted); max-width:48ch; }
.sf-lp-bullets{ margin:0 0 20px; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.sf-lp-bullets li{ position:relative; padding-left:26px; font-size:14.5px; line-height:1.5; }
.sf-lp-bullets li::before{ content:"✓"; position:absolute; left:0; top:0; width:18px; height:18px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:color-mix(in srgb, var(--sf-accent) 16%, transparent); color:var(--sf-accent); font-size:11px; font-weight:800; }
.sf-lp-price{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.sf-lp-price strong{ font-size:clamp(26px,3vw,36px); font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.sf-lp-price s{ font-size:17px; color:var(--sf-muted); }
.sf-lp-vat{ font-size:12.5px; color:var(--sf-muted); }
.sf-lp-stock{ display:flex; align-items:center; gap:7px; margin:0 0 18px; font-size:13.5px; font-weight:600; }
.sf-lp-stock span{ width:8px; height:8px; border-radius:999px; background:#2e7d32; }
.sf-lp-stock.is-out{ color:var(--sf-muted); } .sf-lp-stock.is-out span{ background:#b3382c; }
.sf-lp-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.sf-lp-actions form{ margin:0; }

@media (max-width:900px){
  .sf-lp-hero .sf-wrap,.sf-lp-grid{ grid-template-columns:1fr; gap:20px; }
  .sf-lp-hero-media,.sf-lp-item .sf-lp-media,.sf-lp-item.is-rev .sf-lp-media{ order:-1; }
  .sf-lp-media > img{ aspect-ratio:4/3; }
  .sf-lp-actions .sf-btn{ flex:1 1 auto; justify-content:center; }
}

/* ---------- LIVE: počet divákov na videu + rozpis skladu (v1.77.0) ---------- */
.sf-live-overlay{ position:absolute; left:12px; top:12px; z-index:3; display:flex; gap:6px; align-items:center; pointer-events:none; }
.sf-live-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:999px; background:rgba(12,10,9,.62); color:#fff; font-size:12px; font-weight:700; line-height:1; backdrop-filter:blur(6px); }
.sf-live-chip--on{ background:#d84a3a; letter-spacing:.04em; }
.sf-live-chip svg{ width:14px; height:14px; opacity:.85; }
.sf-live-chip b{ font-variant-numeric:tabular-nums; }
.sf-live-chip-lbl{ opacity:.8; font-weight:600; }
@supports not (backdrop-filter: blur(6px)){ .sf-live-chip{ background:rgba(12,10,9,.78); } }

.sf-stock-nums{ display:flex; flex-wrap:wrap; gap:4px 14px; margin:6px 0 2px; }
.sf-stock-nums span{ display:flex; align-items:baseline; gap:5px; font-size:12px; }
.sf-stock-nums i{ font-style:normal; color:var(--sf-muted); }
.sf-stock-nums b{ font-size:14px; font-weight:800; font-variant-numeric:tabular-nums; }
.sf-stock-held b{ color:#c07a2b; }
.sf-stock-held.is-zero{ opacity:.45; } .sf-stock-held.is-zero b{ color:inherit; }
@media (max-width:560px){ .sf-stock-nums{ gap:2px 12px; } .sf-stock-nums span{ font-size:11.5px; } .sf-live-chip-lbl{ display:none; } }

/* ================= LIVE stránka v2 (v1.78.0) =================
   Rozloženie podľa zadania „Creator / Live Shopping UI redesign“: video hrdina vľavo, chat vpravo,
   pripnutý produkt hneď pod videom, katalóg s filtrami pod ním. Farby a rádiusy sa berú z témy
   obchodu (--sf-*), nie z natvrdo zapísanej palety — obchod má vyzerať ako značka tvorcu. */
.sf-live-shell{ display:flex; flex-direction:column; gap:16px; padding-top:14px; }
.sf-live-identity{ display:flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.sf-live-id-avatar{ width:52px; height:52px; border-radius:999px; object-fit:cover; flex:0 0 auto; }
.sf-live-id-copy{ min-width:0; flex:1; }
.sf-live-id-name{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.sf-live-id-name strong{ font-size:16px; }
.sf-live-id-handle{ font-size:13px; color:var(--sf-muted); }
.sf-live-id-meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:3px; font-size:12.5px; color:var(--sf-muted); }
.sf-live-id-meta b{ color:var(--sf-ink); font-variant-numeric:tabular-nums; }
.sf-live-state{ display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--sf-ink); }
.sf-live-state.is-on{ color:#d84a3a; }
.sf-live-id-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

.sf-live-cols{ display:grid; grid-template-columns:minmax(0,72fr) minmax(300px,28fr); gap:16px; align-items:start; }
.sf-live-main{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.sf-live-main .sf-live-player{ border-radius:var(--sf-card-radius); overflow:hidden; }
.sf-live-main .sf-live-meta{ display:flex; flex-direction:column; gap:8px; }

/* Pripnutý produkt — pás, nie karta v mriežke: má byť najvýraznejšia vec pod videom. */
.sf-live-featured{ padding:14px 16px; border:1.5px solid color-mix(in srgb, var(--sf-accent) 40%, var(--sf-line)); border-radius:var(--sf-card-radius); background:var(--sf-paper); }
.sf-live-featured .sf-eyebrow{ display:block; margin-bottom:10px; }
.sf-live-featured .sf-live-item{ border:0; padding:0; background:none; box-shadow:none; }

.sf-live-catalog{ border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); padding:14px 16px; }
.sf-live-catalog-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }
.sf-live-catalog-head strong{ font-size:16px; }
.sf-live-pills{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.sf-live-pills button{ padding:7px 14px; border:1px solid var(--sf-line); border-radius:999px; background:var(--sf-bg); color:var(--sf-ink); font-size:12.5px; font-weight:700; cursor:pointer; transition:border-color .15s, background .15s; }
.sf-live-pills button:hover{ border-color:var(--sf-accent); }
.sf-live-pills button.is-active{ background:var(--sf-accent); border-color:var(--sf-accent); color:var(--sf-accent-ink); }
.sf-live-catalog .sf-live-products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; max-height:none; overflow:visible; }
.sf-live-item.is-filtered-out{ display:none; }

.sf-live-side{ position:sticky; top:14px; display:flex; flex-direction:column; gap:14px; }
.sf-live-side-card{ display:flex; flex-direction:column; border:1px solid var(--sf-line); border-radius:var(--sf-card-radius); background:var(--sf-paper); overflow:hidden; max-height:calc(100vh - 40px); }
.sf-live-tabs{ display:flex; gap:2px; padding:6px 8px 0; border-bottom:1px solid var(--sf-line); }
.sf-live-tabs button{ padding:10px 14px; border:0; border-bottom:2px solid transparent; background:none; color:var(--sf-muted); font-size:13.5px; font-weight:700; cursor:pointer; }
.sf-live-tabs button.is-active{ color:var(--sf-ink); border-bottom-color:var(--sf-accent); }
.sf-live-hint{ display:flex; gap:10px; align-items:flex-start; margin:10px 12px 0; padding:10px 12px; border-radius:calc(var(--sf-card-radius) / 1.5); background:color-mix(in srgb, var(--sf-accent) 10%, var(--sf-bg)); }
.sf-live-hint svg{ width:18px; height:18px; flex:0 0 auto; color:var(--sf-accent); margin-top:1px; }
.sf-live-hint p{ margin:0; font-size:12.5px; line-height:1.5; }
.sf-live-side .sf-live-chat{ flex:1; min-height:0; display:flex; flex-direction:column; margin:0; border:0; background:none; }
.sf-live-side .sf-live-chat-log{ flex:1; min-height:220px; overflow-y:auto; }

@media (max-width:900px){
  .sf-live-cols{ grid-template-columns:1fr; }
  .sf-live-side{ position:static; }
  .sf-live-side-card{ max-height:none; }
  .sf-live-shell[data-tab="products"] .sf-live-side .sf-live-hint,
  .sf-live-shell[data-tab="products"] .sf-live-side .sf-live-chat{ display:none; }
  .sf-live-shell[data-tab="chat"] .sf-live-catalog{ display:none; }
  .sf-live-identity{ flex-wrap:wrap; }
  .sf-live-catalog .sf-live-products{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
}