/* =====================================================================
   ZippKart Homepage — Phase 6 professional storefront
   Scoped to .homepage-v6 so no product, checkout or admin page changes.
   ===================================================================== */

.homepage-v6 {
  --home-navy: #0e1e38;
  --home-navy-2: #142d52;
  --home-blue: #1e6feb;
  --home-blue-dark: #0f4fb8;
  --home-sky: #eaf3ff;
  --home-ink: #12233d;
  --home-muted: #60718a;
  --home-line: #e1e8f1;
  --home-soft: #f5f8fc;
  --home-surface: #fff;
  color: var(--home-ink);
  background: #f6f8fb;
  overflow: clip;
}
.homepage-v6 * { box-sizing: border-box; }
.homepage-v6 .container { width: min(100%, 1280px); }

/* ------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------ */
.homepage-v6 .hx-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 78% 24%, rgba(84,151,255,.25), transparent 28%),
    linear-gradient(118deg, #0b1a31 0%, #102b50 56%, #174b98 100%);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.homepage-v6 .hx-hero::before,
.homepage-v6 .hx-hero::after { pointer-events: none; }
.homepage-v6 .hx-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .15;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}
.homepage-v6 .hx-hero::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -170px;
  bottom: -330px;
  border-radius: 50%;
  border: 80px solid rgba(255,255,255,.055);
}
.homepage-v6 .hx-hero .container { position: relative; z-index: 2; }
.homepage-v6 .hx-slides { position: relative; }
.homepage-v6 .hx-slide {
  display: none;
  grid-template-columns: minmax(0, 1.1fr) minmax(310px, .9fr);
  align-items: center;
  gap: clamp(34px, 5vw, 78px);
  min-height: 500px;
  padding: clamp(46px, 6vw, 76px) 0;
}
.homepage-v6 .hx-slide.is-on { display: grid; }
.homepage-v6 .hx-slides--track { overflow: hidden; touch-action: pan-y; }
.homepage-v6 .hx-track {
  display: flex;
  align-items: stretch;
  transition: transform .55s cubic-bezier(.22,.8,.3,1);
  will-change: transform;
}
.homepage-v6 .hx-track.no-anim { transition: none; }
.homepage-v6 .hx-slides--track .hx-slide {
  display: grid;
  flex: 0 0 100%;
  min-width: 0;
}
.homepage-v6 .hx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: #86b8ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.4;
  text-transform: uppercase;
}
.homepage-v6 .hx-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 99px;
  background: #4d92f3;
}
.homepage-v6 .hx-hero h1 {
  max-width: 760px;
  margin: 17px 0 16px;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(38px, 4.7vw, 66px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.02;
}
.homepage-v6 .hx-hero h1 em {
  color: #6da9ff;
  font-style: normal;
}
.homepage-v6 .hx-lead {
  max-width: 620px;
  margin: 0;
  color: rgba(235,243,255,.76);
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.7;
}
.homepage-v6 .hx-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 27px;
}
.homepage-v6 .hx-btn-gold,
.homepage-v6 .hx-btn-line {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  transition: transform .17s ease, box-shadow .17s ease,
              border-color .17s ease, background .17s ease;
}
.homepage-v6 .hx-btn-gold {
  color: #fff;
  background: linear-gradient(135deg, #2b7af0, #145fcf);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 12px 26px rgba(4,34,82,.28);
}
.homepage-v6 .hx-btn-gold:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(4,34,82,.36);
}
.homepage-v6 .hx-btn-line {
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.055);
}
.homepage-v6 .hx-btn-line:hover {
  color: #fff;
  border-color: rgba(255,255,255,.58);
  background: rgba(255,255,255,.11);
}
.homepage-v6 .hx-ticker {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 30px;
}
.homepage-v6 .hx-ticker span {
  color: rgba(228,238,252,.66);
  font-size: 12px;
  line-height: 1.35;
}
.homepage-v6 .hx-ticker b {
  display: block;
  color: #fff;
  font-family: var(--font-display);
  font-size: 17px;
  letter-spacing: -.02em;
}

