:root{--navy:#182d39;--deep:#10212b;--teal:#35606a;--gold:#b99059;--ink:#1b303b;--muted:#5c6c73;--line:#dce4e3;--paper:#f5f7f5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(3rem,5.5vw,5.5rem)}h2{font-size:clamp(2.25rem,3.7vw,3.7rem)}h3{font-size:1.5rem}.container{width:min(1220px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px;z-index:100}.skip:focus{left:8px}.topbar{background:var(--deep);color:#d9e1e1;font-size:.82rem}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.topbar a:hover{color:#fff}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 8px 30px #10212b0a}.header-inner{display:flex;align-items:center;gap:32px;min-height:78px}.logo{display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:800;font-size:1.38rem;letter-spacing:-.05em}.logo-mark{width:43px;height:43px;border-radius:11px;background:var(--navy);color:#e0bd87;display:grid;place-items:center;font-size:.9rem;letter-spacing:-.08em}.logo span span{color:#9d7443}.logo small{display:block;line-height:1.1;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#7e8c90}.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.main-nav a{font-size:.91rem;font-weight:700;padding:25px 0;white-space:nowrap;position:relative}.main-nav a:hover,.main-nav a.current{color:#a07848}.main-nav a.current:after,.main-nav a:hover:after{content:'';position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--gold)}.langs{display:flex;gap:3px;padding-left:15px;border-left:1px solid var(--line)}.langs a{font-size:.75rem;font-weight:800;padding:6px 5px;border-radius:5px;color:#697a80}.langs a[aria-current]{background:#eaf0ee;color:#213c45}.header-cta{font-size:.83rem;font-weight:800;background:var(--navy);color:#fff;padding:11px 15px;border-radius:7px;white-space:nowrap}.header-cta:hover{background:var(--teal)}.menu-button{display:none;background:none;border:0;color:var(--navy);font-size:1.7rem;cursor:pointer}.eyebrow{font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;color:#9b7646;font-weight:800;margin-bottom:17px}.hero{background:linear-gradient(115deg,#f5f7f5 0%,#e9eeec 100%);overflow:hidden}.hero-layout{display:grid;grid-template-columns:48% 52%;min-height:650px}.hero-copy{padding:88px 55px 70px 0;align-self:center}.hero h1{margin-bottom:25px}.hero h1 em{font-style:normal;color:#9a7446}.hero .lead{font-size:1.16rem;max-width:540px;color:#455961;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:32px 0 58px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:14px 22px;font-size:.92rem;font-weight:800;min-height:50px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:var(--teal)}.btn-outline{border:1px solid #9aaead}.link-arrow{font-size:.9rem;font-weight:800;color:var(--navy);border-bottom:1px solid #a9b8b7;padding-bottom:4px}.hero-brands{border-top:1px solid #cbd8d4;padding-top:18px;display:flex;gap:25px;flex-wrap:wrap;color:#64767a;font-size:.77rem;letter-spacing:.1em;font-weight:800}.hero-photo{position:relative;height:100%;min-height:650px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:57% center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9eeec 0,transparent 19%);pointer-events:none}.photo-caption{position:absolute;bottom:24px;right:24px;background:#152d39dc;color:#fff;padding:11px 14px;font-size:.75rem;z-index:2;border-radius:5px}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.section-head p:last-child{font-size:1.1rem;color:var(--muted);max-width:490px;margin:0}.section-head h2{margin:0}.crumb{display:flex;align-items:center;gap:10px;margin:0 0 30px;font-size:.81rem;color:#7c8a8d;font-weight:700}.crumb a{text-decoration:underline;text-underline-offset:3px}.crumb strong{color:#956d40}.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience{border-radius:10px;padding:30px;min-height:320px;display:flex;flex-direction:column;background:#e8efed}.audience:first-child{background:var(--navy);color:#fff}.audience:nth-child(2){background:#35606a;color:#fff}.audience .count{color:#c59a61;font-size:.78rem;font-weight:800}.audience .glyph{font-size:2.5rem;line-height:1;margin:28px 0 18px}.audience h3{margin-bottom:12px}.audience p{margin:0;font-size:.96rem;line-height:1.62}.catalog{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#fff;border:1px solid #e3e9e7;border-radius:10px;padding:23px;display:flex;flex-direction:column;min-height:336px;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-4px);box-shadow:0 17px 35px #10212b16}.product-num{font-size:.76rem;letter-spacing:.13em;color:#9d774b;font-weight:800}.product-visual{height:110px;border-radius:6px;background:linear-gradient(125deg,#e1e9e7,#f1f3ef);margin:20px 0;display:flex;align-items:center;justify-content:space-between;padding:0 23px;overflow:hidden}.product-visual span{font-size:3rem;font-weight:800;letter-spacing:-.08em;color:#56717a}.product-visual i{height:84px;width:48px;border:2px solid #718b90;border-radius:5px;transform:rotate(-12deg);position:relative}.product-visual i:after{content:'';height:15px;width:15px;border:2px solid #718b90;border-radius:50%;position:absolute;left:calc(50% - 9px);top:18px}.product:nth-child(2) .product-visual{background:#dbe5e8}.product:nth-child(3) .product-visual{background:#e4e4df}.product:nth-child(4) .product-visual{background:#d9e2e0}.product:nth-child(5) .product-visual{background:#e1e8dc}.product:nth-child(6) .product-visual{background:#e5e2dc}.product h3{margin-bottom:10px}.product p{color:var(--muted);font-size:.94rem;line-height:1.58;margin-bottom:20px}.product a{color:#966d3f;font-weight:800;font-size:.88rem;margin-top:auto}.note{font-size:.82rem;color:#637479;margin:22px 0 0}.service-layout{display:grid;grid-template-columns:46% 1fr;gap:90px;align-items:center}.service-photo{border-radius:12px;overflow:hidden;min-height:460px}.service-photo img{width:100%;height:460px;object-fit:cover;object-position:65% center}.service-content>p{color:var(--muted);font-size:1.07rem;margin:22px 0 25px}.steps{margin-top:30px;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:43px 1fr;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.step span{font-size:.8rem;font-weight:800;color:#a07848}.step h3{font-size:1.17rem;margin:0 0 5px}.step p{font-size:.94rem;color:var(--muted);margin:0}.guide{background:#e9efed}.guide-layout{display:grid;grid-template-columns:40% 1fr;gap:90px}.guide-intro p:last-child{color:var(--muted);font-size:1.08rem;margin-top:22px}.faq{border-top:1px solid #c7d3d0}.faq details{border-bottom:1px solid #c7d3d0}.faq summary{cursor:pointer;list-style:none;font-size:1.08rem;font-weight:750;padding:19px 34px 19px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:3px;top:13px;font-size:1.45rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{color:#536a70;margin:0 25px 20px 0}.contact{background:var(--deep);color:white}.contact .crumb strong{color:#dbb983}.contact .crumb a{color:#b9c9cc}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact h2{margin-bottom:20px}.contact p{color:#b8c9cc;max-width:500px;font-size:1.06rem}.btn-gold{background:#c59b64;color:#172b35;margin-top:13px}.btn-gold:hover{background:#dbb583}.contact-info{font-style:normal;border-left:1px solid #45606a;padding-left:70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.contact-info strong{color:#d9b27b;margin-bottom:8px}.contact-info a{font-size:1.16rem;font-weight:700;overflow-wrap:anywhere}.contact-info a:hover{color:#e4bf89}.contact-info p{font-size:.91rem;margin:10px 0 0}.footer{background:#0b1a22;color:#a9bbbe}.footer .container{display:flex;justify-content:space-between;gap:18px;padding:24px 0;font-size:.8rem}.footer a:hover{color:#fff}.reveal.is-pending{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}section[id]{scroll-margin-top:85px}
@media(max-width:1060px){.header-inner{gap:17px}.main-nav{gap:13px}.header-cta{display:none}.langs{padding-left:8px}.hero-layout{grid-template-columns:51% 49%}.hero-copy{padding-right:25px}.service-layout,.guide-layout{gap:45px}}
@media(max-width:820px){.menu-button{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;box-shadow:0 20px 30px #10212b18;padding:12px 24px 20px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 0}.main-nav a:after{display:none}.langs{margin-left:auto}.header-inner{min-height:70px}.main-nav{top:70px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:66px 0 50px}.hero-photo{height:400px;min-height:400px;margin:0 -24px}.hero-photo:after{display:none}.section{padding:75px 0}.section-head{gap:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.service-layout,.guide-layout{grid-template-columns:1fr}.service-photo{min-height:0}.service-photo img{height:340px}.contact-info{padding-left:35px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.topbar .container{font-size:.72rem}.topbar .container span:last-child{display:none}.logo{font-size:1.12rem}.logo-mark{width:38px;height:38px}.logo small{font-size:.5rem}.langs{gap:0}.langs a{font-size:.68rem;padding:5px 3px}.header-inner{gap:7px}.hero-copy{padding:50px 0 42px}.hero h1{font-size:clamp(2.75rem,11vw,4rem)}.hero .lead{font-size:1.03rem}.hero-actions{margin-bottom:42px}.hero-brands{gap:12px 20px}.hero-photo{margin:0 -18px;height:320px;min-height:320px}.section-head{display:block}.section-head p:last-child{margin:20px 0 0;font-size:1rem}.audiences,.product-grid{grid-template-columns:1fr}.audience{min-height:245px}.product{min-height:300px}.service-photo img{height:280px}.guide-layout{gap:28px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-info{border-left:0;border-top:1px solid #45606a;padding:28px 0 0}.footer .container{flex-direction:column}.photo-caption{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.product{transition:none}.reveal.is-pending{opacity:1;transform:none;transition:none}}
/* Širší desktop a súčasnejší rytmus; historické logo slúži ako farebná referencia. */
:root{--navy:#15314a;--deep:#10283b;--teal:#28617e;--gold:#2d719f;--paper:#f3f6f8;--line:#d8e1e6}
.container{width:min(1680px,calc(100% - 88px))}
.topbar{background:#10283b}.header-inner{min-height:88px}.header{box-shadow:none}
.logo{font-size:1.56rem}.logo-mark{background:#155a8d;color:#fff;width:47px;height:47px}.logo span span{color:#20699d}.logo small{color:#617a89}
.hero{background:linear-gradient(115deg,#f6f9fa 0%,#e8f0f3 100%)}
.hero-layout{grid-template-columns:43% 57%;min-height:730px}
.hero-copy{padding:96px 80px 90px 0}.hero h1{font-size:clamp(3.6rem,5.3vw,6.8rem);max-width:760px;letter-spacing:-.055em}
.hero h1 em{color:#246a9a}.hero .lead{max-width:610px;font-size:1.2rem}.hero-photo{min-height:730px}
.hero-photo img{object-position:58% center}.hero-photo:after{background:linear-gradient(90deg,#e8f0f3 0,transparent 14%)}
.eyebrow,.crumb strong,.product-num,.product a{color:#276c99}.hero-brands{gap:36px}.photo-caption{background:#10283bdb}
.section{padding:120px 0}.section-head{grid-template-columns:1.15fr .85fr;gap:110px;margin-bottom:50px}
.section-head h2{max-width:830px}.section-head p:last-child{max-width:570px}
.audiences{grid-template-columns:1.22fr 1fr 1fr;gap:18px}.audience{min-height:360px;padding:38px;border-radius:4px}.audience .count{color:#a8d0e8}.audience:first-child{background:#173952}.audience:nth-child(2){background:#32647b}.audience:nth-child(3){background:#e8eef2}
.product-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.product{grid-column:span 3;min-height:335px;border-radius:4px;padding:28px;box-shadow:none}
.product:nth-child(-n+2){grid-column:span 6;min-height:390px}
.product:nth-child(-n+2) .product-visual{height:145px}
.product-visual{border-radius:3px}.product-visual span{color:#47788f}
.product:nth-child(-n+2) h3{font-size:1.8rem}.product:hover{box-shadow:0 18px 35px #10283b14}
.service-layout{grid-template-columns:50% 1fr;gap:110px}.service-photo{border-radius:4px}.service-photo img{height:540px}.contact{background:#10283b}.btn-gold{background:#b9d4e6;color:#12344b}.btn-gold:hover{background:#d5e5ee}
@media(min-width:1760px){.hero-photo{margin-right:calc((1680px - 100vw)/2)}.hero-photo:after{background:linear-gradient(90deg,#e8f0f3 0,transparent 10%)}}
@media(max-width:1260px){.container{width:calc(100% - 56px)}.hero-layout{grid-template-columns:48% 52%}.hero-copy{padding-right:42px}.product{grid-column:span 6}.product:nth-child(-n+2){grid-column:span 6}.service-layout{gap:60px}}
@media(max-width:820px){.container{width:calc(100% - 48px)}.header-inner{min-height:70px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 0 50px}.hero-photo{min-height:400px;margin:0 -24px}.section{padding:78px 0}.section-head{display:block}.section-head p:last-child{margin-top:20px}.audiences{grid-template-columns:repeat(3,1fr)}.audience{min-height:300px;padding:25px}.service-layout{grid-template-columns:1fr;gap:40px}.service-photo img{height:360px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.logo{font-size:1.12rem}.logo-mark{width:38px;height:38px}.hero h1{font-size:clamp(2.75rem,11vw,4rem)}.hero-photo{margin:0 -18px;min-height:320px}.audiences{grid-template-columns:1fr}.audience{min-height:245px}.product-grid{grid-template-columns:1fr}.product,.product:nth-child(-n+2){grid-column:auto;min-height:300px}.product:nth-child(-n+2) .product-visual{height:110px}.service-photo img{height:280px}}

/* Identita a jedno miesto na orientáciu v sekciách */
.logo{display:block;flex:0 0 auto;line-height:0}.logo img{width:160px;height:auto;max-height:70px;object-fit:contain}.header-inner{min-height:91px}
.pathbar{border-top:1px solid #e8eef1;background:#fff}.pathbar .container{min-height:35px;display:flex;align-items:center}
.pathbar nav{display:flex;align-items:center;gap:10px;color:#6e818c;font-size:.78rem;font-weight:700}
.pathbar nav a:hover{color:#1c608d}.pathbar .path-current{color:#1d618f;font-weight:800}
.pathbar [hidden]{display:none!important}.crumb{display:none}section[id]{scroll-margin-top:135px}
@media(max-width:820px){.logo img{width:137px;max-height:60px}.header-inner{min-height:70px}.pathbar .container{min-height:32px}section[id]{scroll-margin-top:112px}}
@media(max-width:620px){.logo img{width:108px;max-height:49px}.pathbar nav{font-size:.72rem}}
/* Dodané logá značiek a jemné oživenie */
.hero-brands{display:flex;align-items:center;gap:30px;flex-wrap:wrap;min-height:54px}
.partner-logo{display:inline-flex;align-items:center;justify-content:center;max-width:175px;transition:transform .3s ease,opacity .3s ease;opacity:.82}
.partner-logo:first-child{max-width:88px}.partner-logo img{display:block;width:100%;max-height:32px;object-fit:contain}
.partner-logo:hover{transform:translateY(-3px);opacity:1}
.logo-visual{background:#fff!important;border:1px solid #e4ebef;justify-content:center;padding:16px 26px}
.logo-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:84px;object-fit:contain;transition:transform .35s ease}
.product:hover .logo-visual img{transform:scale(1.045)}
.hero-copy{animation:hero-rise .7s cubic-bezier(.2,.7,.2,1) both}.hero-photo img{animation:hero-photo-in 1.05s ease both}
@keyframes hero-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hero-photo-in{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:620px){.hero-brands{gap:18px}.partner-logo{max-width:120px}.partner-logo:first-child{max-width:72px}.partner-logo img{max-height:25px}.logo-visual img{max-height:72px}}
@media(prefers-reduced-motion:reduce){.partner-logo,.logo-visual img{transition:none}.hero-copy,.hero-photo img{animation:none}}
/* Solution overview and wiring guidance */
.wiring{background:#f2f6f6}.wiring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wiring-card{background:#fff;border:1px solid #dde6e8;border-radius:12px;padding:29px}.wiring-card span{font-size:.75rem;font-weight:800;color:#276c99}.wiring-card h3{margin:12px 0}.wiring-card p{color:var(--muted);margin:0}.product-num{line-height:1.35}.catalog .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1050px){.catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.wiring-grid,.catalog .product-grid{grid-template-columns:1fr}}

.catalog .product,.catalog .product:nth-child(-n+2){grid-column:auto;min-height:340px}.catalog .product:nth-child(-n+2) .product-visual{height:110px}
/* PHP category pages */
.nav-group{position:relative;display:flex;align-items:center}.nav-submenu{display:none;position:absolute;top:100%;left:-18px;width:265px;background:#fff;box-shadow:0 18px 35px #10283b24;padding:12px;border:1px solid #dbe6ea;z-index:70}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:block}.nav-submenu a{display:block;padding:9px 12px;white-space:normal}.nav-submenu a:after{display:none!important}.pathbar nav{display:flex;align-items:center;gap:12px}.category-hero{background:#eaf1f3}.category-layout{display:grid;grid-template-columns:1fr 230px;gap:60px;align-items:center}.category-hero h1{max-width:850px}.category-brand{background:#fff;border:1px solid #dce5e9;border-radius:12px;min-height:200px;display:grid;place-items:center;padding:28px}.category-brand img{max-height:90px;max-width:190px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{position:relative;display:block;background:#f0f5f6;padding:27px;border:1px solid #dde7e9;border-radius:5px;min-height:270px;transition:transform .25s,box-shadow .25s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10283b14}.category-tile span{font-size:.75rem;color:#276c99;font-weight:800}.category-tile h3{margin:22px 0 10px}.category-tile p{color:var(--muted);font-size:.9rem;line-height:1.5}.category-tile b{position:absolute;right:24px;bottom:20px;color:#276c99}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.support-grid a{color:#276c99;font-weight:800}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.nav-group{display:block}.nav-submenu{display:block;position:static;box-shadow:none;border:0;width:auto;background:transparent;padding:0 0 0 18px}.nav-submenu a{padding:5px 10px!important;font-size:.85rem!important}.category-layout{grid-template-columns:1fr}.category-brand{min-height:130px}}@media(max-width:620px){.category-grid,.support-grid{grid-template-columns:1fr}.category-layout{gap:30px}.category-tile{min-height:220px}}@media(prefers-reduced-motion:reduce){.category-tile{transition:none}}

.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured .wiring-card{display:flex;flex-direction:column}.featured .wiring-card a{margin-top:auto;padding-top:20px;font-weight:800;color:#276c99}@media(max-width:820px){.featured-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.featured-grid{grid-template-columns:1fr}}@media(min-width:821px) and (max-width:1370px){.header-inner{gap:16px}.main-nav{gap:12px}.main-nav a{font-size:.82rem}.langs a{padding:4px 2px}.logo img{width:125px}.header-cta{display:none}}

/* Accessible interaction polish shared by every PHP page. */
[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3989bb;outline-offset:4px}.nav-submenu{border-radius:10px}.header .main-nav a{transition:color .18s ease}.nav-submenu a:hover{background:#edf4f6;border-radius:6px}@media(prefers-reduced-motion:reduce){.header .main-nav a{transition:none}}

/* IP kit photographs and a shared, keyboard-accessible back-to-top link. */
.category-layout:has(.category-brand-photo){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px}.category-brand-photo{padding:16px;min-height:0}.category-brand-photo img{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:16/10;object-fit:contain}.featured-grid-ip{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-kit-photo{margin:0 0 24px;background:#fff;border:1px solid #dce7eb;border-radius:10px;overflow:hidden;aspect-ratio:16/10}.featured-kit-photo img{width:100%;height:100%;object-fit:contain;padding:14px}.footer .footer-actions{display:flex;align-items:center;gap:22px}.footer .back-to-top{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #56717c;border-radius:8px;color:#fff;white-space:nowrap;font-weight:750;transition:background .2s,border-color .2s}.footer .back-to-top:hover{background:#254652;border-color:#8fa7b0}.footer .back-to-top:focus-visible{outline:3px solid #91c0dc;outline-offset:4px}@media(max-width:820px){.category-layout:has(.category-brand-photo){grid-template-columns:1fr;gap:30px}.category-brand-photo{max-width:640px;width:100%;margin:auto}}@media(max-width:620px){.featured-grid-ip{grid-template-columns:1fr}.footer .footer-actions{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.footer .back-to-top{transition:none}}

/* Floating back-to-top control, shown after the first 400px of scrolling. */
.back-to-top-floating{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:90;width:58px;min-height:62px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#153b53;color:#fff;border:1px solid #416879;border-radius:14px;box-shadow:0 6px 24px #102b3a30;transition:background .2s,transform .2s}.back-to-top-floating>span:first-child{font-size:1.7rem;line-height:1}.back-to-top-label{font-size:.68rem;font-weight:750}.back-to-top-floating:hover{background:#286b91;transform:translateY(-2px)}.back-to-top-floating:focus-visible{outline:3px solid #3989bb;outline-offset:4px}.catalog .product-grid-ip{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .product-grid-ip .product{grid-column:auto}.catalog .product .product-visual.kit-visual{height:auto;aspect-ratio:16/10;display:block;padding:14px;background:#fff;border:1px solid #dce7eb}.catalog .kit-visual img{width:100%;height:100%;object-fit:contain}@media(max-width:620px){.catalog .product-grid-ip{grid-template-columns:1fr}.back-to-top-floating{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:52px;min-height:56px}}@media(prefers-reduced-motion:reduce){.back-to-top-floating{transition:none}.back-to-top-floating:hover{transform:none}}