/* ============================================================
   commerce — блоки главной страницы
   Все правила ограничены корнем .ct-storefront.
   Префикс классов: ct-home-. Новые токены: --ct-home-*.
   Не переопределяет ct-button, ct-input, ct-container, ct-card,
   ct-price, ct-heading-* глобально.
   ============================================================ */

/* --- Переменные ---------------------------------------------- */

.ct-storefront {
  --ct-home-section-gap: clamp(32px, 4vw, 56px);
  --ct-home-grid-gap: var(--ct-space-4);
  --ct-home-radius: var(--ct-radius-md);
}

/* --- Общий контейнер секций ---------------------------------- */

.ct-storefront .ct-home__section {
  padding-block: 0;
}

.ct-storefront .ct-home-flow {display:flex;flex-direction:column;gap:var(--ct-home-section-gap);padding-block:var(--ct-home-section-gap) 24px;}

.ct-storefront .ct-home__inner {
  max-width: var(--ct-content-max);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 32px);
}

/* Home already sits in the shared content container. */
.ct-storefront .ct-shop-home {padding-block:var(--ct-space-6) 8px;}
.ct-storefront .ct-shop-home .ct-home__inner {padding-inline:0;}

/* The homepage header and hero share a continuous full-width surface. */
.ct-page-home .ct-storefront {--ct-home-lead-bg:var(--ct-header-bg);}
.ct-page-home .ct-storefront .ct-header {background:var(--ct-home-lead-bg);border-block-end:0;}
.ct-page-home .ct-storefront .ct-header__topbar {background:var(--ct-color-bg);}
.ct-page-home .ct-storefront .ct-shop-home {padding-top:0;}

.ct-storefront .ct-home__heading {
  margin: 0 0 var(--ct-space-5);
  font-size: var(--ct-font-size-xl);
  font-weight: var(--ct-font-weight-semibold);
  line-height: 1.2;
  color: var(--ct-color-text);
  overflow-wrap: anywhere;
}

/* =============================================================
   1. Главный баннер
   ============================================================= */

.ct-storefront .ct-home-hero {
  position: relative;
  background: var(--ct-home-lead-bg,var(--ct-color-surface));
  box-shadow: 0 0 0 100vmax var(--ct-home-lead-bg,var(--ct-color-surface));
  clip-path: inset(0 -100vmax);
  padding: 0;
}

.ct-storefront .ct-home-hero__inner {
  display: grid;
  gap: 24px;
  position: relative;
}

.ct-storefront .ct-home-hero__content {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: 24px;
  align-content: center;
  padding-block: 32px 0;
}

.ct-storefront .ct-home-hero__title {
  margin: 0;
  font-size: clamp(36px, 4.8vw, 72px);
  font-weight: var(--ct-font-weight-semibold);
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--ct-color-text);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.ct-storefront .ct-home-hero__desc {
  margin: 0;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.6;
  color: var(--ct-color-muted);
  max-width: 440px;
  overflow-wrap: anywhere;
}

.ct-storefront .ct-home-hero__action {justify-self:start;gap:var(--ct-space-4);min-height:48px;}
.ct-storefront .ct-home-cats {scroll-margin-top:var(--ct-space-5);}

.ct-storefront .ct-home-hero__media {
  min-width: 0;
  margin-inline: calc(-1 * clamp(16px, 4vw, 32px));
}

.ct-storefront .ct-home-hero__img {
  display: block;
  width: 100%;
  height: clamp(260px, 55vw, 430px);
  object-fit: cover;
  object-position: right center;
}