.homepage-v6 .hx-hero-card {
  position: relative;
  width: min(100%, 390px);
  min-height: 408px;
  margin-left: auto;
  padding: 25px 25px 23px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 26px;
  background: rgba(255,255,255,.09);
  box-shadow: 0 28px 65px rgba(1,15,38,.34);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.homepage-v6 .hx-hero-card::before {
  content: "Featured";
  position: absolute;
  top: 15px;
  left: 16px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #dcecff;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.13);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.homepage-v6 .hx-hero-card img {
  display: block;
  width: min(100%, 235px);
  height: 225px;
  margin: 8px auto 13px;
  object-fit: contain;
  object-position: center;
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  filter: drop-shadow(0 18px 25px rgba(0,0,0,.26));
  animation: none;
}
.homepage-v6 .hx-brand {
  color: #78adfb;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.homepage-v6 .hx-hero-card h3 {
  max-width: 320px;
  margin: 6px 0 12px;
  color: #fff;
  font-size: clamp(17px, 1.8vw, 22px);
  line-height: 1.25;
}
.homepage-v6 .hx-specs {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 7px;
  margin: 0 0 12px;
}
.homepage-v6 .hx-specs div {
  min-width: 0;
  padding: 8px 4px;
  border-radius: 10px;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.08);
}
.homepage-v6 .hx-specs b {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-v6 .hx-specs small {
  display: block;
  margin-top: 2px;
  color: rgba(230,239,252,.58);
  font-size: 9px;
}
.homepage-v6 .hx-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 7px;
  margin: 0 0 12px;
}
.homepage-v6 .hx-price .now {
  color: #fff;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
}
.homepage-v6 .hx-price .was {
  color: rgba(255,255,255,.48);
  font-size: 12px;
  text-decoration: line-through;
}
.homepage-v6 .hx-off {
  padding: 3px 7px;
  color: #d9e9ff;
  background: rgba(30,111,235,.24);
  border: 1px solid rgba(112,171,255,.3);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}
.homepage-v6 .hx-stock {
  margin: -4px 0 12px;
  font-size: 11px;
  font-weight: 650;
}
.homepage-v6 .hx-stock.ok { color: #8de5b8; }
.homepage-v6 .hx-stock.low { color: #ffd17c; }
.homepage-v6 .hx-stock.out { color: #ffaca5; }
.homepage-v6 .hx-hero-card > .hx-btn-gold { width: 100%; }

.homepage-v6 .hx-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.homepage-v6 .hx-arrow:hover { background: rgba(255,255,255,.17); }
.homepage-v6 .hx-arrow--prev { left: -3px; }
.homepage-v6 .hx-arrow--next { right: -3px; }
.homepage-v6 .hx-dots {
  min-height: 26px;
  display: flex;
  justify-content: center;
  gap: 7px;
  padding-bottom: 22px;
}
.homepage-v6 .hx-dot {
  width: 24px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
}
.homepage-v6 .hx-dot.is-on { background: #69a6ff; }
@media (min-width: 900px) {
  .homepage-v6 .hx-arrow:not([hidden]) { display: flex; }
}

/* ------------------------------------------------------------------
   TRUST BAR
   ------------------------------------------------------------------ */
.homepage-v6 .home-trust-wrap {
  position: relative;
  z-index: 4;
  margin-top: -1px;
  background: #fff;
  border-bottom: 1px solid var(--home-line);
}
.homepage-v6 .home-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.homepage-v6 .home-trust-item {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 20px;
  border-right: 1px solid var(--home-line);
}
.homepage-v6 .home-trust-item:last-child { border-right: 0; }
.homepage-v6 .home-trust-icon {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: grid;
  place-items: center;
  color: var(--home-blue);
  background: var(--home-sky);
  border-radius: 12px;
}
.homepage-v6 .home-trust-item b {
  display: block;
  color: var(--home-ink);
  font-size: 13px;
  line-height: 1.25;
}
.homepage-v6 .home-trust-item small {
  display: block;
  margin-top: 3px;
  color: var(--home-muted);
  font-size: 11.5px;
  line-height: 1.35;
}

/* ------------------------------------------------------------------
   SECTION SYSTEM
   ------------------------------------------------------------------ */
.homepage-v6 .hx-sec {
  padding: clamp(42px, 6vw, 74px) 0 0;
}
.homepage-v6 .hx-sec:last-of-type { padding-bottom: clamp(38px, 5vw, 64px); }
.homepage-v6 .hx-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}
.homepage-v6 .hx-kicker {
  display: block;
  color: var(--home-blue-dark);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.homepage-v6 .hx-head h2 {
  margin: 5px 0 0;
  padding: 0;
  color: var(--home-ink);
  font-family: var(--font-display);
  font-size: clamp(24px, 2.6vw, 34px);
  letter-spacing: -.035em;
  line-height: 1.1;
}
.homepage-v6 .hx-head h2::after { display: none; }
.homepage-v6 .hx-view {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  color: var(--home-ink);
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: 11px;
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(14,30,56,.025);
}
.homepage-v6 .hx-view:hover {
  color: var(--home-blue-dark);
  border-color: #bcd4f6;
  background: #f8fbff;
}
.homepage-v6 .hx-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .45s ease, transform .45s ease;
}
.homepage-v6 .hx-reveal.is-in { opacity: 1; transform: none; }

/* Category cards */
.homepage-v6 .catsv2 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 13px;
}
.homepage-v6 .catv2 {
  min-height: 154px;
  padding: 17px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(14,30,56,.085);
  isolation: isolate;
}
.homepage-v6 .catv2::before {
  background: linear-gradient(180deg, rgba(255,255,255,.18), transparent 44%);
}
.homepage-v6 .catv2::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  top: -46px;
  right: -42px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  z-index: -1;
}
.homepage-v6 .catv2 .art {
  top: 13px;
  right: 13px;
  width: 67px;
  height: 67px;
}
.homepage-v6 .catv2 .art svg { width: 100%; height: 100%; }
.homepage-v6 .catv2 .cb b { font-size: 14px; }
.homepage-v6 .catv2 .cb small { font-size: 10.5px; }
.homepage-v6 .catv2 .go { width: 27px; height: 27px; bottom: 13px; right: 13px; }
.homepage-v6 .catv2:hover { transform: translateY(-4px); }

/* Product groups */
.homepage-v6 .product-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 17px;
}
.homepage-v6 .pcard {
  background: #fff;
  border-color: var(--home-line);
  box-shadow: 0 5px 18px rgba(14,30,56,.045);
}
.homepage-v6 .pcard:hover {
  transform: translateY(-4px);
  border-color: #bfd3ef;
  box-shadow: 0 18px 38px rgba(14,30,56,.11);
}
.homepage-v6 .pthumb {
  background: linear-gradient(145deg,#fafcff,#eff4fa);
}

/* Brand cards */
.homepage-v6 .hx-brandgrid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 12px;
}
.homepage-v6 .hx-bcard {
  min-height: 86px;
  padding: 14px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(14,30,56,.035);
  overflow: hidden;
  position: relative;
}
.homepage-v6 .hx-bcard::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--bc);
}
.homepage-v6 .hx-bcard:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--bc) 50%, #dfe6ef);
  box-shadow: 0 14px 28px rgba(14,30,56,.09);
}
.homepage-v6 .hx-blogo {
  width: auto;
  height: 50px;
  max-width: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  color: var(--bc);
}
.homepage-v6 .hx-blogo img {
  width: 100%;
  height: 38px;
  object-fit: contain;
}
.homepage-v6 .hx-bname {
  color: var(--bc);
  font-size: 15px;
  font-weight: 800;
}

