@font-face{font-family:"IBM Plex Sans";src:url("fonts/ibm-plex-sans-var.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* =====================================================================
   SVK96 — add-ons: cookie banner, consent, legal/article pages,
   contacts, reviews/clients. Linked on every page (incl. landing).
   Relies on .svk-lp token system already defined per page.
   ===================================================================== */
.svk-lp__fab .max .maxw{ width:100%; height:100%; display:block; }
.svk-lp__fab .max{ background:#fff; padding:0; overflow:hidden; }

/* Price disclaimer shared by the homepage, catalogue and product pages. */
.svk-priceNote{ padding:8px clamp(14px,4vw,40px) 0; }
.svk-priceNote__in{ display:flex; align-items:flex-start; gap:9px; max-width:1180px; margin:0 auto; padding:9px 13px; border:1px solid rgba(16,24,32,.12); border-radius:12px; background:rgba(16,24,32,.035); font-size:12.5px; line-height:1.4; color:#3a444e; }
.svk-priceNote__in svg{ width:17px; height:17px; flex:0 0 auto; color:#e11d2a; margin-top:1px; }
.svk-priceNote__in p{ margin:0; }

/* ---- keyboard skip link ---- */
.svk-skipLink{ position:fixed; left:16px; top:8px; z-index:1000; padding:10px 14px; border-radius:6px;
  background:#fff; color:#15171a; font-weight:800; text-decoration:none;
  transform:translateY(calc(-100% - 16px)); transition:transform .15s ease; }
.svk-skipLink:focus{ transform:translateY(0); outline:3px solid #d4101c; outline-offset:2px; }

/* ---- consent checkbox (form) ---- */
.svk-lp__consent{ display:flex; gap:10px; align-items:flex-start; margin:14px 0 4px; }
.svk-lp__consent input{ width:18px; height:18px; margin-top:2px; flex:0 0 auto; accent-color:var(--svk-red); cursor:pointer; }
.svk-lp__consent label{ font-size:12.5px; line-height:1.5; color:var(--svk-text-2); }
.svk-lp__consent a{ color:var(--svk-red); font-weight:600; text-decoration:underline; text-underline-offset:2px; }

/* ---- cookie banner ---- */
.svk-cookie{ position:fixed; left:16px; right:16px; bottom:16px; z-index:200; max-width:760px; margin-inline:auto;
  background:var(--svk-black); color:var(--svk-on-dark); border:1px solid var(--svk-line-d2);
  border-radius:var(--svk-r); box-shadow:0 24px 70px rgba(0,0,0,.5); padding:18px 20px;
  display:flex; align-items:center; gap:18px; transform:translateY(140%); transition:transform .5s var(--svk-ease); }
.svk-cookie.show{ transform:translateY(0); }
.svk-cookie p{ font-size:13px; line-height:1.55; margin:0; color:var(--svk-on-dark-2); }
.svk-cookie p a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.svk-cookie__actions{ display:flex; align-items:center; gap:8px; }
.svk-cookie .svk-cookie__btn{ flex:0 0 auto; background:var(--svk-red); color:#fff; font-weight:700; font-size:14px;
  padding:11px 22px; border-radius:var(--svk-r-sm); white-space:nowrap; transition:background .2s, transform .2s; }
.svk-cookie .svk-cookie__btn:hover{ background:var(--svk-red-bright); transform:translateY(-1px); }
@media (max-width:560px){
  .svk-cookie{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; left:8px; right:8px; bottom:70px; padding:9px 11px; border-radius:13px; box-shadow:0 10px 30px rgba(0,0,0,.4); }
  .svk-cookie p{ font-size:11px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .svk-cookie .svk-cookie__btn{ width:auto; min-height:38px; padding:0 14px; font-size:12.5px; border-radius:10px; }
}
/* ---- shared TasteSkill accessibility corrections ---- */
.svk-visuallyHidden{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.svk-lp__crumbs [aria-current="page"],
.svk-lp__sort,
.svk-lp__psku,
.svk-lp__prodSku,
.svk-lp__prodPrice .from,
.svk-lp__prodPrice .unit,
#svkBrandStrip .svk-brandStrip__item small{ color:#626c76 !important; }
#svkBrandStrip .svk-brandStrip__item.is-dark small{ color:#b8c0c8 !important; }
.svk-lp__catGroupHead > span,
.svk-lp__idxGroupHead > span,
.svk-lp__idxTop .cnt,
.svk-lp__pprice .from,
.svk-lp__pprice .unit,
.svk-lp__specTable th{ color:#626c76 !important; }
.svk-lp__addBtn .lbl{ color:#fff !important; }
.svk-lp .svk-lp__footer .fbrand img{ width:auto !important; height:38px !important; }
.svk-lp__sec--dark .svk-over,
.svk-lp__reqL .svk-over{ color:#ff5963 !important; }
.svk-lp__sec:not(.svk-lp__sec--dark) .svk-over{ color:#a90d17 !important; }
.svk-lp__sec--dark .svk-over::before,
.svk-lp__reqL .svk-over::before{ background:#ff5963 !important; }
.svk-lp__sec:not(.svk-lp__sec--dark) .svk-over::before{ background:#a90d17 !important; }
.svk-lp__featCard{ background:#161a1f !important; }
.svk-lp__featCard li{ color:#b8c0c8 !important; background:#161a1f !important; }
.svk-lp__trayEmpty,
.svk-lp__mapFacts span{ color:#5b6570 !important; }
.svk-lp__footer .fcol a,
.svk-lp__footer .fcol p,
.svk-lp__footer .svk-lp__footBar > span,
.svk-lp__footer .svk-lp__footLegal a{ color:#c7ced5 !important; background:#08090b !important; }
html body.svk-lp .svk-lp__sec--dark .svk-over,
html body.svk-lp .svk-lp__reqL > .svk-over{ color:#ff5963 !important; }
html body.svk-lp .svk-lp__sec:not(.svk-lp__sec--dark) .svk-over{ color:#a90d17 !important; }
html body.svk-lp .svk-lp__feat .svk-lp__featCard li{ color:#b8c0c8 !important; background:#161a1f !important; }
html body.svk-lp .svk-lp__trayEmpty,
html body.svk-lp .svk-lp__mapFacts li > span{ color:#5b6570 !important; }
html body.svk-lp footer.svk-lp__footer .svk-lp__footerIn .fcol a,
html body.svk-lp footer.svk-lp__footer .svk-lp__footerIn .fcol p,
html body.svk-lp footer.svk-lp__footer .svk-lp__footBar > span,
html body.svk-lp footer.svk-lp__footer .svk-lp__footLegal a{ color:#c7ced5 !important; background:#08090b !important; }
html body.svk-lp footer.svk-lp__footer .svk-lp__footerIn .fcol a,
html body.svk-lp footer.svk-lp__footer .svk-lp__footerIn .fcol p,
html body.svk-lp footer.svk-lp__footer .svk-lp__footBar > span{ background:#08090b !important; }
.svk-catalogHero__copy .svk-over{ color:#ff4350 !important; }
.svk-catalogHero__copy .svk-over::before{ background:#ff4350 !important; }
.svk-lp__badge--stock{ background:#e4e8ec !important; color:#2f3944 !important; }
.svk-lp__badge--stock::before{ display:none !important; }
.svk-lp p a:not(.svk-btn){ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }

/* ---- footer: requisites + legal row ---- */
.svk-lp__footReq{ margin-top:14px; font-size:12px; color:var(--svk-on-dark-3); line-height:1.6; }
.svk-lp__footReq b{ color:var(--svk-on-dark-2); font-weight:700; }
.svk-lp__footLegal{ display:flex; flex-wrap:wrap; gap:6px 18px; }
.svk-lp__footLegal a{ font-size:12.5px; }

/* ---- legal / article pages (.svk-doc) ---- */
.svk-doc{ background:var(--svk-surface); }
.svk-doc__wrap{ max-width:860px; margin-inline:auto; padding:54px 36px 72px; }
.svk-doc h1{ font-size:clamp(26px,3.4vw,38px); font-weight:800; letter-spacing:-.02em; color:var(--svk-text); margin-bottom:10px; }
.svk-doc__lead{ font-size:16px; color:var(--svk-text-2); line-height:1.6; margin-bottom:8px; }
.svk-doc__upd{ font-size:13px; color:var(--svk-muted); margin-bottom:30px; padding-bottom:24px; border-bottom:1px solid var(--svk-line); }
.svk-doc h2{ font-size:20px; font-weight:800; color:var(--svk-text); margin:34px 0 12px; }
.svk-doc h3{ font-size:16px; font-weight:700; color:var(--svk-text); margin:22px 0 8px; }
.svk-doc p{ font-size:15px; color:var(--svk-text-2); line-height:1.7; margin-bottom:12px; }
.svk-doc ul{ list-style:none; margin:0 0 16px; padding:0; }
.svk-doc ul li{ position:relative; padding-left:22px; font-size:15px; color:var(--svk-text-2); line-height:1.65; margin-bottom:8px; }
.svk-doc ul li::before{ content:""; position:absolute; left:4px; top:10px; width:6px; height:6px; border-radius:50%; background:var(--svk-red); }
.svk-doc__placeholder{ background:var(--svk-surface-2); border:1px dashed var(--svk-line-2); border-radius:var(--svk-r); padding:22px 24px; margin:18px 0; }
.svk-doc__placeholder b{ color:var(--svk-text); font-weight:700; }
.svk-doc__placeholder p{ margin:6px 0 0; font-size:13.5px; color:var(--svk-muted); }

/* ---- info pages hero (about/delivery/contacts) ---- */
.svk-info{ background:var(--svk-bg); }
.svk-info__hero{ background:var(--svk-black); color:#fff; padding:54px 0 48px; }
.svk-info__hero h1{ font-size:clamp(28px,4vw,46px); font-weight:800; letter-spacing:-.02em; line-height:1.08; margin-top:14px; max-width:760px; }
.svk-info__hero p{ font-size:17px; color:var(--svk-on-dark-2); line-height:1.6; margin-top:16px; max-width:620px; }
.svk-info__body{ padding:48px 0 64px; }

/* metric cards */
.svk-info__metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:36px 0; }
.svk-info__metric{ background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); padding:24px; }
.svk-info__metric b{ display:block; font-size:34px; font-weight:900; color:var(--svk-text); letter-spacing:-.02em; line-height:1; }
.svk-info__metric b small{ font-size:18px; color:var(--svk-red); font-weight:800; }
.svk-info__metric span{ display:block; font-size:13.5px; color:var(--svk-text-2); margin-top:8px; line-height:1.45; }

/* two-col text/feature */
.svk-info__cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:30px 0; }
.svk-info__col{ background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); padding:26px 24px; }
.svk-info__col .ic{ width:46px; height:46px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:rgba(212,16,28,.1); border:1px solid rgba(212,16,28,.3); margin-bottom:16px; }
.svk-info__col .ic svg{ width:24px; height:24px; color:var(--svk-red); }
.svk-info__col h3{ font-size:17px; font-weight:800; color:var(--svk-text); margin-bottom:8px; }
.svk-info__col p{ font-size:14px; color:var(--svk-text-2); line-height:1.6; }

/* contacts grid + map */
.svk-info__contactGrid{ display:grid; grid-template-columns:1fr 1.3fr; gap:28px; align-items:start; }
.svk-info__contactCard{ background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); padding:28px; }
.svk-info__cline{ display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--svk-line); }
.svk-info__cline:last-child{ border-bottom:0; }
.svk-info__cline .ic{ width:40px; height:40px; flex:0 0 auto; border-radius:10px; display:flex; align-items:center; justify-content:center; background:var(--svk-surface-2); border:1px solid var(--svk-line); }
.svk-info__cline .ic svg{ width:20px; height:20px; color:var(--svk-red); }
.svk-info__cline .k{ font-size:12.5px; color:var(--svk-muted); font-weight:600; }
.svk-info__cline .v{ font-size:16px; color:var(--svk-text); font-weight:700; margin-top:2px; }
.svk-info__cline .v a{ color:var(--svk-text); }
.svk-info__cline .v a:hover{ color:var(--svk-red); }
.svk-info__map{ border:1px solid var(--svk-line); border-radius:var(--svk-r); overflow:hidden; min-height:420px; background:var(--svk-surface-2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--svk-muted); text-align:center; padding:30px; }
.svk-info__map svg{ width:54px; height:54px; color:var(--svk-line-2); }
.svk-info__map b{ color:var(--svk-text-2); font-size:15px; font-weight:700; }
.svk-info__map span{ font-size:13px; max-width:360px; line-height:1.5; }
@media (max-width:900px){ .svk-info__metrics{ grid-template-columns:repeat(2,1fr); } .svk-info__cols{ grid-template-columns:1fr; } .svk-info__contactGrid{ grid-template-columns:1fr; } }
@media (max-width:520px){ .svk-info__metrics{ grid-template-columns:1fr; } }

/* ---- reviews / testimonials (landing) ---- */
.svk-lp__reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px; }
.svk-lp__review{ background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); padding:26px 24px; display:flex; flex-direction:column; }
.svk-lp__review .quote{ font-size:14.5px; color:var(--svk-text); line-height:1.6; flex:1; }
.svk-lp__review .quote::before{ content:"“"; display:block; font-size:46px; line-height:.5; color:var(--svk-red); opacity:.5; margin-bottom:14px; font-family:Georgia,serif; }
.svk-lp__review .who{ display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid var(--svk-line); }
.svk-lp__review .ava{ width:42px; height:42px; border-radius:50%; flex:0 0 auto; background:linear-gradient(160deg,#161A1F,#2A323B); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; }
.svk-lp__review .nm{ font-size:14px; font-weight:700; color:var(--svk-text); }
.svk-lp__review .pos{ font-size:12.5px; color:var(--svk-muted); margin-top:2px; }
@media (max-width:900px){ .svk-lp__reviews{ grid-template-columns:1fr; } }

/* =====================================================================
   AD LANDING (посадочная под рекламу) — .svk-alp
   focused, low-exit, hero video + lead form. Reuses .svk-lp tokens.
   ===================================================================== */
.svk-alp__hero{ position:relative; overflow:hidden; background:var(--svk-black); }
.svk-alp__heroVideo{ position:absolute; inset:0; z-index:0; }
.svk-alp__heroVideo video{ width:100%; height:100%; object-fit:cover; object-position:center 40%; }
.svk-alp__heroVideo .scrim{ position:absolute; inset:0; background:linear-gradient(90deg, var(--svk-black) 6%, rgba(9,11,13,.82) 38%, rgba(9,11,13,.55) 62%, rgba(9,11,13,.7) 100%); }
.svk-alp__heroIn{ position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; padding:120px 0 64px; }
.svk-alp__heroL{ color:#fff; }
.svk-alp__tag{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:700; color:#fff; background:rgba(240,24,37,.18); border:1px solid rgba(240,24,37,.5); padding:8px 15px; border-radius:var(--svk-r-pill); margin-bottom:22px; }
.svk-alp__tag .pulse{ width:8px; height:8px; border-radius:50%; background:var(--svk-red-bright); box-shadow:0 0 8px rgba(240,24,37,.9); }
.svk-alp__hero h1{ font-size:clamp(30px,4.4vw,52px); font-weight:900; line-height:1.06; letter-spacing:-.02em; color:#fff; }
.svk-alp__hero h1 .accent{ color:var(--svk-red-bright); }
.svk-alp__hero .lead{ font-size:clamp(16px,1.6vw,19px); color:var(--svk-on-dark); line-height:1.55; margin-top:18px; max-width:540px; }
.svk-alp__usp{ display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:24px; }
.svk-alp__usp li{ display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:600; color:var(--svk-on-dark); }
.svk-alp__usp svg{ width:19px; height:19px; color:var(--svk-red-bright); flex:0 0 auto; }
/* lead form card */
.svk-alp__form{ background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); box-shadow:var(--svk-sh-3); padding:28px 26px; }
.svk-alp__form h2{ font-size:21px; font-weight:800; color:var(--svk-text); }
.svk-alp__form .sub{ font-size:13.5px; color:var(--svk-text-2); margin-top:6px; margin-bottom:18px; }
.svk-alp__form .field{ margin-bottom:12px; }
.svk-alp__form label{ display:block; font-size:13px; font-weight:700; color:var(--svk-text); margin-bottom:6px; }
.svk-alp__form input:not([type=checkbox]),.svk-alp__form textarea{ width:100%; font:inherit; font-size:15px; padding:13px 14px; border-radius:var(--svk-r-sm); border:1px solid var(--svk-line-2); background:var(--svk-surface-2); color:var(--svk-text); }
.svk-alp__form input:focus,.svk-alp__form textarea:focus{ outline:none; border-color:var(--svk-red); box-shadow:0 0 0 3px rgba(212,16,28,.12); }
.svk-alp__form .svk-lp__consent input{ width:18px; height:18px; }
.svk-alp__form .req{ color:var(--svk-red); }
.svk-alp__formNote{ display:flex; gap:8px; font-size:12px; color:var(--svk-muted); margin-top:12px; line-height:1.5; }
.svk-alp__formNote svg{ width:15px; height:15px; flex:0 0 auto; margin-top:1px; }
.svk-alp__phoneCta{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px; font-size:15px; font-weight:800; color:var(--svk-text); }
.svk-alp__phoneCta svg{ width:17px; height:17px; color:var(--svk-red); }
.svk-alp__phoneCta:hover{ color:var(--svk-red); }
/* trust strip */
.svk-alp__strip{ background:var(--svk-ink); border-bottom:1px solid var(--svk-line-d); }
.svk-alp__stripIn{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.svk-alp__stripItem{ display:flex; align-items:flex-start; gap:13px; padding:22px 24px; border-right:1px solid var(--svk-line-d); }
.svk-alp__stripItem:last-child{ border-right:0; }
.svk-alp__stripItem svg{ width:26px; height:26px; color:var(--svk-red-bright); flex:0 0 auto; }
.svk-alp__stripItem b{ display:block; color:#fff; font-size:14.5px; font-weight:800; line-height:1.2; }
.svk-alp__stripItem span{ display:block; color:var(--svk-on-dark-2); font-size:12.5px; margin-top:3px; }
@media (max-width:980px){
  .svk-alp__heroIn{ grid-template-columns:1fr; gap:30px; padding:96px 0 48px; }
  .svk-alp__stripIn{ grid-template-columns:repeat(2,1fr); }
  .svk-alp__stripItem:nth-child(2){ border-right:0; }
  .svk-alp__stripItem:nth-child(1),.svk-alp__stripItem:nth-child(2){ border-bottom:1px solid var(--svk-line-d); }
}
@media (max-width:560px){
  .svk-alp__heroIn{ padding:84px 0 36px; }
  .svk-alp__stripIn{ grid-template-columns:1fr; }
  .svk-alp__stripItem{ border-right:0; border-bottom:1px solid var(--svk-line-d); }
  .svk-alp__stripItem:last-child{ border-bottom:0; }
}

/* =====================================================================
   PWA BOTTOM TAB BAR + app-shell (mobile) — .svk-tabbar
   ===================================================================== */
.svk-tabbar{ display:none; }
.svk-lp .svk-lp__sec[id]{ scroll-margin-top:150px; }
.svk-mobileQuick,.svk-mobileGroupRail{ display:none; }
.svk-lp__catGroups,.svk-lp__idxGroups{ display:grid; gap:34px; }
.svk-lp__catGroup,.svk-lp__idxGroup{ display:grid; gap:14px; }
.svk-lp__shopBar .svk-lp__wrap{ flex-wrap:wrap; row-gap:10px; }
/* brandFilters/brandchip — каноничные стили в svk-shop.css; здесь только переопределения для addons-контекста */
.svk-lp__brandFilters{ flex:1 1 100%; display:flex; align-items:center; gap:10px; padding-top:10px; border-top:1px solid var(--svk-line); margin-top:2px; }
.svk-lp__brandLabel{ flex:0 0 auto; color:var(--svk-muted); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.svk-lp__brandChips{ min-width:0; display:flex; flex-wrap:wrap; gap:7px; }
.svk-lp__brandchip{ min-height:28px; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--svk-line); border-radius:999px; background:transparent; color:var(--svk-text-2); padding:0 10px; font-size:12px; font-weight:600; cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
.svk-lp__brandchip .n{ font-size:11px; font-weight:400; color:var(--svk-muted); margin-left:1px; }
.svk-lp__brandchip.active{ background:var(--svk-ink); border-color:var(--svk-ink); color:#fff; font-weight:700; }
.svk-lp__brandchip.active .n{ color:rgba(255,255,255,.6); font-weight:400; }
.svk-lp__catGroupHead,.svk-lp__idxGroupHead{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-top:2px; }
.svk-lp__catGroupHead h3,.svk-lp__idxGroupHead h2{ font-size:22px; line-height:1.15; font-weight:900; color:var(--svk-text); }
.svk-lp__catGroupHead p,.svk-lp__idxGroupHead p{ margin-top:5px; color:var(--svk-text-2); font-size:14px; line-height:1.45; }
.svk-lp__catGroupHead span,.svk-lp__idxGroupHead span{ flex:0 0 auto; color:var(--svk-muted); font-size:12px; font-weight:800; white-space:nowrap; }
@media (max-width:900px){
  .svk-lp .svk-lp__sec[id]{ scroll-margin-top:132px; }
  .svk-lp__topbar{ display:none !important; }
  .svk-lp__header{ position:sticky; top:0; z-index:92; border-top:3px solid var(--svk-red); }
  .svk-lp__header .svk-lp__wrap{ min-height:64px !important; padding-inline:14px !important; gap:10px !important; }
  .svk-lp__brand{ gap:10px !important; min-width:0; }
  .svk-lp .svk-lp__brand img{ width:auto !important; height:34px !important; }
  .svk-lp__brand b{ font-size:18px !important; line-height:1 !important; white-space:nowrap; }
  .svk-lp__brand span span{ display:none !important; }
  .svk-lp__hphone{ display:none !important; }
  .svk-lp .svk-lp__headerActions .svk-lp__hcart:not([hidden]),
  .svk-lp__hcart:not([hidden]){ display:inline-flex !important; min-height:38px; padding:0 10px !important; border-radius:10px !important; font-size:12.5px !important; margin-left:auto; }
  .svk-lp .svk-lp__headerActions .svk-lp__hcta,
  .svk-lp__hcta{ display:inline-flex !important; min-height:38px !important; padding:0 12px !important; border-radius:10px !important; font-size:13px !important; margin-left:auto; }
  .svk-lp .svk-lp__headerActions:has(.svk-lp__hcart:not([hidden])) .svk-lp__hcta{ display:none !important; }
  .svk-lp__burger{ display:flex !important; width:44px !important; height:44px !important; flex:0 0 44px; }
  .svk-mobileQuick{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }
  .svk-mobileQuick a{ min-height:46px; display:flex; align-items:center; justify-content:center; border-radius:14px; color:var(--svk-on-dark); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); font-size:12px; font-weight:800; white-space:nowrap; }
  .svk-mobileGroupRail{ display:flex; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; position:sticky; top:64px; z-index:25; margin:0 -16px 12px; padding:10px 16px; background:rgba(238,241,245,.94); backdrop-filter:blur(12px) saturate(140%); border-block:1px solid rgba(16,24,32,.08); }
  .svk-mobileGroupRail::-webkit-scrollbar{ display:none; }
  .svk-mobileGroupRail a{ flex:0 0 auto; min-height:40px; display:flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; color:var(--svk-text); background:#fff; border:1px solid var(--svk-line); font-size:13px; font-weight:800; white-space:nowrap; }
  .svk-lp__brandFilters{ align-items:flex-start; flex-direction:column; gap:6px; margin-top:2px; border-top:1px solid var(--svk-line); padding-top:8px; }
  .svk-lp__brandChips{ width:100%; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; padding-bottom:2px; }
  .svk-lp__brandChips::-webkit-scrollbar{ display:none; }
  .svk-lp__brandchip{ flex:0 0 auto; min-height:32px; }
  .svk-lp__catGroup,.svk-lp__idxGroup{ scroll-margin-top:132px; }
  .svk-lp__catGroup .svk-lp__cats,.svk-lp__idxGroup .svk-lp__idxGrid{ display:grid !important; grid-auto-flow:column; grid-auto-columns:minmax(270px,82%); grid-template-columns:none !important; gap:12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 2px 10px; }
  .svk-lp__catGroup .svk-lp__cats::-webkit-scrollbar,.svk-lp__idxGroup .svk-lp__idxGrid::-webkit-scrollbar{ display:none; }
  .svk-lp__catCard,.svk-lp__idxCard{ scroll-snap-align:start; }
  .svk-tabbar{
    display:grid; grid-template-columns:repeat(4,1fr);
    position:fixed; left:0; right:0; bottom:0; z-index:90;
    background:rgba(12,14,17,.96); backdrop-filter:blur(12px) saturate(140%);
    border-top:1px solid var(--svk-line-d);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .svk-tabbar a{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
    padding:9px 4px 8px; min-height:56px; color:var(--svk-on-dark-2); font-size:11px; font-weight:700; position:relative; }
  .svk-tabbar a svg{ width:23px; height:23px; }
  .svk-tabbar a.is-active{ color:#fff; }
  .svk-tabbar a.is-active::before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:34px; height:2px; background:var(--svk-red-bright); border-radius:2px; }
  .svk-tabbar a.tab-accent{ color:var(--svk-red-bright); }
  .svk-tabbar .tab-badge{ position:absolute; top:6px; right:50%; margin-right:-22px; min-width:16px; height:16px; padding:0 4px;
    background:var(--svk-red); color:#fff; font-size:10px; font-weight:800; border-radius:999px; display:none; align-items:center; justify-content:center; }
  .svk-tabbar .tab-badge.show{ display:inline-flex; }
  /* app-like mobile: the bottom tab bar is the single persistent action surface */
  .svk-lp__fab{ display:none !important; }
  /* the old mobile sticky bar is replaced by the tab bar */
  .svk-lp__sticky{ display:none !important; }
  body.svk-lp{ padding-bottom:64px !important; }
}
@media (max-width:520px){
  .svk-lp__catGroups,.svk-lp__idxGroups{ gap:28px; }
  .svk-lp__catGroupHead,.svk-lp__idxGroupHead{ align-items:flex-start; flex-direction:column; gap:6px; }
  .svk-lp__catGroupHead h3,.svk-lp__idxGroupHead h2{ font-size:20px; }
  .svk-lp__hcta{ min-width:0; padding-inline:14px !important; }
  .svk-lp__catGroup .svk-lp__cats,.svk-lp__idxGroup .svk-lp__idxGrid{ grid-auto-columns:86%; }
}
@media (max-width:900px) and (display-mode:standalone){
  /* installed app: a touch more bottom room, hide cookie lower */
  .svk-cookie{ bottom:74px; }
}

/* =====================================================================
   REQUEST MINI-CART POPUP
   ===================================================================== */
.svk-lp [data-name]{ position:relative; overflow:hidden; }
.svk-lp [data-name].is-adding{ animation:svkAddPulse .62s var(--svk-spring, cubic-bezier(.2,.8,.2,1)); }
.svk-lp [data-name].is-adding svg{ animation:svkAddIcon .62s var(--svk-spring, cubic-bezier(.2,.8,.2,1)); }
.svk-lp .svk-lp__addBtnBig.added,
.svk-lp .svk-btn.svk-lp__addBtnBig.added{ background:#198049; box-shadow:0 10px 26px -10px rgba(25,128,73,.75); }
.svk-lp .svk-lp__addBtnBig.added svg{ transform:none; }
@keyframes svkAddPulse{
  0%{ transform:scale(1); }
  38%{ transform:scale(.97); }
  72%{ transform:scale(1.045); }
  100%{ transform:scale(1); }
}
@keyframes svkAddIcon{
  0%{ transform:rotate(0deg) scale(1); }
  70%{ transform:rotate(135deg) scale(1.15); }
  100%{ transform:rotate(135deg) scale(1); }
}
.svk-cartpop{
  position:fixed;
  right:128px;
  bottom:20px;
  z-index:260;
  width:min(380px, calc(100vw - 32px));
  color:#fff;
  background:rgba(12,14,17,.96);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.26);
  padding:16px;
  transform:translateY(14px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s var(--svk-spring, cubic-bezier(.2,.8,.2,1));
}
.svk-cartpop.is-open{ transform:translateY(0) scale(1); opacity:1; pointer-events:auto; }
/* ADR-0004: lift the popup above the live cookie-consent banner rect so the
   two overlays never cover each other's controls (JS sets --svk-cartpop-lift). */
.svk-cartpop.has-cookie-offset{ bottom:calc(20px + var(--svk-cartpop-lift, 0px)); }
.svk-cartpop__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.svk-cartpop__title{ display:block; font-size:15px; font-weight:900; line-height:1.2; }
.svk-cartpop__meta{ display:block; margin-top:4px; color:rgba(255,255,255,.68); font-size:12.5px; line-height:1.35; }
.svk-cartpop__close{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  background:rgba(255,255,255,.06);
  font-size:24px;
  line-height:1;
}
.svk-cartpop__list{
  display:grid;
  gap:7px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
  max-height:156px;
  overflow:auto;
}
.svk-cartpop__list li{
  min-width:0;
  padding:9px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.9);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.svk-cartpop__list li.is-empty{ color:rgba(255,255,255,.66); font-weight:600; white-space:normal; }
.svk-cartpop__actions{ display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:14px; }
.svk-cartpop__cta,
.svk-cartpop__clear{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:13px;
  font-weight:900;
}
.svk-cartpop__cta{ background:var(--svk-red); color:#fff; }
.svk-cartpop__clear{ padding:0 12px; border:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.82); background:transparent; }
@media (max-width:900px){
  .svk-cartpop{ left:10px; right:10px; bottom:calc(78px + env(safe-area-inset-bottom)); width:auto; padding:14px; }
  .svk-cartpop.has-cookie-offset{ bottom:calc(78px + env(safe-area-inset-bottom) + var(--svk-cartpop-lift, 0px)); }
}
@media (prefers-reduced-motion:reduce){
  .svk-lp [data-name].is-adding,
  .svk-lp [data-name].is-adding svg{ animation:none; }
  .svk-cartpop{ transition:none; }
}

/* =====================================================================
   BLOG — .svk-blog (index grid) + .svk-art (article)
   ===================================================================== */
.svk-blog{ background:var(--svk-bg); }
.svk-blog__hero{ background:var(--svk-black); color:#fff; padding:54px 0 44px; }
.svk-blog__hero h1{ font-size:clamp(28px,4vw,44px); font-weight:800; letter-spacing:-.02em; margin-top:14px; }
.svk-blog__hero p{ font-size:17px; color:var(--svk-on-dark-2); line-height:1.6; margin-top:14px; max-width:620px; }
.svk-blog__body{ padding:48px 0 64px; }
.svk-blog__group{ margin-top:42px; }
.svk-blog__group:first-child{ margin-top:0; }
.svk-blog__groupHead{ display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.svk-blog__groupHead h2{ color:var(--svk-text); font-size:clamp(23px,2.4vw,31px); line-height:1.1; font-weight:900; margin:0; }
.svk-blog__groupHead span{ color:var(--svk-muted); font-size:13px; font-weight:800; white-space:nowrap; }
.svk-blog__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.svk-blog__card{ display:flex; flex-direction:column; background:var(--svk-surface); border:1px solid var(--svk-line); border-radius:var(--svk-r); overflow:hidden; transition:transform .4s var(--svk-spring), box-shadow .35s, border-color .35s; }
.svk-blog__card:hover{ transform:translateY(-6px); box-shadow:var(--svk-sh-3); border-color:var(--svk-line-2); }
.svk-blog__media{ position:relative; aspect-ratio:16/9; background:linear-gradient(150deg,#1A1F25,#0E1115); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--svk-line-d); }
.svk-blog__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.svk-blog__media svg{ width:54px; height:54px; color:rgba(255,255,255,.85); }
.svk-blog__media .ph-badge{ position:absolute; left:12px; bottom:12px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--svk-on-dark-2); background:rgba(0,0,0,.4); border:1px solid var(--svk-line-d); padding:5px 9px; border-radius:var(--svk-r-pill); }
.svk-blog__media .ph-badge svg{ width:13px; height:13px; }
.svk-blog__cbody{ display:flex; flex-direction:column; flex:1; padding:20px 22px 22px; }
.svk-blog__tag{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--svk-red); }
.svk-blog__card h2{ font-size:18px; font-weight:800; color:var(--svk-text); line-height:1.3; margin-top:9px; }
.svk-blog__card p{ font-size:13.5px; color:var(--svk-text-2); line-height:1.55; margin-top:9px; flex:1; }
.svk-blog__meta{ display:flex; align-items:center; gap:8px; margin-top:14px; font-size:12.5px; color:var(--svk-muted); font-weight:600; }
.svk-blog__more{ display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-size:14px; font-weight:700; color:var(--svk-text); transition:gap .25s var(--svk-ease), color .2s; }
.svk-blog__more svg{ width:16px; height:16px; }
.svk-blog__card:hover .svk-blog__more{ color:var(--svk-red); gap:12px; }
@media (max-width:900px){ .svk-blog__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .svk-blog__grid{ grid-template-columns:1fr; } }

/* article */
.svk-art{ background:var(--svk-surface); }
.svk-art__wrap{ max-width:760px; margin-inline:auto; padding:48px 36px 72px; }
.svk-art__tag{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--svk-red); }
.svk-art h1{ font-size:clamp(26px,3.6vw,40px); font-weight:800; letter-spacing:-.02em; line-height:1.12; color:var(--svk-text); margin:12px 0 14px; }
.svk-art__meta{ display:flex; flex-wrap:wrap; gap:8px 16px; font-size:13px; color:var(--svk-muted); padding-bottom:24px; border-bottom:1px solid var(--svk-line); margin-bottom:28px; }
.svk-art__lead{ font-size:18px; line-height:1.6; color:var(--svk-text); margin-bottom:22px; font-weight:500; }
.svk-art h2{ font-size:23px; font-weight:800; color:var(--svk-text); margin:34px 0 12px; letter-spacing:-.01em; }
.svk-art h3{ font-size:18px; font-weight:700; color:var(--svk-text); margin:24px 0 8px; }
.svk-art p{ font-size:16px; line-height:1.75; color:var(--svk-text-2); margin-bottom:14px; }
.svk-art ul,.svk-art ol{ margin:0 0 16px; padding:0; }
.svk-art ul li,.svk-art ol li{ position:relative; padding-left:24px; font-size:16px; color:var(--svk-text-2); line-height:1.65; margin-bottom:9px; }
.svk-art ul li::before{ content:""; position:absolute; left:5px; top:11px; width:6px; height:6px; border-radius:50%; background:var(--svk-red); }
.svk-art ol{ counter-reset:n; }
.svk-art ol li{ counter-increment:n; }
.svk-art ol li::before{ content:counter(n); position:absolute; left:0; top:0; font-weight:800; color:var(--svk-red); font-size:14px; }
.svk-art__answer{ background:var(--svk-surface-2); border:1px solid var(--svk-line); border-left:3px solid var(--svk-red); border-radius:var(--svk-r); padding:18px 20px; margin:18px 0; }
.svk-art__answer b{ color:var(--svk-text); }
.svk-art__catLinks{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 22px; }
.svk-art__catLinks a{ display:inline-flex; align-items:center; min-height:34px; padding:7px 12px; border:1px solid var(--svk-line); border-radius:999px; background:var(--svk-surface-2); color:var(--svk-text); font-size:13px; font-weight:800; }
.svk-art__catLinks a:first-child{ background:var(--svk-red); border-color:var(--svk-red); color:#fff; }
.svk-art__answers{ display:grid; gap:16px; margin:24px 0 10px; }
.svk-art__answers > div{ padding:18px 20px; border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface-2); }
.svk-art__answers h2{ margin-top:0; font-size:20px; }
.svk-art__answers p{ margin-bottom:0; }
.svk-art__faq{ margin-top:30px; }
.svk-art__faq details{ border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface-2); margin-top:10px; overflow:hidden; }
.svk-art__faq summary{ cursor:pointer; padding:15px 18px; color:var(--svk-text); font-weight:900; }
.svk-art__faq p{ padding:0 18px 16px; margin:0; }
.svk-art__section{ margin-top:30px; }
.svk-art__wrap > section[id]{ scroll-margin-top:120px; }
.svk-art__section h2,.svk-art__checklist h2,.svk-art__products h2,.svk-art__audiences h2,.svk-art__sources h2{ letter-spacing:0; }
.svk-art__checklist{ margin-top:30px; padding:20px 22px; border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface-2); }
.svk-art__checklist h2{ margin:0 0 14px; font-size:20px; }
.svk-art__checklist ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 18px; margin:0; }
.svk-art__checklist li{ margin:0; }
.svk-art__products{ margin-top:34px; }
.svk-art__productsGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.svk-art__productsGrid .svk-lp__pcard{ min-width:0; }
.svk-art__productsGrid .svk-lp__pmedia{ aspect-ratio:4/3; }
.svk-art__productsGrid .svk-lp__pcard h3{ font-size:15px; overflow-wrap:anywhere; }
.svk-art__productsGrid .svk-lp__pbody{ padding:16px; }
.svk-art__productsGrid .svk-lp__pfoot{ gap:10px; }
.svk-art__audiences,.svk-art__sources{ margin-top:32px; padding-top:26px; border-top:1px solid var(--svk-line); }
.svk-art__audiences h2,.svk-art__sources h2{ margin-top:0; }
.svk-art__audiences > div{ display:flex; flex-wrap:wrap; gap:10px; }
.svk-art__audiences a{ display:inline-flex; min-height:40px; align-items:center; padding:9px 12px; border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface-2); color:var(--svk-text); font-size:14px; font-weight:800; }
.svk-art__sources ul{ margin:0; }
.svk-art__sources a{ color:var(--svk-text); text-decoration:underline; text-underline-offset:3px; }
.svk-art__cta{ background:var(--svk-black); color:#fff; border-radius:var(--svk-r); padding:28px 30px; margin:34px 0 0; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.svk-art__cta h3{ color:#fff; font-size:20px; margin:0; }
.svk-art__cta p{ color:var(--svk-on-dark-2); font-size:14px; margin:6px 0 0; }
.svk-art__figure{ position:relative; overflow:hidden; aspect-ratio:16/9; background:linear-gradient(150deg,#1A1F25,#0E1115); border:1px solid var(--svk-line); border-radius:var(--svk-r); display:flex; align-items:center; justify-content:center; color:var(--svk-on-dark-3); gap:10px; font-size:13px; margin:18px 0; }
.svk-art__figure img{ width:100%; height:100%; object-fit:cover; display:block; }
.svk-art__figure figcaption{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.svk-art__figure svg{ width:30px; height:30px; }
.svk-art__table{ overflow-x:auto; border:1px solid var(--svk-line); border-radius:var(--svk-r); margin:20px 0 28px; background:var(--svk-surface); }
.svk-art__table table{ width:100%; min-width:560px; border-collapse:collapse; font-size:14px; }
.svk-art__table th,.svk-art__table td{ padding:13px 15px; border-bottom:1px solid var(--svk-line); text-align:left; vertical-align:top; line-height:1.45; }
.svk-art__table th{ background:var(--svk-surface-2); color:var(--svk-text); font-weight:800; }
.svk-art__table td{ color:var(--svk-text-2); }
.svk-art__table tr:last-child td{ border-bottom:0; }
.svk-art__related{ margin-top:34px; padding-top:26px; border-top:1px solid var(--svk-line); }
.svk-art__related h2{ margin-top:0; }
.svk-art__related > div{ display:grid; gap:12px; }
.svk-art__related a{ display:grid; gap:4px; padding:15px 16px; border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface-2); color:var(--svk-text); font-weight:800; }
.svk-art__related a span{ color:var(--svk-red); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.svk-relatedGuides{ padding:34px 0; border-top:1px solid var(--svk-line); border-bottom:1px solid var(--svk-line); background:var(--svk-surface-2); }
.svk-relatedGuides__head{ display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.svk-relatedGuides__head h2{ margin:0; color:var(--svk-text); font-size:24px; line-height:1.2; letter-spacing:0; }
.svk-relatedGuides__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.svk-relatedGuides__grid a{ display:flex; flex-direction:column; gap:7px; min-width:0; padding:17px 18px; border:1px solid var(--svk-line); border-radius:var(--svk-r); background:var(--svk-surface); color:var(--svk-text); }
.svk-relatedGuides__grid b{ font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
.svk-relatedGuides__grid span{ color:var(--svk-text-2); font-size:13px; line-height:1.5; }
@media (max-width:760px){ .svk-relatedGuides__head{ align-items:start; flex-direction:column; gap:6px; } .svk-relatedGuides__grid{ grid-template-columns:1fr; } }
@media (max-width:560px){ .svk-blog__group{ margin-top:34px; } .svk-blog__groupHead{ align-items:start; flex-direction:column; gap:6px; } .svk-art__wrap{ padding:32px 18px 56px; } .svk-art__catLinks{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; } .svk-art__catLinks a{ white-space:nowrap; } .svk-art__cta{ flex-direction:column; align-items:stretch; } .svk-art__table{ margin-inline:0; border-radius:12px; overflow:visible; } .svk-art__table table{ min-width:0; table-layout:fixed; font-size:12.5px; } .svk-art__table th,.svk-art__table td{ padding:10px 9px; overflow-wrap:anywhere; } .svk-art__checklist ul,.svk-art__productsGrid{ grid-template-columns:1fr; } .svk-art__audiences > div{ display:grid; grid-template-columns:1fr; } }

/* Official product variants and UNIX configurator groups. */
.svk-productOptions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; padding:18px 0; border-top:1px solid var(--svk-line,#dfe3e7); border-bottom:1px solid var(--svk-line,#dfe3e7); }
.svk-productOptions h2{ grid-column:1/-1; margin:0; font-size:17px; line-height:1.25; letter-spacing:0; }
.svk-productOptions__group{ display:grid; align-content:start; gap:7px; min-width:0; margin:0; padding:0; border:0; color:var(--svk-text,#171b20); font-size:13px; font-weight:800; }
.svk-productOptions__group select{ width:100%; min-width:0; min-height:44px; padding:9px 34px 9px 11px; border:1px solid var(--svk-line,#cfd5da); border-radius:6px; background:#fff; color:var(--svk-text,#171b20); font:inherit; font-weight:600; }
.svk-productOptions__group legend{ margin-bottom:7px; padding:0; font-size:13px; font-weight:800; }
.svk-productOptions__check{ display:flex; align-items:flex-start; gap:9px; min-height:36px; color:var(--svk-text-2,#4d5660); font-size:13px; font-weight:600; line-height:1.35; }
.svk-productOptions__check input{ width:18px; height:18px; flex:0 0 auto; margin:0; accent-color:var(--svk-red,#c71f2d); }
.svk-lp__addBtnBig:disabled{ cursor:not-allowed; opacity:.55; }
.svk-lp__tray .svk-lp__chips{ max-width:100%; flex-wrap:wrap; overflow:visible; }
.svk-lp__tray .svk-lp__chip{ max-width:100%; overflow-wrap:anywhere; }
.svk-lp__tray .svk-lp__chip button{ flex:0 0 auto; }
/* Quantity stepper in the request tray: B2B orders ship by case/pallet, so
   the count is a first-class editable value, not decoration.
   `.svk-lp button{background:initial}` is defined later in svk-shop.css and
   resets button backgrounds, so the controls are scoped to the tray to win. */
/* Chip content wraps as one unit: the label takes the first line and the
   stepper sits on the next, so a long product name never squeezes the
   controls or breaks per letter on a narrow phone. */
.svk-lp__tray .svk-lp__chip{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; flex:1 1 100%; }
.svk-lp__chipLabel{ min-width:0; flex:1 1 100%; overflow-wrap:anywhere; }
.svk-lp__qty{ display:inline-flex; align-items:center; gap:2px; flex:0 0 auto; }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn{
  width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--svk-line,#cfd5da); border-radius:6px; background:#fff;
  color:var(--svk-text,#171b20); font:inherit; font-size:17px; font-weight:700; line-height:1;
  cursor:pointer; padding:0; touch-action:manipulation;
}
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:hover{ background:#f3f5f7; }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:active{ transform:scale(.94); }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:disabled{ opacity:.4; cursor:not-allowed; }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:disabled:hover{ background:#fff; }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:disabled:active{ transform:none; }
.svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn:focus-visible{ outline:2px solid var(--svk-red,#c71f2d); outline-offset:1px; }
.svk-lp__qtyInput{
  width:54px; height:30px; min-width:0; padding:0 4px; box-sizing:border-box;
  border:1px solid var(--svk-line,#cfd5da); border-radius:6px; background:#fff;
  color:var(--svk-text,#171b20); font:inherit; font-size:14px; font-weight:700; text-align:center;
}
.svk-lp__qtyInput:focus-visible{ outline:2px solid var(--svk-red,#c71f2d); outline-offset:1px; }
.svk-lp__qtyInput::-webkit-outer-spin-button,
.svk-lp__qtyInput::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.svk-lp__qtyInput[type=number]{ -moz-appearance:textfield; appearance:textfield; }
@media (max-width:640px){
  .svk-lp__tray .svk-lp__chip .svk-lp__qtyBtn{ width:34px; height:34px; }
  .svk-lp__qtyInput{ width:58px; height:34px; }
}
@media (max-width:640px){ .svk-productOptions{ grid-template-columns:1fr; } }

/* B2B type: weight is scarce. ExtraBold on chips/labels/selects reads as slop. */
.svk-lp{
  --svk-fw-body:400;
  --svk-fw-ui:600;
  --svk-fw-title:700;
  --svk-fw-mark:700;
  --svk-sans:"IBM Plex Sans", "Golos Text", ui-sans-serif, system-ui, sans-serif;
  --svk-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;
  font-family:var(--svk-sans);
  font-weight:var(--svk-fw-body);
}
.svk-lp h1,
.svk-lp h2,
.svk-lp h3,
.svk-lp h4,
.svk-lp .svk-display,
.svk-lp .svk-h2,
.svk-lp .svk-h3,
.svk-lp .svk-sub{
  font-weight:var(--svk-fw-title) !important;
  letter-spacing:-.015em;
}
.svk-lp .svk-over,
.svk-lp__pbrand,
.svk-lp__cardCat,
.svk-lp__prodInfo .pbrand,
.svk-lp__menuTitle,
.svk-homeSearch label,
.svk-lp__brandLabel,
.svk-lp__mapFacts span{
  font-weight:var(--svk-fw-ui) !important;
  letter-spacing:.08em;
}
.svk-lp .svk-btn,
.svk-lp .svk-lp__hcta,
.svk-lp .svk-catalogHero__secondary,
.svk-lp__subchip,
.svk-lp__brandchip,
.svk-lp__viewBtn,
.svk-lp__filterOpen,
.svk-lp__filterHead button,
.svk-lp__filterChoice,
.svk-lp__pagerNav,
.svk-lp__sort select,
.svk-lp__gridCols,
.svk-lp__gridCols select,
.svk-lp__idxGo,
.svk-lp__catCard .go,
.svk-lp__catCard .meta,
.svk-menuCatGrid a,
.svk-catalogMenu summary{
  font-weight:var(--svk-fw-ui) !important;
}
.svk-lp b,
.svk-lp strong,
.svk-lp__pcard h3,
.svk-lp__card h3,
.svk-lp__catCard h3,
.svk-lp__pprice .val,
.svk-lp__pprice .req,
.svk-lp__price .v,
.svk-lp__prodPrice .val,
.svk-lp__hphone b,
.svk-lp__menuPhone b,
.svk-lp__menuEmail,
.svk-lp__footer .fbrand b,
.svk-lp__footer .fcol b,
.svk-lp__utpItem b,
.svk-lp__heroStats b,
.svk-info__metric b,
.svk-lp__specTable td,
.svk-lp__field label,
.svk-lp__faqItem summary,
.svk-art__table th,
.svk-art__related a,
.svk-productOptions__group,
.svk-productOptions__group legend{
  font-weight:var(--svk-fw-title) !important;
}
.svk-lp__brand b{
  font-weight:var(--svk-fw-mark) !important;
}
.svk-lp__marqueeTrack span{
  font-weight:var(--svk-fw-ui) !important;
  letter-spacing:.02em;
}
.svk-lp__filterSelection,
.svk-lp__filterChoice:has(input:checked),
.svk-lp__filterDialogHead h2,
.svk-lp__filterDialogFoot button,
.svk-lp__filterHead b{
  font-weight:var(--svk-fw-title) !important;
}
.svk-catalogStore .svk-lp__headerActions .svk-lp__hphone{
  font-weight:var(--svk-fw-title) !important;
}

/* ==========================================================================
   B2B Analogi Comparison & Hero Micro-Trigger
   ========================================================================== */

.svk-lp__heroAnalogiTip{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  padding:8px 12px;
  border-radius:8px;
  background:rgba(240,24,37,.08);
  border:1px solid rgba(240,24,37,.22);
  color:var(--svk-on-dark-2, #C4CDD5);
  font-size:12.5px;
  line-height:1.4;
}
.svk-lp__heroAnalogiTip b{
  color:#fff;
  font-weight:750;
}
.svk-lp__heroAnalogiIcon{
  flex:0 0 24px;
  height:24px;
  border-radius:6px;
  background:rgba(240,24,37,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--svk-red-bright, #F01825);
}

.svk-analogiSec{
  background:#0A0D11;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
}
.svk-analogiCards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
  margin-top:34px;
}
.svk-analogiCard{
  background:#12161D;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:16px;
  box-shadow:0 12px 32px rgba(0,0,0,.35);
  transition:border-color .25s ease, transform .25s ease;
}
.svk-analogiCard:hover{
  border-color:rgba(240,24,37,.35);
  transform:translateY(-2px);
}
.svk-analogiCard__category{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:12px;
}
.svk-analogiCard__catTitle{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#FF8A92;
}
.svk-analogiCard__saving{
  font-size:12px;
  font-weight:800;
  padding:4px 8px;
  border-radius:6px;
  background:rgba(34,197,94,.14);
  color:#4ADE80;
  border:1px solid rgba(34,197,94,.3);
}

.svk-analogiPair{
  display:grid;
  grid-template-columns:1fr auto 1.1fr;
  gap:12px;
  align-items:center;
}
.svk-analogiSide{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.svk-analogiImgWrap{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:8px;
  background:#181E27;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.svk-analogiImgWrap img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:4px;
}
.svk-analogiImgWrap--old img{
  filter:grayscale(60%) opacity(.8);
}
.svk-analogiName{
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  color:rgba(255,255,255,.7);
}
.svk-analogiName--new{
  color:#fff;
  font-weight:800;
}
.svk-analogiTag{
  font-size:11px;
  font-weight:600;
  color:#FF6B72;
}
.svk-analogiTag--new{
  color:#22C55E;
}

.svk-analogiArrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.6);
  flex:0 0 auto;
}
.svk-analogiArrow svg{
  width:14px;
  height:14px;
}

.svk-analogiSpecs{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:14px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.svk-analogiSpecs li{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:rgba(255,255,255,.8);
  line-height:1.3;
}
.svk-analogiSpecs svg{
  width:14px;
  height:14px;
  color:#22C55E;
  flex:0 0 14px;
}

.svk-analogiBanner{
  margin-top:28px;
  padding:22px 28px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(212,16,28,.14) 0%, rgba(20,25,32,.95) 55%);
  border:1px solid rgba(240,24,37,.35);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.svk-analogiBanner__text{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.svk-analogiBanner__title{
  font-size:17px;
  font-weight:800;
  color:#fff;
}
.svk-analogiBanner__desc{
  font-size:13.5px;
  color:rgba(255,255,255,.76);
  max-width:680px;
  line-height:1.45;
}
.svk-analogiBanner__action{
  flex:0 0 auto;
}

@media (max-width:960px){
  .svk-analogiCards{
    grid-template-columns:1fr;
    gap:16px;
  }
  .svk-analogiBanner{
    flex-direction:column;
    align-items:flex-start;
  }
  .svk-analogiBanner__action{
    width:100%;
  }
  .svk-analogiBanner__action .svk-btn{
    width:100%;
    justify-content:center;
  }
}

/* =====================================================================
   FILE ATTACHMENT ZONE (.svk-lp__fileZone)
   ===================================================================== */
.svk-lp__formCard,
.svk-lp__formBody{
  color: var(--svk-text, #14181D) !important;
}

.svk-lp__fileZone{
  position: relative;
  margin: 10px 0;
  width: 100%;
}

.svk-lp__fileBox{
  display: block;
  width: 100%;
  margin: 0;
}

.svk-lp__fileUpload{
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  position: relative;
}

/* Hide raw file input cleanly while remaining keyboard-accessible */
.svk-lp__fileInput,
.svk-modal__fileInput{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}

.svk-lp__fileInput:focus-visible + .svk-lp__fileBtn,
.svk-modal__fileInput:focus-visible + .svk-lp__fileBtn{
  outline: 3px solid rgba(212, 16, 28, .45);
  outline-offset: 2px;
  border-color: var(--svk-red, #d4101c);
}

.svk-lp__fileBtn{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--svk-surface-2, #F4F6F9);
  border: 1.5px dashed var(--svk-line-2, #C6CDD5);
  border-radius: var(--svk-r-sm, 6px);
  color: var(--svk-text, #14181D);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
  user-select: none;
}

.svk-lp__fileUpload:hover .svk-lp__fileBtn{
  border-color: var(--svk-red, #d4101c);
  background: #fff;
}

.svk-lp__fileZone.is-dragover .svk-lp__fileBtn{
  border-color: var(--svk-red-bright, #f01825);
  background: rgba(240, 24, 37, .06);
  border-style: solid;
}

.svk-lp__fileBtnIcon{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: rgba(212, 16, 28, .08);
  color: var(--svk-red, #d4101c);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.svk-lp__fileBtnIcon svg{
  width: 15px;
  height: 15px;
}

.svk-lp__fileUpload:hover .svk-lp__fileBtnIcon{
  background: var(--svk-red, #d4101c);
  color: #fff;
}

.svk-lp__fileBtnText{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

.svk-lp__fileBtnTitle{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--svk-text, #14181D) !important;
}

.svk-lp__fileBtnHint{
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--svk-text-2, #4C545E) !important;
}

.svk-lp__fileName{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--svk-surface-2, #F4F6F9);
  border: 1px solid var(--svk-line, #DCE1E7);
  font-size: 12.5px;
  color: var(--svk-text, #14181D);
}

.svk-lp__fileNameText{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: var(--svk-text, #14181D);
}

.svk-lp__fileRemove{
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--svk-muted, #707A85);
  background: rgba(0, 0, 0, .06);
  cursor: pointer;
  padding: 0;
  border: 0;
  transition: all .15s ease;
}
.svk-lp__fileRemove:hover{
  background: var(--svk-red, #d4101c);
  color: #fff;
}

/* Scoped dark styling when inside hero dark forms */
.svk-heroLeadForm .svk-lp__fileBtn,
.svk-alp__form .svk-lp__fileBtn{
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
}
.svk-heroLeadForm .svk-lp__fileUpload:hover .svk-lp__fileBtn,
.svk-alp__form .svk-lp__fileUpload:hover .svk-lp__fileBtn{
  background: rgba(255, 255, 255, .08);
  border-color: rgba(240, 24, 37, .6);
}
.svk-heroLeadForm .svk-lp__fileBtnTitle,
.svk-alp__form .svk-lp__fileBtnTitle{
  color: #fff !important;
}
.svk-heroLeadForm .svk-lp__fileBtnHint,
.svk-alp__form .svk-lp__fileBtnHint{
  color: rgba(255, 255, 255, .65) !important;
}
.svk-heroLeadForm .svk-lp__fileBtnIcon,
.svk-alp__form .svk-lp__fileBtnIcon{
  background: rgba(240, 24, 37, .16);
  color: var(--svk-red-bright, #f01825);
}
.svk-heroLeadForm .svk-lp__fileName,
.svk-alp__form .svk-lp__fileName{
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .15);
  color: #fff;
}
.svk-heroLeadForm .svk-lp__fileNameText,
.svk-alp__form .svk-lp__fileNameText{
  color: #fff;
}
.svk-heroLeadForm .svk-lp__fileRemove,
.svk-alp__form .svk-lp__fileRemove{
  color: rgba(255, 255, 255, .7);
  background: rgba(255, 255, 255, .1);
}
.svk-heroLeadForm .svk-lp__fileRemove:hover,
.svk-alp__form .svk-lp__fileRemove:hover{
  background: var(--svk-red-bright, #f01825);
  color: #fff;
}

/* =====================================================================
   REQUEST MODAL (#svkRequestModal)
   ===================================================================== */
.svk-modal{
  position: fixed;
  inset: 0;
  z-index: 320;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}
.svk-modal[hidden]{
  display: none !important;
}
.svk-modal.is-open{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.svk-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(9, 11, 14, .75);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.svk-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: min(90vh, 760px);
  overflow-y: auto;
  background: #fff;
  color: var(--svk-text, #14181D);
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
  border: 1px solid rgba(255, 255, 255, .2);
  transform: translateY(16px) scale(.98);
  transition: transform .24s var(--svk-spring, cubic-bezier(.2,.8,.2,1));
}
.svk-modal.is-open .svk-modal__dialog{
  transform: translateY(0) scale(1);
}
.svk-modal__head{
  padding: 20px 24px 16px;
  border-bottom: 1px solid #E5E9EE;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.svk-modal__title{
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  color: var(--svk-text, #14181D);
  line-height: 1.25;
}
.svk-modal__subtitle{
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--svk-text-2, #4C545E);
  line-height: 1.35;
}
.svk-modal__close{
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--svk-muted, #707A85);
  background: var(--svk-surface-2, #F4F6F9);
  cursor: pointer;
  border: 0;
  transition: all .15s ease;
}
.svk-modal__close:hover{
  background: var(--svk-line, #DCE1E7);
  color: var(--svk-text, #14181D);
}
.svk-modal__body{
  padding: 20px 24px 24px;
}
.svk-modal__itemsWrap{
  margin-bottom: 16px;
}
.svk-modal__itemsHead{
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--svk-text, #14181D);
}
.svk-modal__field{
  margin-bottom: 12px;
}
.svk-modal__label{
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--svk-text, #14181D);
}
.svk-modal__input,
.svk-modal__textarea{
  width: 100%;
  font-family: var(--svk-sans, inherit);
  font-size: 15px;
  color: var(--svk-text, #14181D);
  background: #fff;
  border: 1.5px solid var(--svk-line-2, #C6CDD5);
  border-radius: var(--svk-r-sm, 6px);
  padding: 12px 14px;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.svk-modal__textarea{
  resize: vertical;
  min-height: 64px;
  line-height: 1.45;
}
.svk-modal__input:focus,
.svk-modal__textarea:focus{
  outline: none;
  border-color: var(--svk-red, #d4101c);
  box-shadow: 0 0 0 3px rgba(212, 16, 28, .12);
}
.svk-modal__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 10px;
}
@media (max-width: 520px){
  .svk-modal__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.svk-modal__hint{
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--svk-muted, #707A85);
  text-align: center;
}

/* The quick-search dropdown is absolutely positioned inside .svk-lp__wrap
   (z-index:1) inside .svk-lp__hero (z-index:auto). All three are stacking
   contexts, so raising the search box alone cannot lift the dropdown above the
   hero's later siblings (.svk-lp__marquee paints its own z-index:1 layer on
   top of it). The hero must be lifted as a whole while the search is open, and
   must stop clipping.
   The header keeps its own z-index: lifting the hero above it would sink the
   header under the hero video. Instead the flipped panel is pushed below the
   header band, so a flipped dropdown never renders underneath it. */
.svk-lp__addBtnBig.added svg,
.svk-lp__addBtn.added svg{ transform:none !important; }
.svk-lp__quickKpiBtn{ border-color:var(--svk-red) !important; color:var(--svk-red) !important; font-weight:800 !important; }
.svk-lp__quickKpiBtn:hover{ background:var(--svk-red) !important; color:#fff !important; }
body.svk-search-open .svk-lp__hero{
  overflow: visible;
  z-index: 3;
}
body.svk-search-open .svk-homeSearch--hero{
  z-index: 80;
}
@media (max-width:820px){
  .svk-lp__hero.has-video .svk-lp__heroGrid{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  body.svk-search-open .svk-tabbar{
    transform: translateY(250%) !important;
    transition: none !important;
    pointer-events: none;
  }
}