@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

:root {
  --navy: #071e3f;
  --navy-soft: #102a50;
  --teal: #21877d;
  --page: #e8f2f8;
  --card: rgba(255, 255, 255, 0.93);
  --line: #d8dde5;
  --text: #0e1f34;
  --muted: #667382;
  --price: #e98187;
  --shadow: 0 16px 36px rgba(8, 21, 43, 0.12);
  --radius: 10px;
}

@keyframes navGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 220% 50%; }
}
@keyframes saleGlow {
  0%, 100% { box-shadow: 0 20px 42px rgba(113, 9, 22, .15), inset 0 0 20px rgba(228, 21, 43, .07), 0 0 24px rgba(228, 21, 43, .1); }
  50% { box-shadow: 0 24px 52px rgba(159, 9, 27, .23), inset 0 0 28px rgba(255, 43, 65, .12), 0 0 34px rgba(255, 43, 65, .14); }
}
@keyframes promoTickerMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes promoLedPulse {
  0%, 100% { opacity: .95; text-shadow: 0 0 8px rgba(255,255,255,.65), 0 0 18px rgba(255,34,50,.55); }
  50% { opacity: 1; text-shadow: 0 0 11px rgba(255,255,255,.85), 0 0 26px rgba(255,82,92,.72); }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Roboto", "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: var(--page) url("assets/optimized/ice-bg.png.webp") center top / cover fixed no-repeat;
  font-size: 16px;
  min-height: 100vh;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: rgba(238, 247, 252, 0.58);
  z-index: -1;
}
button, input { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1534px, calc(100% - 34px)); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[hidden] { display: none !important; }

.topbar {
  background: var(--navy);
  min-height: 106px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 30;
  box-shadow: 0 5px 18px rgba(1, 11, 28, 0.2);
  overflow: visible;
}
.topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/optimized/header-ice.png.webp") center / cover repeat-x;
  opacity: .78;
  pointer-events: none;
}
.topbar__inner {
  position: relative;
  display: grid;
  grid-template-columns: 156px minmax(260px, 340px) minmax(440px, 1fr) auto 48px;
  align-items: center;
  gap: 20px;
  min-height: 106px;
}
.brand { width: 136px; height: 112px; display: flex; align-items: center; position: relative; z-index: 2; margin-bottom: -24px; }
.brand img { width: 136px; max-width: none; border-radius: 50%; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .42)) drop-shadow(0 0 11px rgba(119, 224, 241, .34)); }
.footer__logo { max-width: none; }
.search { position: relative; display: block; }
.search::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background: url("assets/search-icon.svg") center / contain no-repeat;
  opacity: .76;
  pointer-events: none;
  z-index: 1;
}
.search input {
  width: 100%; border: 0; border-radius: 9px; background: rgba(255,255,255,.93); height: 38px; padding: 0 16px 0 44px; color: #1b2b42; outline: 2px solid transparent; transition: outline-color .2s ease, box-shadow .2s ease;
}
.search input:focus { outline-color: #86dbe7; box-shadow: 0 0 0 4px rgba(134, 219, 231, .18); }
.search-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 9px);
  display: grid;
  gap: 7px;
  padding: 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,247,252,.96));
  border: 1px solid rgba(79, 177, 205, .38);
  box-shadow: 0 22px 48px rgba(8, 21, 43, .24);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .22s ease, visibility .18s ease;
  z-index: 80;
}
.search-suggestions.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.search-suggestions__item {
  width: 100%;
  border: 0;
  border-radius: 11px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  background: rgba(247, 251, 254, .9);
  color: #10243d;
  text-align: left;
  box-shadow: inset 0 0 0 1px rgba(7,30,63,.06);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.search-suggestions__item:hover,
.search-suggestions__item:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(90deg, rgba(213,246,253,.98), rgba(255,255,255,.96));
  box-shadow: inset 4px 0 0 rgba(44,183,209,.72), 0 10px 20px rgba(8, 38, 67, .12);
  outline: 0;
}
.search-suggestions__item--sale {
  background: linear-gradient(90deg, rgba(255,239,242,.98), rgba(255,255,255,.96));
  box-shadow: inset 4px 0 0 rgba(228, 21, 43, .82), 0 0 0 1px rgba(228, 21, 43, .22);
}
.search-suggestions__item--sale:hover,
.search-suggestions__item--sale:focus-visible {
  box-shadow: inset 4px 0 0 rgba(228, 21, 43, .9), 0 12px 24px rgba(138, 9, 25, .16), 0 0 0 2px rgba(228, 21, 43, .2);
}
.search-suggestions__image {
  width: 48px;
  height: 42px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: white;
}
.search-suggestions__image img { max-width: 42px; max-height: 38px; object-fit: contain; }
.search-suggestions__copy { min-width: 0; display: grid; gap: 3px; }
.search-suggestions__copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  line-height: 1.15;
}
.search-suggestions__copy em {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e4152b, #ff6b6b);
  color: white;
  font-style: normal;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .05em;
  vertical-align: middle;
}
.search-suggestions__copy small {
  color: #667382;
  font-size: .68rem;
  font-weight: 800;
}
.search-suggestions__price {
  color: var(--price);
  font-weight: 950;
  font-size: .8rem;
  white-space: nowrap;
}
.search-suggestions__empty {
  padding: 12px;
  color: #526174;
  font-weight: 800;
  font-size: .86rem;
}
.topnav { display: flex; align-items: center; justify-content: flex-end; gap: 13px; color: #e6f4fa; font-weight: 900; font-size: .96rem; text-transform: uppercase; letter-spacing: .025em; }
.topnav a { position: relative; opacity: .94; transition: color .25s ease, opacity .25s ease, transform .25s ease, text-shadow .25s ease; white-space: nowrap; padding: 10px 8px; border-radius: 9px; }
.topnav a::before { content: ""; position: absolute; inset: 5px 0; border-radius: 999px; background: linear-gradient(90deg, rgba(127,235,255,0), rgba(127,235,255,.26), rgba(255,255,255,.16), rgba(127,235,255,0)); opacity: 0; transform: scaleX(.45); transition: opacity .25s ease, transform .35s ease; z-index: -1; }
.topnav a:hover { color: #ffffff; opacity: 1; transform: translateY(-1px); text-shadow: 0 0 10px rgba(126, 229, 255, .95), 0 0 22px rgba(97, 183, 255, .42); }
.topnav a:hover::before { opacity: 1; transform: scaleX(1); animation: navGlow 1.6s linear infinite; }
.topnav__turnkey {
  color: #ffffff;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 58px 13px 62px !important;
  border-radius: 15px !important;
  background-image:
    url("assets/tool-wrench.png"),
    url("assets/tool-ruler.png"),
    url("assets/tool-blueprint.png"),
    url("assets/tool-hardhat.png"),
    linear-gradient(135deg, rgba(126,229,255,.28), rgba(255,255,255,.11), rgba(18,111,145,.32));
  background-repeat: no-repeat;
  background-size: 30px 30px, 28px 28px, 32px 32px, 28px 28px, auto;
  background-position: 17px center, calc(100% - 18px) center, 42px 3px, calc(100% - 44px) 4px, center;
  box-shadow: inset 0 0 0 1px rgba(157,235,245,.42), 0 13px 28px rgba(4, 18, 42, .22), 0 0 24px rgba(68, 196, 224, .22);
  isolation: isolate;
  transform-origin: center;
}
.topnav__turnkey:hover {
  box-shadow: inset 0 0 0 1px rgba(207,250,255,.72), 0 17px 34px rgba(4, 18, 42, .3), 0 0 30px rgba(100, 221, 246, .34);
}
.topnav__turnkey::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #8eefff, transparent);
  opacity: .9;
}
.lang-switch { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(111,215,229,.22)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); transition: background .35s ease, box-shadow .35s ease; }
.lang-switch:hover { background: linear-gradient(135deg, rgba(117,232,255,.26), rgba(255,255,255,.12)); box-shadow: inset 0 0 0 1px rgba(157,235,245,.34), 0 0 20px rgba(100, 206, 230, .2); }
.lang-switch button { border: 0; border-radius: 999px; min-width: 39px; height: 33px; background: transparent; color: #dcecf5; font-size: .82rem; font-weight: 900; transition: background .35s ease, color .35s ease, box-shadow .35s ease, transform .22s ease; }
.lang-switch button:hover { transform: translateY(-1px); }
.lang-switch button.is-active { background: linear-gradient(135deg, #ffffff, #9debf5, #ffffff); color: var(--navy); box-shadow: 0 0 16px rgba(157, 235, 245, .42); }
.cart-button { justify-self: end; width: 40px; height: 40px; border: 0; border-radius: 5px; background: #f5f5f5; position: relative; display: grid; place-items: center; }
.cart-button__icon { width: 18px; height: 15px; border: 2px solid var(--navy); border-top: 0; border-radius: 0 0 4px 4px; position: relative; }
.cart-button__icon::before { content: ""; position: absolute; width: 10px; height: 7px; border: 2px solid var(--navy); border-bottom: 0; border-radius: 8px 8px 0 0; left: 2px; top: -8px; }
.cart-button__count { position: absolute; right: -9px; top: -9px; min-width: 21px; height: 21px; border-radius: 999px; background: var(--price); color: white; display: grid; place-items: center; font-size: .75rem; font-weight: 800; padding-inline: 5px; }

.promo-ticker {
  position: relative;
  z-index: 24;
  width: 100%;
  min-height: 52px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at center, rgba(255, 154, 154, .42) 0 1px, transparent 1.7px) 0 0 / 8px 8px,
    linear-gradient(180deg, #e41125 0%, #a40716 52%, #750610 100%);
  border-top: 1px solid rgba(255, 188, 188, .58);
  border-bottom: 1px solid rgba(82, 0, 7, .72);
  box-shadow: inset 0 0 28px rgba(42, 0, 4, .34), 0 10px 22px rgba(78, 0, 8, .18);
}
.promo-ticker::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.16), transparent 13%, transparent 87%, rgba(255,255,255,.13)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.09) 0 1px, transparent 1px 5px);
  mix-blend-mode: screen;
}
.promo-ticker::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(58,0,6,.9), transparent 7%, transparent 93%, rgba(58,0,6,.9));
}
.promo-ticker__rail {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: max-content;
  min-width: max-content;
  animation: promoTickerMove 58s linear infinite;
  will-change: transform;
}
.promo-ticker:hover .promo-ticker__rail { animation-play-state: paused; }
.promo-ticker__item {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
  padding-inline: 26px;
  color: #fff7f7;
  font-size: clamp(.9rem, 1.16vw, 1.12rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
  animation: promoLedPulse 1.5s ease-in-out infinite;
}
.promo-ticker__item strong {
  display: inline-grid;
  place-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 7px;
  color: #fffbdb;
  background: rgba(50, 0, 5, .52);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 16px rgba(255, 33, 48, .28), 0 0 18px rgba(255, 244, 111, .18);
  letter-spacing: .12em;
}

.site-main { padding: 30px 0 0; }
.shop-layout { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 16px; align-items: start; }
.side-menu { position: sticky; top: 20px; align-self: start; background: rgba(245, 248, 255, .92); border: 1px solid rgba(109, 179, 202, .32); border-radius: 12px; box-shadow: 0 18px 38px rgba(8, 38, 67, .13); overflow: hidden; backdrop-filter: blur(10px); isolation: isolate; }
.side-menu::before { content: ""; position: absolute; inset: 0; background: url("assets/optimized/header-ice.png.webp") center / cover repeat; opacity: .1; pointer-events: none; z-index: -1; }
.side-menu__title { background: linear-gradient(135deg, rgba(231,248,253,.96), rgba(255,255,255,.8)); color: #09213f; padding: 18px 20px; font-size: 1.1rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; border-bottom: 1px solid rgba(82, 174, 194, .22); }
.side-menu__list { padding: 0; display: flex; flex-direction: column; gap: 2px; }
.category-menu__item {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.88);
  background: rgba(247, 248, 255, .9);
  color: #27314d;
  text-align: left;
  border-radius: 0;
  padding: 10px 16px 10px 18px;
  min-height: 60px;
  font-size: .98rem;
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: .005em;
  cursor: pointer;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.category-menu__item:last-child { border-bottom: 0; }
.category-menu__icon { width: 42px; height: 42px; display: grid; place-items: center; color: #2c2f51; border-radius: 10px; background: rgba(255,255,255,.48); transition: color .22s ease, background-color .22s ease, transform .22s ease; }
.category-menu__icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.category-menu__text { min-width: 0; display: flex; align-items: center; gap: 7px; }
.category-menu__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 18px;
  padding: 0 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e5122e, #ff6b6b);
  color: white;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .06em;
  box-shadow: 0 7px 16px rgba(208, 26, 47, .24), 0 0 0 2px rgba(255,255,255,.45);
}
.category-menu__item:hover, .category-menu__item.is-active { background: linear-gradient(90deg, rgba(213, 246, 253, .98), rgba(255,255,255,.94)); color: #073d5f; box-shadow: inset 5px 0 0 rgba(44, 183, 209, .76), 0 10px 24px rgba(15, 82, 112, .12); transform: translateX(4px); }
.category-menu__item:hover .category-menu__icon, .category-menu__item.is-active .category-menu__icon { color: #087392; background: rgba(255,255,255,.78); transform: scale(1.04); }
.shop-content { min-width: 0; }

body:not([data-page="home"]) .shop-layout,
.page-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 300px;
  gap: 16px;
  align-items: start;
}
body:not([data-page="home"]) .shop-layout > .side-menu,
.page-layout > .side-menu {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 20px;
  max-height: none;
  overflow: hidden;
}
body:not([data-page="home"]) .shop-layout > .side-menu .side-menu__list,
.page-layout > .side-menu .side-menu__list {
  min-height: 0;
  overflow: hidden;
}
body:not([data-page="home"]) .shop-layout > .side-menu .side-menu__title,
.page-layout > .side-menu .side-menu__title {
  flex: 0 0 auto;
  padding: 14px 18px;
  font-size: 1rem;
}
body:not([data-page="home"]) .shop-layout > .side-menu .category-menu__item,
.page-layout > .side-menu .category-menu__item {
  min-height: 45px;
  padding: 6px 11px 6px 13px;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 8px;
  font-size: .8rem;
  line-height: 1.12;
}
body:not([data-page="home"]) .shop-layout > .side-menu .category-menu__icon,
.page-layout > .side-menu .category-menu__icon {
  width: 31px;
  height: 31px;
}
body:not([data-page="home"]) .shop-layout > .side-menu .category-menu__icon svg,
.page-layout > .side-menu .category-menu__icon svg {
  width: 22px;
  height: 22px;
}
.page-content,
body:not([data-page="home"]) .shop-content {
  min-width: 0;
}

.floating-catalog {
  position: fixed;
  left: max(18px, calc((100vw - 1534px) / 2));
  top: 136px;
  width: 348px;
  z-index: 29;
  filter: drop-shadow(0 20px 36px rgba(8, 21, 43, .18));
}
.floating-catalog__trigger {
  width: 100%;
  min-height: 68px;
  border: 1px solid rgba(7, 30, 63, .14);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(230,248,253,.94));
  color: #09213f;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  text-align: left;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 34px rgba(8, 38, 67, .14), inset 0 0 0 1px rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.floating-catalog__trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: url("assets/optimized/header-ice.png.webp") center / cover repeat;
  opacity: .12;
  pointer-events: none;
}
.floating-catalog__trigger:hover,
.floating-catalog:focus-within .floating-catalog__trigger {
  transform: translateY(-2px);
  border-color: rgba(69, 184, 209, .54);
  box-shadow: 0 21px 42px rgba(8, 38, 67, .2), 0 0 0 3px rgba(126, 229, 255, .16), inset 0 0 0 1px rgba(255,255,255,.86);
  background: linear-gradient(135deg, rgba(255,255,255,.99), rgba(214,246,253,.98));
}
.floating-catalog__trigger-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  align-content: center;
  justify-content: center;
  gap: 5px;
  color: #09213f;
  background: linear-gradient(135deg, rgba(224,248,253,.95), rgba(255,255,255,.78));
  box-shadow: inset 0 0 0 1px rgba(69, 184, 209, .22);
  position: relative;
  z-index: 1;
}
.floating-catalog__trigger-icon i {
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}
.floating-catalog__trigger strong {
  position: relative;
  z-index: 1;
  font-size: 1.03rem;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.floating-catalog__panel {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: 100%;
  max-height: calc(100vh - 230px);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-14px);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,247,252,.96));
  border: 1px solid rgba(79, 177, 205, .38);
  border-radius: 16px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  transition: opacity .24s ease, transform .34s cubic-bezier(.2,.8,.2,1), visibility .24s ease;
  visibility: hidden;
}
.floating-catalog:hover .floating-catalog__panel,
.floating-catalog:focus-within .floating-catalog__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}
.floating-catalog .side-menu__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  font-size: .95rem;
  background: linear-gradient(135deg, rgba(7,30,63,.96), rgba(24,126,151,.86));
  color: white;
}
.floating-catalog .side-menu__title small {
  color: #bff7ff;
  font-size: .68rem;
  letter-spacing: .18em;
  opacity: .9;
}
.floating-catalog .category-menu__item {
  min-height: 50px;
  font-size: .84rem;
  padding: 8px 13px;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  background: rgba(250,253,255,.86);
}
.floating-catalog .category-menu__icon { width: 36px; height: 36px; background: rgba(223,248,253,.7); }
.floating-catalog .category-menu__icon svg { width: 25px; height: 25px; }

body[data-page="home"] .site-main { padding-top: 36px; }
body[data-page="home"] .shop-layout { display: block; }
body[data-page="home"] .shop-content { width: 100%; display: grid; grid-template-columns: 330px minmax(0, 1fr) 360px; gap: 16px; align-items: start; }