/* Price shortcuts */
.homepage-v6 .hx-prices {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 11px;
}
.homepage-v6 .hx-pricecard {
  min-height: 100px;
  padding: 19px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: var(--home-ink);
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: 15px;
  box-shadow: 0 4px 14px rgba(14,30,56,.035);
  font-size: 13px;
  font-weight: 750;
}
.homepage-v6 .hx-pricecard::before {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  right: -24px;
  bottom: -28px;
  border-radius: 50%;
  background: var(--home-sky);
}
.homepage-v6 .hx-pricecard::after {
  content: "→";
  position: absolute;
  right: 13px;
  bottom: 10px;
  color: var(--home-blue);
  font-size: 16px;
}
.homepage-v6 .hx-pricecard small {
  margin-top: 4px;
  color: var(--home-muted);
  font-size: 10.5px;
  font-weight: 500;
}
.homepage-v6 .hx-pricecard:hover {
  color: var(--home-ink);
  transform: translateY(-3px);
  border-color: #bfd4f1;
  box-shadow: 0 14px 28px rgba(14,30,56,.08);
}

/* Repair spotlight */
.homepage-v6 .home-repair {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 34px;
  align-items: center;
  padding: clamp(28px, 4vw, 48px);
  color: #fff;
  background: linear-gradient(128deg,#112543,#173a70 64%,#1d63cf);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(14,30,56,.16);
}
.homepage-v6 .home-repair::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: -70px;
  top: -110px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}