@media (min-width: 960px) {
  /* The navigation overlays the same hero surface; the white strip stays in flow. */
  .ct-page-home .ct-storefront:has(.ct-home-hero--with-image) .ct-header__main {
    position: absolute;
    inset: 100% 0 auto;
    width: 100%;
    background: transparent;
  }
  .ct-storefront .ct-home-hero__inner {min-height: clamp(580px, 43vw, 640px);}
  .ct-storefront .ct-home-hero__content {width: 40%;padding-block: 140px 64px;}
  .ct-storefront .ct-home-hero--with-image .ct-home-hero__media {
    position: absolute;
    inset: auto calc(50% - min(50vw, 720px)) 0 auto;
    height: calc(100% - 40px);
    width: auto;
    aspect-ratio: 1672 / 941;
    margin: 0;
  }
  .ct-storefront .ct-home-hero__img {
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    mask-image: linear-gradient(to right, transparent, #000 32%, #000 98%, transparent), linear-gradient(to bottom, transparent, #000 90px);
    mask-composite: intersect;
  }
  .ct-storefront .ct-home-hero:not(.ct-home-hero--with-image) .ct-home-hero__content {width: min(100%,720px);}
}

@media (min-width: 1200px) {
  .ct-storefront .ct-home-hero--with-image .ct-home-hero__content {width: 46%;}
}

/* =============================================================
   2. Промокарточки (3 штуки)
   ============================================================= */

.ct-storefront .ct-home-promo__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 24px;
}
.ct-storefront .ct-home-promo__card {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
  min-width: 0;
  min-height: 460px;
  overflow: hidden;
  border-radius: var(--ct-home-radius);
  background: #f4eee5;
}
.ct-storefront .ct-home-promo__card--2 {background:#eaf2f9;}
.ct-storefront .ct-home-promo__card--3 {background:#f0edf7;}
.ct-storefront .ct-home-promo__eyebrow {
  margin:0;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ct-color-muted);
}
.ct-storefront .ct-home-promo__title {
  margin:0;
  font-size:clamp(26px,2.4vw,34px);
  font-weight:var(--ct-font-weight-semibold);
  line-height:1.12;
  letter-spacing:-.025em;
  color:var(--ct-color-text);
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.ct-storefront .ct-home-promo__text {
  margin:0;
  font-size:var(--ct-font-size-sm);
  color:var(--ct-color-muted);
  line-height:1.6;
  overflow-wrap:anywhere;
}
.ct-storefront .ct-home-promo__media {
  display:block;
  order:5;
  width:100%;
  height:250px;
  object-fit:contain;
  align-self:center;
  margin-top:auto;
  border-radius:var(--ct-radius-sm);
  filter:drop-shadow(0 12px 10px rgb(23 32 51 / 10%));
}
.ct-storefront .ct-home-promo__card--2 .ct-home-promo__media {
  width:calc(100% + 80px);
  height:380px;
  margin-bottom:-130px;
}
.ct-storefront .ct-home-promo__card--3 .ct-home-promo__media {
  align-self:center;
  width:90%;
}
.ct-storefront .ct-home-promo__link {
  order:4;
  display:inline-flex;
  align-items:center;
  align-self:center;
  gap:12px;
  min-height:44px;
  padding:10px 18px;
  border-radius:var(--ct-control-radius);
  background:var(--ct-color-primary);
  color:var(--ct-color-on-primary);
  font-size:var(--ct-font-size-sm);
  font-weight:var(--ct-font-weight-semibold);
  text-decoration:none;
}
.ct-storefront .ct-home-promo__link:hover {background:var(--ct-color-primary-hover);color:var(--ct-color-on-primary);text-decoration:none;}
.ct-storefront .ct-home-promo__link:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:4px;}
@media(min-width:768px) {
  .ct-storefront .ct-home-promo__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .ct-storefront .ct-home-promo__grid {row-gap:16px;}
  .ct-storefront .ct-home-promo__card {
    display:grid;
    grid-row:span 5;
    grid-template-rows:subgrid;
    padding:clamp(20px,2vw,28px);
  }
  .ct-storefront .ct-home-promo__eyebrow {grid-row:1;}
  .ct-storefront .ct-home-promo__title {grid-row:2;}
  .ct-storefront .ct-home-promo__text {grid-row:3;}
  .ct-storefront .ct-home-promo__link {grid-row:4;justify-self:center;align-self:start;}
  .ct-storefront .ct-home-promo__media {grid-row:5;justify-self:center;align-self:end;}
}

.ct-storefront .ct-home-spotlights {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
.ct-storefront .ct-home-spotlight {position:relative;display:flex;flex-direction:column;gap:24px;padding:28px;min-width:0;overflow:hidden;border-radius:var(--ct-radius-lg);background:#eaf2f3;}
.ct-storefront .ct-home-spotlight--2 {background:#edeaf5;}
.ct-storefront .ct-home-spotlight--3 {background:#f5eee5;}
.ct-storefront .ct-home-spotlight--4 {background:#eaf0f8;}
.ct-storefront .ct-home-spotlight__content {position:relative;z-index:1;min-width:0;}
.ct-storefront .ct-home-spotlight h2 {font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:anywhere;}
.ct-storefront .ct-home-spotlight p {color:var(--ct-color-muted);margin:0 0 20px;line-height:1.6;overflow-wrap:anywhere;}
.ct-storefront .ct-home-spotlight .ct-home-spotlight__eyebrow {font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px;}
.ct-storefront .ct-home-spotlight img {display:block;width:100%;height:280px;object-fit:contain;border-radius:var(--ct-radius-md);margin-top:auto;}
.ct-storefront .ct-home-spotlight__action {display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border-radius:var(--ct-control-radius);background:var(--ct-color-bg);color:var(--ct-color-text);font-weight:600;font-size:14px;text-decoration:none;}
.ct-storefront .ct-home-spotlight__action:hover {color:var(--ct-color-primary);text-decoration:none;}
.ct-storefront .ct-home-spotlight__action:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:3px;}
@media(min-width:640px) {.ct-storefront .ct-home-spotlights {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1200px) {
  .ct-storefront .ct-home-spotlights {grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(250px,auto));}
  .ct-storefront .ct-home-spotlight--1 {grid-column:1;grid-row:1 / span 2;}
  .ct-storefront .ct-home-spotlight--2 {grid-column:2;grid-row:1 / span 2;}
  .ct-storefront .ct-home-spotlight--3 {grid-column:3;grid-row:1;}
  .ct-storefront .ct-home-spotlight--4 {grid-column:3;grid-row:2;}
  .ct-storefront .ct-home-spotlight--3 h2,.ct-storefront .ct-home-spotlight--4 h2 {font-size:28px;}
  .ct-storefront .ct-home-spotlight--3.ct-home-spotlight--with-image,
  .ct-storefront .ct-home-spotlight--4.ct-home-spotlight--with-image {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;padding:24px;}
  .ct-storefront .ct-home-spotlight--3 img,.ct-storefront .ct-home-spotlight--4 img {height:160px;}
}

/* =============================================================
   3. Популярные категории (6 карточек)
   ============================================================= */

.ct-storefront .ct-home-cats {padding:clamp(24px,4vw,48px);border-radius:var(--ct-radius-lg);background:#f5f7fa;}
.ct-storefront .ct-home-cats__slider {display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;}
.ct-storefront .ct-home-cats--scrollable .ct-home-cats__slider {grid-template-columns:36px minmax(0,1fr) 36px;}
.ct-storefront .ct-home-cats__grid {display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px;scrollbar-width:none;overscroll-behavior-inline:contain;}
.ct-storefront .ct-home-cats__grid::-webkit-scrollbar {display:none;}
.ct-storefront .ct-home-cats__arrow {display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;border-radius:var(--ct-control-radius);background:var(--ct-color-bg);color:var(--ct-color-text);font-size:32px;cursor:pointer;}
.ct-storefront .ct-home-cats__arrow[hidden] {display:none;}
.ct-storefront .ct-home-cat {display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--ct-color-text);text-align:center;text-decoration:none;scroll-snap-align:start;}
.ct-storefront .ct-home-cat:hover {color:var(--ct-color-primary);}
.ct-storefront .ct-home-cat:focus-visible,.ct-storefront .ct-home-cats__arrow:focus-visible,.ct-storefront .ct-home-cats__grid:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:2px;}
.ct-storefront .ct-home-cat__media {display:grid;place-items:center;aspect-ratio:1;padding:16px;border-radius:20px;background:#edf0f4;}
.ct-storefront .ct-home-cat__img {display:block;width:100%;height:100%;min-width:0;object-fit:contain;border-radius:0;}
.ct-storefront .ct-home-cat__name {font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;}
@media(min-width:640px) {.ct-storefront .ct-home-cats__grid {grid-auto-columns:calc((100% - 40px) / 3);}}
@media(min-width:1024px) {
  .ct-storefront .ct-home-cats__grid {grid-auto-columns:calc((100% - 80px) / 5);}
  .ct-storefront .ct-home-cats--scrollable .ct-home-cats__slider {grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;}
  .ct-storefront .ct-home-cats__arrow {width:44px;height:44px;}
}

/* =============================================================
   4. Подборка «Популярное» (8 товаров)
   ============================================================= */

.ct-storefront .ct-home-products__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-bottom: var(--ct-space-5);
}

.ct-storefront .ct-home-products__heading .ct-home__heading {margin:0;}
.ct-storefront .ct-home-products__intro {max-width:none;margin:-4px 0 24px;color:var(--ct-color-muted);line-height:1.6;overflow-wrap:anywhere;}
.ct-storefront .ct-home-products .ct-product__media {background:var(--ct-color-bg);}
.ct-storefront .ct-home-products__heading > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}

.ct-storefront .ct-home-products__controls {display:flex;gap:8px;}
.ct-storefront .ct-home-products__controls[hidden] {display:none;}
.ct-storefront .ct-home-products__controls button {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ct-color-border);border-radius:var(--ct-control-radius);background:var(--ct-color-bg);color:var(--ct-color-text);font-size:30px;cursor:pointer;}
.ct-storefront .ct-home-products__controls button:disabled {opacity:.35;cursor:default;}
.ct-storefront .ct-home-products__controls button:focus-visible,
.ct-storefront .ct-home-products__track:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:3px;}
.ct-storefront .ct-home-products__track {display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:4px 2px 16px;overscroll-behavior-inline:contain;scrollbar-width:none;}
.ct-storefront .ct-home-products__track::-webkit-scrollbar {display:none;}
.ct-storefront .ct-featured-product {min-width:0;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start;}
.ct-storefront .ct-featured-product__media {position:relative;aspect-ratio:1;background:var(--ct-color-surface);border-radius:var(--ct-radius-md);overflow:hidden;}
.ct-storefront .ct-featured-product__media > a {display:grid;place-items:center;width:100%;height:100%;}
.ct-storefront .ct-featured-product__image {display:block;width:100%;height:100%;object-fit:contain;}
.ct-storefront .ct-featured-product__compare {position:absolute;top:8px;right:8px;}
.ct-storefront .ct-featured-product__compare button {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ct-color-border);border-radius:var(--ct-control-radius);background:var(--ct-color-bg);color:var(--ct-color-text);cursor:pointer;}
.ct-storefront .ct-featured-product__compare svg {width:20px;height:20px;}
.ct-storefront .ct-featured-product__compare button[aria-pressed="true"] {color:var(--ct-color-primary);border-color:currentColor;}
.ct-storefront .ct-featured-product a:focus-visible,
.ct-storefront .ct-featured-product button:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:2px;}
.ct-storefront .ct-featured-product__title {margin:0;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;}
.ct-storefront .ct-featured-product__title a {color:var(--ct-color-text);text-decoration:none;}
.ct-storefront .ct-featured-product__title a:hover {color:var(--ct-color-primary);}
.ct-storefront .ct-featured-product__rating {display:flex;align-items:center;gap:8px;}
.ct-storefront .ct-featured-product__rating > span {position:relative;display:inline-block;color:#e1e5ec;font-size:22px;line-height:1.2;letter-spacing:3px;white-space:nowrap;}
.ct-storefront .ct-featured-product__rating > span > span {position:absolute;inset:0 auto 0 0;overflow:hidden;color:#f4b942;}
.ct-storefront .ct-featured-product__unrated {margin:0;font-size:13px;color:var(--ct-color-muted);}
.ct-storefront .ct-featured-product__prices {display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:auto;}
.ct-storefront .ct-featured-product__prices .ct-price {font-size:20px;font-weight:600;}
@media(min-width:640px) {.ct-storefront .ct-home-products__track {grid-auto-columns:calc((100% - 24px) / 2);}}
@media(min-width:960px) {.ct-storefront .ct-home-products__track {grid-auto-columns:calc((100% - 48px) / 3);}}
@media(min-width:1200px) {.ct-storefront .ct-home-products__track {grid-auto-columns:calc((100% - 72px) / 4);}}

.ct-storefront .ct-new-products__heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;}
.ct-storefront .ct-new-products__heading .ct-home__heading {margin:0;}
.ct-storefront .ct-new-products__tabs {display:flex;flex-wrap:wrap;gap:8px;}
.ct-storefront .ct-new-products__tab {display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--ct-color-border);border-radius:var(--ct-control-radius);color:var(--ct-color-text);font-size:14px;text-decoration:none;}
.ct-storefront .ct-new-products__tab[aria-selected="true"] {background:var(--ct-color-text);border-color:var(--ct-color-text);color:var(--ct-color-bg);}
.ct-storefront .ct-new-products__tab:hover {border-color:var(--ct-color-primary);}
.ct-storefront .ct-new-products__tab:focus-visible {outline:2px solid var(--ct-color-primary);outline-offset:3px;}
.ct-storefront .ct-new-products__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;}
.ct-storefront .ct-new-products [data-ct-tab-panel][hidden] {display:none;}
.ct-storefront .ct-new-products__footer {display:flex;justify-content:center;margin-top:32px;}
.ct-storefront .ct-new-products__footer .ct-button {gap:12px;}
.ct-storefront .ct-new-products__empty {padding:24px;border-radius:var(--ct-radius-md);background:var(--ct-color-surface);color:var(--ct-color-muted);}
@media(min-width:768px) {.ct-storefront .ct-new-products__grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;}}
@media(min-width:1200px) {.ct-storefront .ct-new-products__grid {grid-template-columns:repeat(4,minmax(0,1fr));}}

