.group-landing-main { padding-top:14px; padding-bottom:72px; color:#172b3a; }
/* Mirrors the product-page header: one compact sticky module for title and trail. */
.group-page-intro { position:sticky; top:var(--group-page-intro-top,176px); z-index:8; display:flex; flex-direction:column; margin:0 0 16px; }
.group-landing-titlebar { position:relative; z-index:1; display:block; margin:0; padding:16px 22px 18px; border:1px solid rgba(17,24,39,.08); border-radius:24px; background:rgba(255,255,255,.92); box-shadow:0 10px 30px rgba(15,23,42,.08); backdrop-filter:blur(20px) saturate(1.08); }
.group-landing-titlebar h1 { margin:0; padding-right:160px; color:#172b3a; font-size:18px; font-weight:400; line-height:1.35; letter-spacing:-.012em; }
.group-landing-titlebar__label { display:block; margin:0 0 5px; color:#6b7d8e; font-size:10px; font-weight:700; letter-spacing:.12em; line-height:1.1; }
.group-page-intro > .group-breadcrumbs { position:relative !important; z-index:0; display:grid; min-height:42px; margin:0; padding:0; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; }
/* Same fixed left-side contact rail used by the product page. */
@media (min-width:801px) { .topline__contact-module { top:var(--group-contact-rail-top,181px) !important; z-index:10040 !important; display:grid !important; padding:4px !important; } }
/* The rail sits below the global header, yet remains above the page itself. */
.category-group-rail { position:fixed; top:var(--group-rail-top,0px); right:0; left:0; z-index:9; height:28px; min-height:28px; margin:0; overflow:visible; }
.category-group-rail__handle { position:absolute; z-index:2; bottom:-28px; left:50%; display:inline-flex; height:28px; align-items:center; gap:6px; padding:0 13px; border:1px solid rgba(170,214,230,.9); border-top:0; border-radius:0 0 13px 13px; background:rgba(248,253,255,.97); box-shadow:0 8px 16px rgba(23,61,83,.1); color:#33708d; cursor:pointer; font-size:11px; font-weight:700; letter-spacing:.02em; transform:translateX(-50%); transition:color .18s ease,background .18s ease,box-shadow .18s ease; }
.category-group-rail__handle svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.category-group-rail__handle .category-group-rail__chevron { transition:transform .28s cubic-bezier(.22,1,.36,1); }
.category-group-rail__lock--closed { display:none; }
.category-group-rail__lock--open { display:block; }
.category-group-rail.is-pinned .category-group-rail__lock--closed { display:block; }
.category-group-rail.is-pinned .category-group-rail__lock--open { display:none; }
.category-group-rail:hover .category-group-rail__handle,.category-group-rail:focus-within .category-group-rail__handle,.category-group-rail.is-expanded .category-group-rail__handle { color:#0878b7; background:#fff; box-shadow:0 10px 19px rgba(23,61,83,.14); }
.category-group-rail:hover .category-group-rail__handle .category-group-rail__chevron,.category-group-rail:focus-within .category-group-rail__handle .category-group-rail__chevron,.category-group-rail.is-expanded .category-group-rail__handle .category-group-rail__chevron { transform:rotate(180deg); }
.category-group-rail__drawer { position:absolute; top:0; right:0; left:0; padding:9px 12px; border:1px solid rgba(201,225,234,.9); border-top:0; border-radius:0 0 20px 20px; background:rgba(248,253,255,.98); box-shadow:0 16px 30px rgba(23,61,83,.12); backdrop-filter:blur(16px) saturate(1.08); pointer-events:auto; transform:translateY(-100%); transform-origin:top; transition:transform .32s cubic-bezier(.22,1,.36,1); }
.category-group-rail:hover .category-group-rail__drawer,.category-group-rail:focus-within .category-group-rail__drawer,.category-group-rail.is-expanded .category-group-rail__drawer { transform:translateY(0); }
.category-group-rail__context { display:flex; align-items:baseline; gap:4px; min-width:0; margin:0 4px 5px; color:#7691a2; font-size:12px; line-height:1.25; }
.category-group-rail__context b { color:#4c7890; font-weight:600; }
.category-group-rail__context a { overflow:hidden; color:inherit; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; transition:color .16s ease; }
.category-group-rail__context a:hover,.category-group-rail__context a:focus-visible { color:#0878b7; outline:0; }
.category-group-rail__track { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-items:center; }
.category-group-rail.has-overflow .category-group-rail__track { grid-template-columns:38px minmax(0,1fr) 38px; }
.category-group-rail[hidden] { display:none; }
.category-group-rail__viewport { display:flex; gap:12px; align-items:center; overflow-x:auto; padding:7px 4px 12px; scroll-behavior:smooth; scrollbar-width:none; }
.category-group-rail__viewport::-webkit-scrollbar { display:none; }
.category-group-rail__item { position:relative; z-index:1; display:flex; flex:0 0 64px; justify-content:center; width:64px; height:64px; border:1px solid #d6e7ed; border-radius:14px; background:#fff; box-shadow:0 5px 14px rgba(26,88,111,.05); text-decoration:none; transform:translateZ(0); transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease; }
.category-group-rail__image { display:grid; width:100%; height:100%; place-items:center; overflow:hidden; border-radius:inherit; }
.category-group-rail__image img { width:100%; height:100%; object-fit:contain; padding:7px; transition:transform .24s ease; }
.category-group-rail__placeholder { width:24px; height:24px; border:1.5px solid #83b7cd; border-radius:7px; background:linear-gradient(135deg,transparent 47%,#d7eef4 48% 54%,transparent 55%); }
.category-group-rail__item:hover,.category-group-rail__item:focus-visible { z-index:3; border-color:#58badd; box-shadow:0 10px 22px rgba(20,112,151,.16); outline:0; transform:scale(1.06); }
.category-group-rail__item:hover img,.category-group-rail__item:focus-visible img { transform:scale(1.04); }
.category-group-popover { position:fixed; z-index:14; max-width:min(260px,calc(100vw - 24px)); padding:9px 12px; border:1px solid #c9e1ea; border-radius:10px; background:rgba(255,255,255,.98); box-shadow:0 12px 28px rgba(23,61,83,.18); color:#204154; font-size:12px; font-weight:700; line-height:1.3; pointer-events:none; text-align:center; }
.category-group-popover[hidden] { display:none; }
.category-group-preview { position:fixed; z-index:13; display:grid; width:128px; height:128px; place-items:center; overflow:hidden; border:1px solid #58badd; border-radius:20px; background:#fff; box-shadow:0 16px 30px rgba(20,112,151,.2); pointer-events:none; transform:scale(.92); animation:category-group-preview-in .18s cubic-bezier(.22,1,.36,1) forwards; }
.category-group-preview[hidden] { display:none; }
.category-group-preview img { width:100%; height:100%; object-fit:contain; padding:10px; }
@keyframes category-group-preview-in { to { transform:scale(1); } }
.category-group-rail__control { display:grid; width:36px; height:36px; place-items:center; border:1px solid #c9e1ea; border-radius:50%; background:#fff; color:#0878b7; font-size:26px; line-height:1; cursor:pointer; transition:background .16s ease, color .16s ease, transform .16s ease; }
.category-group-rail__control[hidden] { display:none; }
.category-group-rail__control:disabled { opacity:.3; cursor:default; pointer-events:none; }
.category-group-rail__control:hover { background:#0878b7; color:#fff; transform:scale(1.06); }
.landing-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.group-landing-series .variant-list { height:auto; overflow:hidden; opacity:1; transform:translateY(0); transform-origin:top; transition:height .52s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1); will-change:height,opacity,transform; }
.group-landing-series:not(.is-open) .variant-list { height:0; opacity:0; pointer-events:none; transform:translateY(-12px); }
.group-landing-series,.group-landing-series .variant-list { overflow-anchor:none; }
.is-product-group-page .group-series__summary.landing-premium-hero { border:1px solid #cfe6ed; background:radial-gradient(circle at 84% 8%,rgba(108,223,204,.35),transparent 28%),radial-gradient(circle at 8% 102%,rgba(75,177,230,.22),transparent 38%),linear-gradient(132deg,#fbfeff 0%,#edf9fb 54%,#f5fdf9 100%); box-shadow:0 22px 52px rgba(26,88,111,.12); }.landing-premium-hero__copy .eyebrow { color:#087e9d; }.landing-premium-hero__copy h1 { color:#173e55; }.landing-premium-hero__copy p { color:#557284; }.landing-premium-hero__stats span { border-color:#c6e4e5; background:rgba(255,255,255,.7); color:#5d7785; }.landing-premium-hero__stats strong { color:#0c728d; }.landing-premium-hero__primary { background:#087fa5; color:#fff; box-shadow:0 12px 25px rgba(12,103,137,.18); }.landing-premium-hero__secondary { border-color:#bddce6; background:rgba(255,255,255,.78); color:#087498; }.landing-premium-hero__visual img { filter:drop-shadow(0 25px 22px rgba(12,75,96,.22)); }.landing-premium-hero__halo { border-color:rgba(53,180,165,.3); background:radial-gradient(circle,rgba(255,255,255,.88),rgba(130,230,216,.26) 57%,transparent 71%); box-shadow:0 0 0 38px rgba(115,218,205,.09),0 0 0 78px rgba(89,178,224,.055); }.landing-premium-hero__label { color:rgba(12,103,132,.45); }.is-product-group-page .group-landing-series .group-series__toggle { color:#087498; }
.is-product-group-page .group-landing-series .group-series__footer { margin-top:0; padding:0 28px 14px; border:1px solid #cfe6ed; border-top:0; border-radius:0; background:linear-gradient(90deg,#eff9fb,#f8fdfb); box-shadow:0 16px 34px rgba(26,88,111,.08); }
.is-product-group-page .group-landing-series .group-series__footer { display:flex; align-items:center; min-height:62px; padding:0 28px; }
.is-product-group-page .group-landing-series .group-series__footer h2 { margin:0; color:#1e566f; font-size:18px; font-weight:750; letter-spacing:-.015em; }
.is-product-group-page .group-landing-series .group-series__footer { justify-content:flex-start; gap:9px; min-height:0; padding:13px 28px 10px; border:0; background:transparent; box-shadow:none; }
.is-product-group-page .group-landing-series .group-series__footer h2 { color:#658092; font-size:15px; font-weight:400; letter-spacing:0; }
.is-product-group-page .group-landing-series .group-series__toggle--icon { display:grid; width:28px; height:28px; min-height:0; padding:0; place-items:center; border:1px solid #c9e1ea; border-radius:8px; background:rgba(255,255,255,.72); color:#28789b; box-shadow:none; }
.is-product-group-page .group-landing-series .group-series__toggle--icon:hover { border-color:#73bdd8; background:#eef9fc; }
.is-product-group-page .group-landing-series .group-series__toggle--icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; transition:transform .18s ease; }
.is-product-group-page .group-landing-series:not(.is-open) .group-series__toggle--icon svg { transform:rotate(180deg); }
.is-product-group-page .group-landing-series .group-series__footer { border:0 !important; background:transparent !important; box-shadow:none !important; }
.is-product-group-page .group-landing-series .group-series__toggle--icon { width:22px; height:22px; border:0 !important; border-radius:0; background:transparent !important; color:#387f9e; }
.is-product-group-page .group-landing-series .group-series__toggle--icon:hover { background:transparent !important; color:#0878b7; transform:none; }
.is-product-group-page .group-landing-series { overflow:hidden; border:1px solid #cfe6ed; border-radius:26px; background:radial-gradient(circle at 84% 8%,rgba(108,223,204,.35),transparent 28%),radial-gradient(circle at 8% 102%,rgba(75,177,230,.22),transparent 38%),linear-gradient(132deg,#fbfeff 0%,#edf9fb 54%,#f5fdf9 100%); box-shadow:0 22px 52px rgba(26,88,111,.12); }
.is-product-group-page .group-series__summary.landing-premium-hero { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
.is-product-group-page .group-landing-series .group-series__footer { padding:13px 28px 16px; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; }
.is-product-group-page .group-landing-series { background:radial-gradient(circle at 84% 8%,rgba(108,223,204,.28),transparent 31%),linear-gradient(180deg,#edf9fb 0%,#e9f8fa 42%,#fff 64%,#fff 100%); }
.landing-premium-hero__halo { display:none; }
@media (min-width:801px) { .landing-premium-hero__visual { min-height:340px; }.landing-premium-hero__image { width:100% !important; max-width:none !important; height:100% !important; max-height:none !important; object-fit:cover !important; border-radius:22px; filter:drop-shadow(0 18px 22px rgba(12,75,96,.14)) !important; } }
@media (min-width:801px) { .landing-premium-hero__visual { height:360px; min-height:360px; max-height:360px; overflow:hidden; border-radius:22px; }.landing-premium-hero__image { display:block; min-height:0; } }
@media (min-width:801px) { .landing-premium-hero__visual { height:400px; min-height:400px; max-height:400px; margin:-28px -34px -28px 0; overflow:visible; }.landing-premium-hero__image { object-fit:contain !important; background:#fff; } }
@media (min-width:801px) { .landing-premium-hero__visual { width:min(100%,640px); justify-self:end; }.landing-premium-hero__image { width:100% !important; } }
.is-product-group-page .group-series__summary.landing-premium-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr); gap:clamp(28px,5vw,82px); min-height:360px; padding:clamp(32px,5vw,66px); overflow:hidden; border:0; border-radius:26px 26px 0 0; background:radial-gradient(circle at 86% 2%,rgba(62,214,196,.34),transparent 28%),radial-gradient(circle at 16% 92%,rgba(19,123,190,.36),transparent 36%),linear-gradient(128deg,#071f35 0%,#0d3d5b 52%,#075d7d 100%); box-shadow:0 25px 62px rgba(10,55,82,.22); }
.landing-premium-hero__copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; }.landing-premium-hero__copy .eyebrow { color:#76e5d1; letter-spacing:.15em; }.landing-premium-hero__copy h1 { max-width:780px; margin:10px 0 0; color:#fff; font-size:clamp(34px,4.25vw,62px); font-weight:800; line-height:1.04; letter-spacing:-.045em; }.landing-premium-hero__copy p { max-width:620px; margin:19px 0 0; color:rgba(233,248,252,.8); font-size:17px; line-height:1.55; }.landing-premium-hero__stats { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }.landing-premium-hero__stats span { display:inline-flex; align-items:baseline; gap:6px; padding:8px 11px; border:1px solid rgba(188,239,236,.24); border-radius:999px; background:rgba(255,255,255,.075); color:rgba(228,248,249,.78); font-size:12px; font-weight:650; backdrop-filter:blur(8px); }.landing-premium-hero__stats strong { color:#fff; font-size:16px; }.landing-premium-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }.landing-premium-hero__primary,.landing-premium-hero__secondary { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:10px; padding:0 17px; border-radius:12px; font-size:14px; font-weight:800; text-decoration:none; transition:transform .16s ease,background .16s ease; }.landing-premium-hero__primary { background:#60d9c2; color:#06334d; box-shadow:0 12px 26px rgba(0,0,0,.18); }.landing-premium-hero__secondary { border:1px solid rgba(226,248,251,.38); background:rgba(255,255,255,.06); color:#fff; }.landing-premium-hero__primary:hover,.landing-premium-hero__secondary:hover { transform:translateY(-2px); }.landing-premium-hero__visual { position:relative; z-index:1; display:grid; min-height:230px; place-items:center; }.landing-premium-hero__visual img { position:relative; z-index:2; width:100%; max-width:520px; max-height:300px; object-fit:contain; filter:drop-shadow(0 30px 28px rgba(0,0,0,.32)); }.landing-premium-hero__halo { position:absolute; width:min(340px,88%); aspect-ratio:1; border:1px solid rgba(190,255,245,.32); border-radius:50%; background:radial-gradient(circle,rgba(225,255,249,.34),rgba(102,233,216,.06) 57%,transparent 71%); box-shadow:0 0 0 38px rgba(129,239,226,.055),0 0 0 78px rgba(129,239,226,.035); }.landing-premium-hero__label { position:absolute; right:0; bottom:0; color:rgba(223,251,249,.55); font-size:10px; font-weight:800; letter-spacing:.24em; }.is-product-group-page .group-landing-series .group-series__footer { position:relative; z-index:3; margin-top:-52px; padding:0 28px 17px; border:0; background:transparent; box-shadow:none; }.is-product-group-page .group-landing-series .group-series__toggle { color:rgba(235,252,252,.92); }.is-product-group-page .group-landing-series .group-series__toggle svg { stroke:currentColor; }
.is-product-group-page .group-series__summary.landing-premium-hero { border:1px solid #cfe6ed; background:radial-gradient(circle at 84% 8%,rgba(108,223,204,.35),transparent 28%),radial-gradient(circle at 8% 102%,rgba(75,177,230,.22),transparent 38%),linear-gradient(132deg,#fbfeff 0%,#edf9fb 54%,#f5fdf9 100%); box-shadow:0 22px 52px rgba(26,88,111,.12); }.landing-premium-hero__copy .eyebrow { color:#087e9d; }.landing-premium-hero__copy h1 { color:#173e55; }.landing-premium-hero__copy p { color:#557284; }.landing-premium-hero__stats span { border-color:#c6e4e5; background:rgba(255,255,255,.7); color:#5d7785; }.landing-premium-hero__stats strong { color:#0c728d; }.landing-premium-hero__primary { background:#087fa5; color:#fff; box-shadow:0 12px 25px rgba(12,103,137,.18); }.landing-premium-hero__secondary { border-color:#bddce6; background:rgba(255,255,255,.78); color:#087498; }.landing-premium-hero__visual img { filter:drop-shadow(0 25px 22px rgba(12,75,96,.22)); }.landing-premium-hero__halo { border-color:rgba(53,180,165,.3); background:radial-gradient(circle,rgba(255,255,255,.88),rgba(130,230,216,.26) 57%,transparent 71%); box-shadow:0 0 0 38px rgba(115,218,205,.09),0 0 0 78px rgba(89,178,224,.055); }.landing-premium-hero__label { color:rgba(12,103,132,.45); }.is-product-group-page .group-landing-series .group-series__toggle { color:#087498; }
.landing-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); gap: clamp(24px, 5vw, 72px); min-height: 420px; padding: clamp(26px, 5vw, 62px); overflow: hidden; border: 1px solid #d6e9f1; border-radius: 28px; background: radial-gradient(circle at 84% 8%, #d9f5ec 0, transparent 34%), linear-gradient(135deg, #f8fdff 0, #edf8fc 58%, #f7fcf9 100%); }
.landing-eyebrow { margin: 0 0 14px; color: #0784a8; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.landing-hero h1 { max-width: 760px; margin: 0; color: #15354a; font-size: clamp(34px, 5vw, 62px); line-height: 1.04; }.landing-lead { max-width: 690px; margin: 20px 0; color: #526c7d; font-size: 18px; line-height: 1.55; }
.landing-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }.landing-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid #0088b7; border-radius: 14px; background: #0088b7; color: #fff; font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; }.landing-button--quiet { border-color: #bdd8e4; background: rgba(255,255,255,.78); color: #0b6f9a; }
.landing-hero__media { display: grid; place-items: center; min-height: 260px; }.landing-hero__media img { width: 100%; max-height: 330px; object-fit: contain; mix-blend-mode: multiply; }.landing-hero__fallback { width: min(240px, 68%); aspect-ratio: 1; border-radius: 50%; background: linear-gradient(135deg,#c4ecf3,#e9f9ec); }
.landing-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 42px; }.landing-metric { padding: 19px; border: 1px solid #dbeaf0; border-radius: 18px; background: #fff; }.landing-metric strong { display:block; color:#137a9c; font-size: 26px; }.landing-metric span { color:#718397; font-size:13px; }
.landing-section { margin-top: 44px; }.landing-section__head { display:flex; justify-content:space-between; gap:16px; align-items:end; margin-bottom:18px; }.landing-section h2 { margin:0; color:#19384b; font-size:clamp(24px,3vw,36px); }.landing-section__head p { margin:0; color:#6e8291; }
.landing-variant-list { overflow:hidden; border:1px solid #d8e7ed; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(19,67,88,.05); }.landing-variant-list__head,.landing-variant-row { display:grid; grid-template-columns:minmax(0,1fr) 155px 145px 132px; gap:18px; align-items:center; }.landing-variant-list__head { min-height:52px; padding:0 22px; border-bottom:1px solid #d8e7ed; background:#f5fafc; color:#5a7485; font-size:12px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }.landing-variant-row { min-height:104px; padding:16px 22px; border-bottom:1px solid #e6eef2; transition:background .16s ease; }.landing-variant-row:last-child { border-bottom:0; }.landing-variant-row:hover { background:#f8fcfe; }.landing-variant-info { display:grid; gap:6px; min-width:0; }.landing-variant-code { width:max-content; max-width:100%; overflow:hidden; color:#0878b7; font-size:13px; font-weight:800; letter-spacing:.04em; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }.landing-variant-title { overflow:hidden; color:#29495c; font-size:15px; font-weight:600; line-height:1.38; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }.landing-variant-title:hover,.landing-variant-code:hover,.landing-variant-action a:hover { color:#005f9a; text-decoration:underline; }.landing-variant-price { display:grid; gap:3px; }.landing-variant-price strong { color:#19384b; font-size:17px; }.landing-variant-price small { color:#7890a0; font-size:12px; }.landing-variant-stock span { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid #a8e4c8; border-radius:999px; background:#effcf5; color:#087c4a; font-size:13px; font-weight:700; white-space:nowrap; }.landing-variant-action a { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 13px; border:1px solid #bcdce8; border-radius:10px; color:#0878b7; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }.landing-variant-empty { padding:26px; margin:0; color:#6e8291; }
.landing-detail { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; padding:28px; border-radius:24px; background:#f6fbfd; }.landing-detail__content { min-width:0; }.landing-description { color:#496170; line-height:1.65; }.landing-description :first-child { margin-top:0; }.landing-content-builder { color:#314d5d; line-height:1.65; }.landing-content-builder > :first-child { margin-top:0; }.landing-content-builder > :last-child { margin-bottom:0; }.landing-content-builder img, .landing-content-builder iframe { max-width:100%; border-radius:16px; }.landing-files { display:grid; align-content:start; gap:10px; }.landing-file { padding:12px 14px; border:1px solid #cfe4eb; border-radius:12px; background:#fff; color:#0878b7; font-weight:700; text-decoration:none; }
.landing-error { padding:26px; border:1px solid #f2c4c4; border-radius:18px; background:#fff7f7; color:#a23c3c; }
@media (max-width: 800px) { .group-landing-main { padding-top:14px; }.landing-hero { grid-template-columns:1fr; min-height:0; padding:24px; }.landing-hero__media { order:-1; min-height:180px; }.landing-hero__media img { max-height:210px; }.landing-metrics { grid-template-columns:1fr; }.landing-detail { grid-template-columns:1fr; padding:20px; }.landing-section { margin-top:30px; }.landing-variant-list__head { display:none; }.landing-variant-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; min-height:0; padding:16px; }.landing-variant-info { grid-column:1 / -1; }.landing-variant-title { white-space:normal; }.landing-variant-price { grid-column:1; }.landing-variant-stock { justify-self:end; }.landing-variant-action { grid-column:1 / -1; }.landing-variant-action a { width:100%; } }
@media (max-width: 800px) { .is-product-group-page .group-series__summary.landing-premium-hero { grid-template-columns:1fr; gap:18px; min-height:0; padding:28px 22px 76px; border-radius:22px 22px 0 0; }.landing-premium-hero__copy h1 { font-size:34px; }.landing-premium-hero__copy p { font-size:15px; }.landing-premium-hero__visual { position:absolute; right:-58px; bottom:-54px; width:230px; min-height:170px; opacity:.48; }.landing-premium-hero__visual img { max-height:178px; }.landing-premium-hero__halo { width:164px; }.landing-premium-hero__label { display:none; }.landing-premium-hero__actions { margin-top:20px; }.landing-premium-hero__primary,.landing-premium-hero__secondary { min-height:42px; padding:0 14px; font-size:13px; }.is-product-group-page .group-landing-series .group-series__footer { margin-top:-47px; padding:0 20px 14px; } }
@media (max-width: 800px) { .is-product-group-page .group-landing-series .group-series__footer { margin-top:0; padding:0 20px 14px; } }
.is-product-group-page .group-landing-series .group-series__footer { margin-top:0; padding:0 28px 14px; border:1px solid #cfe6ed; border-top:0; border-radius:0; background:linear-gradient(90deg,#eff9fb,#f8fdfb); box-shadow:0 16px 34px rgba(26,88,111,.08); }
@media (max-width: 800px) { .is-product-group-page .group-landing-series .group-series__footer { padding:0 20px 14px; } }

/* B2B hero: fixed media geometry keeps the page from reflowing when it expands. */
.is-product-group-page .group-series__summary.landing-premium-hero {
  grid-template-columns:minmax(0,1.16fr) minmax(290px,.84fr);
  align-items:center;
  min-height:370px;
  padding:clamp(30px,4vw,52px);
}
.landing-premium-hero__copy { justify-content:flex-start; }
.landing-premium-hero__copy h1 { max-width:840px; font-size:clamp(32px,3.7vw,54px); }
.landing-technical-brief { border:1px solid #cfe5e8; border-radius:13px; background:rgba(255,255,255,.72); }
.landing-technical-brief dt { margin:0; color:#667f8d; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.landing-technical-brief { width:100%; max-width:680px; margin-top:14px; padding:14px; }
.landing-technical-brief h2 { margin:0 0 10px; color:#176881; font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.landing-technical-brief dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; margin:0; }
.landing-technical-brief dd { margin:3px 0 0; color:#24485b; font-size:13px; font-weight:650; line-height:1.35; }
.landing-premium-hero__visual { min-height:326px; align-self:stretch; isolation:isolate; }
.landing-premium-hero__image { width:100%; max-width:490px; height:258px; object-fit:contain; object-position:center; }
.landing-hero-gallery { position:absolute; z-index:3; bottom:4px; left:50%; display:flex; gap:8px; max-width:100%; transform:translateX(-50%); }
.landing-hero-gallery__thumb { width:48px; height:42px; padding:3px; overflow:hidden; border:1px solid #c9e1e8; border-radius:9px; background:#fff; cursor:pointer; }
.landing-hero-gallery__thumb.is-active { border-color:#0a8aaa; box-shadow:0 0 0 2px rgba(10,138,170,.15); }
.landing-hero-gallery__thumb img { display:block; width:100%; height:100%; object-fit:contain; }
.group-landing-series .variant-list { contain:layout style; }
@media (max-width:800px) {
  .group-landing-titlebar { top:var(--group-titlebar-top, 4px); gap:5px; margin-bottom:8px; padding:15px 17px; border-radius:17px; }
  .group-landing-titlebar h1 { font-size:24px; line-height:1.18; }
  .group-landing-titlebar__category { font-size:10px; }
  .group-landing-main > .group-breadcrumbs { top:calc(var(--group-titlebar-top, 4px) + var(--group-titlebar-height, 0px) + 5px) !important; }
  .is-product-group-page .group-series__summary.landing-premium-hero { grid-template-columns:1fr; min-height:0; padding:26px 20px 24px; }
  .landing-premium-hero__visual { position:relative; right:auto; bottom:auto; width:100%; min-height:205px; margin-top:4px; opacity:1; }
  .landing-premium-hero__image { height:180px; max-height:none; }
  .landing-technical-brief dl { grid-template-columns:1fr 1fr; }
}
@media (max-width:800px) { .is-product-group-page .group-landing-series .group-series__footer { padding:12px 20px 9px; } }

/* Catalogue flyout for standalone group pages. */
.site-header { position:sticky; top:0; z-index:100; }
/* The catalog and account drawer intentionally use the shared chrome's classes and state. */
body.group-landing-page .account-popover { position:fixed; inset:0; width:100vw; height:100vh; z-index:10100; transform:none; }
body.group-landing-page .account-popover__backdrop { display:block; position:absolute; inset:0; width:100%; height:100%; background:radial-gradient(circle at 22% 18%,rgba(0,111,186,.18),transparent 544px),radial-gradient(circle at 78% 16%,rgba(53,185,87,.1),transparent 384px),rgba(15,23,42,.34); backdrop-filter:blur(10px) saturate(1.04); }
body.group-landing-page .account-popover__panel { position:absolute; top:14px; right:14px; bottom:14px; left:auto; width:min(430px,calc(100vw - 28px)); height:auto; max-width:none; overflow:auto; border-radius:26px; background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.92),transparent 288px),radial-gradient(circle at 96% 12%,rgba(53,185,87,.1),transparent 288px),linear-gradient(rgba(255,255,255,.78),rgba(247,251,253,.68)); box-shadow:0 38px 96px rgba(15,23,42,.28),0 10px 28px rgba(53,185,87,.12); }