.homepage-v6 .home-repair-copy,
.homepage-v6 .home-repair-art { position: relative; z-index: 1; }
.homepage-v6 .home-repair h2 {
  max-width: 600px;
  margin: 8px 0 10px;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(25px, 3.2vw, 42px);
  letter-spacing: -.04em;
  line-height: 1.08;
}
.homepage-v6 .home-repair p {
  max-width: 590px;
  margin: 0 0 22px;
  color: rgba(233,242,255,.74);
  line-height: 1.65;
}
.homepage-v6 .home-repair-art {
  min-height: 230px;
  display: grid;
  place-items: center;
}
.homepage-v6 .home-repair-art svg {
  width: min(100%, 330px);
  height: auto;
  filter: drop-shadow(0 20px 26px rgba(0,0,0,.25));
}

/* Delivery panel */
.homepage-v6 .hx-deliver {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 34px;
  align-items: center;
  padding: clamp(28px, 4vw, 46px);
  overflow: hidden;
  color: var(--home-ink);
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(14,30,56,.07);
}
.homepage-v6 .hx-deliver::after { display: none; }
.homepage-v6 .hx-deliver h3 {
  margin: 9px 0 9px;
  color: var(--home-ink);
  font-family: var(--font-display);
  font-size: clamp(25px, 3vw, 38px);
  letter-spacing: -.04em;
  line-height: 1.1;
}
.homepage-v6 .hx-deliver p {
  color: var(--home-muted);
  line-height: 1.65;
}
.homepage-v6 .hx-dlist {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 11px 18px;
  margin-top: 20px;
}
.homepage-v6 .hx-dlist div {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #344a68;
  font-size: 13px;
}
.homepage-v6 .hx-dlist svg { color: var(--home-blue); }
.homepage-v6 .hx-deliver-art {
  min-height: 245px;
  display: grid;
  place-items: center;
  padding: 20px;
  background: linear-gradient(145deg,#edf5ff,#dcecff);
  border-radius: 20px;
}
.homepage-v6 .hx-deliver-art svg {
  width: min(100%, 330px);
  height: auto;
}
.homepage-v6 .hx-deliver-art img { max-height: 260px; object-fit: contain; }

/* Why cards */
.homepage-v6 .hx-why {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
}
.homepage-v6 .hx-wcard {
  min-height: 218px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: 19px;
  box-shadow: 0 5px 18px rgba(14,30,56,.04);
}
.homepage-v6 .hx-wcard::before,
.homepage-v6 .hx-wcard::after { display: none; }
.homepage-v6 .hx-wcard:hover {
  transform: translateY(-4px);
  border-color: #c2d5ef;
  box-shadow: 0 17px 36px rgba(14,30,56,.09);
}
.homepage-v6 .hx-wart {
  width: 61px;
  height: 61px;
  margin-bottom: 15px;
  display: grid;
  place-items: center;
  background: var(--home-sky);
  border-radius: 17px;
  box-shadow: none;
}
.homepage-v6 .hx-wart svg { width: 38px; height: 38px; }
.homepage-v6 .hx-wcard b {
  display: block;
  margin-bottom: 6px;
  color: var(--home-ink);
  font-family: var(--font-display);
  font-size: 15px;
}
.homepage-v6 .hx-wcard small {
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.6;
}

/* Promotions and real product-alert CTA */
.homepage-v6 .promo-band { padding-top: clamp(42px, 6vw, 74px); }
.homepage-v6 .promo-grid { gap: 15px; }
.homepage-v6 .promo-card { border-radius: 18px; }
.homepage-v6 .hx-promo,
.homepage-v6 .home-alerts {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 5vw, 52px);
  text-align: center;
  color: #fff;
  background: linear-gradient(125deg,#0e1e38,#164581 68%,#1e6feb);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(14,30,56,.15);
}
.homepage-v6 .hx-promo h2,
.homepage-v6 .home-alerts h2 {
  margin: 0 0 8px;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(25px, 3vw, 38px);
  letter-spacing: -.04em;
}
.homepage-v6 .hx-promo p,
.homepage-v6 .home-alerts p {
  max-width: 620px;
  margin: 0 auto 21px;
  color: rgba(235,243,255,.76);
  line-height: 1.65;
}
.homepage-v6 .home-alerts .hx-btn-gold { position: relative; z-index: 1; }

/* Payment partial on home */
.homepage-v6 .payv2 {
  border-radius: 21px;
  box-shadow: 0 8px 26px rgba(14,30,56,.055);
}

/* ------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------ */
@media (max-width: 1100px) {
  .homepage-v6 .catsv2 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .homepage-v6 .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .homepage-v6 .hx-brandgrid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .homepage-v6 .hx-prices { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .homepage-v6 .hx-slide {
    grid-template-columns: minmax(0,1fr) minmax(270px,.78fr);
    gap: 28px;
    min-height: 470px;
  }
  .homepage-v6 .hx-hero h1 { font-size: clamp(35px,5vw,50px); }
  .homepage-v6 .hx-hero-card { min-height: 360px; padding: 21px; }
  .homepage-v6 .hx-hero-card img { height: 190px; width: min(100%,210px); }
  .homepage-v6 .home-trust { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .homepage-v6 .home-trust-item:nth-child(2) { border-right: 0; }
  .homepage-v6 .home-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--home-line); }
  .homepage-v6 .home-repair,
  .homepage-v6 .hx-deliver { grid-template-columns: 1fr; }
  .homepage-v6 .home-repair-art { min-height: 190px; }
  .homepage-v6 .hx-deliver-art { min-height: 210px; }
  .homepage-v6 .hx-why { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .homepage-v6 .hx-slide {
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: 0;
    padding: 38px 0 32px;
  }
  .homepage-v6 .hx-hero h1 {
    margin-block: 13px 12px;
    font-size: clamp(32px,10vw,45px);
    line-height: 1.04;
  }
  .homepage-v6 .hx-lead { font-size: 14px; line-height: 1.6; }
  .homepage-v6 .hx-cta { margin-top: 20px; }
  .homepage-v6 .hx-btn-gold,
  .homepage-v6 .hx-btn-line { min-height: 43px; padding: 10px 16px; font-size: 13px; }
  .homepage-v6 .hx-ticker { margin-top: 23px; gap: 10px 22px; }
  .homepage-v6 .hx-hero-card {
    width: min(100%, 390px);
    min-height: 0;
    margin: 0 auto;
    padding: 22px 18px 18px;
  }
  .homepage-v6 .hx-hero-card img { height: 190px; margin-top: 12px; }
  .homepage-v6 .hx-specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .homepage-v6 .hx-dots { padding-bottom: 16px; }
  .homepage-v6 .hx-sec { padding-top: 42px; }
  .homepage-v6 .hx-head { align-items: center; }
  .homepage-v6 .hx-head h2 { font-size: 24px; }
  .homepage-v6 .catsv2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .homepage-v6 .catv2 { min-height: 139px; padding: 14px; border-radius: 16px; }
  .homepage-v6 .catv2 .art { width: 58px; height: 58px; }
  .homepage-v6 .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .homepage-v6 .hx-brandgrid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  .homepage-v6 .hx-bcard { min-height: 73px; border-radius: 13px; }
  .homepage-v6 .hx-blogo { max-width: 86px; height: 42px; }
  .homepage-v6 .hx-blogo img { height: 31px; }
  .homepage-v6 .hx-prices { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .homepage-v6 .hx-pricecard { min-height: 86px; padding: 15px 13px; }
  .homepage-v6 .home-repair,
  .homepage-v6 .hx-deliver { padding: 24px 19px; border-radius: 20px; }
  .homepage-v6 .home-repair-art { min-height: 160px; }
  .homepage-v6 .hx-dlist { grid-template-columns: 1fr; }
  .homepage-v6 .hx-why { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .homepage-v6 .hx-wcard { min-height: 0; padding: 17px 14px; border-radius: 16px; }
  .homepage-v6 .hx-wart { width: 52px; height: 52px; border-radius: 14px; }
  .homepage-v6 .hx-wart svg { width: 33px; height: 33px; }
  .homepage-v6 .hx-wcard b { font-size: 13px; }
  .homepage-v6 .hx-wcard small { font-size: 11px; line-height: 1.5; }
}

@media (max-width: 470px) {
  .homepage-v6 .home-trust-item { min-height: 75px; padding: 13px 10px; gap: 9px; }
  .homepage-v6 .home-trust-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; }
  .homepage-v6 .home-trust-item b { font-size: 11.5px; }
  .homepage-v6 .home-trust-item small { font-size: 9.8px; }
  .homepage-v6 .hx-head { gap: 9px; }
  .homepage-v6 .hx-head h2 { font-size: 21px; }
  .homepage-v6 .hx-view { min-height: 36px; padding: 7px 10px; font-size: 11px; }
  .homepage-v6 .catv2 { min-height: 127px; }
  .homepage-v6 .catv2 .cb b { font-size: 12.5px; }
  .homepage-v6 .catv2 .cb small { font-size: 9.5px; }
  .homepage-v6 .hx-why { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .homepage-v6 *,
  .homepage-v6 *::before,
  .homepage-v6 *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}