.hero-slider { min-height: 340px; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow); position: relative; background: #21877d; }
.hero-slide { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 46%; align-items: center; gap: 28px; padding: 42px 44px; background: radial-gradient(circle at 76% 48%, var(--slide-glow), transparent 31%), linear-gradient(135deg, var(--slide-bg), #09294a); opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s ease; }
.hero-slide.is-active { opacity: 1; visibility: visible; }
.hero-slide__copy { color: white; max-width: 480px; position: relative; z-index: 2; }
.hero-slide__copy p { margin: 0 0 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 900; color: #c7fbff; font-size: .82rem; }
.hero-slide__copy h1, .hero-slide__copy h2 { margin: 0 0 14px; font-size: clamp(1.65rem, 2.7vw, 2.35rem); line-height: 1.1; }
.hero-slide__copy span { display: block; color: #e8faff; font-size: 1rem; line-height: 1.45; }
.hero-slide img { justify-self: end; max-height: 270px; width: 100%; object-fit: contain; filter: drop-shadow(0 18px 22px rgba(0,0,0,.22)); }
.hero-dots { position: absolute; left: 44px; bottom: 24px; display: flex; gap: 8px; z-index: 4; }
.hero-dot { width: 9px; height: 9px; border: 0; border-radius: 50%; background: rgba(255,255,255,.65); padding: 0; }
.hero-dot.is-active { background: #08254a; outline: 2px solid rgba(255,255,255,.55); }
.hero-arrow {
  position: absolute;
  top: 50%;
  z-index: 6;
  width: 48px;
  height: 86px;
  border: 1px solid rgba(199, 251, 255, .38);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(10,43,82,.46));
  color: #f5feff;
  box-shadow: 0 18px 34px rgba(0,0,0,.2), inset 0 0 18px rgba(126,229,255,.16);
  backdrop-filter: blur(10px);
  cursor: pointer;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero-arrow span {
  display: block;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: .72;
  transform: translateY(-2px);
  text-shadow: 0 0 18px rgba(126,229,255,.52);
}
.hero-arrow--prev { left: 20px; }
.hero-arrow--next { right: 20px; }
.hero-arrow:hover,
.hero-arrow:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(24,126,151,.62));
  border-color: rgba(199, 251, 255, .68);
  box-shadow: 0 22px 42px rgba(0,0,0,.24), 0 0 0 3px rgba(126,229,255,.16), inset 0 0 22px rgba(126,229,255,.24);
  transform: translateY(-50%) scale(1.04);
  outline: 0;
}

body[data-page="home"] .hero-slider { grid-column: 1 / 3; grid-row: 1; min-height: 510px; border-radius: 18px; }
body[data-page="home"] .hero-slide { grid-template-columns: minmax(0, 1fr) 52%; gap: 42px; padding: 64px 68px 72px; }
body[data-page="home"] .hero-slide__copy { max-width: 610px; }
body[data-page="home"] .hero-slide__copy p { font-size: .92rem; letter-spacing: .11em; }
body[data-page="home"] .hero-slide__copy h1,
body[data-page="home"] .hero-slide__copy h2 { font-size: clamp(2.15rem, 4vw, 3.55rem); line-height: 1.04; }
body[data-page="home"] .hero-slide__copy span { font-size: 1.12rem; max-width: 540px; }
body[data-page="home"] .hero-slide img { max-height: 405px; transform: scale(1.05); }
body[data-page="home"] .hero-dots { left: 68px; bottom: 34px; }

body[data-page="home"] .home-menu { grid-column: 1; grid-row: 2 / span 6; position: sticky; top: 20px; height: min(820px, calc(100vh - 40px)); margin-top: 0; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
body[data-page="home"] .brands,
body[data-page="home"] .products-section,
body[data-page="home"] .categories,
body[data-page="home"] .work-showcase,
body[data-page="home"] .recent { grid-column: 2; }
body[data-page="home"] .sale-section { grid-column: 3; grid-row: 1 / span 3; align-self: start; margin-top: 0; position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto; }
body[data-page="home"] .brands { margin-top: 0; }
body[data-page="home"] .home-menu .side-menu__title { flex: 0 0 auto; padding: clamp(9px, 1.8vh, 18px) 20px; font-size: clamp(.88rem, 1.65vh, 1.12rem); }
body[data-page="home"] .home-menu .side-menu__list { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 1px; padding: 0; }
body[data-page="home"] .home-menu .category-menu__item { flex: 1 1 0; min-height: 0; padding: clamp(4px, .9vh, 9px) 14px clamp(4px, .9vh, 9px) 16px; font-size: clamp(.72rem, 1.55vh, .95rem); font-weight: 760; line-height: 1.12; grid-template-columns: clamp(28px, 4.2vh, 38px) minmax(0, 1fr); gap: clamp(7px, 1.2vh, 11px); }
body[data-page="home"] .home-menu .category-menu__icon { width: clamp(28px, 4.2vh, 38px); height: clamp(28px, 4.2vh, 38px); }
body[data-page="home"] .home-menu .category-menu__icon svg { width: clamp(20px, 3vh, 28px); height: clamp(20px, 3vh, 28px); }
body[data-page="home"] .home-menu .category-menu__item:hover,
body[data-page="home"] .home-menu .category-menu__item.is-active { transform: translateX(4px); }
body[data-page="home"] .products-section .toolbar { display: none; }

.brands, .sale-section, .products-section, .categories, .work-showcase, .recent { margin-top: 42px; }
.section-title { background: rgba(255,255,255,.94); border-radius: 7px; min-height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px 16px; margin: 0 0 24px; font-size: 1.24rem; font-weight: 900; color: #10243d; letter-spacing: .025em; text-transform: uppercase; box-shadow: 0 1px 0 rgba(0,0,0,.03); }
.section-title h2 { margin: 0; font-size: inherit; }
.section-title--with-actions { justify-content: space-between; gap: 16px; align-items: flex-end; background: transparent; box-shadow: none; padding: 0; margin-bottom: 22px; }
.section-title--with-actions h2 { background: rgba(255,255,255,.94); border-radius: 7px; min-height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; flex: 1; padding: 8px 16px; }
.brand-showcase {
  position: relative;
  max-height: 128px;
  overflow: hidden;
  transition: max-height .42s cubic-bezier(.2,.8,.2,1);
}
.brand-showcase::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 62px;
  background: linear-gradient(180deg, rgba(232,242,248,0), rgba(232,242,248,.95));
  pointer-events: none;
  transition: opacity .25s ease;
}
.brand-showcase.is-expanded { max-height: 390px; }
.brand-showcase.is-expanded::after { opacity: 0; }
.brand-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.brand-tile {
  min-height: 78px;
  border-radius: 9px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 12px;
  font-weight: 900;
  letter-spacing: .03em;
  font-size: 1.22rem;
  box-shadow: var(--shadow);
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  border: 1px solid rgba(7,30,63,.08);
}
.brand-tile:hover { transform: translateY(-4px); box-shadow: 0 22px 44px rgba(8,21,43,.18), 0 0 0 3px rgba(126,229,255,.16); }
.brand-tile::after { content: ""; position: absolute; width: 68%; height: 4px; border-radius: 999px; background: var(--brand-accent, #63cce0); left: 16%; bottom: 11px; opacity: .88; }
.brand-tile__mark { position: relative; z-index: 1; line-height: 1; }
.brand-tile small { position: relative; z-index: 1; max-width: 100%; color: inherit; opacity: .72; font-size: .62rem; line-height: 1.1; text-transform: uppercase; letter-spacing: .08em; }
.brand-tile--light { background: #fff; color: #237bb3; font-size: 1.75rem; letter-spacing: -.03em; }
.brand-tile--dark { background: #050505; color: #fff; }
.brand-tile--clean { background: #fff; color: #10243d; }
.brand-tile--green { background: linear-gradient(135deg, #0b3d2c, #127947); color: #f2fff8; }
.brand-tile--blue { background: linear-gradient(135deg, #062c63, #116fc5); color: #f4fbff; }
.brand-tile--red { background: linear-gradient(135deg, #5c0b14, #c91f35); color: #fff; }
.brand-tile--ice { background: linear-gradient(135deg, #eafaff, #ffffff); color: #0c5d78; }
.brand-tile--steel { background: linear-gradient(135deg, #dce6ed, #ffffff); color: #27384d; }
.brand-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(270px, 100%);
  min-height: 38px;
  margin: 16px auto 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #071e3f, #104d78);
  color: white;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 12px 26px rgba(8,21,43,.18);
  transition: transform .2s ease, box-shadow .2s ease;
}
.brand-toggle:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(8,21,43,.24), 0 0 0 3px rgba(126,229,255,.16); }
.toolbar { display: flex; justify-content: flex-end; align-items: center; gap: 8px; min-width: max-content; }
.ghost-button, .layout-button, .filter-chip, .show-more, .order-button, .detail-add { border: 1.5px solid var(--navy-soft); background: white; color: var(--text); border-radius: 7px; height: 32px; padding: 0 18px; font-size: .9rem; font-weight: 800; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }
.ghost-button:hover, .layout-button:hover, .filter-chip:hover, .show-more:hover, .order-button:hover, .detail-add:hover { transform: translateY(-1px); }
.layout-button { width: 32px; padding: 0; font-size: 1.2rem; line-height: 1; border-radius: 6px; }
.layout-button.is-active, .filter-chip.is-active, .order-button, .detail-add { background: var(--navy); color: white; }
.filter-panel { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 20px; }
.product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
body[data-page="home"] .products-section .product-grid { grid-template-columns: repeat(4, 1fr); }
.product-grid.is-compact { grid-template-columns: repeat(5, 1fr); }
.product-card { background: var(--card); border-radius: var(--radius); min-height: 372px; padding: 14px 16px 16px; position: relative; display: flex; flex-direction: column; box-shadow: var(--shadow); overflow: hidden; border: 1px solid rgba(7,30,63,.06); cursor: pointer; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease; }
.product-card:hover { transform: translateY(-7px) scale(1.015); border-color: rgba(91, 203, 222, .72); background: rgba(255,255,255,.99); box-shadow: 0 26px 52px rgba(8, 21, 43, 0.22), 0 0 0 3px rgba(126, 229, 255, .2); }
.product-card:focus-visible { outline: 3px solid rgba(91, 203, 222, .82); outline-offset: 3px; }
.product-card__favorite { position: absolute; width: 18px; height: 18px; border: 0; border-radius: 50%; background: #dedede; right: 14px; top: 15px; transition: background .2s ease, transform .2s ease; }
.product-card__favorite.is-active { background: var(--price); transform: scale(1.08); }
.product-card__cart {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 34px;
  margin-top: 12px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #071e3f, #126586);
  color: white;
  box-shadow: 0 10px 20px rgba(7, 30, 63, .18);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.product-card__cart:hover { transform: translateY(-2px); background: linear-gradient(135deg, #0a2b57, #14a0be); box-shadow: 0 14px 26px rgba(7, 30, 63, .25), 0 0 0 3px rgba(126, 229, 255, .16); }
.product-card__image { height: 142px; display: grid; place-items: center; margin-bottom: 16px; }
.product-card__image img { max-height: 138px; width: 100%; object-fit: contain; }
.product-card:hover .product-card__image img { transform: none; filter: none; }
.product-card__title { font-size: .82rem; line-height: 1.2; min-height: 39px; margin: 0 0 8px; padding-right: 18px; font-weight: 800; }
.product-card__desc { margin: 0 0 10px; color: #526174; font-size: .72rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-card__facts { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 11px; }
.product-card__facts span { border-radius: 999px; background: rgba(226, 248, 253, .9); border: 1px solid rgba(72, 174, 198, .24); color: #123250; padding: 4px 7px; font-size: .62rem; font-weight: 850; line-height: 1.1; }
.product-card__old-price { display: none; color: #bfc3c9; text-decoration: line-through; font-size: .85rem; line-height: 1; margin-top: auto; }
.product-card__price { color: #111927; font-weight: 900; font-size: .96rem; line-height: 1.1; margin-top: auto; }
.product-card__badge { position: absolute; left: 12px; top: 12px; z-index: 2; border-radius: 999px; padding: 5px 10px; background: linear-gradient(135deg, #e4152b, #ff6b6b); color: white; font-size: .72rem; font-weight: 900; letter-spacing: .06em; box-shadow: 0 8px 18px rgba(203, 21, 39, .28); }
.product-card--sale {
  border-color: rgba(228, 21, 43, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,243,245,.94));
  animation: saleGlow 2.4s ease-in-out infinite;
}
.product-card--sale::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: calc(var(--radius) - 4px);
  background: linear-gradient(135deg, rgba(255, 72, 94, .1), transparent 62%);
  pointer-events: none;
  z-index: 0;
}
.product-card--sale::after {
  content: "";
  position: absolute;
  left: -22%;
  right: -22%;
  top: -52px;
  height: 92px;
  background: radial-gradient(ellipse at center, rgba(255, 56, 82, .26), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.product-card--sale:hover {
  border-color: rgba(228, 21, 43, .28);
  box-shadow: 0 28px 58px rgba(124, 8, 23, .27), inset 0 0 30px rgba(228, 21, 43, .12), 0 0 36px rgba(228, 21, 43, .14);
}
.product-card--sale .product-card__badge {
  z-index: 3;
  box-shadow: 0 10px 20px rgba(203, 21, 39, .34), 0 0 0 2px rgba(255,255,255,.86);
}
.product-card--sale .product-card__image,
.product-card--sale .product-card__title,
.product-card--sale .product-card__desc,
.product-card--sale .product-card__facts,
.product-card--sale .product-card__old-price,
.product-card--sale .product-card__price {
  position: relative;
  z-index: 2;
}
.product-card--sale .product-card__old-price { display: block; }
.product-card--sale .product-card__price { color: #9f1022; margin-top: 0; }
.product-card--sale .product-card__favorite,
.product-card--sale .product-card__cart { z-index: 3; }
.product-card--sale .product-card__cart { background: linear-gradient(135deg, #9f1022, #e42a42); box-shadow: 0 12px 24px rgba(159, 16, 34, .18); }
.show-more-wrap { margin-top: 18px; }
.show-more { width: 100%; height: 32px; background: rgba(255,255,255,.45); border-color: #112842; }
.sale-section { border-radius: 14px; padding: 16px; background: linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,238,241,.78)); border: 1px solid rgba(232, 36, 57, .18); box-shadow: var(--shadow); }
.sale-promo-head {
  display: grid;
  justify-items: center;
  gap: 5px;
  margin: 0 0 14px;
  padding: 11px 12px 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(122, 9, 24, .96), rgba(224, 24, 47, .92));
  color: white;
  box-shadow: 0 16px 30px rgba(173, 22, 39, .22);
}
.section-title--sale {
  min-height: auto;
  margin: 0;
  padding: 0;
  color: white;
  background: transparent;
  box-shadow: none;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .065em;
  text-shadow: 0 0 16px rgba(255,255,255,.2);
}
.sale-countdown {
  display: grid;
  justify-items: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: white;
  box-shadow: none;
}
.sale-countdown span {
  font-size: .6rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(255,255,255,.74);
}
.sale-countdown strong {
  font-size: clamp(.98rem, 1.5vw, 1.18rem);
  line-height: 1;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 14px rgba(255,255,255,.28);
}
.sale-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
body[data-page="home"] .sale-section { background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,232,237,.82)); }
body[data-page="home"] .sale-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body[data-page="home"] .sale-section .product-card { min-height: 318px; padding: 12px 13px 14px; }
body[data-page="home"] .sale-section .product-card__image { height: 108px; margin-bottom: 12px; }
body[data-page="home"] .sale-section .product-card__image img { max-height: 104px; }
body[data-page="home"] .sale-section .product-card__title { font-size: .68rem; min-height: 34px; line-height: 1.18; }
body[data-page="home"] .sale-section .product-card__desc { font-size: .62rem; -webkit-line-clamp: 2; }
body[data-page="home"] .sale-section .product-card__facts span { font-size: .56rem; padding: 3px 6px; }
body[data-page="home"] .sale-section .product-card__old-price { font-size: .74rem; }
body[data-page="home"] .sale-section .product-card__price { font-size: .88rem; }
body[data-page="home"] .sale-section .product-card__badge { left: 10px; top: 10px; font-size: .65rem; padding: 4px 8px; }
.sale-section--floating {
  position: fixed;
  right: max(18px, calc((100vw - 1534px) / 2));
  top: 136px;
  width: 310px;
  max-height: calc(100vh - 156px);
  overflow-y: auto;
  z-index: 28;
  margin: 0;
  padding: 14px;
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,229,234,.9));
  backdrop-filter: blur(12px);
}
.sale-section--floating .section-title {
  min-height: 35px;
  font-size: 1.18rem;
}
.sale-section--floating .sale-countdown {
  margin: 0;
  padding: 0;
}
.sale-section--floating .sale-countdown strong {
  font-size: .96rem;
}
.sale-section--floating .sale-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.sale-section--floating .product-card {
  min-height: 262px;
  padding: 11px 11px 13px;
  border-radius: 9px;
}
.sale-section--floating .product-card__image {
  height: 86px;
  margin-bottom: 10px;
}
.sale-section--floating .product-card__image img {
  max-height: 84px;
}
.sale-section--floating .product-card__title {
  font-size: .63rem;
  line-height: 1.16;
  min-height: 35px;
}
.sale-section--floating .product-card__desc {
  display: -webkit-box;
  font-size: .57rem;
  line-height: 1.22;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
}
.sale-section--floating .product-card__facts {
  display: none;
}
.sale-section--floating .product-card__old-price {
  font-size: .68rem;
}
.sale-section--floating .product-card__price {
  font-size: .82rem;
}
.sale-section--floating .product-card__badge {
  left: 9px;
  top: 9px;
  font-size: .58rem;
  padding: 4px 7px;
}
.sale-section--rail {
  position: sticky;
  top: 20px;
  grid-column: 3;
  align-self: start;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  margin: 0;
  padding: 14px;
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,229,234,.9));
  backdrop-filter: blur(12px);
}
.sale-section--rail .section-title {
  min-height: 35px;
  font-size: 1.18rem;
}
.sale-section--rail .sale-countdown {
  margin: 0;
  padding: 0;
}
.sale-section--rail .sale-countdown strong {
  font-size: .96rem;
}
.sale-section--rail .sale-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.sale-section--rail .product-card {
  min-height: 304px;
  padding: 11px 11px 13px;
  border-radius: 9px;
}
.sale-section--rail .product-card__image {
  height: 86px;
  margin-bottom: 10px;
}
.sale-section--rail .product-card__image img {
  max-height: 84px;
}
.sale-section--rail .product-card__title {
  font-size: .63rem;
  line-height: 1.16;
  min-height: 35px;
}
.sale-section--rail .product-card__desc {
  display: -webkit-box;
  font-size: .57rem;
  line-height: 1.22;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
}
.sale-section--rail .product-card__facts {
  display: none;
}
.sale-section--rail .product-card__old-price {
  font-size: .68rem;
}
.sale-section--rail .product-card__price {
  font-size: .82rem;
}
.sale-section--rail .product-card__cart {
  min-height: 28px;
  margin-top: 8px;
  padding: 0 6px;
  border-radius: 8px;
  font-size: .54rem;
  line-height: 1.08;
}
.sale-section--rail .product-card__badge {
  left: 9px;
  top: 9px;
  font-size: .58rem;
  padding: 4px 7px;
}
.category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.category-card { aspect-ratio: 1 / 1; min-height: 0; border: 1px solid rgba(7,30,63,.08); border-radius: var(--radius); background: rgba(255,255,255,.94); display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 18px 18px 19px; box-shadow: var(--shadow); color: #060b12; font-weight: 850; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease; }
.category-card:hover { transform: translateY(-5px); border-color: rgba(91, 203, 222, .52); background: rgba(255,255,255,.99); box-shadow: 0 22px 44px rgba(8, 21, 43, 0.18), 0 0 0 3px rgba(126, 229, 255, .16); }
.category-card__image { height: 166px; width: 100%; display: grid; place-items: center; }
.category-card__image img { max-height: 160px; object-fit: contain; transition: transform .22s ease, filter .22s ease; }
.category-card:hover .category-card__image img { transform: scale(1.06); filter: drop-shadow(0 14px 18px rgba(8, 21, 43, .16)); }
.category-card span { font-size: .9rem; text-align: center; line-height: 1.2; }
.carousel-wrap { position: relative; }
.recent-track { display: grid; grid-auto-flow: column; grid-auto-columns: 126px; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
.recent-track::-webkit-scrollbar { display: none; }
.recent-track .product-card { scroll-snap-align: start; width: 126px; min-height: 142px; padding: 8px 9px 10px; border-radius: 8px; }
.recent-track .product-card__image { height: 58px; margin-bottom: 8px; }
.recent-track .product-card__image img { max-height: 56px; }
.recent-track .product-card__title { font-size: .58rem; min-height: 28px; line-height: 1.15; margin-bottom: 5px; padding-right: 10px; }
.recent-track .product-card__desc,
.recent-track .product-card__facts { display: none; }
.recent-track .product-card__old-price { font-size: .62rem; }
.recent-track .product-card__price { font-size: .7rem; }
.recent-track .product-card__favorite { width: 12px; height: 12px; right: 8px; }
.recent-track .product-card__favorite { top: 8px; }
.recent-track .product-card__cart {
  min-height: 24px;
  margin-top: 6px;
  padding: 0 5px;
  border-radius: 7px;
  font-size: .46rem;
  line-height: 1.08;
}
.carousel-arrow { position: absolute; top: 47%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; border: 0; background: white; box-shadow: var(--shadow); color: #0f2035; font-size: 2rem; line-height: .75; z-index: 3; }
.carousel-arrow--left { left: -15px; }
.carousel-arrow--right { right: -15px; }
.work-slider { min-height: 330px; border-radius: 14px; }
.work-slider .hero-slide { grid-template-columns: minmax(0, 1fr) 44%; gap: 26px; padding: 38px 42px 68px; }
.work-slider .hero-slide__copy { max-width: 520px; }
.work-slider .hero-slide__copy h2 { font-size: clamp(1.7rem, 3vw, 2.45rem); }
.work-slider .hero-slide__copy span { max-width: 480px; }
.work-slider .hero-slide img { max-height: 230px; transform: none; }
.work-slider .hero-dots { left: 42px; bottom: 28px; }

.subcategory-hero { min-height: 210px; border-radius: 16px; padding: 36px 40px; display: grid; align-content: center; box-shadow: var(--shadow); background: radial-gradient(circle at 82% 30%, rgba(157,235,245,.48), transparent 28%), linear-gradient(135deg, #0a2b52, #1d837b); color: white; overflow: hidden; position: relative; }
.subcategory-hero::after { content: ""; position: absolute; right: -40px; bottom: -70px; width: 280px; height: 220px; background: url("assets/optimized/header-ice.png.webp") center / cover; opacity: .28; transform: rotate(-12deg); }
.subcategory-hero p { margin: 0 0 10px; color: #bdf8ff; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.subcategory-hero h1 { margin: 0 0 10px; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; position: relative; z-index: 1; }
.subcategory-hero span { max-width: 680px; color: #e7fbff; font-size: 1.06rem; line-height: 1.45; position: relative; z-index: 1; }
.subcategory-section { margin-top: 32px; }
.subcategory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
a.subcategory-card { color: inherit; text-decoration: none; }
.subcategory-card { min-height: 270px; border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); overflow: hidden; border: 1px solid rgba(7,30,63,.1); display: flex; flex-direction: column; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.subcategory-card:hover { transform: translateY(-4px); box-shadow: 0 20px 42px rgba(8, 21, 43, .18); border-color: rgba(31, 135, 125, .28); }
.subcategory-card__image { height: 160px; display: grid; place-items: center; background: linear-gradient(180deg, rgba(236,249,252,.9), rgba(255,255,255,.96)); padding: 18px; }
.subcategory-card__image img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 16px rgba(8, 21, 43, .13)); }
.subcategory-card__body { padding: 17px 18px 19px; }
.subcategory-card__body h3 { margin: 0 0 8px; font-size: 1.08rem; color: #10243d; }
.subcategory-card__body p { margin: 0; color: #526174; line-height: 1.42; font-size: .93rem; }
.listing-section { margin-top: 32px; }
.listing-titlebar { align-items: center; }
.listing-count { min-width: max-content; border-radius: 999px; background: rgba(255,255,255,.9); border: 1px solid rgba(7,30,63,.14); padding: 10px 15px; font-weight: 900; color: #123250; box-shadow: 0 8px 18px rgba(8,21,43,.08); }
.listing-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-bottom: 18px; padding: 14px; border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(229,248,253,.84)); border: 1px solid rgba(7,30,63,.08); box-shadow: var(--shadow); position: relative; z-index: 12; }
.listing-controls:empty { display: none; }
.listing-filter { display: grid; gap: 7px; min-width: 0; color: #3c5268; font-weight: 900; font-size: .82rem; text-transform: uppercase; letter-spacing: .035em; position: relative; }
.listing-filter__native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.filter-select { position: relative; min-width: 0; }
.filter-select__button {
  width: 100%;
  min-height: 43px;
  border: 1px solid rgba(7,30,63,.16);
  border-radius: 11px;
  padding: 0 42px 0 13px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(235,248,252,.92));
  color: #10243d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(8,21,43,.06);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}
.filter-select__button:hover,
.filter-select__button:focus-visible,
.filter-select.is-open .filter-select__button {
  border-color: rgba(42, 177, 204, .56);
  background: linear-gradient(180deg, #ffffff, #e6f8fc);
  box-shadow: 0 0 0 4px rgba(126,229,255,.18), 0 12px 24px rgba(8,21,43,.1);
  outline: 0;
}
.filter-select__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .94rem; font-weight: 900; }
.filter-select__chevron {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #1b4e6a;
  border-bottom: 2px solid #1b4e6a;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .2s ease, border-color .2s ease;
}
.filter-select.is-open .filter-select__chevron { transform: translateY(-35%) rotate(225deg); border-color: #0a88a6; }
.filter-select__menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 7px);
  z-index: 30;
  display: grid;
  gap: 4px;
  max-height: 275px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid rgba(7,30,63,.13);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(231,247,252,.96));
  box-shadow: 0 22px 46px rgba(8,21,43,.2), 0 0 0 1px rgba(255,255,255,.65) inset;
  backdrop-filter: blur(12px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(.98);
  transform-origin: top center;
  transition: opacity .16s ease, transform .16s ease;
}
.filter-select.is-open .filter-select__menu { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.filter-select__option {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  padding: 8px 11px;
  background: transparent;
  color: #10243d;
  cursor: pointer;
  text-align: left;
  font-size: .94rem;
  font-weight: 850;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.filter-select__option:hover,
.filter-select__option.is-active {
  background: linear-gradient(135deg, rgba(7,30,63,.94), rgba(24,126,151,.86));
  color: white;
  transform: translateX(2px);
}
.listing-grid { margin-top: 0; grid-template-columns: repeat(4, 1fr); }

.page-wrap { padding: 34px 0 0; }
.page-card, .product-detail, .product-description-panel, .product-drawing-panel, .product-power-panel, .product-comparison-panel, .product-spec-panel, .related-section { background: var(--card); border-radius: 16px; box-shadow: var(--shadow); padding: 26px; backdrop-filter: blur(8px); }
.page-card h1, .product-copy h1 { margin: 0 0 14px; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.08; }
.page-card p { max-width: 820px; font-size: 1.02rem; line-height: 1.65; color: #24374f; }
.page-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.page-list article { background: rgba(235,247,252,.78); border: 1px solid rgba(8,42,72,.1); border-radius: 12px; padding: 18px; }
.page-list h2 { margin: 0 0 8px; font-size: 1.05rem; }
.breadcrumbs { margin-bottom: 16px; color: #446075; font-weight: 800; font-size: .9rem; }
.breadcrumbs a { color: #0c5b78; }
.brand-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .45fr);
  gap: 26px;
  align-items: stretch;
  border: 1px solid rgba(7,30,63,.07);
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--brand-accent) 24%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(232,247,252,.88));
}
.brand-detail__copy { display: grid; align-content: center; gap: 14px; }
.brand-detail__copy p { margin: 0; text-transform: uppercase; letter-spacing: .12em; color: #0b6684; font-weight: 950; font-size: .82rem; }
.brand-detail__copy h1 { margin: 0; color: #10243d; font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: .96; letter-spacing: -.03em; }
.brand-detail__copy span { display: block; max-width: 820px; color: #30465d; line-height: 1.72; font-size: 1.03rem; }
.brand-detail__back {
  width: max-content;
  border-radius: 999px;
  padding: 11px 18px;
  color: white;
  background: linear-gradient(135deg, #071e3f, var(--brand-accent));
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(8,21,43,.18);
}
.brand-detail__logo {
  min-height: 240px;
  align-self: stretch;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  border-radius: 16px;
}
.brand-detail__logo small { font-size: .76rem; }
.brand-media-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; margin-top: 18px; }
.brand-media-card,
.brand-video-card {
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(7,30,63,.08);
  box-shadow: var(--shadow);
  padding: 18px;
}
.brand-media-card span,
.brand-video-card span {
  display: block;
  margin-bottom: 12px;
  color: #10243d;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .82rem;
}
.brand-media-card img { width: 100%; height: 260px; object-fit: contain; border-radius: 14px; background: linear-gradient(180deg, rgba(232,247,252,.78), rgba(255,255,255,.95)); padding: 22px; }
.brand-video-placeholder {
  min-height: 260px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
  color: white;
  background:
    linear-gradient(135deg, rgba(7,30,63,.9), rgba(25,118,150,.78)),
    url("assets/optimized/header-ice.png.webp") center / cover;
}
.brand-video-placeholder strong { font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1; text-transform: uppercase; letter-spacing: .06em; }
.brand-video-placeholder small { max-width: 520px; color: #dff9ff; line-height: 1.55; font-weight: 750; }
.brand-story { margin-top: 18px; }
.product-detail { display: grid; grid-template-columns: minmax(280px, 43%) minmax(0, 1fr); gap: 32px; }
.product-detail--sale {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(228, 21, 43, .16);
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,241,244,.93));
  animation: saleGlow 2.4s ease-in-out infinite;
}
.product-detail--sale::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 12% 12%, rgba(255, 70, 96, .13), transparent 34%);
  pointer-events: none;
  z-index: 1;
}
.product-detail--sale::after {
  content: "";
  position: absolute;
  top: -90px;
  left: 15%;
  right: 15%;
  height: 150px;
  background: radial-gradient(ellipse at center, rgba(255, 46, 73, .22), transparent 72%);
  pointer-events: none;
}
.product-detail--sale > * { position: relative; z-index: 2; }
.detail-sale-badge {
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 4;
  border-radius: 999px;
  padding: 7px 13px;
  background: linear-gradient(135deg, #e4152b, #ff6b6b);
  color: white;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .08em;
  box-shadow: 0 12px 24px rgba(203, 21, 39, .34), 0 0 0 2px rgba(255,255,255,.86);
}
.product-detail--sale .detail-add {
  background: linear-gradient(135deg, #8d1020, #e4152b);
  border-color: rgba(228, 21, 43, .82);
  box-shadow: 0 14px 26px rgba(203, 21, 39, .22);
}
.product-media { background: white; border-radius: 14px; min-height: 380px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border: 1px solid rgba(7,30,63,.08); overflow: hidden; }
.product-media__stage { position: relative; min-height: 310px; display: grid; place-items: center; }
.product-media__stage > img { max-width: 100%; max-height: 310px; object-fit: contain; transition: opacity .18s ease; }
.product-media__stage > img.is-changing { opacity: .28; }
.product-gallery-arrow { position: absolute; top: 50%; z-index: 3; width: 44px; height: 44px; margin-top: -22px; border: 1px solid rgba(9,37,74,.12); border-radius: 50%; background: rgba(9,37,74,.88); color: white; font-size: 2rem; line-height: 1; box-shadow: 0 10px 24px rgba(7,30,63,.2); cursor: pointer; transition: transform .18s ease, background .18s ease; }
.product-gallery-arrow:hover { transform: scale(1.08); background: #1686a8; }
.product-gallery-arrow--prev { left: 4px; }
.product-gallery-arrow--next { right: 4px; }
.product-gallery-counter { position: absolute; right: 10px; bottom: 8px; padding: 5px 10px; border-radius: 999px; background: rgba(9,37,74,.82); color: white; font-size: .75rem; font-weight: 900; }
.product-gallery-thumbs { display: flex; justify-content: center; gap: 8px; margin-top: 12px; overflow-x: auto; padding: 3px; }
.product-gallery-thumb { flex: 0 0 64px; width: 64px; height: 52px; padding: 4px; border: 2px solid transparent; border-radius: 9px; background: #f2f8fa; cursor: pointer; }
.product-gallery-thumb.is-active { border-color: #1686a8; box-shadow: 0 0 0 2px rgba(22,134,168,.14); }
.product-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-copy p { color: #37495e; line-height: 1.62; }
.product-summary { display: grid; gap: 10px; margin: 4px 0 18px; padding: 16px 17px; border-left: 4px solid #1686a8; border-radius: 0 13px 13px 0; background: linear-gradient(135deg, rgba(231,246,251,.82), rgba(255,255,255,.65)); }
.product-summary p { margin: 0; }
.product-summary__lead { color: #152d45 !important; font-weight: 750; }
.product-summary__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 12px; }
.product-summary__facts span { position: relative; padding-left: 14px; color: #3d5267; font-size: .91rem; line-height: 1.42; }
.product-summary__facts span::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: #1686a8; box-shadow: 0 0 0 3px rgba(22,134,168,.12); }
@media (max-width: 680px) { .product-summary__facts { grid-template-columns: 1fr; } .product-gallery-arrow { width: 40px; height: 40px; } }
.product-description-panel, .product-drawing-panel, .product-power-panel, .product-comparison-panel, .product-spec-panel { margin-top: 18px; }
.product-description-panel h2, .product-drawing-panel h2, .product-power-panel h2, .product-comparison-panel h2, .product-spec-panel h2 { margin: 0 0 14px; color: #10243d; font-size: 1.28rem; }
.product-description-panel p { min-height: 190px; margin: 0; padding: 20px; border-radius: 14px; background: linear-gradient(180deg, rgba(235,247,252,.82), rgba(255,255,255,.86)); border: 1px solid rgba(7,30,63,.08); color: #263a50; line-height: 1.72; font-size: 1.04rem; }
.product-description-copy { display: grid; gap: 12px; padding: 20px; border-radius: 14px; background: linear-gradient(180deg, rgba(235,247,252,.82), rgba(255,255,255,.86)); border: 1px solid rgba(7,30,63,.08); }
.product-description-panel .product-description-copy p { min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.product-description-panel .product-description-copy p + p { padding-top: 12px; border-top: 1px solid rgba(7,30,63,.08); }
.product-drawing-panel { background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(226,246,251,.94)); }
.product-drawing-panel--catalog { overflow: hidden; }
.catalog-sheet { display: block; width: min(920px, 100%); margin: 18px auto; padding: 16px; border: 1px solid rgba(18,76,103,.14); border-radius: 16px; background: #fff; box-shadow: 0 16px 38px rgba(7,30,63,.1); }
.catalog-sheet img { display: block; width: 100%; max-height: 980px; object-fit: contain; border-radius: 10px; }
.product-card__price--request, .detail-price.is-request strong { font-size: .98rem; letter-spacing: .02em; color: #173754; }
.drawing-heading span { color: #1686a8; font-size: .72rem; font-weight: 950; letter-spacing: .14em; }
.drawing-heading h2 { margin-top: 5px; }
.drawing-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(240px, .65fr); gap: 20px; align-items: stretch; }
.product-drawing { width: 100%; min-height: 300px; border: 1px solid rgba(7,30,63,.1); border-radius: 14px; background: #f9fdfe; }
.drawing-view-label { fill: #536a7d; font: 900 15px Arial, sans-serif; letter-spacing: .12em; }
.drawing-dimension { stroke: #1686a8; stroke-width: 2; marker-start: url(#arrowDim); marker-end: url(#arrowDim); }
.drawing-guide { stroke: #8ba7b4; stroke-width: 1.5; stroke-dasharray: 5 4; }
.drawing-value { fill: #10243d; font: 900 17px Arial, sans-serif; }
.drawing-data { display: grid; gap: 10px; align-content: center; }
.drawing-data div { padding: 14px; border-radius: 12px; background: rgba(255,255,255,.9); border: 1px solid rgba(7,30,63,.08); }
.drawing-data span { display: block; color: #66788a; font-size: .73rem; font-weight: 900; text-transform: uppercase; }
.drawing-data strong { display: block; margin-top: 5px; color: #10243d; }
.drawing-note { margin: 14px 0 0; color: #53667a; line-height: 1.5; font-size: .86rem; }
@media (max-width: 760px) { .drawing-layout { grid-template-columns: 1fr; } .product-drawing { min-height: 230px; } }
.product-power-panel { overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(226,246,251,.92)); }
.power-table-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.power-table-heading span { color: #1485a5; font-size: .72rem; font-weight: 950; letter-spacing: .14em; }
.power-table-heading h2 { margin: 5px 0 0; }
.power-table-heading p { max-width: 470px; margin: 0; color: #526174; line-height: 1.45; font-size: .9rem; }
.power-table-wrap { overflow-x: auto; border: 1px solid rgba(7,30,63,.1); border-radius: 14px; background: rgba(255,255,255,.88); scrollbar-color: #1686a8 #e7f3f6; }
.power-table { width: 100%; min-width: 1120px; border-collapse: collapse; color: #183047; font-size: .84rem; }
.power-table th { padding: 12px 10px; background: linear-gradient(135deg, #09254a, #126f89); color: white; text-align: left; white-space: nowrap; font-size: .72rem; letter-spacing: .025em; text-transform: uppercase; }
.power-table td { padding: 11px 10px; border-bottom: 1px solid rgba(7,30,63,.08); white-space: nowrap; }
.power-table tbody tr:nth-child(even) { background: rgba(227,245,250,.58); }
.power-table tbody tr.is-current { background: linear-gradient(90deg, rgba(23,151,182,.2), rgba(255,221,89,.2)); box-shadow: inset 4px 0 #1686a8; font-weight: 900; }
.power-table-note { margin: 13px 0 0; color: #53667a; font-size: .86rem; line-height: 1.5; }
.spec-table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.spec-table__row { display: grid; gap: 5px; padding: 13px 14px; border-radius: 12px; background: rgba(231,246,251,.86); border: 1px solid rgba(7,30,63,.06); }
.spec-table__row span { color: var(--muted); font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }
.spec-table__row strong { color: #10243d; }
.detail-price { display: flex; align-items: baseline; gap: 14px; margin: 14px 0 22px; }
.detail-price del { color: #aeb6c1; font-weight: 700; }
.detail-price strong { color: #111927; font-size: 1.7rem; }
.detail-price.is-sale strong { color: #9f1022; }
.detail-add { height: 46px; font-size: 1rem; padding-inline: 28px; }
.meta-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 22px 0; }
.meta-grid div { background: rgba(231,246,251,.78); border-radius: 10px; padding: 11px 13px; }
.meta-grid span { display: block; color: var(--muted); font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.meta-grid strong { display: block; margin-top: 4px; }
.detail-expanded { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }
.detail-expanded article { background: rgba(255,255,255,.92); border: 1px solid rgba(7,30,63,.1); border-radius: 14px; box-shadow: var(--shadow); padding: 18px; }
.detail-expanded span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #0a2b52, #63cce0); color: white; font-weight: 900; font-size: .82rem; margin-bottom: 12px; }
.detail-expanded h2 { margin: 0 0 8px; font-size: 1rem; color: #10243d; }
.detail-expanded p { margin: 0; color: #526174; line-height: 1.45; font-size: .92rem; }
.order-steps { margin-top: 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(7,30,63,.94), rgba(20,91,119,.9)); color: white; box-shadow: var(--shadow); display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr); gap: 28px; padding: 24px; }
.order-steps h2 { margin: 0 0 14px; }
.order-steps ol { margin: 0; padding-left: 22px; display: grid; gap: 8px; color: #e9fbff; }
.order-steps p { margin: 0; color: #cdebf4; line-height: 1.5; align-self: center; border-left: 1px solid rgba(255,255,255,.22); padding-left: 22px; }
.related-section { margin-top: 28px; }
.related-section h2 { margin: 0 0 16px; }

.turnkey-page { padding: 34px 0 0; }
.turnkey-hero { position: relative; }
.turnkey-slider {
  min-height: 620px;
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(8, 21, 43, .22);
  isolation: isolate;
}
.turnkey-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(0,0,0,.28), transparent 55%), url("assets/optimized/header-ice.png.webp") center / cover repeat;
  opacity: .24;
  z-index: 1;
  pointer-events: none;
}
.turnkey-slider .hero-slide {
  grid-template-columns: minmax(0, 1fr) 48%;
  padding: 76px 82px 92px;
}
.turnkey-slider .hero-slide__copy { max-width: 720px; }
.turnkey-slider .hero-slide__copy p { color: #92f1ff; }
.turnkey-slider .hero-slide__copy h1,
.turnkey-slider .hero-slide__copy h2 { font-size: clamp(2.45rem, 5vw, 4.8rem); line-height: .98; text-transform: uppercase; letter-spacing: .01em; }
.turnkey-slider .hero-slide__copy span { font-size: 1.12rem; max-width: 620px; }
.turnkey-slider .hero-slide img { max-height: 430px; transform: scale(1.04); }
.turnkey-slider .hero-dots { left: 82px; bottom: 40px; }
.turnkey-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 28px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffffff, #9debf5);
  color: #071e3f;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
  box-shadow: 0 18px 34px rgba(0,0,0,.18), 0 0 28px rgba(126,229,255,.18);
}
.turnkey-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.turnkey-stats article {
  min-height: 130px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(229,248,253,.9));
  border: 1px solid rgba(7,30,63,.08);
  box-shadow: var(--shadow);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
}
.turnkey-stats strong { color: #09213f; font-size: clamp(2rem, 4vw, 3.4rem); line-height: .9; }
.turnkey-stats span { color: #526174; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; font-size: .82rem; }
.turnkey-projects { margin-top: 44px; }
.turnkey-project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.turnkey-project-card {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(7,30,63,.08);
  border-radius: 18px;
  box-shadow: var(--shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 440px;
}
.turnkey-project-card img {
  height: 210px;
  width: 100%;
  object-fit: contain;
  padding: 22px;
  background: radial-gradient(circle at 50% 20%, rgba(126,229,255,.26), transparent 42%), linear-gradient(180deg, rgba(235,247,252,.92), #fff);
}
.turnkey-project-card div { padding: 22px; display: grid; gap: 10px; }
.turnkey-project-card span {
  width: max-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: #071e3f;
  color: #bff7ff;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .08em;
}
.turnkey-project-card h3 { margin: 0; font-size: 1.28rem; line-height: 1.15; color: #10243d; }
.turnkey-project-card p { margin: 0; color: #526174; line-height: 1.55; }
.turnkey-video {
  margin-top: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: 18px;
  align-items: stretch;
}
.turnkey-video__frame {
  position: relative;
  min-height: 360px;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at 30% 20%, rgba(126,229,255,.34), transparent 35%), linear-gradient(135deg, #071e3f, #145d79);
  box-shadow: 0 28px 66px rgba(8, 21, 43, .22);
  display: grid;
  place-items: center;
}
.turnkey-video__frame img { max-height: 270px; object-fit: contain; opacity: .88; filter: drop-shadow(0 24px 26px rgba(0,0,0,.25)); }
.turnkey-play {
  position: absolute;
  z-index: 2;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  box-shadow: 0 0 0 16px rgba(255,255,255,.12), 0 20px 40px rgba(0,0,0,.18);
}
.turnkey-play::before {
  content: "";
  position: absolute;
  left: 34px;
  top: 26px;
  border-left: 26px solid #071e3f;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
}
.turnkey-video__copy {
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(7,30,63,.96), rgba(22,112,139,.92));
  color: white;
  padding: 36px;
  box-shadow: var(--shadow);
  display: grid;
  align-content: center;
}
.turnkey-video__copy p { margin: 0 0 12px; color: #9debf5; font-weight: 950; letter-spacing: .16em; }
.turnkey-video__copy h2 { margin: 0 0 14px; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1; }
.turnkey-video__copy span { color: #d9f7ff; line-height: 1.58; font-size: 1.04rem; }
.turnkey-process {
  margin-top: 44px;
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--shadow);
  padding: 32px;
}
.turnkey-process h2 { margin: 0 0 22px; color: #10243d; font-size: clamp(1.7rem, 3vw, 2.6rem); text-transform: uppercase; letter-spacing: .03em; }
.turnkey-process__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.turnkey-process__grid article {
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(231,246,251,.9), rgba(255,255,255,.92));
  border: 1px solid rgba(7,30,63,.08);
  padding: 20px;
}
.turnkey-process__grid span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #071e3f, #46bfd5);
  color: white;
  font-weight: 950;
  margin-bottom: 18px;
}
.turnkey-process__grid p { margin: 0; color: #34465b; line-height: 1.55; font-weight: 700; }

.footer { margin-top: 54px; background: var(--navy); color: #dce7f0; padding: 43px 0 40px; position: relative; overflow: hidden; }
.footer::before { content: ""; position: absolute; inset: 0; background: url("assets/optimized/header-ice.png.webp") center / cover repeat-x; opacity: .28; pointer-events: none; }
.footer__inner { position: relative; display: grid; grid-template-columns: 260px 1.15fr .95fr 220px; align-items: center; gap: 34px; }
.footer__logo { width: 231px; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .38)) drop-shadow(0 0 12px rgba(119, 224, 241, .26)); }
.footer__block { display: grid; gap: 9px; font-style: normal; font-size: .95rem; line-height: 1.35; }
.footer__block strong { color: white; font-weight: 800; margin-bottom: 8px; }
.footer__map { border: 0; border-radius: 8px; width: 220px; height: 141px; object-fit: cover; background: rgba(255,255,255,.08); }
.footer-legal { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 30px; align-items: center; margin-top: 30px; padding-top: 26px; border-top: 1px solid rgba(220, 238, 247, .18); }
.footer-legal__text { color: rgba(224, 241, 248, .72); font-size: 1.02rem; line-height: 1.55; letter-spacing: .01em; }
.footer-legal__text h2 { margin: 0 0 14px; color: rgba(255, 255, 255, .78); font-size: 1.45rem; line-height: 1.18; font-weight: 900; text-transform: uppercase; letter-spacing: .035em; }
.footer-legal__text p { margin: 0 0 12px; max-width: 900px; }
.footer-legal__copy { font-weight: 900; text-transform: uppercase; }
.footer-legal__image { width: 230px; max-height: 245px; object-fit: contain; justify-self: end; border-radius: 0; opacity: .96; box-shadow: none; filter: drop-shadow(0 0 14px rgba(45, 204, 255, .42)) drop-shadow(0 0 24px rgba(255, 210, 18, .26)); }
.cart-modal { border: 0; border-radius: 18px; padding: 0; width: min(480px, calc(100% - 24px)); box-shadow: 0 32px 80px rgba(0, 0, 0, .28); }
.cart-modal::backdrop { background: rgba(4, 14, 31, .55); }
.cart-modal__panel { padding: 22px; }
.cart-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.cart-modal__head h2 { margin: 0; }
.close-button { border: 0; width: 34px; height: 34px; border-radius: 50%; background: #edf0f4; font-size: 1.6rem; }
.cart-items { display: grid; gap: 12px; max-height: 320px; overflow: auto; }
.cart-item { display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; padding: 8px; border: 1px solid #e4e8ee; border-radius: 12px; }
.cart-item img { width: 52px; height: 44px; object-fit: contain; }
.cart-item strong { display: block; font-size: .9rem; line-height: 1.25; }
.cart-item span { color: var(--price); font-weight: 800; }
.cart-item button { border: 0; background: transparent; color: #9a3340; font-size: 1.25rem; }
.cart-empty { color: var(--muted); background: #f6f7f9; border-radius: 12px; padding: 18px; text-align: center; }
.cart-total { border-top: 1px solid #e2e7ee; margin-top: 16px; padding-top: 16px; font-weight: 900; font-size: 1.1rem; }
.order-field { display: grid; gap: 7px; margin: 16px 0 12px; font-size: .9rem; color: var(--muted); }
.order-field input { height: 42px; border: 1px solid #d6dce5; border-radius: 9px; padding: 0 12px; }
.order-button { height: 42px; width: 100%; font-weight: 900; }
.order-note { min-height: 22px; margin: 12px 0 0; color: var(--muted); font-size: .88rem; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(30px); opacity: 0; pointer-events: none; background: var(--navy); color: white; border-radius: 999px; padding: 11px 18px; box-shadow: var(--shadow); transition: opacity .2s ease, transform .2s ease; z-index: 40; }
.toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }

.admin-body { background-attachment: fixed; }
.admin-topbar {
  min-height: 112px;
  padding: 14px max(18px, calc((100vw - 1534px) / 2));
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  background: var(--navy);
  color: white;
  box-shadow: 0 8px 24px rgba(1, 11, 28, .24);
  position: relative;
  overflow: hidden;
}
.admin-topbar::before { content: ""; position: absolute; inset: 0; background: url("assets/optimized/header-ice.png.webp") center / cover repeat-x; opacity: .48; pointer-events: none; }
.admin-topbar > * { position: relative; z-index: 1; }
.admin-brand { width: 96px; height: 96px; margin: 0; }
.admin-brand img { width: 96px; }
.admin-topbar h1 { margin: 0 0 6px; font-size: clamp(1.7rem, 3vw, 2.3rem); text-transform: uppercase; letter-spacing: .03em; }
.admin-topbar p { margin: 0; color: #cdebf4; font-weight: 700; }
.admin-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  color: var(--navy);
  font-weight: 900;
}
.admin-shell { width: min(1534px, calc(100% - 34px)); margin: 30px auto 60px; }
.admin-login,
.admin-workspace,
.admin-form,
.admin-list {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(7,30,63,.08);
  border-radius: 16px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}
.admin-login { max-width: 520px; margin: 70px auto; padding: 28px; }
.admin-login h2,
.admin-list h2,
.admin-form h2,
.admin-fieldset h3 { margin: 0 0 10px; color: #10243d; }
.admin-login p,
.admin-form p,
.admin-fieldset p { margin: 0 0 18px; color: #526174; line-height: 1.5; }
.admin-login__form,
.admin-form label { display: grid; gap: 8px; }
.admin-login__form { gap: 14px; }
.admin-form span,
.admin-login__form span {
  color: #526174;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .035em;
}
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-login input,
.admin-search {
  width: 100%;
  border: 1px solid rgba(7,30,63,.16);
  border-radius: 10px;
  background: white;
  color: #10243d;
  outline: 2px solid transparent;
  padding: 11px 12px;
  font-weight: 700;
  resize: vertical;
  transition: outline-color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus,
.admin-login input:focus,
.admin-search:focus {
  outline-color: #86dbe7;
  border-color: rgba(72, 174, 198, .5);
  box-shadow: 0 0 0 4px rgba(134,219,231,.16);
}
.admin-login button,
.admin-form button,
.admin-list button {
  min-height: 42px;
  border: 0;
  border-radius: 10px;
  padding: 0 16px;
  background: var(--navy);
  color: white;
  font-weight: 900;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.admin-login button:hover,
.admin-form button:hover,
.admin-list button:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(8,21,43,.16); }
.admin-workspace { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 0; align-items: stretch; overflow: hidden; }
.admin-list { border: 0; border-radius: 0; box-shadow: none; border-right: 1px solid rgba(7,30,63,.08); padding: 20px; max-height: calc(100vh - 170px); position: sticky; top: 18px; overflow: auto; }
.admin-list__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.admin-list__head button { min-height: 36px; font-size: .86rem; background: linear-gradient(135deg, #0a2b52, #2fb6cd); }
.admin-products { display: grid; gap: 9px; margin-top: 14px; }
.admin-product {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 9px;
  border: 1px solid rgba(7,30,63,.08);
  border-radius: 12px;
  background: rgba(247, 250, 253, .9);
  color: #10243d;
  text-align: left;
}
.admin-product.is-active,
.admin-product:hover { background: linear-gradient(90deg, rgba(213,246,253,.98), rgba(255,255,255,.94)); border-color: rgba(72,174,198,.35); }
.admin-product img { width: 58px; height: 48px; object-fit: contain; background: white; border-radius: 9px; }
.admin-product strong { display: block; font-size: .9rem; line-height: 1.22; }
.admin-product small { display: block; margin-top: 4px; color: #667382; font-size: .76rem; line-height: 1.2; }
.admin-form { border: 0; border-radius: 0; box-shadow: none; padding: 24px; }
.admin-form__head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.admin-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; min-width: 280px; }
.admin-actions .admin-secondary { background: #edf3f7; color: #10243d; }
.admin-actions .admin-danger { background: #c91d35; }
.admin-actions .admin-danger:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }
.admin-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.admin-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-grid--filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-image-row { display: grid; grid-template-columns: minmax(0, 1fr) 230px 160px; gap: 14px; align-items: end; margin-bottom: 18px; }
.admin-file input { padding: 9px; }
.admin-preview { height: 120px; border: 1px dashed rgba(7,30,63,.18); border-radius: 12px; background: rgba(235,247,252,.58); display: grid; place-items: center; padding: 10px; }
.admin-preview img { max-height: 100px; object-fit: contain; }
.admin-fieldset { border-top: 1px solid rgba(7,30,63,.09); padding-top: 18px; margin-top: 18px; }
.admin-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%) translateY(28px);
  opacity: 0;
  pointer-events: none;
  background: var(--navy);
  color: white;
  border-radius: 999px;
  padding: 12px 18px;
  box-shadow: var(--shadow);
  z-index: 60;
  transition: opacity .2s ease, transform .2s ease;
}
.admin-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (max-width: 1120px) {
  .admin-workspace { grid-template-columns: 300px minmax(0, 1fr); }
  .admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-grid--filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-image-row { grid-template-columns: minmax(0, 1fr) 210px; }
  .admin-preview { grid-column: 1 / -1; }
  .topbar__inner { grid-template-columns: 126px minmax(200px, 1fr) 1fr auto 46px; gap: 14px; }
	  .brand { width: 116px; height: 100px; margin-bottom: -18px; }
	  .brand img { width: 116px; }
	  .topnav { gap: 10px; font-size: .76rem; }
	  .topnav__turnkey { min-height: 42px; padding: 11px 46px 11px 50px !important; background-size: 24px 24px, 23px 23px, 26px 26px, 23px 23px, auto; background-position: 14px center, calc(100% - 14px) center, 34px 3px, calc(100% - 34px) 4px, center; }
  .shop-layout { grid-template-columns: 252px minmax(0, 1fr); }
  body[data-page="home"] .shop-content { grid-template-columns: 252px minmax(0, 1fr); }
  body[data-page="home"] .sale-section { grid-column: 2; grid-row: auto; margin-top: 42px; position: static; max-height: none; overflow: visible; }
  body[data-page="home"] .home-menu .category-menu__item { min-height: 0; font-size: clamp(.72rem, 1.5vh, .88rem); padding: clamp(4px, .85vh, 8px) 12px clamp(4px, .85vh, 8px) 14px; grid-template-columns: clamp(28px, 4vh, 36px) minmax(0, 1fr); gap: 9px; }
  body[data-page="home"] .home-menu .category-menu__icon { width: clamp(28px, 4vh, 36px); height: clamp(28px, 4vh, 36px); }
  body[data-page="home"] .home-menu .category-menu__icon svg { width: clamp(20px, 3vh, 27px); height: clamp(20px, 3vh, 27px); }
  body[data-page="home"] .hero-slider { min-height: 470px; }
  body[data-page="home"] .hero-slide { padding: 54px 52px 68px; }
  body[data-page="home"] .hero-slide img { max-height: 360px; }
  body[data-page="home"] .work-slider { min-height: 320px; }
  body[data-page="home"] .work-slider .hero-slide { padding: 34px 36px 64px; }
  body[data-page="home"] .work-slider .hero-slide img { max-height: 205px; }
  .turnkey-slider { min-height: 560px; }
  .turnkey-slider .hero-slide { padding: 58px 54px 84px; grid-template-columns: minmax(0, 1fr) 44%; }
  .turnkey-slider .hero-slide img { max-height: 330px; }
  .turnkey-project-grid,
  .turnkey-process__grid { grid-template-columns: 1fr; }
  .turnkey-project-card { min-height: 0; }
  .turnkey-project-card img { height: 190px; }
  .turnkey-video { grid-template-columns: 1fr; }
  .floating-catalog { left: 12px; width: 304px; }
  .floating-catalog__trigger { min-height: 62px; padding: 12px 15px; }
  .floating-catalog__trigger strong { font-size: .92rem; }
  .sale-section--floating { right: 12px; width: 276px; }
  .sale-section--floating .product-card { min-height: 244px; }
  body:not([data-page="home"]) .shop-layout,
  .page-layout { grid-template-columns: 252px minmax(0, 1fr); }
  body:not([data-page="home"]) .sale-section--rail,
  .page-layout > .sale-section--rail {
    grid-column: 2;
    position: static;
    max-height: none;
    overflow: visible;
    margin-top: 26px;
  }
  body:not([data-page="home"]) .shop-layout > .side-menu,
  .page-layout > .side-menu {
    top: 12px;
  }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  body[data-page="home"] .products-section .product-grid { grid-template-columns: repeat(3, 1fr); }
  .product-grid.is-compact { grid-template-columns: repeat(4, 1fr); }
  .sale-grid { grid-template-columns: repeat(3, 1fr); }
  .category-grid { grid-template-columns: repeat(3, 1fr); }
	  .detail-expanded { grid-template-columns: repeat(2, 1fr); }
	  .brand-detail { grid-template-columns: 1fr; }
	  .brand-detail__logo { min-height: 190px; }
	  .brand-media-grid { grid-template-columns: 1fr; }
	}
@media (max-width: 900px) {
  .floating-catalog { display: none; }
  .sale-section--floating {
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: 42vh;
  }
  .sale-section--floating .sale-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sale-section--floating .product-card { min-height: 210px; }
  body:not([data-page="home"]) .shop-layout,
  .page-layout {
    display: block;
  }
  body:not([data-page="home"]) .shop-layout > .side-menu,
  .page-layout > .side-menu {
    position: static;
    max-height: none;
    margin-bottom: 18px;
  }
  body:not([data-page="home"]) .shop-layout > .side-menu .side-menu__list,
  .page-layout > .side-menu .side-menu__list {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  body:not([data-page="home"]) .sale-section--rail,
  .page-layout > .sale-section--rail {
    position: static;
    max-height: none;
    overflow: visible;
    margin-top: 28px;
  }
  .sale-section--rail .sale-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-topbar { grid-template-columns: 84px minmax(0, 1fr); }
  .admin-link { grid-column: 2; width: max-content; }
  .admin-brand { width: 78px; height: 78px; }
  .admin-brand img { width: 78px; }
  .admin-workspace { grid-template-columns: 1fr; }
  .admin-list { position: static; max-height: none; border-right: 0; border-bottom: 1px solid rgba(7,30,63,.08); }
  .admin-form__head { display: grid; }
  .admin-actions { min-width: 0; justify-content: flex-start; }
  .topbar { position: static; }
  .topbar__inner { grid-template-columns: 94px 1fr 46px; grid-template-areas: "brand search cart" "nav nav lang"; row-gap: 10px; padding: 8px 0; }
  .brand { grid-area: brand; width: 86px; height: 86px; margin-bottom: 0; }
  .brand img { width: 86px; }
  .search { grid-area: search; }
  .topnav { grid-area: nav; justify-content: flex-start; overflow-x: auto; padding-bottom: 3px; }
  .lang-switch { grid-area: lang; justify-self: end; }
  .cart-button { grid-area: cart; }
  .shop-layout { grid-template-columns: 1fr; }
  .side-menu { position: static; }
  .side-menu__list { display: grid; grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; }
  .category-menu__item { white-space: nowrap; }
  body:not([data-page="home"]) .shop-layout > .side-menu .side-menu__list,
  .page-layout > .side-menu .side-menu__list {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  body:not([data-page="home"]) .shop-layout > .side-menu .category-menu__item,
  .page-layout > .side-menu .category-menu__item {
    white-space: normal;
  }
  body[data-page="home"] .hero-slider { min-height: 520px; }
  body[data-page="home"] .hero-slide { grid-template-columns: 1fr; gap: 18px; padding: 42px 34px 92px; }
  body[data-page="home"] .hero-slide img { max-height: 230px; justify-self: center; transform: none; }
  body[data-page="home"] .hero-dots { left: 34px; bottom: 30px; }
  body[data-page="home"] .work-slider { min-height: 420px; }
  body[data-page="home"] .work-slider .hero-slide { padding: 34px 30px 86px; }
  body[data-page="home"] .work-slider .hero-slide img { max-height: 190px; }
  body[data-page="home"] .work-slider .hero-dots { left: 30px; bottom: 28px; }
  body[data-page="home"] .shop-content { display: block; }
  body[data-page="home"] .home-menu { position: static; height: auto; max-height: none; margin-top: 16px; }
  body[data-page="home"] .home-menu .side-menu__list { display: flex; flex-direction: column; overflow: visible; }
  body[data-page="home"] .home-menu .category-menu__item { white-space: normal; min-height: 56px; }
  body[data-page="home"] .sale-section { margin-top: 42px; }
  .turnkey-slider { min-height: 620px; border-radius: 18px; }
  .turnkey-slider .hero-slide { grid-template-columns: 1fr; padding: 44px 36px 96px; }
  .turnkey-slider .hero-slide img { max-height: 230px; justify-self: center; transform: none; }
  .turnkey-slider .hero-dots { left: 36px; bottom: 34px; }
  .hero-arrow {
    width: 42px;
    height: 70px;
  }
  .hero-arrow span { font-size: 3rem; }
  .hero-arrow--prev { left: 12px; }
  .hero-arrow--next { right: 12px; }
  .turnkey-stats { grid-template-columns: 1fr; }
  .turnkey-video__frame { min-height: 300px; }
  .hero-slide { grid-template-columns: 1fr; padding: 34px 28px 88px; }
  .hero-slide img { max-height: 190px; justify-self: center; }
  .product-grid, .product-grid.is-compact, .sale-grid, .category-grid { grid-template-columns: repeat(2, 1fr); }
  body[data-page="home"] .products-section .product-grid { grid-template-columns: repeat(2, 1fr); }
  .subcategory-grid { grid-template-columns: repeat(2, 1fr); }
  .listing-controls { grid-template-columns: 1fr; }
  .listing-titlebar { flex-direction: column; align-items: stretch; }
  .listing-count { text-align: center; }
	  .brand-row { grid-template-columns: repeat(2, 1fr); }
	  .brand-showcase { max-height: 138px; }
	  .brand-showcase.is-expanded { max-height: 690px; }
	  .brand-tile { min-height: 82px; }
	  .brand-detail__copy h1 { font-size: clamp(2rem, 12vw, 3.3rem); }
  .product-detail { grid-template-columns: 1fr; }
  .spec-table { grid-template-columns: 1fr; }
  .order-steps { grid-template-columns: 1fr; }
  .order-steps p { border-left: 0; border-top: 1px solid rgba(255,255,255,.22); padding: 18px 0 0; }
  .page-list { grid-template-columns: 1fr; }
  .footer__inner { grid-template-columns: 190px 1fr 1fr; }
  .footer__map { grid-column: 2 / 4; width: 100%; }
  .footer-legal { grid-template-columns: 1fr; }
  .footer-legal__image { width: min(240px, 100%); }
}
@media (max-width: 560px) {
  .admin-shell { width: min(100% - 20px, 1534px); }
  .admin-topbar { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .admin-link { grid-column: auto; }
  .admin-grid,
  .admin-grid--two,
  .admin-grid--filters,
  .admin-image-row { grid-template-columns: 1fr; }
  .shell { width: min(100% - 20px, 1534px); }
  .topbar__inner { grid-template-columns: 76px 1fr 40px; }
  .brand { width: 70px; height: 70px; }
  .brand img { width: 70px; }
  .hero-slider { min-height: 430px; }
  .hero-slide { padding: 28px 22px 84px; }
  .hero-slide__copy h1, .hero-slide__copy h2 { font-size: 1.55rem; }
  .hero-arrow {
    width: 34px;
    height: 58px;
    background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(10,43,82,.54));
  }
  .hero-arrow span { font-size: 2.45rem; }
  .hero-arrow--prev { left: 8px; }
  .hero-arrow--next { right: 8px; }
  body[data-page="home"] .hero-slider { min-height: 500px; border-radius: 14px; }
  body[data-page="home"] .hero-slide { padding: 34px 22px 88px; }
  body[data-page="home"] .hero-slide__copy h1,
  body[data-page="home"] .hero-slide__copy h2 { font-size: 1.82rem; }
  body[data-page="home"] .hero-slide__copy span { font-size: 1rem; }
  body[data-page="home"] .home-menu .side-menu__list { padding: 8px 9px 10px; }
  body[data-page="home"] .home-menu .side-menu__title { font-size: 1.02rem; padding: 16px 18px; }
  body[data-page="home"] .work-slider { min-height: 390px; }
  body[data-page="home"] .work-slider .hero-slide { padding: 30px 22px 80px; }
  body[data-page="home"] .work-slider .hero-slide__copy h2 { font-size: 1.7rem; }
  body[data-page="home"] .work-slider .hero-slide img { max-height: 160px; }
  .products-section, .categories, .work-showcase, .recent, .brands, body[data-page="home"] .sale-section { margin-top: 28px; }
  .turnkey-page { padding-top: 24px; }
  .turnkey-slider { min-height: 650px; }
  .turnkey-slider .hero-slide { padding: 34px 22px 94px; }
  .turnkey-slider .hero-slide__copy h1,
  .turnkey-slider .hero-slide__copy h2 { font-size: 2rem; }
  .turnkey-project-card div,
  .turnkey-video__copy,
  .turnkey-process { padding: 22px; }
  .turnkey-video__frame { min-height: 260px; }
  .turnkey-play { width: 70px; height: 70px; }
  .turnkey-play::before { left: 28px; top: 22px; border-left-width: 21px; border-top-width: 13px; border-bottom-width: 13px; }
  .product-grid, .product-grid.is-compact, .sale-grid, .category-grid { grid-template-columns: 1fr; }
  .sale-section--floating { display: none; }
  body[data-page="home"] .products-section .product-grid { grid-template-columns: 1fr; }
  .subcategory-grid { grid-template-columns: 1fr; }
  .detail-expanded { grid-template-columns: 1fr; }
  .recent-track { grid-auto-columns: 126px; }
  .brand-row { grid-template-columns: 1fr; }
  .footer__inner { grid-template-columns: 1fr; gap: 24px; }
  .footer__map { grid-column: auto; }
  .footer-legal__text { font-size: .95rem; }
  .footer-legal__text h2 { font-size: 1.18rem; }
  .meta-grid { grid-template-columns: 1fr; }
}

.product-comparison-panel { margin-top: 18px; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(229,247,241,.94)); }
.comparison-heading span { display: block; margin-bottom: 7px; color: #168455; font-size: .76rem; font-weight: 900; letter-spacing: .14em; }
.comparison-heading h2 { max-width: 900px; }
.comparison-table-image { display: block; margin-top: 18px; padding: 14px; border: 1px solid rgba(21,120,82,.16); border-radius: 16px; background: #fff; box-shadow: 0 14px 34px rgba(7,52,43,.09); }
.comparison-table-image img { display: block; width: 100%; max-height: 1050px; object-fit: contain; border-radius: 10px; }
.comparison-note { margin: 14px 0 0; color: #516579; line-height: 1.65; }

.catalog-sort{display:flex;flex-direction:column;gap:8px;min-width:230px;max-width:100%;font-size:13px;color:#526275}.catalog-sort select{padding:12px;border:1px solid #d8e2eb;border-radius:10px;background:#fff;color:#17354b;max-width:100%;font:inherit;cursor:pointer}.catalog-sort select:focus{outline:2px solid #449bc7;outline-offset:2px}

/* Category photo layout: image and text have independent, non-overlapping areas. */
.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.subcategory-card{display:grid;grid-template-rows:190px auto;min-width:0;min-height:0;overflow:hidden}
.subcategory-card__image{height:190px;min-height:0;min-width:0;padding:18px 22px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#edf5f8,#f7fafb);isolation:isolate}
.subcategory-card__image img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:154px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(8,21,43,.12))}
.subcategory-card__body{position:relative;min-width:0;background:rgba(255,255,255,.96);padding:18px;overflow-wrap:anywhere}
.subcategory-card__body h3{line-height:1.3;margin:0 0 9px}
.category-card__image{overflow:hidden;min-height:0}.category-card__image img{max-width:100%;max-height:100%;object-fit:contain}
.boyard-description{margin-top:24px;padding:24px;min-width:0}.boyard-description p{color:#526174;line-height:1.6}.boyard-table-scroll{overflow-x:auto;margin:20px 0}.boyard-description table{width:100%;border-collapse:collapse;font-size:13px}.boyard-description td,.boyard-description th{padding:12px;text-align:left;border:1px solid #dce6ed;vertical-align:top}.boyard-description th{background:#edf5f8}.boyard-documents{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;align-items:start}.boyard-documents figure{margin:0}.boyard-documents img{display:block;width:100%;height:auto;border:1px solid #dce6ed;border-radius:10px}.boyard-documents figcaption{font-size:13px;color:#526174;margin-top:8px;line-height:1.5}
.catalog-sort{display:none!important}
@media(max-width:850px){.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.subcategory-grid{grid-template-columns:1fr}.subcategory-card{grid-template-rows:180px auto}.subcategory-card__image{height:180px}.subcategory-card__image img{max-height:144px}.boyard-description{padding:16px}.boyard-documents{grid-template-columns:minmax(0,1fr)}}

.condenser-variants{margin-top:24px;padding:24px}.condenser-variants__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.condenser-variants figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;background:#edf5f8;border-radius:12px;padding:18px;min-width:0}.condenser-variants img{width:100%;height:150px;object-fit:contain}.condenser-variants figcaption{font-size:14px;color:#526174}

.product-card__inverter{position:absolute;top:10px;left:9px;z-index:2;background:linear-gradient(120deg,#a60914,#f12737);color:#fff;font-size:10px;font-weight:900;letter-spacing:.7px;padding:7px 12px;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);box-shadow:0 3px 12px #da173440}.product-card:has(.product-card__inverter) .product-card__image{padding-top:25px}

.detail-inverter{display:inline-block;background:linear-gradient(120deg,#a60914,#f12737);color:#fff;padding:8px 16px;font-weight:900;letter-spacing:1px;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);margin-bottom:12px}
/* Home catalogue: the same 13 categories as the menu, with actual catalogue photos. */
body[data-page="home"] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
a.category-card--catalog{text-decoration:none;color:inherit;aspect-ratio:auto;min-height:300px;padding:14px 12px 16px;overflow:hidden}
.category-card__collage{width:100%;height:248px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;align-items:center;justify-items:center;padding:8px;min-width:0;background:linear-gradient(180deg,#edf6f9,#fff);border-radius:10px}
.category-card__collage[data-count="1"]{grid-template-columns:minmax(0,1fr)}
.category-card__collage[data-count="7"],.category-card__collage[data-count="10"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.category-card__collage img{display:block;width:100%;height:100%;max-height:220px;min-height:0;min-width:0;object-fit:contain;filter:drop-shadow(0 3px 3px #23445b16);transition:transform .2s}
.category-card--catalog:hover .category-card__collage img{transform:scale(1.04)}
.category-card--catalog .category-card__title{position:relative;display:block;padding-top:14px;min-height:45px;line-height:1.35;font-size:14px;overflow-wrap:anywhere;text-align:center;flex-shrink:0}
@media(max-width:540px){body[data-page="home"] .category-grid{grid-template-columns:minmax(0,1fr)}a.category-card--catalog{min-height:300px}.category-card__collage{height:260px}.category-card--catalog .category-card__title{font-size:16px}}

body[data-page="home"] .brand-row{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page="home"] .brand-tile{min-width:0;overflow-wrap:anywhere}
body[data-page="home"] .brand-tile__mark{font-size:18px;max-width:100%;text-align:center}
@media(max-width:700px){body[data-page="home"] .brand-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-page="home"]{overflow-x:clip}
body[data-page="home"] .recent{min-width:0;max-width:100%}
html:has(body[data-page="home"]){overflow-x:hidden}

/* Compact category tiles: preserve photo boxes, overlap rows instead of shrinking images. */
body[data-page="home"] .category-grid{gap:10px}
a.category-card--catalog{min-height:0;padding:10px 12px 12px}
.category-card__collage{height:180px;gap:0 10px;overflow:visible}
.category-card__collage img{height:111px;max-height:220px;align-self:center;position:relative}
.category-card__collage[data-count="1"] img{height:220px;transform:translateY(10px)}
.category-card__collage[data-count="5"] img,.category-card__collage[data-count="6"] img{height:70.67px}
.category-card__collage[data-count="7"] img{height:72.67px}
.category-card__collage[data-count="10"] img{height:53.5px}
.category-card--catalog .category-card__title{padding-top:30px;min-height:60px;z-index:1}
body[data-page="home"] .brand-showcase.is-expanded{max-height:none}
@media(max-width:540px){a.category-card--catalog{min-height:0}.category-card__collage{height:180px}.category-card__collage img{height:117px}.category-card__collage[data-count="5"] img,.category-card__collage[data-count="6"] img{height:74.67px}.category-card__collage[data-count="7"] img{height:76.67px}.category-card__collage[data-count="10"] img{height:56.5px}}

/* Company logo aligned below KRIOKUL; legal text starts in the next column. */
.footer-legal{grid-template-columns:260px minmax(0,1fr) 230px;gap:34px}
.footer-legal__company-logo{display:block;width:231px;height:auto;object-fit:contain;justify-self:start;align-self:start}
.footer-legal__text{min-width:0}
@media(max-width:900px){.footer-legal{grid-template-columns:190px minmax(0,1fr);gap:34px}.footer-legal__company-logo{width:231px}.footer-legal__image{grid-column:2;justify-self:start}}
@media(max-width:700px){.footer-legal{grid-template-columns:minmax(0,1fr);gap:24px}.footer-legal__company-logo{width:231px;max-width:100%}.footer-legal__image{grid-column:auto;justify-self:start}}

.price-validity{color:#16803b;font-size:11px;font-weight:700;line-height:1.35;margin:5px 0 9px;overflow-wrap:anywhere}
.product-card:has(.product-card__inverter) .product-card__image{padding-top:0}
.product-card__image{overflow:hidden;min-height:0;flex-shrink:0}
.product-card__image img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.product-card:has(.product-card__inverter){padding-top:42px}
.product-attachments__list{display:grid;gap:12px}.product-attachments__row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d6e6ed;border-radius:10px;padding:16px}.product-attachments__row strong{font-size:14px;line-height:1.4}.product-attachments__row>div{display:flex;gap:12px;flex-shrink:0}.product-attachments__row a{color:#07627c;font-weight:700;font-size:13px}
.sale-section--rail,.sale-section--floating{top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.sale-section--rail .product-card,.sale-section--floating .product-card{min-height:0;padding:8px;gap:0}
.sale-section--rail .product-card__image,.sale-section--floating .product-card__image{height:clamp(40px,10vh,80px);margin-bottom:6px}
.sale-section--rail .product-card__image img,.sale-section--floating .product-card__image img{max-height:100%}
.sale-section--rail .product-card__desc,.sale-section--floating .product-card__desc,.sale-section--rail .product-card__facts,.sale-section--floating .product-card__facts{display:none}
.sale-section--rail .product-card__title,.sale-section--floating .product-card__title{font-size:11px;line-height:1.2;min-height:30px;margin-bottom:4px}
.sale-section--rail .price-validity,.sale-section--floating .price-validity{font-size:9px;margin:3px 0 5px}
.sale-section--rail .sale-grid,.sale-section--floating .sale-grid{gap:8px}
@media(max-width:700px){.product-attachments__row{align-items:flex-start;flex-direction:column;gap:12px}}

/* Capacity replaces the short description, without clipping temperatures. */
.product-card__capacity{margin:8px 0 10px;padding:9px 10px;border-left:3px solid #1685a5;border-radius:7px;background:#eef8fb;color:#23465c;font-size:12px;line-height:1.45;flex-shrink:0}
.product-card__capacity-label{font-size:11px;font-weight:700;color:#547387;margin-bottom:5px}
.product-card__capacity-row{display:flex;flex-direction:column;gap:3px}
.product-card__capacity-row+ .product-card__capacity-row{margin-top:8px;padding-top:7px;border-top:1px solid #d3e9f0}
.product-card__capacity-row strong{font-size:15px;color:#0b526c;font-weight:800}
.product-card__capacity-row span{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.product-card__capacity-pending{font-size:11px;line-height:1.5}

.sale-section--rail .product-card__capacity,.sale-section--floating .product-card__capacity,.recent-track .product-card__capacity,.product-card--sale .product-card__capacity{display:none}

/* The sale panel uses the same compact cards on every page, including home. */
body[data-page] .sale-section{padding:12px;align-self:start;max-height:calc(100dvh - 32px);overflow-y:auto}
body[data-page] .sale-section .sale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-page] .sale-section .product-card{min-height:0;padding:8px;border-radius:9px;gap:0}
body[data-page] .sale-section .product-card__image{height:60px;margin-bottom:6px}
body[data-page] .sale-section .product-card__image img{max-height:60px}
body[data-page] .sale-section .product-card__title{font-size:10.5px;line-height:1.2;min-height:30px}
body[data-page] .sale-section .product-card__desc,body[data-page] .sale-section .product-card__facts,body[data-page] .sale-section .product-card__capacity{display:none}
body[data-page] .sale-section .product-card__old-price{font-size:10px;min-height:0;margin-top:3px}
body[data-page] .sale-section .product-card__old-price:empty{display:none}
body[data-page] .sale-section .product-card__price{font-size:13px}
body[data-page] .sale-section .price-validity{font-size:9px;margin:3px 0 5px}
body[data-page] .sale-section .product-card__cart{min-height:28px;padding:7px 4px;font-size:9px;margin-top:5px}
.condenser-conditions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;color:#16435b}
.condenser-conditions>*{padding:7px 11px;background:#eaf6fa;border-radius:8px;font-size:12px}
.condenser-table{font-size:12px}
.condenser-table td{max-width:230px;white-space:normal;overflow-wrap:anywhere}
.condenser-table td:first-child{font-weight:700;min-width:155px}
.condenser-reference{margin-top:16px;border:1px solid #d6e6ee;border-radius:10px;padding:12px}
.condenser-reference summary{cursor:pointer;font-weight:700;color:#164b65}
.condenser-reference p{font-size:12px;color:#526174;line-height:1.5}

/* Condenser performance and connections beside the main product image. */
.product-summary.condenser-summary{border:0;background:none;padding:0;margin:18px 0 20px}
.condenser-summary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.condenser-summary__item{padding:14px 15px;border:1px solid #d2e8ef;border-radius:12px;background:linear-gradient(135deg,#eef9fc,#f7fbfd);min-width:0}
.condenser-summary__item span{display:block;font-size:11px;line-height:1.4;color:#537487;margin-bottom:7px;font-weight:700}
.condenser-summary__item strong{display:block;font-size:17px;color:#12394e;line-height:1.4;overflow-wrap:anywhere}
.condenser-summary__item:first-child strong{font-size:23px;color:#08738e}
.condenser-summary__item.is-pending strong{font-size:13px;color:#71828d;font-weight:500}
.condenser-summary .condenser-summary__note{font-size:11px;line-height:1.5;margin:10px 0 0;color:#547487}
@media(max-width:420px){.condenser-summary__grid{gap:7px}.condenser-summary__item{padding:11px}.condenser-summary__item strong{font-size:14px}}

/* Compact catalogue presentation — 2026-10-07 */
@media(min-width:1101px){
 body[data-page="home"] .shop-content{grid-template-columns:300px minmax(0,1fr) 270px}
 body:not([data-page="home"]) .shop-layout,.page-layout{grid-template-columns:280px minmax(0,1fr) 270px}
}
body[data-page] .sale-section{padding:8px;position:sticky;top:8px;max-height:calc(100dvh - 16px);overflow:auto;margin-top:0}
body[data-page] .sale-promo-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 7px;margin-bottom:8px}
body[data-page] .section-title--sale{font-size:13px;letter-spacing:0;white-space:nowrap}
body[data-page] .sale-countdown{display:flex;align-items:center}
body[data-page] .sale-countdown span{display:none}
body[data-page] .sale-countdown strong{font-size:15px;letter-spacing:0;white-space:nowrap}
body[data-page] .sale-section .product-card__image{height:clamp(30px,7vh,52px);margin-bottom:4px}
body[data-page] .sale-section .product-card__image img{max-height:100%}
body[data-page] .sale-section .product-card__title{font-size:10px;min-height:36px;line-height:1.15}
body[data-page] .sale-section .product-card{padding:6px}
body[data-page] .sale-section .product-card__cart{min-height:24px;padding:5px 3px;margin-top:3px}
.product-card__stock{color:#18813b;font-weight:700;font-size:11px;margin:2px 0 7px;line-height:1.2}
body[data-page] .sale-section .product-card__stock{font-size:9px;margin:1px 0 3px}
body[data-page] .category-menu__item,body[data-page="home"] .home-menu .category-menu__item{font-size:16px;font-weight:900;line-height:1.15;color:#142840}
.subcategory-card__image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.product-card__image img{object-fit:contain;max-width:100%;max-height:100%}
.product-card--boyard .product-card__image{height:156px;padding:0}
.product-card--boyard .product-card__image img{width:100%;height:100%;object-fit:contain}
.product-card__capacity{padding:6px 8px;margin:5px 0 7px}
.product-card__capacity-label{margin-bottom:3px}
.product-card__capacity-row{gap:1px}
.product-card__capacity-row + .product-card__capacity-row{margin-top:4px;padding-top:4px}
.product-card__capacity-row span{line-height:1.2;font-size:11px}
.product-summary__facts{grid-template-columns:minmax(0,1fr);gap:5px;overflow-x:auto}
.product-summary__facts span{white-space:nowrap;line-height:1.3}
[data-gallery-main]{cursor:zoom-in}
.product-photo-zoom{width:94vw;height:94dvh;max-width:none;max-height:none;padding:40px 12px 12px;border:0;border-radius:12px;background:#fff}
.product-photo-zoom::backdrop{background:rgba(0,0,0,.8)}
.product-photo-zoom img{display:block;width:100%;height:100%;object-fit:contain}
.product-photo-zoom button{position:absolute;right:10px;top:3px;border:0;background:#edf3f7;color:#183446;border-radius:50%;width:34px;height:34px;font-size:28px;cursor:pointer}
.boyard-description th small,.boyard-description td small{font-size:11px;font-weight:500;line-height:1.25}
@media(max-width:1100px){body[data-page] .sale-section{position:static;width:100%}}
@media(max-height:650px){body[data-page] .sale-section .product-card__image{height:28px}body[data-page] .sale-section .product-card__old-price{display:none}body[data-page] .sale-section .product-card__cart{font-size:8px}}

body[data-page] .sale-section .product-card__title{padding-right:0;margin-bottom:4px}
body[data-page] .sale-section .sale-grid{grid-template-rows:repeat(3,minmax(0,1fr))}
body[data-page] .sale-section .product-card__old-price{line-height:1.1}
body[data-page] .sale-section .price-validity{line-height:1.15}
@media(min-width:1101px){body[data-page] .sale-section .sale-grid{max-height:calc(100dvh - 70px)}body[data-page] .sale-section .product-card__image{flex-shrink:1}}

/* Model documents and consistent cards — 2026-10-07 */
@media(min-width:1101px){body[data-page="home"] .shop-content{grid-template-columns:300px minmax(0,1fr) 310px}body:not([data-page="home"]) .shop-layout,.page-layout{grid-template-columns:280px minmax(0,1fr) 310px}}
body[data-page] .sale-section .sale-grid{align-items:stretch}
body[data-page] .sale-section .product-card{display:flex;flex-direction:column;min-height:0}
body[data-page] .sale-section .product-card__image{height:clamp(28px,6vh,52px);flex-shrink:0}
body[data-page] .sale-section .product-card__title{height:36px;min-height:36px;flex-shrink:0;margin-bottom:4px}
body[data-page] .sale-section .product-card__old-price{height:11px;min-height:11px;display:block;margin-top:auto}
body[data-page] .sale-section .product-card__old-price:empty{display:block}
body[data-page] .sale-section .price-validity{height:22px;min-height:22px;font-size:9px}
body[data-page] .sale-section .product-card__stock{height:11px;min-height:11px}
body[data-page] .sale-section .product-card__cart{height:25px;min-height:25px;flex-shrink:0;margin-top:3px}
body[data-page] .sale-section .product-card__price{margin-top:0;line-height:1.15}
.recent-track{grid-auto-columns:220px;align-items:stretch;gap:14px}
.recent-track .product-card,.recent-track .product-card:has(.product-card__inverter){width:220px;min-height:0;padding:36px 12px 12px;display:flex;flex-direction:column}
.recent-track .product-card__image,.recent-track .product-card--boyard .product-card__image{height:120px;margin-bottom:10px}
.recent-track .product-card__image img{max-height:100%;width:100%;height:100%;object-fit:contain}
.recent-track .product-card__title{font-size:13px;line-height:1.25;min-height:50px;margin-bottom:8px;padding-right:0}
.recent-track .product-card__old-price{margin-top:auto;min-height:15px;font-size:11px}
.recent-track .product-card__price{font-size:17px;line-height:1.2;margin-top:0}
.recent-track .price-validity{font-size:11px;min-height:28px;line-height:1.2}
.recent-track .product-card__cart{height:34px;min-height:34px;font-size:11px;margin-top:7px}
.recent-track .product-card__inverter{font-size:10px;top:9px;left:10px}
.product-attachments__row .document-preview{flex:0 0 96px;padding:0;background:transparent}
.document-preview img{display:block;width:96px;max-height:135px;object-fit:contain;border:1px solid #d7e5ed;border-radius:5px}
.product-attachments__row strong{flex:1;overflow-wrap:anywhere}
.category-document-index{margin:24px 0;padding:18px;background:#edf7fb;border:1px solid #d4e6ef;border-radius:10px}
.category-document-index a{color:#087e9f;font-weight:700}
@media(max-width:700px){.recent-track{grid-auto-columns:190px}.recent-track .product-card,.recent-track .product-card:has(.product-card__inverter){width:190px}.product-attachments__row .document-preview{flex-basis:auto}}

@media(min-width:1101px) and (max-height:700px){body[data-page] .sale-section .product-card{padding:5px}body[data-page] .sale-section .product-card__image{height:20px}body[data-page] .sale-section .product-card__title{height:30px;min-height:30px;font-size:9px}body[data-page] .sale-section .price-validity{height:20px;min-height:20px}body[data-page] .sale-section .product-card__cart{height:22px;min-height:22px}}

/* Sale photos: use free card height and contain the full image. */
body[data-page] .sale-section .product-card__image{position:relative;height:clamp(28px,calc((100dvh - 570px)/3),84px);min-height:28px;flex-shrink:0;margin-bottom:8px}
body[data-page] .sale-section .product-card__image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
body[data-page] .sale-section .product-card__title{margin-top:0}
@media(min-width:1101px){body[data-page] .sale-section .sale-grid{height:min(750px,calc(100dvh - 70px));max-height:calc(100dvh - 70px)}}
@media(max-width:1100px){body[data-page] .sale-section .product-card__image{height:84px}}

@media(min-width:1101px) and (max-height:700px){body[data-page] .sale-section .product-card__image{margin-bottom:5px}}

.condenser-table--grouped{min-width:850px!important;font-size:11px}
.condenser-table--grouped th,.condenser-table--grouped td{padding:7px 8px!important;line-height:1.2;vertical-align:top}
.condenser-table--grouped .condenser-coil{max-width:150px;font-size:10px;overflow-wrap:anywhere}
.condenser-fan-variants{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;min-width:370px}
.condenser-fan-variants>div{display:flex;flex-direction:column;gap:3px;padding-left:7px;border-left:1px solid #c7dfe8;font-size:10px}
.condenser-fan-variants strong{font-size:12px;color:#086784}.condenser-fan-variants small{font-size:9px;line-height:1.25}
body[data-page] .sale-section{top:8px;padding:8px;max-height:none;overflow:hidden;box-sizing:border-box}
.sale-fit-content{transform-origin:top center;display:flow-root;width:100%}
body[data-page] .sale-section .sale-grid{height:auto;max-height:none;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
body[data-page] .sale-section .product-card__image{height:64px;min-height:64px;margin-bottom:6px}
body[data-page] .sale-section .product-card__title{height:36px;min-height:36px;font-size:10px}
body[data-page] .sale-section .product-card{padding:6px}
body[data-page] .sale-section .product-card__cart{height:25px;min-height:25px;font-size:9px}

.condenser-table--grouped th,.condenser-table--grouped td{font-size:11px!important}

/* Consistent navigation, compact filters and operating capacities. */
.listing-controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start}
.listing-filter{flex:0 0 auto;width:max-content;max-width:100%}
.filter-select__button{min-width:0;width:100%}
.filter-select__menu{width:max-content;min-width:100%;max-width:min(440px,90vw)}
.promo-ticker__item{gap:40px;padding-inline:20px}
.promo-ticker__item strong{margin:0;flex:0 0 auto}
.promo-ticker__item>span{padding-right:0}
.topnav a:not(.topnav__turnkey){font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(11px,.9vw,16px);letter-spacing:.035em;color:#ecfaff;text-shadow:0 1px 0 #bdd9ec,0 2px 0 #477194,0 3px 4px #031b38;text-transform:uppercase}
.topnav a.topnav__turnkey{display:block;flex:0 0 auto;width:clamp(230px,19vw,290px);height:42px;min-height:0;padding:0!important;border-radius:11px!important;background-image:url("assets/turnkey-button-20261008.png");background-size:100% auto;background-position:center;background-repeat:no-repeat;color:transparent!important;font-size:0!important;line-height:0;box-shadow:0 3px 12px #092a48;overflow:hidden}
.topnav__turnkey::after,.topnav__turnkey::before{display:none}
.product-card__capacity-row span{line-height:1.25}
@media(max-width:700px){.listing-filter{max-width:100%}.topnav a.topnav__turnkey{width:230px;height:34px}}

/* October 8: compact conditions, existing photos in a fan, company contacts. */
.product-card__capacity-row span{white-space:nowrap;font-size:11px;letter-spacing:-.015em;overflow-wrap:normal;word-break:normal}
.category-card__collage{display:block;position:relative;overflow:hidden}
.category-card__collage img,.category-card--catalog:hover .category-card__collage img{position:absolute;left:var(--fan-x);top:var(--fan-y);width:var(--fan-width);transform:translate(-50%,-50%) rotate(var(--fan-angle));transform-origin:center;object-fit:contain}
.footer-legal{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:48px}
.footer-legal__heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.footer-legal__heading .footer-legal__company-logo{width:80px;height:80px;object-fit:contain;flex:0 0 80px}
.footer-legal__text{color:#68c5fa;font-size:16px;line-height:1.6;letter-spacing:0}
.footer-legal__text h2{color:#68c5fa;font-size:22px;font-weight:600;text-transform:none;letter-spacing:0;margin:0;line-height:1.25}
.footer-legal__copy{font-size:13px;font-weight:400;text-transform:none}
.footer-legal__contacts{display:flex;flex-direction:column;gap:16px;padding-top:14px;font-style:normal;color:#68c5fa;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.footer-legal__contacts a{color:inherit}.footer-legal__contacts a[href^="tel:"]{font-weight:700}
.footer__inner{grid-template-columns:260px minmax(0,1fr);justify-items:start}
.footer__inner>.footer__block{display:none}.footer__inner>.footer__map{justify-self:end}
@media(max-width:850px){.footer-legal{grid-template-columns:1fr;gap:16px}.footer__inner{grid-template-columns:1fr}.footer__inner>.footer__map{justify-self:start;grid-column:auto}.footer-legal__contacts{padding-top:0}}

.category-card__collage[data-count="1"] img{transform:translate(-50%,-50%);left:50%;top:50%}

/* Compact header and structured compressor specifications. */
.topnav a:not(.topnav__turnkey){font-family:inherit;font-size:.96rem;font-weight:900;letter-spacing:.025em;text-shadow:none;color:inherit}
.topnav{min-width:0;flex-wrap:wrap;gap:4px 7px}
.topnav a.topnav__turnkey{width:190px;height:40px;border-radius:8px!important;background-image:url("assets/turnkey-compact.svg");background-size:contain;box-shadow:0 3px 9px #092a48;max-width:100%}
.topbar__inner{grid-template-columns:156px minmax(180px,260px) minmax(0,1fr) auto 48px;gap:14px}
.search{min-width:0}.search input{width:100%;box-sizing:border-box}
.product-summary--srmtec .product-summary__facts{grid-template-columns:minmax(0,1fr);gap:6px;overflow-x:auto}
.product-summary--srmtec .product-summary__facts>span{font-size:14px;line-height:1.4;white-space:nowrap}
.product-summary--srmtec .spec-value{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.product-summary--srmtec .product-summary__note{font-size:13px;line-height:1.4;margin:12px 0 0}
.srmtec-technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.srmtec-technical-grid figure{margin:0;min-width:0}.srmtec-technical-grid figcaption{font-weight:700;color:#126782;margin-bottom:10px}.srmtec-technical-grid img{width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.topbar__inner{grid-template-columns:136px minmax(180px,1fr) auto 48px}.topnav{grid-column:1/-1;justify-content:center}.topnav a.topnav__turnkey{width:190px;height:40px}}
@media(max-width:700px){.topbar__inner{grid-template-columns:110px minmax(0,1fr) auto;gap:10px}.topnav{grid-column:1/-1}.srmtec-technical-grid{grid-template-columns:1fr}.product-summary--srmtec .product-summary__facts>span{font-size:12px}}

@media(max-width:1100px){.topbar__inner{grid-template-columns:94px minmax(0,1fr) 46px;grid-template-areas:"brand search cart" "nav nav lang"}.brand{grid-area:brand}.search{grid-area:search}.cart-button{grid-area:cart}.lang-switch{grid-area:lang}.topnav{grid-area:nav;grid-column:auto;overflow:visible;justify-content:flex-start}.brand{width:86px;height:86px;margin-bottom:0}.brand img{width:86px}}
@media(max-width:700px){.topbar__inner{grid-template-columns:76px minmax(0,1fr) 40px}.brand{width:70px;height:70px}.brand img{width:70px}}
/* KRIOKUL / Green Frost: unified header, footer and editorial sections. */
.topbar{background:linear-gradient(to bottom,#f2f7fb 0,#f2f7fb calc(100% - 58px),#17384e calc(100% - 58px),#17384e 100%);color:#183448;border-bottom:2px solid #85bdd0;padding:0;position:relative}
.topbar::before{opacity:.07}.topbar__inner{display:grid;grid-template-columns:110px 190px minmax(220px,1fr) 190px 48px;grid-template-areas:none;gap:0 24px;min-height:0;padding-top:12px}
.topbar .brand{grid-area:auto;width:94px;height:94px;margin:0;justify-content:center}.topbar .brand img{width:94px;filter:drop-shadow(0 3px 5px #12334c28)}
.header-tagline{font-size:14px;font-weight:700;line-height:1.45;margin:0;max-width:190px;color:#446579}
.topbar .search{grid-area:auto;min-width:0}.topbar .search input{height:44px;min-width:0;width:100%;background:#fff;border:1px solid #a6c4d3;border-radius:24px;padding-left:44px;color:#17384e;box-sizing:border-box}.topbar .search::before{color:#638797}
.header-contact{display:flex;flex-direction:column;gap:6px;white-space:nowrap;font-size:14px;font-weight:700}.header-contact a{color:#17384e;text-decoration:none}
.topbar .cart-button{grid-area:auto;background:#e2edf3;color:#17384e;border:1px solid #c9dae3;box-shadow:none}.topbar .cart-button__count{background:#1d7592;color:white}
.header-navrow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin-top:10px;color:#f3faff}
.header-navrow .topnav{grid-area:auto;grid-column:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3px 12px;overflow:visible;min-width:0;padding:0;font-size:13px}
.header-navrow .topnav a:not(.topnav__turnkey){font-size:13px;letter-spacing:.015em;font-weight:700;color:#f3faff;text-transform:none;padding:10px 6px;text-shadow:none}
.header-navrow .topnav a.topnav__turnkey{width:185px;height:39px;background-size:contain;flex:0 0 185px;box-shadow:none}
.header-navrow .lang-switch{grid-area:auto;flex-shrink:0}.header-navrow .lang-switch button{color:#d5edf5;border-color:#82a7b6;background:transparent}.header-navrow .lang-switch button.is-active{background:#5b9db6;color:#fff}
.footer{background:#17384e;color:#c3d9e3;padding:0 0 32px;overflow:hidden;border-top:2px solid #85bdd0}.footer::before{opacity:.06}
.footer-nav{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#24485d;padding:22px 30px;margin-bottom:35px;border-radius:0 0 12px 12px}.footer-nav a{color:#edf7fb;text-decoration:none;font-size:14px;font-weight:600}.footer-nav a:hover{color:#92dcef}
.footer-content{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:90px;align-items:start}.footer-logos{display:flex;align-items:center;gap:24px;margin-bottom:18px}.footer-logos img{display:block;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 2px 5px #0003)}.footer-company h2{font-size:20px;line-height:1.3;font-weight:600;color:#b1d9eb;margin:0 0 18px}.footer-company p{font-size:14px;line-height:1.7;margin:0 0 12px;max-width:800px}.footer-company small{font-size:12px;color:#8fb5c7}.footer-contact{font-style:normal;display:flex;flex-direction:column;gap:14px;padding-top:24px}.footer-contact h3{font-size:20px;color:#b1d9eb;margin:0 0 6px}.footer-contact p{margin:0;font-size:16px}.footer-contact a{color:#c9e7f3;text-decoration:none;overflow-wrap:anywhere}.footer-contact a[href^="tel:"]{font-size:20px;font-weight:700}.footer-contact__link{margin-top:8px;border-bottom:1px solid #658c9f;padding-bottom:8px;align-self:flex-start}
#homeCompanyBlog{position:relative;margin-top:44px}.company-story{padding:36px 0 42px;border-top:1px solid #a9c3d1}.section-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:#39718b;display:block;margin-bottom:12px}.company-story h2{font-size:clamp(25px,2.6vw,39px);line-height:1.2;margin:0 0 30px;color:#17384e;max-width:1200px}.company-story__grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.6fr);gap:40px;align-items:center}.company-story__copy p{font-size:15px;line-height:1.75;color:#4a6575;margin:0 0 17px}.company-story__copy .company-story__lead{font-size:19px;font-weight:700;color:#17384e;line-height:1.5}.company-story__link{display:inline-block;color:#186784;font-weight:700;text-decoration:none;border-bottom:1px solid #83b5c6;padding-bottom:6px;margin-top:7px}.company-story__visual{position:relative;overflow:hidden;min-height:410px;height:100%;border-radius:14px;background:#384752;box-shadow:0 14px 40px #13344818}.company-story__photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.company-story__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#10283f25,transparent)}.company-story__logo{position:absolute;z-index:1;width:clamp(120px,16vw,230px);left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 24px #091e3870);border-radius:50%}
.home-blog{margin:28px 0 34px;padding:30px 28px 26px;background:linear-gradient(140deg,#fff,#e5f1f6);border:1px solid #bfd5df;border-radius:16px;box-shadow:0 18px 44px #143c5312}.home-blog__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.home-blog h2{font-size:clamp(28px,3vw,43px);letter-spacing:.035em;margin:0;color:#17384e}.blog-controls{display:flex;align-items:center;gap:10px}.blog-controls button{width:42px;height:42px;border:1px solid #9fbfce;border-radius:50%;background:#fff;color:#17475f;font-size:23px;cursor:pointer}.blog-controls button:hover{background:#17384e;color:white}.blog-controls a{color:#226682;font-size:13px;font-weight:700;text-decoration:none;margin-left:9px;white-space:nowrap}.blog-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,calc((100% - 54px)/4));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8aafc0 #e6f1f6;padding-bottom:14px}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d5e4eb;border-radius:12px;overflow:hidden;text-decoration:none;color:#17384e;scroll-snap-align:start;transition:box-shadow .2s,border-color .2s}.blog-card:hover{box-shadow:0 10px 26px #17384e20;border-color:#6999af}.blog-card__image{height:195px;display:flex;align-items:center;justify-content:center;background:#eaf2f6;padding:16px}.blog-card__image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.blog-card__body{padding:19px;display:flex;flex-direction:column;flex:1}.blog-card time{font-size:11px;color:#78919e}.blog-card h3{font-size:17px;line-height:1.4;margin:12px 0}.blog-card p{font-size:13px;color:#607b8b;line-height:1.65;margin:0 0 17px}.blog-card__body>span{margin-top:auto;font-size:12px;font-weight:700;color:#226c89;display:flex;justify-content:space-between}.home-recent{margin-top:25px}.home-recent .recent{margin-bottom:36px}
.blog-page{padding-top:35px;padding-bottom:35px}.blog-index-heading{margin-bottom:30px}.blog-index-heading h1{font-size:42px;color:#17384e;margin:8px 0}.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-breadcrumb{font-size:13px;color:#688899;margin-bottom:30px}.article-breadcrumb a{color:inherit;text-decoration:none}.article-content{max-width:1140px;margin:auto;background:#fff;border:1px solid #d2e2eb;border-radius:16px;overflow:hidden}.article-heading{padding:45px 55px 30px}.article-heading time{font-size:12px;color:#6a8797}.article-heading h1{font-size:clamp(27px,3.5vw,46px);color:#17384e;line-height:1.2;margin:16px 0}.article-heading>p{font-size:19px;line-height:1.6;color:#5d7a8b}.article-demo{display:inline-block;font-size:11px;color:#698493;border:1px solid #d2e2eb;border-radius:5px;padding:5px 9px}.article-hero{margin:0;background:#f0f6f9;padding:30px}.article-hero img{display:block;width:100%;height:340px;object-fit:contain}.article-hero figcaption{font-size:12px;color:#6c8795;text-align:center;margin-top:15px}.article-text{padding:18px 55px 45px;max-width:950px;margin:auto}.article-text section{margin-top:34px}.article-text h2{font-size:25px;line-height:1.3;color:#17384e;margin:0 0 16px}.article-text p{font-size:16px;color:#526f80;line-height:1.85;margin:0}.article-table-wrap{overflow-x:auto}.article-text table{border-collapse:collapse;width:100%;font-size:14px}.article-text th,.article-text td{border:1px solid #cfe0e9;padding:15px;text-align:left;line-height:1.55}.article-text thead{background:#17384e;color:#fff}.article-text tbody th{background:#eef6fa;color:#275b73;width:35%}.article-text video{display:block;width:100%;max-height:460px;background:#eef4f7;border-radius:10px}.article-text .article-caption{font-size:12px;line-height:1.5;margin-top:10px}.article-cta{background:#e9f4f8;border-left:4px solid #397d97;padding:25px;margin-top:34px}.article-cta a{display:inline-block;margin:18px 20px 0 0;color:#1d6885;font-weight:700}.article-more{margin:40px auto 0;max-width:1140px}.article-more h2{color:#17384e}
@media(max-width:1100px){.topbar__inner{grid-template-columns:100px minmax(180px,1fr) 180px 48px;gap:0 18px;grid-template-areas:none}.header-tagline{display:none}.header-navrow .topnav{grid-area:auto;grid-column:auto}.header-navrow .topnav a:not(.topnav__turnkey){font-size:12px}.footer-content{gap:40px}.company-story__grid{gap:25px;grid-template-columns:1fr 1.2fr}.company-story__visual{min-height:380px}.blog-track{grid-auto-columns:290px}.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{background:#f2f7fb}.topbar__inner{grid-template-columns:76px minmax(0,1fr) 44px;gap:8px 12px;padding-top:8px;grid-template-areas:none}.topbar .brand,.topbar .brand img{width:70px;height:70px}.header-contact{grid-column:2/4;grid-row:2;flex-direction:row;flex-wrap:wrap;font-size:11px;gap:8px}.topbar .cart-button{grid-column:3;grid-row:1}.header-navrow{margin:0 -10px;padding:10px;background:#17384e;align-items:flex-start;gap:5px}.header-navrow .topnav{gap:2px 5px}.header-navrow .topnav a:not(.topnav__turnkey){padding:7px 5px;font-size:11px}.header-navrow .topnav a.topnav__turnkey{width:155px;flex-basis:155px;height:33px}.header-navrow .lang-switch{display:flex;flex-direction:column;gap:5px}.footer-nav{padding:18px;justify-content:flex-start;gap:14px 25px}.footer-content{grid-template-columns:1fr;gap:20px}.footer-contact{padding-top:0}.footer-logos img{width:88px;height:88px}.company-story{padding-top:25px}.company-story__grid{grid-template-columns:1fr}.company-story__visual{min-height:290px}.company-story__copy p{font-size:14px}.home-blog{padding:20px 15px}.home-blog__heading{align-items:flex-start;flex-wrap:wrap}.blog-controls a{font-size:12px}.blog-track{grid-auto-columns:84%;gap:14px}.blog-card__image{height:180px}.blog-index-grid{grid-template-columns:1fr}.article-heading{padding:25px 20px}.article-text{padding:10px 20px 30px}.article-hero{padding:20px}.article-hero img{height:230px}.article-heading>p{font-size:16px}.article-text h2{font-size:22px}.article-text p{font-size:15px}.article-text th,.article-text td{padding:10px}.article-cta{padding:18px}.company-story__logo{width:145px}}
.header-navrow{background:#17384e}

/* Compact, entirely dark header and coordinated footer marks. */
.topbar{background:#17384e;color:#e9f6fb;border-bottom:1px solid #5e8b9f}.topbar::before{opacity:.045}
.topbar__inner{grid-template-columns:76px 170px minmax(200px,1fr) 182px 42px;gap:0 18px;padding-top:6px}
.topbar .brand,.topbar .brand img{width:64px;height:64px}.header-tagline{font-size:12px;line-height:1.4;color:#b7d3df}
.topbar .search input{height:37px;border-color:#668d9f;background:#102c3e;color:#f0f9fc}.topbar .search input::placeholder{color:#a9c6d5}.topbar .search::before{opacity:.8}
.header-contact{font-size:12px;gap:5px}.header-contact a{color:#e9f6fb}
.header-navrow{min-height:43px;margin-top:2px;gap:12px;border-top:1px solid #38576c}.header-navrow .topnav{gap:2px 10px}.header-navrow .topnav a:not(.topnav__turnkey){padding:7px 5px;font-size:12px}.header-navrow .topnav a.topnav__turnkey{width:165px;flex-basis:165px;height:35px}
.footer-contact>p{padding-top:12px;border-top:1px solid #45677a;line-height:1.5;color:#bbd7e3}
.footer-marks{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:0 0 22px;padding:14px 0;border-top:1px solid #45677a;border-bottom:1px solid #45677a;max-width:480px}
.footer-payment,.footer-social{display:flex;align-items:center;gap:10px}.payment-mark{height:45px;min-width:78px;padding:4px 10px;border:1px solid #577889;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ecf3f7}.payment-mark--visa{color:#1d4a83;font-family:Arial,sans-serif;font-size:27px;font-weight:900;font-style:italic;letter-spacing:-1px}.payment-mark--mastercard{flex-direction:column;gap:0;padding:2px 10px}.payment-mark--mastercard svg{width:51px;height:30px}.payment-mark--mastercard small{font-size:8px;line-height:1;color:#254a60}
.social-mark{display:grid;place-items:center;width:37px;height:37px;color:#b3d9e8;border:1px solid #668b9e;border-radius:9px;background:#24495d}.social-mark svg{width:24px;height:24px}
@media(max-width:1100px){.topbar__inner{grid-template-columns:76px minmax(180px,1fr) 170px 42px;gap:0 14px}.header-tagline{display:none}}
@media(max-width:700px){.topbar{background:#17384e}.topbar__inner{grid-template-columns:60px minmax(0,1fr) 40px;gap:5px 9px;padding-top:5px}.topbar .brand,.topbar .brand img{width:55px;height:55px}.header-contact{font-size:10px;gap:9px}.header-navrow{margin:0;min-height:38px;padding:5px 0}.header-navrow .topnav a:not(.topnav__turnkey){font-size:10px;padding:5px 4px}.header-navrow .topnav a.topnav__turnkey{width:145px;flex-basis:145px;height:31px}.footer-marks{gap:18px}.footer-payment,.footer-social{gap:8px}.payment-mark{min-width:70px}}

/* Reference layout: upper links, lower search/action row, four footer columns. */
.topbar--reference{background:#17384e;color:#ecf7fc;padding:0;border-bottom:1px solid #6d98ac}
.topbar--reference .topbar__inner{display:grid;grid-template-columns:240px minmax(0,1fr) auto;grid-template-areas:none;gap:6px 22px;padding-top:7px;padding-bottom:12px}
.topbar--reference .brand{grid-area:auto;grid-column:1;display:flex;justify-content:flex-start;gap:12px;width:240px;height:57px;margin:0;text-decoration:none;color:#eef9ff}
.topbar--reference .brand img{width:57px;height:57px}.topbar--reference .brand>span{font-size:29px;font-weight:900;letter-spacing:.035em;line-height:1.05}.topbar--reference .brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.25em;color:#a8c9da;margin-top:6px}
.topbar--reference .header-toplinks{grid-area:auto;grid-column:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 22px;min-width:0;overflow:visible}
.topbar--reference .header-toplinks a{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;padding:8px 0;color:#deedf5;text-shadow:none}
.header-actions{display:flex;align-items:center;gap:18px}.topbar--reference .lang-switch{grid-area:auto}.topbar--reference .lang-switch button{color:#d7eaf4;background:transparent;border-color:#7194a5}.topbar--reference .lang-switch button.is-active{background:#427b95}
.topbar--reference .cart-button{grid-area:auto;grid-column:auto;grid-row:auto;width:40px;height:40px}
.header-searchrow{grid-column:1/-1;display:grid;grid-template-columns:240px minmax(200px,1fr) 215px;gap:22px;align-items:center}
.header-install{display:flex;align-items:center;justify-content:center;gap:13px;min-height:43px;padding:0 14px;border:1px solid #8fbdcf;border-radius:7px;background:#34586c;color:#eefaff;text-decoration:none;font-size:15px;font-weight:700;white-space:nowrap;transition:background .2s}
.header-install:hover{background:#426c82}.header-install svg{width:25px;height:25px;flex-shrink:0}
.topbar--reference .search{grid-area:auto;grid-column:auto;width:100%}.topbar--reference .search input{height:43px;border-radius:7px;background:#eef5f8;color:#17384e;border:1px solid #a6c6d5;padding-left:44px}.topbar--reference .search input::placeholder{color:#7b96a5}.topbar--reference .search::before{opacity:.65}
.topbar--reference .header-contact{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;font-size:13px;gap:5px}.topbar--reference .header-contact a{color:#eaf7fd}
.footer--reference{background:#142f42;color:#bfd4df;padding:38px 0 20px;border-top:1px solid #587e91}.footer--reference::before{opacity:.035}
.footer-reference-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1.15fr) minmax(180px,.7fr) 140px;gap:32px;align-items:start}
.footer-reference-company .footer-logos{gap:18px;margin:0 0 20px}.footer-reference-company .footer-logos img{width:83px;height:83px}.footer-reference-company>p{font-size:14px;line-height:1.75;color:#c4d9e5;margin:0 0 18px}
.footer-reference-company .footer-marks{gap:15px;max-width:none;margin-bottom:0;border:0;padding:4px 0;flex-direction:column;align-items:flex-start}.footer-reference-company .footer-social{order:-1}.footer-reference-company .social-mark{border-radius:50%;background:transparent;border-color:#789aaa}.footer-reference-company .payment-mark{height:35px;min-width:65px}.footer-reference-company .payment-mark--visa{font-size:23px}.footer-reference-company .payment-mark--mastercard svg{height:23px}
.footer-reference-contact{font-style:normal;padding:20px;background:#102838;border-radius:10px;display:flex;flex-direction:column;gap:18px}.footer-reference-grid h3{font-size:15px;font-weight:700;letter-spacing:.025em;color:#edf7fd;margin:0 0 9px}.footer-reference-grid h3::after{content:"";display:block;width:35px;height:3px;background:#75bed7;margin-top:12px}.footer-reference-contact a{color:#c7e1ec;font-size:14px;text-decoration:none;overflow-wrap:anywhere;line-height:1.5}.footer-reference-contact span{color:#f1faff;font-size:19px;margin-right:6px}.footer-reference-contact p{font-size:14px;line-height:1.6;margin:0;color:#b3cedc}
.footer-reference-info{padding-top:20px;display:flex;flex-direction:column;gap:13px}.footer-reference-info a{font-size:13px;line-height:1.5;color:#d8e9f2;text-decoration:none}.footer-reference-info a:hover{color:#88d5ed}
.footer-reference-emblem{padding-top:35px;align-self:center}.footer-reference-emblem img{width:140px;max-height:210px;object-fit:contain;filter:drop-shadow(0 0 11px #2cbedc50)}
.footer-reference-bottom{position:relative;margin-top:30px;padding-top:18px;border-top:1px solid #476678;color:#8fabbc;font-size:11px;line-height:1.7}.footer-reference-bottom p{margin:0 0 6px}.footer-reference-bottom>div{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}.footer-reference-bottom a{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #668da1;border-radius:50%;font-size:23px;color:#d1eaf6;text-decoration:none}
@media(max-width:1100px){.topbar--reference .topbar__inner{grid-template-columns:215px minmax(0,1fr) auto;gap:7px 15px}.topbar--reference .brand{width:215px}.topbar--reference .brand>span{font-size:25px}.topbar--reference .header-toplinks{gap:3px 15px}.topbar--reference .header-toplinks a{font-size:12px}.header-searchrow{grid-template-columns:215px minmax(170px,1fr) 190px;gap:15px}.topbar--reference .header-contact{font-size:11px}.footer-reference-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-reference-emblem{justify-self:end;padding-top:10px}}
@media(max-width:700px){.topbar--reference .topbar__inner{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:10px}.topbar--reference .brand{grid-column:1;width:auto;height:48px;gap:9px}.topbar--reference .brand img{width:48px;height:48px}.topbar--reference .brand>span{font-size:23px}.topbar--reference .header-actions{grid-column:2;grid-row:1;gap:10px}.topbar--reference .header-toplinks{grid-column:1/-1;grid-row:2;gap:2px 15px}.topbar--reference .header-toplinks a{font-size:11px;padding:4px 0}.header-searchrow{grid-template-columns:145px minmax(0,1fr);gap:8px;grid-row:3}.header-install{min-height:39px;gap:6px;font-size:11px;padding:0 7px}.header-install svg{width:19px;height:19px}.topbar--reference .search input{height:39px;font-size:12px;padding-left:32px}.topbar--reference .header-contact{grid-column:1/-1;flex-direction:row;gap:12px;flex-wrap:wrap;font-size:10px}.footer-reference-grid{grid-template-columns:1fr;gap:25px}.footer-reference-info{padding-top:0}.footer-reference-emblem{justify-self:end;position:relative;width:100px;margin-top:-135px;pointer-events:none}.footer-reference-emblem img{width:100px;max-height:150px}.footer-reference-info{padding-right:115px}.footer-reference-company .footer-marks{flex-direction:row;align-items:center;flex-wrap:wrap}.footer-reference-contact{padding:18px}}

@media(max-width:700px){.footer-reference-grid{grid-template-columns:minmax(0,1fr) 100px}.footer-reference-company,.footer-reference-contact{grid-column:1/-1}.footer-reference-info{grid-column:1;padding-right:0}.footer-reference-emblem{grid-column:2;justify-self:end;margin-top:0;padding-top:0;align-self:center}}

/* Original one-row header, lower height and supplied artwork. */
.topbar--classic{background:#071e3f;color:#e4f1fb;border-bottom:1px solid #4d7b9f;padding:0}.topbar--classic::before{opacity:.16}
.topbar--classic .topbar__inner{grid-template-columns:96px minmax(180px,270px) minmax(0,1fr) 82px 44px;grid-template-areas:none;gap:16px;min-height:88px;padding:4px 0}
.topbar--classic .brand{grid-area:auto;width:90px;height:82px;display:flex;justify-content:center;margin:0}.topbar--classic .brand img{width:85px;height:85px;filter:drop-shadow(0 3px 8px #0004)}
.topbar--classic .search{grid-area:auto;min-width:0}.topbar--classic .search input{height:40px;background:#edf3f8;border:1px solid #8eabc0;border-radius:10px;color:#173448;padding-left:40px}.topbar--classic .search input::placeholder{color:#688294}
.topbar--classic .topnav{grid-area:auto;grid-column:auto;justify-content:flex-start;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0;overflow:visible}
.topbar--classic .topnav a:not(.topnav__turnkey){font-size:15px;font-weight:900;letter-spacing:.01em;text-transform:uppercase;color:#dcecf9;padding:11px 7px;border-radius:8px;text-shadow:0 1px 2px #0004;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.topbar--classic .topnav a:not(.topnav__turnkey):hover,.topbar--classic .topnav a:not(.topnav__turnkey):focus-visible{color:#fff;background:#2784a54d;box-shadow:0 0 0 1px #7fddff80,inset 0 0 16px #63cafc35,0 0 22px #68d9fc40;text-shadow:0 0 7px #fff9,0 0 17px #7bdeff;transform:translateY(-1px);outline:none}
.topbar--classic .topnav a.topnav__turnkey{display:flex;align-items:center;justify-content:center;flex:0 0 240px;width:240px;height:56px;max-width:none;min-height:0;background:none;border:0;border-radius:0!important;padding:0!important;box-shadow:none;font-size:0;overflow:visible;transition:filter .25s,transform .25s}
.topbar--classic .topnav__turnkey img{display:block;width:100%;height:100%;object-fit:contain}.topbar--classic .topnav__turnkey:hover,.topbar--classic .topnav__turnkey:focus-visible{filter:drop-shadow(0 0 7px #efbd5090);transform:translateY(-1px);outline:1px solid #edc867;outline-offset:3px}.topbar--classic .topnav__turnkey::before,.topbar--classic .topnav__turnkey::after{display:none}
.topbar--classic .lang-switch{grid-area:auto;display:flex;border:1px solid #608fa9;border-radius:24px;gap:0;padding:3px;background:#244b65}.topbar--classic .lang-switch button{font-weight:900;font-size:12px;padding:7px;border:0;border-radius:20px;color:#cfe9f7;background:transparent}.topbar--classic .lang-switch button.is-active{color:#12354c;background:#c9f3ff;box-shadow:0 0 12px #a2ecfc70}
.topbar--classic .cart-button{grid-area:auto;grid-row:auto;grid-column:auto;width:44px;height:40px;background:#eff5f8;border-radius:7px}
@media(max-width:1400px){.topbar--classic .topbar__inner{grid-template-columns:84px minmax(170px,220px) minmax(0,1fr) 78px 42px;gap:10px}.topbar--classic .topnav a.topnav__turnkey{width:215px;flex-basis:215px;height:51px}.topbar--classic .topnav a:not(.topnav__turnkey){font-size:14px;padding:10px 5px}.topbar--classic .topnav{gap:5px}}
@media(max-width:1180px){.topbar--classic .topbar__inner{grid-template-columns:80px minmax(0,1fr) 78px 42px;gap:8px 14px;min-height:0;padding:6px 0}.topbar--classic .brand{width:76px;height:66px}.topbar--classic .brand img{width:68px;height:68px}.topbar--classic .topnav{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;gap:4px 10px}.topbar--classic .topnav a.topnav__turnkey{width:220px;flex-basis:220px;height:47px}.topbar--classic .lang-switch{grid-column:3;grid-row:1}.topbar--classic .cart-button{grid-column:4;grid-row:1}}
@media(max-width:700px){.topbar--classic .topbar__inner{grid-template-columns:58px minmax(0,1fr) 68px 35px;gap:5px 7px;padding:5px 0}.topbar--classic .brand{width:58px;height:57px}.topbar--classic .brand img{width:58px;height:58px}.topbar--classic .search input{height:36px;padding-left:30px;font-size:12px}.topbar--classic .lang-switch button{padding:5px;font-size:10px}.topbar--classic .cart-button{width:34px;height:34px}.topbar--classic .topnav{gap:2px 5px}.topbar--classic .topnav a.topnav__turnkey{width:205px;flex-basis:205px;height:45px}.topbar--classic .topnav a:not(.topnav__turnkey){font-size:12px;padding:8px 6px}}

.topbar--classic .topnav a.topnav__turnkey{position:relative;overflow:hidden}.topbar--classic .topnav__turnkey img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);object-fit:contain}

/* Restore the original header and ice background from the supplied screenshot. */
.topbar--legacy{
  background: var(--navy);
  min-height: 106px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 30;
  box-shadow: 0 5px 18px rgba(1, 11, 28, 0.2);
  overflow: visible;
}
.topbar--legacy::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/optimized/header-ice.png.webp") center / cover repeat-x;
  opacity: .78;
  pointer-events: none;
}
.topbar--legacy .topbar__inner{
  position: relative;
  display: grid;
  grid-template-columns: 156px minmax(260px, 340px) minmax(440px, 1fr) auto 48px;
  align-items: center;
  gap: 20px;
  min-height: 106px;
}
.topbar--legacy .brand{ width: 136px; height: 112px; display: flex; align-items: center; position: relative; z-index: 2; margin-bottom: -24px; }
.topbar--legacy .brand img{ width: 136px; max-width: none; border-radius: 50%; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .42)) drop-shadow(0 0 11px rgba(119, 224, 241, .34)); }
.topbar--legacy .search{ position: relative; display: block; }
.topbar--legacy .search::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background: url("assets/search-icon.svg") center / contain no-repeat;
  opacity: .76;
  pointer-events: none;
  z-index: 1;
}
.topbar--legacy .search input{
  width: 100%; border: 0; border-radius: 9px; background: rgba(255,255,255,.93); height: 38px; padding: 0 16px 0 44px; color: #1b2b42; outline: 2px solid transparent; transition: outline-color .2s ease, box-shadow .2s ease;
}
.topbar--legacy .search input:focus{ outline-color: #86dbe7; box-shadow: 0 0 0 4px rgba(134, 219, 231, .18); }
.topbar--legacy .topnav{ display: flex; align-items: center; justify-content: flex-end; gap: 13px; color: #e6f4fa; font-weight: 900; font-size: .96rem; text-transform: uppercase; letter-spacing: .025em; }
.topbar--legacy .topnav a{ position: relative; opacity: .94; transition: color .25s ease, opacity .25s ease, transform .25s ease, text-shadow .25s ease; white-space: nowrap; padding: 10px 8px; border-radius: 9px; }
.topbar--legacy .topnav a::before{ content: ""; position: absolute; inset: 5px 0; border-radius: 999px; background: linear-gradient(90deg, rgba(127,235,255,0), rgba(127,235,255,.26), rgba(255,255,255,.16), rgba(127,235,255,0)); opacity: 0; transform: scaleX(.45); transition: opacity .25s ease, transform .35s ease; z-index: -1; }
.topbar--legacy .topnav a:hover{ color: #ffffff; opacity: 1; transform: translateY(-1px); text-shadow: 0 0 10px rgba(126, 229, 255, .95), 0 0 22px rgba(97, 183, 255, .42); }
.topbar--legacy .topnav a:hover::before{ opacity: 1; transform: scaleX(1); animation: navGlow 1.6s linear infinite; }
.topbar--legacy .topnav a.topnav__turnkey{
  color: #ffffff;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 58px 13px 62px !important;
  border-radius: 15px !important;
  background-image:
    url("assets/tool-wrench.png"),
    url("assets/tool-ruler.png"),
    url("assets/tool-blueprint.png"),
    url("assets/tool-hardhat.png"),
    linear-gradient(135deg, rgba(126,229,255,.28), rgba(255,255,255,.11), rgba(18,111,145,.32));
  background-repeat: no-repeat;
  background-size: 30px 30px, 28px 28px, 32px 32px, 28px 28px, auto;
  background-position: 17px center, calc(100% - 18px) center, 42px 3px, calc(100% - 44px) 4px, center;
  box-shadow: inset 0 0 0 1px rgba(157,235,245,.42), 0 13px 28px rgba(4, 18, 42, .22), 0 0 24px rgba(68, 196, 224, .22);
  isolation: isolate;
  transform-origin: center;
}
.topbar--legacy .topnav a.topnav__turnkey:hover{
  box-shadow: inset 0 0 0 1px rgba(207,250,255,.72), 0 17px 34px rgba(4, 18, 42, .3), 0 0 30px rgba(100, 221, 246, .34);
}
.topbar--legacy .topnav a.topnav__turnkey::after{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #8eefff, transparent);
  opacity: .9;
}
.topbar--legacy .lang-switch{ display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(111,215,229,.22)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); transition: background .35s ease, box-shadow .35s ease; }
.topbar--legacy .lang-switch:hover{ background: linear-gradient(135deg, rgba(117,232,255,.26), rgba(255,255,255,.12)); box-shadow: inset 0 0 0 1px rgba(157,235,245,.34), 0 0 20px rgba(100, 206, 230, .2); }
.topbar--legacy .lang-switch button{ border: 0; border-radius: 999px; min-width: 39px; height: 33px; background: transparent; color: #dcecf5; font-size: .82rem; font-weight: 900; transition: background .35s ease, color .35s ease, box-shadow .35s ease, transform .22s ease; }
.topbar--legacy .lang-switch button:hover{ transform: translateY(-1px); }
.topbar--legacy .lang-switch button.is-active{ background: linear-gradient(135deg, #ffffff, #9debf5, #ffffff); color: var(--navy); box-shadow: 0 0 16px rgba(157, 235, 245, .42); }
.topbar--legacy .cart-button{ justify-self: end; width: 40px; height: 40px; border: 0; border-radius: 5px; background: #f5f5f5; position: relative; display: grid; place-items: center; }

.topbar--legacy{padding:0;border-bottom:0;color:#e6f4fa}.topbar--legacy .topbar__inner{padding:0;grid-template-areas:none}
.topbar--legacy .brand{grid-area:auto;height:112px;justify-content:flex-start}.topbar--legacy .brand img{height:auto}
.topbar--legacy .search{grid-area:auto;min-width:0}.topbar--legacy .search input{min-width:0;box-sizing:border-box;font-size:inherit}.topbar--legacy .search input::placeholder{color:#777}
.topbar--legacy .topnav{grid-area:auto;grid-column:auto;flex-wrap:nowrap;overflow:visible;min-width:0;padding:0}
.topbar--legacy .topnav a:not(.topnav__turnkey){font-family:inherit;font-weight:900;font-size:.96rem;letter-spacing:.025em;color:#e6f4fa;text-shadow:none;background:transparent;box-shadow:none;line-height:normal}
.topbar--legacy .topnav a:not(.topnav__turnkey):hover{color:white;text-shadow:0 0 10px rgba(126,229,255,.95),0 0 22px rgba(97,183,255,.42)}
.topbar--legacy .topnav a.topnav__turnkey{width:auto;height:auto;max-width:none;flex:0 0 auto;font-size:.96rem;line-height:normal;overflow:visible;font-weight:900;letter-spacing:.025em}
.topbar--legacy .topnav a.topnav__turnkey::before{display:block}.topbar--legacy .topnav a.topnav__turnkey::after{display:block}
.topbar--legacy .lang-switch{grid-area:auto;flex-direction:row}.topbar--legacy .cart-button{grid-area:auto;grid-row:auto;grid-column:auto}
@media(max-width:1400px){.topbar--legacy .topbar__inner{grid-template-columns:126px minmax(200px,1fr) minmax(0,1.8fr) auto 46px;gap:14px}.topbar--legacy .brand,.topbar--legacy .brand img{width:112px}.topbar--legacy .topnav{gap:7px}.topbar--legacy .topnav a:not(.topnav__turnkey){font-size:.85rem;padding:10px 5px}.topbar--legacy .topnav a.topnav__turnkey{font-size:.85rem;padding:12px 37px 12px 45px!important}}
@media(max-width:1100px){.topbar--legacy{position:static}.topbar--legacy .topbar__inner{grid-template-columns:94px minmax(0,1fr) 46px;grid-template-areas:"brand search cart" "nav nav lang";gap:10px;padding:8px 0;min-height:0}.topbar--legacy .brand{grid-area:brand;width:86px;height:86px;margin-bottom:0}.topbar--legacy .brand img{width:86px}.topbar--legacy .search{grid-area:search}.topbar--legacy .topnav{grid-area:nav;justify-content:flex-start;flex-wrap:wrap;gap:5px}.topbar--legacy .lang-switch{grid-area:lang;justify-self:end;flex-direction:column}.topbar--legacy .cart-button{grid-area:cart}.topbar--legacy .topnav a.topnav__turnkey{font-size:12px}}
@media(max-width:700px){.topbar--legacy .topbar__inner{grid-template-columns:76px minmax(0,1fr) 40px}.topbar--legacy .brand{width:70px;height:70px}.topbar--legacy .brand img{width:70px}.topbar--legacy .topnav a:not(.topnav__turnkey){font-size:11px}.topbar--legacy .topnav a.topnav__turnkey{font-size:11px;padding:10px 35px 10px 44px!important}}

/* Supplied cutout centered in its own column between search and navigation. */
.topbar--legacy .topbar__inner{grid-template-columns:156px minmax(220px,300px) 280px minmax(0,1fr) auto 48px;gap:18px}
.header-turnkey-image{display:flex;align-items:center;justify-content:center;width:280px;height:86px;position:relative;text-decoration:none;transition:filter .2s,transform .2s}
.header-turnkey-image img{display:block;width:100%;height:100%;object-fit:contain}.header-turnkey-image:hover{filter:drop-shadow(0 0 8px #63c8fa80);transform:translateY(-1px)}.header-turnkey-image:focus-visible{outline:2px solid #89d7f8;outline-offset:3px;border-radius:12px}
@media(max-width:1400px){.topbar--legacy .topbar__inner{grid-template-columns:126px minmax(180px,220px) 245px minmax(0,1fr) auto 46px;gap:12px}.header-turnkey-image{width:245px;height:78px}.topbar--legacy .topnav{gap:5px}}
@media(max-width:1100px){.topbar--legacy .topbar__inner{grid-template-columns:94px minmax(0,1fr) 46px;grid-template-areas:"brand search cart" "install install install" "nav nav lang";gap:8px 10px}.header-turnkey-image{grid-area:install;justify-self:center;width:280px;height:82px}}
@media(max-width:700px){.topbar--legacy .topbar__inner{grid-template-columns:76px minmax(0,1fr) 40px}.header-turnkey-image{width:260px;height:76px}}

.topbar--legacy .topnav{justify-content:flex-start}

/* Compact category introductions in the store's cold blue palette. */
.subcategory-hero{min-height:0;padding:28px 32px;border-radius:14px;border:1px solid #88b7ca;background:linear-gradient(125deg,#102f49,#24536c);box-shadow:0 10px 28px #17384e14;gap:0}
.subcategory-hero::after{width:240px;height:200px;opacity:.12;right:-35px;bottom:-55px}
.subcategory-hero>p{font-size:10px;letter-spacing:.18em;color:#a8d9ea;margin-bottom:12px}
.subcategory-hero h1{font-size:clamp(25px,2.8vw,39px);line-height:1.2;max-width:900px;margin-bottom:14px;font-weight:900}
.subcategory-hero>span{font-size:14px;line-height:1.7;max-width:850px;color:#d5e9f3}
@media(max-width:700px){.subcategory-hero{padding:22px 20px}.subcategory-hero h1{font-size:25px}.subcategory-hero>span{font-size:13px}}

/* Owner-supplied banners, shown completely without overlaid template text. */
body[data-page="home"] .home-hero--real.hero-slider{min-height:0;aspect-ratio:auto;height:auto;padding:0 0 42px;background:#092239;border-radius:14px;isolation:isolate}
.home-hero--real::before{content:"";display:block;width:100%;height:auto;aspect-ratio:1983/793;position:static;background:none}
body[data-page="home"] .home-hero--real .hero-slide--banner{inset:0 0 42px;display:block;grid-template-columns:none;gap:0;padding:0;background:#071826;text-decoration:none;overflow:hidden}
body[data-page="home"] .home-hero--real .hero-slide--banner img{display:block;position:static;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none;filter:none;margin:0}
body[data-page="home"] .home-hero--real .hero-arrow{top:auto;bottom:5px;width:36px;height:32px;transform:none;border-radius:8px;background:#153f5b;box-shadow:none;border:1px solid #5988a2;backdrop-filter:none}
body[data-page="home"] .home-hero--real .hero-arrow span{font-size:25px;line-height:1;height:auto}
body[data-page="home"] .home-hero--real .hero-arrow--prev{left:calc(50% - 110px)}
body[data-page="home"] .home-hero--real .hero-arrow--next{right:calc(50% - 110px)}
body[data-page="home"] .home-hero--real .hero-dots{left:50%;bottom:15px;transform:translateX(-50%);gap:10px}
.home-hero--real .hero-slide--banner:focus-visible{outline:3px solid #a6e5ff;outline-offset:-3px}
@media(max-width:700px){body[data-page="home"] .home-hero--real.hero-slider{min-height:0;border-radius:10px}}