/* =============================================================
   5. Широкое тематическое предложение
   ============================================================= */

.ct-storefront .ct-home-banner {
  margin-block:0;
  padding:clamp(28px,5vw,64px);
  border-radius:var(--ct-radius-lg);
  background:radial-gradient(ellipse at 90% 20%,#303047 0,transparent 55%),#111317;
  color:#fff;
}
.ct-storefront .ct-home-banner__inner {display:grid;gap:32px;align-items:center;}
.ct-storefront .ct-home-banner__content {min-width:0;display:grid;gap:24px;max-width:760px;}
.ct-storefront .ct-home-banner__title {
  margin:0;
  font-size:clamp(32px,4.4vw,58px);
  font-weight:var(--ct-font-weight-semibold);
  letter-spacing:-.035em;
  line-height:1.08;
  color:#fff;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.ct-storefront .ct-home-banner__text {margin:0;max-width:520px;font-size:clamp(16px,1.4vw,18px);color:#c7cbd4;line-height:1.6;overflow-wrap:anywhere;}
.ct-storefront .ct-home-banner__action {
  display:inline-flex;
  justify-self:start;
  align-items:center;
  gap:16px;
  min-height:48px;
  padding:12px 22px;
  border-radius:var(--ct-control-radius);
  background:#fff;
  color:#172033;
  font-weight:600;
  text-decoration:none;
}
.ct-storefront .ct-home-banner__action:hover {background:#e8edf5;color:#172033;text-decoration:none;}
.ct-storefront .ct-home-banner__action:focus-visible {outline:2px solid #fff;outline-offset:4px;}
.ct-storefront .ct-home-banner__media {min-width:0;}
.ct-storefront .ct-home-banner__img {display:block;width:100%;height:auto;max-height:360px;object-fit:contain;}
@media(min-width:960px) {
  .ct-storefront .ct-home-banner--with-image .ct-home-banner__inner {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
}

.ct-storefront .ct-home-sale {display:grid;gap:24px;align-items:center;justify-items:center;margin-block:0;padding:28px 24px;border-radius:var(--ct-radius-md);background:linear-gradient(105deg,#df0035,#79000c);color:#fff;}
.ct-storefront .ct-home-sale[hidden],.ct-storefront .ct-home-sale [hidden] {display:none;}
.ct-storefront .ct-home-sale__content {display:grid;gap:12px;min-width:0;text-align:center;}
.ct-storefront .ct-home-sale__label {margin:0;font-size:11px;letter-spacing:.07em;text-transform:uppercase;}
.ct-storefront .ct-home-sale__title {margin:0;font-size:clamp(24px,2.1vw,28px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;}
.ct-storefront .ct-home-sale__text {margin:0 auto;max-width:400px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;}
.ct-storefront .ct-home-sale__action {display:inline-flex;align-items:center;justify-content:center;min-width:164px;min-height:44px;padding:10px 20px;border-radius:var(--ct-control-radius);background:#fff;color:#172033;font-weight:500;text-decoration:none;}
.ct-storefront .ct-home-sale__action:hover {background:#f1edf1;color:#172033;text-decoration:none;}
.ct-storefront .ct-home-sale__action:focus-visible {outline:2px solid #fff;outline-offset:4px;}
.ct-storefront .ct-home-sale__timing {width:100%;max-width:300px;min-width:0;}
.ct-storefront .ct-home-sale__timer {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-variant-numeric:tabular-nums;}
.ct-storefront .ct-home-sale__timer > div {display:grid;gap:8px;text-align:center;}
.ct-storefront .ct-home-sale__timer strong {font-size:32px;font-weight:500;line-height:1.1;}
.ct-storefront .ct-home-sale__timer span {font-size:10px;text-transform:uppercase;}
@media(min-width:960px) {
  .ct-storefront .ct-home-sale {grid-template-columns:minmax(0,1fr) auto;gap:32px;min-height:164px;padding:28px 48px;}
  .ct-storefront .ct-home-sale--countdown {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);}
  .ct-storefront .ct-home-sale__timing {justify-self:start;}
  .ct-storefront .ct-home-sale__action {justify-self:end;}
}

/* =============================================================
   6. Преимущества магазина (4 пункта)
   ============================================================= */

.ct-storefront .ct-home-features {padding-block:0;}
.ct-storefront .ct-home-features__grid {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
.ct-storefront .ct-home-feature {display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:6px;align-content:start;min-width:0;padding:24px 20px;background:var(--ct-color-surface);border-radius:var(--ct-radius-md);}
.ct-storefront .ct-home-feature__icon {grid-row:1 / 3;width:40px;height:40px;color:var(--ct-color-primary);}
.ct-storefront .ct-home-feature__title {margin:0;font-size:17px;font-weight:var(--ct-font-weight-semibold);line-height:1.35;color:var(--ct-color-text);overflow-wrap:anywhere;}
.ct-storefront .ct-home-feature__text {grid-column:2;margin:0;font-size:13px;line-height:1.55;color:var(--ct-color-muted);overflow-wrap:anywhere;}
@media(min-width:640px) {.ct-storefront .ct-home-features__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}
@media(min-width:1200px) {.ct-storefront .ct-home-features__grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}}