/* ============================================================
   STOREFRONT v2 (21.10.2026): карусель первого экрана и истории.
   Отдельный файл, чтобы не смешиваться с promo.css: удалить строку
   подключения в index.html — и витрина вернётся к прежнему виду
   (разметка без JS всё равно показывает первый слайд и ссылки).
   ============================================================ */

/* ---------- Первый экран ---------- */
.gzp-entry{position:relative}
.gzp-entry::before{content:"";position:absolute;inset:-60px 0 auto;height:520px;z-index:-1;pointer-events:none;
  background:radial-gradient(600px 300px at 30% 40%,rgba(31,139,255,.22),transparent 70%),
             radial-gradient(500px 260px at 85% 30%,rgba(69,214,255,.12),transparent 70%)}
.gzp-campaign-grid{grid-template-rows:repeat(2,250px);gap:16px}
.gzp-campaign{border-radius:22px;border-color:rgba(166,204,236,.14);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}

/* Карусель занимает место главного баннера */
.sv-hero{position:relative;grid-row:1/3;min-width:0;border-radius:22px;overflow:hidden;isolation:isolate;
  box-shadow:0 40px 90px -45px rgba(0,0,0,.95),inset 0 0 0 1px rgba(166,204,236,.14);background:#061529}
.sv-hero .gzp-campaign{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;
  opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.sv-hero .gzp-campaign.is-on{opacity:1;visibility:visible;transition:opacity .9s ease;z-index:1}
/* Без JS виден только первый слайд */
.sv-hero:not(.is-live) .gzp-campaign:first-child{opacity:1;visibility:visible}
.sv-hero .gzp-campaign::after{background:
  linear-gradient(90deg,rgba(3,14,30,.82) 0%,rgba(3,14,30,.45) 42%,transparent 70%),
  linear-gradient(0deg,rgba(3,14,30,.55),transparent 35%)}
.sv-hero .gzp-campaign > img{transform:scale(1.02);transform-origin:70% 50%}
.sv-hero .gzp-campaign.is-on > img{animation:sv-kenburns 9s ease-out forwards}
@keyframes sv-kenburns{from{transform:scale(1.02)}to{transform:scale(1.1)}}

/* Текст въезжает построчно */
.sv-hero .gzp-campaign-copy > *{opacity:0;transform:translateY(18px)}
.sv-hero:not(.is-live) .gzp-campaign:first-child .gzp-campaign-copy > *,
.sv-hero .gzp-campaign.is-on .gzp-campaign-copy > *{animation:sv-rise .7s cubic-bezier(.2,.7,.2,1) forwards}
.sv-hero .gzp-campaign.is-on .gzp-campaign-copy > :nth-child(2){animation-delay:.08s}
.sv-hero .gzp-campaign.is-on .gzp-campaign-copy > :nth-child(3){animation-delay:.16s}
.sv-hero .gzp-campaign.is-on .gzp-campaign-copy > :nth-child(4){animation-delay:.26s}
.sv-hero .gzp-campaign.is-on .gzp-campaign-copy > :nth-child(5){animation-delay:.36s}
@keyframes sv-rise{to{opacity:1;transform:none}}

.sv-hero .gzp-campaign-copy{justify-content:center;padding:40px 44px 72px;max-width:60%}
.sv-hero .gzp-campaign-cta{border:0;border-radius:999px;padding:12px 22px;background:#fff;color:#06152e;font-weight:800;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.6);transition:transform .25s,background .25s}
.sv-hero .gzp-campaign:hover .gzp-campaign-cta{background:#e3f4ff;transform:translateX(3px)}
.sv-hero .gzp-campaign-text{max-width:340px;margin-top:14px;color:#d3e3f5;font-size:15px;line-height:1.45}
.sv-hero .sv-coin{position:absolute;right:9%;top:50%;width:min(34%,260px);transform:translateY(-50%);z-index:0;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));animation:sv-float 6s ease-in-out infinite}
@keyframes sv-float{50%{transform:translateY(calc(-50% - 12px)) rotate(-4deg)}}

/* Панель управления: полоски прогресса, счётчик, стрелки */
.sv-bar{position:absolute;z-index:3;left:44px;right:20px;bottom:22px;display:flex;align-items:center;gap:16px;pointer-events:none}
.sv-ticks{display:flex;gap:6px;flex:0 1 260px;pointer-events:auto}
.sv-tick{position:relative;flex:1;height:22px;padding:0;border:0;background:none;cursor:pointer}
.sv-tick::before,.sv-tick i{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:3px}
.sv-tick::before{background:rgba(255,255,255,.25)}
.sv-tick i{right:auto;width:0;background:#fff}
.sv-tick.is-done i{width:100%}
.sv-tick.is-on i{animation:sv-fill var(--sv-dur,7s) linear forwards}
.sv-hero.is-paused .sv-tick.is-on i{animation-play-state:paused}
@keyframes sv-fill{to{width:100%}}
.sv-count{color:#cfe0f3;font-size:13px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.sv-count b{color:#fff}
.sv-nav{margin-left:auto;display:flex;gap:8px;pointer-events:auto}
.sv-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:rgba(4,18,38,.45);backdrop-filter:blur(10px);color:#fff;font-size:18px;cursor:pointer;
  transition:background .25s,border-color .25s,transform .25s}
.sv-nav button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.sv-nav button:active{transform:scale(.94)}

/* Боковые баннеры: приближение и блик при наведении */
.gzp-campaign-side > img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.gzp-campaign-side:hover > img{transform:scale(1.06)}
.gzp-campaign-side::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform 0s}
.gzp-campaign-side:hover::before{transform:translateX(120%);transition:transform 1s ease}

@media(max-width:1000px){.gzp-campaign-grid{grid-template-rows:repeat(2,220px)}
  .sv-hero .gzp-campaign-copy{padding:28px 28px 70px;max-width:66%}}
@media(max-width:760px){
  .gzp-campaign-grid{grid-template-rows:420px 190px}
  .sv-hero{grid-column:1/-1;grid-row:auto;height:auto}
  .sv-hero .gzp-campaign-copy .gzp-campaign-headline{font-size:clamp(30px,9vw,40px)}
  .sv-hero .gzp-campaign-cta{font-size:13px}
  .sv-hero .gzp-campaign-copy{max-width:100%;padding:24px 22px 76px;justify-content:flex-end}
  .sv-hero .gzp-campaign::after{background:linear-gradient(0deg,rgba(3,14,30,.92) 0%,rgba(3,14,30,.4) 55%,transparent 80%)}
  .sv-hero .gzp-campaign-text{font-size:14px}
  .sv-hero .sv-coin{top:28%;right:6%;width:38%}
  .sv-bar{left:22px;right:14px;bottom:16px}
  .sv-count{display:none}
}

/* ---------- Истории ---------- */
.gzp-stories.sv-stories{display:block;margin-top:36px}
.sv-stories .gzp-stories-head{flex-direction:row;align-items:baseline;gap:14px;margin-bottom:16px}
.sv-stories .gzp-stories-head h2{font-size:22px}
.sv-rings{display:flex;gap:22px;overflow-x:auto;padding:6px 4px 10px;margin:0;list-style:none;scrollbar-width:none;scroll-snap-type:x proximity}
.sv-rings::-webkit-scrollbar{display:none}
.sv-rings li{flex:none;scroll-snap-align:start}
.sv-ring{display:flex;flex-direction:column;align-items:center;gap:10px;width:96px;color:#dbe8f7;text-decoration:none;
  font-size:12.5px;font-weight:600;line-height:1.25;text-align:center;cursor:pointer}
.sv-ring-pic{position:relative;width:88px;height:88px;border-radius:50%;padding:3px;
  background:conic-gradient(from 200deg,#45d6ff,#1f8bff,#7a5cff,#45d6ff);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.sv-ring-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #041328;background:#0a2042}
.sv-ring:hover .sv-ring-pic{transform:scale(1.06)}
.sv-ring.is-seen .sv-ring-pic{background:rgba(160,200,255,.25)}
.sv-ring:focus-visible{outline:none}
.sv-ring:focus-visible .sv-ring-pic{box-shadow:0 0 0 3px #9cddff}

/* Просмотр */
.sv-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:rgba(1,7,18,.92);color:#fff;overflow:hidden}
.sv-viewer::backdrop{background:rgba(1,7,18,.85);backdrop-filter:blur(14px)}
.sv-viewer[open]{display:grid;place-items:center;animation:sv-in .35s ease}
@keyframes sv-in{from{opacity:0}}
.sv-card{position:relative;width:min(420px,100vw);height:min(746px,100dvh);border-radius:22px;overflow:hidden;background:#061529;
  box-shadow:0 40px 120px rgba(0,0,0,.7);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sv-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:sv-kenburns 7s ease-out forwards}
.sv-card::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,24,.6) 0%,transparent 22%,transparent 45%,rgba(2,10,24,.95) 100%)}
.sv-top{position:absolute;z-index:3;left:12px;right:12px;top:12px}
.sv-segs{display:flex;gap:4px}
.sv-seg{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.sv-seg i{display:block;height:100%;width:0;background:#fff}
.sv-seg.is-done i{width:100%}
.sv-seg.is-on i{animation:sv-fill var(--sv-dur,7s) linear forwards}
.sv-viewer.is-paused .sv-seg.is-on i{animation-play-state:paused}
.sv-who{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:700}
.sv-who img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}
.sv-who small{color:#b9cbe2;font-weight:500}
.sv-x{position:absolute;z-index:4;right:10px;top:26px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.sv-body{position:absolute;z-index:3;left:22px;right:22px;bottom:24px}
.sv-body h3{margin:0 0 8px;font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
.sv-body p{margin:0 0 18px;color:#d6e3f3;font-size:15px;line-height:1.5}
.sv-body h3,.sv-body p,.sv-go{animation:sv-rise .6s cubic-bezier(.2,.7,.2,1) both;transform:translateY(14px);opacity:0}
.sv-body p{animation-delay:.08s}.sv-go{animation-delay:.16s}
.sv-go{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;background:#fff;color:#06152e;
  font-weight:800;font-size:15px;text-decoration:none}
.sv-go:hover{background:#e3f4ff}
.sv-hit{position:absolute;z-index:2;top:80px;bottom:140px;width:40%;border:0;background:transparent;cursor:pointer;padding:0}
.sv-hit.is-prev{left:0}.sv-hit.is-next{right:0;width:60%}
.sv-side{position:absolute;z-index:5;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.sv-side.is-prev{left:calc(50% - 280px)}.sv-side.is-next{right:calc(50% - 280px)}
@media(max-width:600px){.sv-card{border-radius:0;width:100vw;height:100dvh}.sv-side{display:none}}

@media(prefers-reduced-motion:reduce){
  .sv-hero .gzp-campaign.is-on > img,.sv-card > img,.sv-hero .sv-coin{animation:none}
  .sv-hero .gzp-campaign-copy > *,.sv-body h3,.sv-body p,.sv-go{animation:none;opacity:1;transform:none}
  .sv-hero .gzp-campaign{transition:none}
}

/* Монета на слайде Coin — не фон, а предмет: снимаем общие правила фото баннера */
.sv-hero .gzp-campaign > img.sv-coin{inset:auto;left:auto;right:8%;top:50%;bottom:auto;z-index:0;
  width:min(30%,240px);height:auto;object-fit:contain;transform:translateY(-50%);
  animation:sv-float 6s ease-in-out infinite}
@media(max-width:760px){
  .sv-hero .gzp-campaign > img.sv-coin{right:6%;top:22%;width:30%}
  .sv-rings{gap:14px}
  .sv-ring{width:76px;font-size:11.5px}
  .sv-ring-pic{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){.sv-hero .gzp-campaign > img.sv-coin{animation:none}}

/* ---------- Полоса преимуществ (21.10.2026) ----------
   Те же четыре условия, но карточками с иконками: стеклянная плашка,
   иконка в круге, при наведении — подсветка. Специфичность поднята
   html/body/main/section: выше несколько слоёв правил для этой полосы. */
html body main section.gzp-terms{margin-top:22px}
html body main section.gzp-terms .gzp-terms-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  border:0;padding:0;overflow:visible}
html body main section.gzp-terms .gzp-term{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;
  padding:16px 18px;border:1px solid rgba(160,200,255,.12);border-radius:18px;
  background:linear-gradient(160deg,rgba(18,52,96,.55),rgba(7,25,53,.55));backdrop-filter:blur(8px);
  transition:border-color .3s,transform .3s,background .3s}
html body main section.gzp-terms .gzp-term + .gzp-term{border-left:1px solid rgba(160,200,255,.12)}
html body main section.gzp-terms .gzp-term:hover{border-color:rgba(127,196,255,.4);transform:translateY(-2px)}
html body main section.gzp-terms .gzp-term-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(220,236,252,.9));box-shadow:0 10px 24px -12px rgba(0,0,0,.8)}
html body main section.gzp-terms .gzp-term-ico img{width:38px;height:38px;object-fit:contain}
html body main section.gzp-terms .gzp-term-txt b{font-size:14px;font-weight:700;line-height:1.3;color:#f1f7ff}
html body main section.gzp-terms .gzp-term-txt > span{font-size:12.5px;line-height:1.45;color:#a9bdd8}
@media(max-width:1000px){html body main section.gzp-terms .gzp-terms-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  html body main section.gzp-terms .gzp-term{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}
  html body main section.gzp-terms .gzp-term-ico{width:40px;height:40px}
  html body main section.gzp-terms .gzp-term-ico img{width:30px;height:30px}
  html body main section.gzp-terms .gzp-term-txt b{font-size:12.5px}
  html body main section.gzp-terms .gzp-term-txt > span{font-size:11.5px}
}
@media(max-width:760px){
  html body main section.gzp-terms .gzp-terms-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:4px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px}
  html body main section.gzp-terms .gzp-terms-list::-webkit-scrollbar{display:none}
  html body main section.gzp-terms .gzp-term{flex:0 0 78%;scroll-snap-align:start}
  html body main section.gzp-terms .gzp-term-txt b,html body main section.gzp-terms .gzp-term-txt > span{overflow-wrap:normal;hyphens:manual}
}
/* Иконки условий — вырезанные предметы без фона в стеклянном круге */
html body main section.gzp-terms .gzp-term-ico{background:radial-gradient(circle at 50% 35%,rgba(120,190,255,.22),rgba(120,190,255,.06) 70%);
  box-shadow:inset 0 0 0 1px rgba(160,210,255,.22)}
html body main section.gzp-terms .gzp-term-ico img{width:42px;height:42px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
@media(max-width:760px){html body main section.gzp-terms .gzp-term-ico img{width:32px;height:32px}}

/* ---------- Подсказка города — поповер у кнопки в шапке ---------- */
.gz-geo-hint.sv-pop{right:auto;bottom:auto;margin:0;max-width:none;padding:12px 12px 12px 14px;gap:8px 10px;border-radius:14px;
  background:rgba(10,30,62,.96);backdrop-filter:blur(14px);border:1px solid rgba(160,210,255,.18);
  box-shadow:0 18px 40px -12px rgba(0,0,0,.7);transform:translateY(-6px)}
.gz-geo-hint.sv-pop.is-on{transform:none}
.gz-geo-hint.sv-pop::before{content:"";position:absolute;top:-6px;left:calc(var(--sv-arrow,50%) - 6px);width:12px;height:12px;
  background:inherit;border-left:1px solid rgba(160,210,255,.18);border-top:1px solid rgba(160,210,255,.18);transform:rotate(45deg)}
.gz-geo-hint.sv-pop .gz-geo-hint-t{flex:1 1 100%;font-size:13.5px;font-weight:600}
.gz-geo-hint.sv-pop .gz-geo-hint-b{gap:6px;flex-wrap:nowrap}
.gz-geo-hint.sv-pop :is(.gz-geo-hint-yes,.gz-geo-hint-no){min-height:36px;padding:6px 12px;font-size:12.5px;border-radius:10px}
.gz-geo-hint.sv-pop .gz-geo-hint-x{position:absolute;top:4px;right:4px;min-width:32px;min-height:32px;font-size:18px}
@media (pointer:coarse){.gz-geo-hint.sv-pop :is(.gz-geo-hint-yes,.gz-geo-hint-no){min-height:44px}}

/* ---------- Истории как на vdashop: вертикальные карточки 2:3 ----------
   Рамка 2 px фирменного цвета у непросмотренных, у просмотренных —
   приглушённая. Фото на всю карточку, снизу затемнение и подпись. */
.sv-rings{gap:12px;padding:4px 2px 12px}
.sv-ring{width:192px;gap:0;color:#fff;text-align:left;font-size:15px;font-weight:700;line-height:1.25;position:relative}
.sv-ring-pic{width:100%;height:auto;aspect-ratio:2/3;border-radius:18px;padding:2px;
  background:linear-gradient(160deg,#45d6ff,#1f8bff 55%,#7a5cff);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sv-ring-pic img{border-radius:16px;border:0;object-fit:cover;width:100%;height:100%}
.sv-ring-pic::after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:55%;border-radius:0 0 16px 16px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));pointer-events:none}
.sv-ring-t{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.5);
  overflow-wrap:break-word}
.sv-ring:hover .sv-ring-pic{transform:translateY(-4px)}
.sv-ring.is-seen .sv-ring-pic{background:rgba(160,200,255,.22)}
.sv-ring:focus-visible .sv-ring-pic{box-shadow:0 0 0 3px #9cddff}
@media(max-width:760px){
  .sv-rings{gap:10px}
  .sv-ring{width:140px;font-size:13.5px}
  .sv-ring-pic{width:100%;height:auto;border-radius:16px}
  .sv-ring-pic img{border-radius:14px}
  .sv-ring-t{left:10px;right:10px;bottom:10px}
}
.sv-card > img.sv-blur{filter:blur(28px) brightness(.55);transform:scale(1.2);animation:none}
.sv-card > img.sv-fit{object-fit:contain;animation:none;bottom:120px;top:56px;height:auto;max-height:calc(100% - 176px)}

/* Видеоистории */
.sv-card > video.sv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sv-snd{position:absolute;z-index:4;right:56px;top:26px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:18px;cursor:pointer}
.sv-play{position:absolute;z-index:1;left:12px;top:12px;width:30px;height:30px;border-radius:50%;
  background:rgba(0,0,0,.5);backdrop-filter:blur(6px)}
.sv-play::after{content:"";position:absolute;left:11px;top:8px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}

/* Картинки условий — крупнее */
html body main section.gzp-terms .gzp-term{grid-template-columns:68px minmax(0,1fr)}
html body main section.gzp-terms .gzp-term-ico{width:68px;height:68px}
html body main section.gzp-terms .gzp-term-ico img{width:60px;height:60px}
@media(max-width:760px){
  html body main section.gzp-terms .gzp-term{grid-template-columns:54px minmax(0,1fr)}
  html body main section.gzp-terms .gzp-term-ico{width:54px;height:54px}
  html body main section.gzp-terms .gzp-term-ico img{width:46px;height:46px}
}
/* Снимок со своим фоном — на всю плашку, без белой рамки */
.pc-media .pc-plate[data-sv-bg="own"],.gzp-card-pic[data-sv-bg="own"]{background:#0a1a33!important}
.pc-media .pc-plate[data-sv-bg="own"] img,.gzp-card-pic[data-sv-bg="own"] img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.pc-media .pc-plate[data-sv-bg="own"] img,.gzp-card-pic[data-sv-bg="own"] img{object-fit:contain}
/* Все карточки ленты одного размера: картинка не распирает рамку 2:3 */
.sv-ring-pic{min-height:0;overflow:hidden;position:relative}
.sv-ring-pic img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
/* Лента без видимого заголовка — как у vdashop; для скринридера заголовок остаётся */
.sv-stories .gzp-stories-head{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.gzp-stories.sv-stories{margin-top:24px}

/* ---------- Листание ленты ---------- */
.sv-strip{position:relative}
.sv-rings{scroll-behavior:auto;cursor:grab}
.sv-rings.is-drag{cursor:grabbing;scroll-snap-type:none}
.sv-rings.is-drag a{pointer-events:none}
.sv-strip-nav{position:absolute;z-index:3;top:calc(50% - 26px);width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);background:rgba(6,20,44,.72);backdrop-filter:blur(10px);color:#fff;
  font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 30px -8px rgba(0,0,0,.8);transition:background .2s,transform .2s}
.sv-strip-nav:hover{background:rgba(31,139,255,.85);transform:scale(1.06)}
.sv-strip-nav.is-prev{left:-14px}.sv-strip-nav.is-next{right:-14px}
.sv-strip-nav[hidden]{display:none}
.sv-strip::before,.sv-strip::after{content:"";position:absolute;z-index:2;top:0;bottom:12px;width:48px;pointer-events:none;opacity:0;transition:opacity .2s}
.sv-strip::before{left:0;background:linear-gradient(90deg,rgba(9,30,62,.9),transparent)}
.sv-strip::after{right:0;background:linear-gradient(270deg,rgba(9,30,62,.9),transparent)}
.sv-strip.has-more-l::before,.sv-strip.has-more-r::after{opacity:1}
@media (hover:none),(max-width:760px){.sv-strip-nav{display:none}}
/* Стрелки ленты — неприметные: маленькие, прозрачные, проявляются при наведении на ленту */
.sv-strip-nav{width:34px;height:34px;top:calc(50% - 23px);font-size:20px;border:0;background:rgba(255,255,255,.08);
  backdrop-filter:blur(6px);box-shadow:none;color:rgba(255,255,255,.75);opacity:0;transition:opacity .25s,background .2s}
.sv-strip:hover .sv-strip-nav,.sv-strip-nav:focus-visible{opacity:1}
.sv-strip-nav:hover{background:rgba(255,255,255,.18);transform:none}
.sv-strip-nav.is-prev{left:6px}.sv-strip-nav.is-next{right:6px}
/* Три условия (EN/VI) — три колонки, без пустого места справа */
@media(min-width:1001px){html body main section.gzp-terms .gzp-terms-list.gzp-terms-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}}