/*
Theme Name: ATGS Sport
Theme URI: https://atgs-sport.example
Author: ATGS
Author URI: https://atgs-sport.example
Description: Streetwear-магазин на WooCommerce. Бруталистский дизайн, аудитория зумеров. Unbounded / JetBrains Mono / Onest, нулевые скругления, 1px-разделители.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atgs-sport
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ============================================================
   CUSTOM PROPERTIES
   ============================================================ */
:root {
  /* backgrounds & surfaces */
  --bg: #F4F5F2;
  --surface: #FFFFFF;

  /* text */
  --text: #161B22;
  --text-2: #525F73;
  --text-3: #6B7A92;
  --text-4: #A9B0BC;

  /* borders */
  --border: #DEE2E6;
  --border-ctrl: #C8CED8;

  /* brand & accents */
  --brand: #4E6B96;
  --lime: #8FE01E;
  --lime-text: #5FA313;
  --lime-hover: #B4F14D;

  /* fonts */
  --font-head: "Unbounded", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-body: "Onest", system-ui, -apple-system, sans-serif;

  /* layout */
  --maxw: 1440px;
  --pad: clamp(16px, 4vw, 48px);
  --header-h: 72px;
}

/* ============================================================
   RESET
   ============================================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

ul,
ol {
  list-style: none;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* ============================================================
   BASE TYPOGRAPHY
   ============================================================ */
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-head);
  font-weight: 700;
  line-height: 1.02;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: var(--text);
}

h1 {
  font-weight: 900;
  font-size: clamp(40px, 7vw, 96px);
}

h2 {
  font-size: clamp(28px, 4vw, 56px);
}

h3 {
  font-size: clamp(20px, 2.4vw, 32px);
}

h4 {
  font-size: clamp(18px, 1.8vw, 22px);
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  color: var(--text-2);
}

a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
}

a:hover {
  color: var(--brand);
}

strong,
b {
  font-weight: 700;
}

small {
  font-size: 0.8125em;
}

button {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid var(--text);
  border-radius: 0;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

button:hover {
  background: var(--lime);
  color: var(--text);
  border-color: var(--text);
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* utility: tech-label */
.tech-label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  color: var(--text-3);
}

/* utility: container */
.container {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--pad);
}

/* ============================================================
   PROMO TOPBAR
   ============================================================ */
.promo-topbar {
  background: var(--text);
  color: var(--surface);
  border-bottom: 1px solid var(--text);
}

.promo-topbar__inner {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: 8px var(--pad);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 36px;
}

.promo-topbar__text {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  color: var(--surface);
  text-align: center;
}

.promo-topbar__text .dot {
  color: var(--lime);
  margin-inline: 8px;
}

.promo-topbar__link {
  color: var(--lime);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  border-bottom: 1px solid transparent;
}

.promo-topbar__link:hover {
  color: var(--lime-hover);
  border-bottom-color: var(--lime-hover);
}

/* ============================================================
   STICKY HEADER
   ============================================================ */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.site-header__inner {
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--pad);
  min-height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 3vw, 48px);
}

/* logo */
.site-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-size: clamp(18px, 2vw, 24px);
  color: var(--text);
  line-height: 1;
}

.site-logo:hover {
  color: var(--text);
}

.site-logo__mark {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--lime);
}

/* primary nav */
.main-nav {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.4vw, 40px);
  margin-inline: auto;
}

.main-nav__list {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.4vw, 40px);
}

.main-nav__link {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
  color: var(--text);
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.main-nav__link:hover,
.main-nav__link[aria-current="page"] {
  color: var(--text);
  border-bottom-color: var(--lime);
}

/* header actions */
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--border-ctrl);
  background: var(--surface);
  color: var(--text);
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.header-action:hover {
  background: var(--lime);
  border-color: var(--text);
  color: var(--text);
}

.header-action svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

/* cart button with counter */
.cart-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border: 1px solid var(--text);
  background: var(--text);
  color: var(--surface);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.cart-btn:hover {
  background: var(--lime);
  color: var(--text);
}

.cart-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

.cart-btn__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  background: var(--lime);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1;
}

.cart-btn:hover .cart-btn__count {
  background: var(--text);
  color: var(--lime);
}

/* mobile toggle */
.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--border-ctrl);
  background: var(--surface);
  align-items: center;
  justify-content: center;
}

.nav-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--text);
  position: relative;
}

.nav-toggle span::before,
.nav-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: var(--text);
}

.nav-toggle span::before { top: -6px; }
.nav-toggle span::after { top: 6px; }

@media (max-width: 900px) {
  .main-nav { display: none; }
  .nav-toggle { display: inline-flex; }
}

/* ============================================================
   HERO
   ============================================================ */
.hero {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

.hero__inner {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: clamp(32px, 6vw, 80px) var(--pad) 0;
}

.hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 12px;
  color: var(--text-3);
  margin-bottom: clamp(16px, 2.4vw, 28px);
}

.hero__eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: var(--text-4);
}

.hero__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.92;
  letter-spacing: -0.02em;
  font-size: clamp(40px, 8.6vw, 124px);
  color: var(--text);
  margin: 0;
}

.hero__title .accent {
  color: var(--brand);
}

.hero__title .outline {
  color: transparent;
  -webkit-text-stroke: 2px var(--text);
}

.hero__lead {
  max-width: 46ch;
  margin-top: clamp(20px, 3vw, 32px);
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--text-2);
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(24px, 3vw, 36px);
}

.hero__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 28px;
  border: 1px solid var(--text);
  background: var(--text);
  color: var(--surface);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 13px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.hero__btn:hover {
  background: var(--lime);
  color: var(--text);
}

.hero__btn--ghost {
  background: transparent;
  color: var(--text);
  border-color: var(--border-ctrl);
}

.hero__btn--ghost:hover {
  background: var(--lime);
  color: var(--text);
  border-color: var(--text);
}

/* HERO STATS TABLE */
.hero__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--border);
  margin-top: clamp(40px, 6vw, 80px);
}

.hero-stat {
  padding: clamp(20px, 2.4vw, 32px) clamp(16px, 2vw, 28px);
  border-right: 1px solid var(--border);
}

.hero-stat:last-child {
  border-right: none;
}

.hero-stat__value {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(28px, 3.4vw, 48px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--text);
}

.hero-stat__value .unit {
  color: var(--lime-text);
}

.hero-stat__label {
  margin-top: 10px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  color: var(--text-3);
}

@media (max-width: 720px) {
  .hero__stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-stat:nth-child(2n) {
    border-right: none;
  }
  .hero-stat:nth-child(n + 3) {
    border-top: 1px solid var(--border);
  }
}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee {
  background: var(--lime);
  border-block: 1px solid var(--text);
  overflow: hidden;
  white-space: nowrap;
}

.marquee__track {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 12px 0;
  animation: atgs-marquee 28s linear infinite;
  will-change: transform;
}

.marquee:hover .marquee__track {
  animation-play-state: paused;
}

.marquee__item {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: clamp(13px, 1.6vw, 18px);
  color: var(--text);
  padding-inline: 32px;
}

.marquee__item::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--text);
  margin-left: 32px;
}

@keyframes atgs-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
  }
}

/* ============================================================
   CATEGORIES (3 card links)
   ============================================================ */
.categories {
  border-bottom: 1px solid var(--border);
  background: var(--bg);
}

.categories__inner {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 88px) var(--pad);
}

.categories__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(24px, 3vw, 40px);
}

.categories__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(24px, 4vw, 48px);
  letter-spacing: -0.02em;
}

.categories__link-all {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  color: var(--text);
  border-bottom: 1px solid var(--text);
  padding-bottom: 2px;
  white-space: nowrap;
}

.categories__link-all:hover {
  color: var(--lime-text);
  border-bottom-color: var(--lime-text);
}

.categories__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 4 / 5;
  background: var(--surface);
  color: var(--text);
  overflow: hidden;
}

.cat-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--text);
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  transition: filter 0.25s ease, transform 0.4s ease;
}
.cat-card:hover .cat-card__media {
  filter: grayscale(0%);
  transform: scale(1.04);
}

.cat-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.25s ease, transform 0.4s ease;
}

.cat-card:hover .cat-card__media img {
  filter: grayscale(0%);
  transform: scale(1.04);
}

.cat-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22, 27, 34, 0) 40%, rgba(22, 27, 34, 0.72) 100%);
}

.cat-card__index {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  font-family: var(--font-mono);
  letter-spacing: 0.14em;
  font-size: 12px;
  color: var(--surface);
}

.cat-card__body {
  position: relative;
  z-index: 2;
  padding: clamp(18px, 2.2vw, 28px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.cat-card__name {
  font-family: var(--font-head);
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(20px, 2.2vw, 30px);
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--surface);
}

.cat-card__count {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  color: var(--surface);
  opacity: 0.8;
}

.cat-card__arrow {
  position: absolute;
  bottom: clamp(18px, 2.2vw, 28px);
  right: clamp(18px, 2.2vw, 28px);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--lime);
  color: var(--text);
  transform: translateY(6px);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.cat-card:hover .cat-card__arrow {
  opacity: 1;
  transform: translateY(0);
}

.cat-card__arrow svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

@media (max-width: 860px) {
  .categories__grid {
    grid-template-columns: 1fr;
  }
  .cat-card {
    aspect-ratio: 16 / 9;
  }
}


/* ========================================================================
   ATGS Sport — style.css (часть 2)
   Drop / Манифест / Комьюнити / CTA-подписка / Footer
   ======================================================================== */

/* ------------------------------------------------------------------------
   DROP — сетка карточек товара
   ------------------------------------------------------------------------ */
.drop {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) var(--pad);
}

.drop__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: clamp(24px, 4vw, 40px);
}

.drop__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(28px, 6vw, 64px);
  line-height: 0.95;
  color: var(--text);
  margin: 0;
}

.drop__meta {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  color: var(--text-3);
}

/* Фильтры-чипы */
.filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid var(--border);
  margin-bottom: clamp(24px, 4vw, 40px);
}

.filter-chips__item {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  line-height: 1;
  color: var(--text-2);
  background: var(--surface);
  border: 0;
  border-right: 1px solid var(--border);
  padding: 14px 20px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.filter-chips__item:last-child {
  border-right: 0;
}

.filter-chips__item:hover {
  background: var(--lime-hover);
  color: var(--text);
}

.filter-chips__item[aria-pressed="true"],
.filter-chips__item.is-active {
  background: var(--lime);
  color: var(--text);
}

/* Сетка карточек: 1px-границы между карточками, без gap */
.drop__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.drop__grid .product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}

.product-card__media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--bg);
}

.product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.product-card:hover .product-card__media img {
  transform: scale(1.04);
}

/* Бейдж тега сверху-слева */
.product-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 10px;
  line-height: 1;
  color: var(--text);
  background: var(--lime);
  padding: 8px 12px;
}

.product-badge--new {
  background: var(--lime);
  color: var(--text);
}

.product-badge--sale {
  background: var(--brand);
  color: var(--surface);
}

.product-badge--soon {
  background: var(--text);
  color: var(--surface);
}

/* Свотчи цвета снизу-справа */
.product-swatches {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: flex;
  gap: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.product-swatches__dot {
  width: 22px;
  height: 22px;
  border: 0;
  border-right: 1px solid var(--border);
  padding: 0;
  cursor: pointer;
  position: relative;
}

.product-swatches__dot:last-child {
  border-right: 0;
}

.product-swatches__dot::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: var(--swatch, #161B22);
}

.product-swatches__dot.is-active {
  background: var(--lime);
}

/* Тело карточки */
.product-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  flex: 1 1 auto;
}

.product-card__name {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  color: var(--text);
  margin: 0;
}

.product-card__cat {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: var(--text-3);
}

.product-card__price {
  margin-top: auto;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 15px;
  color: var(--text);
}

.product-card__price del {
  color: var(--text-4);
  margin-right: 8px;
}

.product-card__price ins {
  text-decoration: none;
  color: var(--lime-text);
}

/* ------------------------------------------------------------------------
   МАНИФЕСТ — текст + список фич в разделительной сетке
   ------------------------------------------------------------------------ */
.manifest {
  width: 100%;
  background: var(--text);
  color: var(--surface);
}

.manifest__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(48px, 9vw, 120px) var(--pad);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 6vw, 80px);
  align-items: start;
}

.manifest__label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 12px;
  color: var(--lime);
  margin-bottom: 20px;
}

.manifest__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(32px, 6vw, 72px);
  line-height: 0.95;
  margin: 0 0 24px;
}

.manifest__text {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
  color: var(--text-4);
  max-width: 46ch;
}

.manifest__text strong {
  color: var(--surface);
  font-weight: 700;
}

/* Список фич в разделительной сетке */
.manifest__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--border-ctrl);
  border-left: 1px solid var(--border-ctrl);
}

.manifest__feature {
  border-right: 1px solid var(--border-ctrl);
  border-bottom: 1px solid var(--border-ctrl);
  padding: clamp(20px, 3vw, 32px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.manifest__feature-num {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  color: var(--lime);
}

.manifest__feature-title {
  font-family: var(--font-head);
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.1;
  margin: 0;
}

.manifest__feature-desc {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-4);
}

/* ------------------------------------------------------------------------
   КОМЬЮНИТИ — 4 карточки отзывов
   ------------------------------------------------------------------------ */
.community {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) var(--pad);
}

.community__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: clamp(24px, 4vw, 40px);
}

.community__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(28px, 6vw, 64px);
  line-height: 0.95;
  color: var(--text);
  margin: 0;
}

.community__label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  color: var(--text-3);
}

.community__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.review-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--surface);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: clamp(20px, 3vw, 32px);
}

.review-card__rating {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  color: var(--lime-text);
}

.review-card__text {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text);
  flex: 1 1 auto;
  margin: 0;
}

.review-card__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}

.review-card__avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  background: var(--bg);
  flex: 0 0 auto;
}

.review-card__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.review-card__name {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  color: var(--text);
}

.review-card__handle {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  color: var(--text-3);
}

/* ------------------------------------------------------------------------
   CTA-ПОДПИСКА — форма email + кнопка лайм
   ------------------------------------------------------------------------ */
.cta {
  width: 100%;
  background: var(--brand);
  color: var(--surface);
}

.cta__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(48px, 8vw, 112px) var(--pad);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 6vw, 80px);
  align-items: center;
}

.cta__label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 12px;
  color: var(--lime);
  margin-bottom: 20px;
}

.cta__title {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(32px, 6vw, 72px);
  line-height: 0.92;
  margin: 0 0 16px;
}

.cta__sub {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
  max-width: 42ch;
}

.cta__form {
  display: flex;
  gap: 0;
  border: 1px solid var(--surface);
  background: var(--surface);
}

.cta__input {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 0;
  padding: 18px 20px;
  outline: none;
}

.cta__input::placeholder {
  color: var(--text-4);
}

.cta__submit {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 13px;
  color: var(--text);
  background: var(--lime);
  border: 0;
  border-left: 1px solid var(--surface);
  padding: 18px 28px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.cta__submit:hover {
  background: var(--lime-hover);
}

.cta__note {
  margin-top: 14px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.55);
}

/* ------------------------------------------------------------------------
   FOOTER — колонки ссылок, соцсети, копирайт
   ------------------------------------------------------------------------ */
.site-footer {
  width: 100%;
  background: var(--text);
  color: var(--surface);
  border-top: 1px solid var(--border-ctrl);
}

.site-footer__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(48px, 7vw, 96px) var(--pad) clamp(24px, 4vw, 40px);
}

.site-footer__top {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: clamp(24px, 4vw, 56px);
  padding-bottom: clamp(32px, 5vw, 56px);
  border-bottom: 1px solid var(--border-ctrl);
}

.site-footer__brand {
  font-family: var(--font-head);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 0.9;
  margin: 0 0 16px;
}

.site-footer__tagline {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-4);
  max-width: 32ch;
}

.footer-col__title {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  color: var(--lime);
  margin: 0 0 18px;
}

.footer-col__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-col__list a {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--text-4);
  text-decoration: none;
  transition: color 0.15s ease;
}

.footer-col__list a:hover {
  color: var(--lime);
}

/* Соцсети */
.site-footer__socials {
  display: flex;
  gap: 0;
  margin-top: 24px;
  border: 1px solid var(--border-ctrl);
  width: fit-content;
}

.site-footer__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-right: 1px solid var(--border-ctrl);
  color: var(--surface);
  transition: background 0.15s ease, color 0.15s ease;
}

.site-footer__socials a:last-child {
  border-right: 0;
}

.site-footer__socials a:hover {
  background: var(--lime);
  color: var(--text);
}

.site-footer__socials svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

/* Копирайт */
.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: clamp(24px, 4vw, 40px);
}

.site-footer__copy {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  color: var(--text-3);
}

.site-footer__legal {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.site-footer__legal a {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  color: var(--text-3);
  text-decoration: none;
  transition: color 0.15s ease;
}

.site-footer__legal a:hover {
  color: var(--lime);
}

/* ------------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------------ */
@media (max-width: 1024px) {
  .drop__grid,
  .community__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .site-footer__top {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  .manifest__inner,
  .cta__inner {
    grid-template-columns: 1fr;
  }

  .drop__grid,
  .community__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .drop__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .community__grid,
  .manifest__features {
    grid-template-columns: 1fr;
  }

  .filter-chips {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .filter-chips__item {
    white-space: nowrap;
  }

  .cta__form {
    flex-direction: column;
  }

  .cta__submit {
    border-left: 0;
    border-top: 1px solid var(--surface);
  }

  .site-footer__top {
    grid-template-columns: 1fr;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* Breadcrumbs */
.breadcrumbs{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--text-3);padding:24px var(--pad) 0;max-width:var(--maxw);margin:0 auto}
.breadcrumbs a{color:var(--text-2);text-decoration:none}
.breadcrumbs a:hover{color:var(--brand)}
.breadcrumbs .sep{margin:0 8px;color:var(--text-4)}

/* Page title */
.catalog__head{max-width:var(--maxw);margin:0 auto;padding:16px var(--pad) 24px}
.catalog__head h1{font-family:var(--font-head);font-weight:900;text-transform:uppercase;font-size:clamp(32px,6vw,72px);line-height:.95;color:var(--text);margin:0}
.catalog__head .count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--text-3);margin-top:12px}

/* Layout */
.catalog__wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad) 64px;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}

/* Filters sidebar */
.catalog__filters{border:1px solid var(--border);background:var(--surface)}
.catalog__filters .filter-group{border-bottom:1px solid var(--border);padding:20px}
.catalog__filters .filter-group:last-child{border-bottom:0}
.catalog__filters .filter-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--text);margin:0 0 16px;display:flex;justify-content:space-between;align-items:center}
.catalog__filters .filter-title::after{content:"+";color:var(--text-3)}
.catalog__filters ul{list-style:none;margin:0;padding:0}
.catalog__filters li{margin-bottom:10px}
.catalog__filters li:last-child{margin-bottom:0}

/* Filter checkbox rows */
.catalog__filters label{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:14px;color:var(--text-2);cursor:pointer}
.catalog__filters label:hover{color:var(--text)}
.catalog__filters input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--border-ctrl);background:var(--surface);flex:0 0 auto;position:relative;cursor:pointer}
.catalog__filters input[type=checkbox]:checked{background:var(--lime);border-color:var(--lime)}
.catalog__filters input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.catalog__filters .filter-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-4)}

/* Size grid */
.catalog__filters .size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0}
.catalog__filters .size-grid li{margin:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.catalog__filters .size-grid li:nth-child(4n){border-right:1px solid var(--border)}
.catalog__filters .size-grid li:nth-last-child(-n+4){border-bottom:1px solid var(--border)}
.catalog__filters .size-grid a{display:block;text-align:center;padding:10px 0;font-family:var(--font-mono);text-transform:uppercase;font-size:12px;letter-spacing:.06em;color:var(--text-2);text-decoration:none}
.catalog__filters .size-grid a:hover,.catalog__filters .size-grid a.active{background:var(--lime);color:var(--lime-text)}

/* Price range */
.catalog__filters .price-inputs{display:flex;align-items:center;gap:8px}
.catalog__filters .price-inputs input{width:100%;border:1px solid var(--border-ctrl);background:var(--surface);padding:8px 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text)}
.catalog__filters .price-inputs input:focus{outline:none;border-color:var(--brand)}
.catalog__filters .price-inputs span{color:var(--text-4);font-family:var(--font-mono)}

/* Products grid */
.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.catalog__grid li.product{list-style:none;margin:0;background:var(--surface);border-top:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);margin-right:-1px;margin-bottom:-1px;position:relative}
.catalog__grid li.product:hover{z-index:1;border-color:var(--brand)}

/* Product photo 4:5 */
.catalog__grid .product-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg)}
.catalog__grid .product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.catalog__grid li.product:hover .product-photo img{transform:scale(1.04)}
.catalog__grid .product-badge{position:absolute;top:12px;left:12px;background:var(--lime);color:var(--lime-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;padding:4px 8px}

/* Product info */
.catalog__grid .product-info{padding:16px;border-top:1px solid var(--border)}
.catalog__grid .product-cat{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3);margin-bottom:8px}
.catalog__grid .woocommerce-loop-product__title{font-family:var(--font-head);font-weight:700;text-transform:uppercase;font-size:15px;line-height:1.15;color:var(--text);margin:0 0 12px}
.catalog__grid .price{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--text);display:block}
.catalog__grid .price del{color:var(--text-4);margin-right:8px}
.catalog__grid .price ins{text-decoration:none;color:var(--lime-text)}

/* Add to cart on card */
.catalog__grid .add_to_cart_button,.catalog__grid .button{display:block;margin-top:16px;width:100%;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:12px;background:var(--text);color:var(--surface);border:0;cursor:pointer;text-decoration:none}
.catalog__grid .add_to_cart_button:hover,.catalog__grid .button:hover{background:var(--lime);color:var(--lime-text)}

/* Load more */
.load-more{display:block;margin:48px auto 0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:13px;padding:18px 48px;background:var(--surface);color:var(--text);border:1px solid var(--text);cursor:pointer}
.load-more:hover{background:var(--lime);color:var(--lime-text);border-color:var(--lime)}

/* Pagination */
.woocommerce-pagination{margin-top:48px;display:flex;justify-content:center}
.woocommerce-pagination ul{display:flex;list-style:none;margin:0;padding:0;border:1px solid var(--border)}
.woocommerce-pagination li{border-right:1px solid var(--border)}
.woocommerce-pagination li:last-child{border-right:0}
.woocommerce-pagination a,.woocommerce-pagination span{display:block;min-width:44px;padding:12px;text-align:center;font-family:var(--font-mono);letter-spacing:.06em;font-size:13px;color:var(--text-2);text-decoration:none;background:var(--surface)}
.woocommerce-pagination a:hover{background:var(--lime);color:var(--lime-text)}
.woocommerce-pagination span.current{background:var(--text);color:var(--surface)}


.woocommerce-breadcrumb{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3);padding:16px 0;border-bottom:1px solid var(--border)}
.woocommerce-breadcrumb a{color:var(--text-2);text-decoration:none}
.woocommerce-breadcrumb a:hover{color:var(--brand)}
.single-product-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(16px,4vw,48px);max-width:var(--maxw);margin:0 auto;padding:clamp(16px,4vw,48px)}
.woocommerce-product-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;position:relative}
.woocommerce-product-gallery figure{margin:0}
.product-gallery-wrap{width:100%}
.woocommerce-product-gallery__wrapper{display:flex;gap:16px;align-items:flex-start;width:100%}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{flex:1 1 0;min-width:0}
.woocommerce-product-gallery__image{border:1px solid var(--border);cursor:pointer;flex-shrink:0}
.woocommerce-product-gallery__image:first-child{flex:1 1 auto;aspect-ratio:4/5;max-width:100%}
.woocommerce-product-gallery__image:not(:first-child){width:76px}
.woocommerce-product-gallery__image img{width:100%;height:100%;object-fit:cover;display:block}
.woocommerce-product-gallery__image:not(:first-child) img{aspect-ratio:4/5}
@media (max-width:640px){
  .woocommerce-product-gallery__wrapper{flex-wrap:wrap}
}
.flex-control-nav,.flex-control-thumbs{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.flex-control-thumbs li{width:76px}
.flex-control-thumbs li img{width:76px;height:95px;object-fit:cover;border:1px solid var(--border);cursor:pointer;opacity:.6;display:block}
.flex-control-thumbs li img.flex-active{opacity:1;border-color:var(--text)}
.flex-control-thumbs{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.flex-control-thumbs li{width:76px;height:95px}
.flex-control-thumbs img{width:100%;height:100%;object-fit:cover;border:1px solid var(--border);cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s}
.flex-control-thumbs img:hover,.flex-control-thumbs img.flex-active{opacity:1;border-color:var(--brand)}
.product-info__title,.product_title{font-family:var(--font-head);font-weight:800;font-size:32px;line-height:1.05;text-transform:uppercase;color:var(--text);margin:0 0 16px}
.single-product .price,.single-product .price ins{font-family:var(--font-mono);font-weight:700;font-size:24px;letter-spacing:.06em;color:var(--text);text-decoration:none;display:block;margin:0 0 12px}
.single-product .price del{color:var(--text-3);font-size:16px;margin-right:8px}
.single-product .price ins .amount{color:var(--lime-text)}
.sku_wrapper{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3);padding:8px 0 16px;border-bottom:1px solid var(--border);margin-bottom:20px}
.sku_wrapper .sku{color:var(--text-2)}
.woocommerce-product-details__short-description{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-2);margin-bottom:24px}
.variations{width:100%;border-collapse:collapse;margin-bottom:20px}
.variations tr{display:block;margin-bottom:16px}
.variations th.label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3);text-align:left;padding-bottom:8px}
.variations td.value{display:block}
.variations select{width:100%;height:48px;padding:0 16px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-ctrl);border-radius:0}
.variations select:focus{outline:none;border-color:var(--brand)}
ul.variable-items-wrapper{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.variable-items-wrapper li{cursor:pointer}
.variable-items-wrapper li .variable-item{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-ctrl);transition:border-color .15s,background .15s}
.variable-items-wrapper li .variable-item:hover{border-color:var(--brand)}
.variable-items-wrapper li.selected .variable-item{background:var(--lime);border-color:var(--lime);color:var(--text)}
.variable-items-wrapper li .color-variable-item span{width:32px;height:32px;display:block;border:1px solid var(--border)}
.variations_button,.woocommerce-variation-add-to-cart{display:flex;align-items:stretch;gap:8px;margin-top:20px}
.quantity{display:flex;align-items:center;border:1px solid var(--border-ctrl)}
.quantity input.qty{width:56px;height:48px;text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text);background:var(--surface);border:none;border-radius:0}
.single_add_to_cart_button{flex:1;height:48px;padding:0 24px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--surface);background:var(--text);border:1px solid var(--text);border-radius:0;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.single_add_to_cart_button:hover{background:var(--lime);color:var(--text);border-color:var(--lime)}
.wishlist-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-ctrl);color:var(--text-2);cursor:pointer;transition:border-color .15s,color .15s}
.wishlist-btn:hover{border-color:var(--brand);color:var(--brand)}
.wishlist-btn svg{width:20px;height:20px}
.woocommerce-product-attributes{width:100%;border-collapse:collapse;margin-top:32px;font-family:var(--font-mono)}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{text-align:left;padding:12px 16px;font-size:12px;letter-spacing:.06em;border:1px solid var(--border)}
.woocommerce-product-attributes th{text-transform:uppercase;color:var(--text-3);background:var(--bg);width:40%}
.woocommerce-product-attributes td{color:var(--text)}
.related.products{max-width:var(--maxw);margin:0 auto;padding:clamp(16px,4vw,48px);border-top:1px solid var(--border)}
.related.products>h2{font-family:var(--font-head);font-weight:800;font-size:24px;text-transform:uppercase;color:var(--text);margin:0 0 24px}
.related.products ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);list-style:none;margin:0;padding:0}
.related.products ul.products li.product{background:var(--surface);padding:16px}
.related.products li.product a img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;margin-bottom:12px}
.related.products li.product .woocommerce-loop-product__title{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--text);margin:0 0 8px}
.related.products li.product .price{font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--text)}
.related.products li.product .price del{color:var(--text-3);margin-right:6px}
.related.products li.product .price ins .amount{color:var(--lime-text)}


.cart-wrap{display:grid;grid-template-columns:1fr 380px;gap:48px;max-width:var(--maxw);margin:0 auto;padding:clamp(16px,4vw,48px)}
.cart-wrap h1{font-family:var(--font-head);font-weight:900;text-transform:uppercase;color:var(--text);font-size:clamp(28px,4vw,44px);margin:0 0 32px;grid-column:1/-1}
.woocommerce-cart-form{margin:0}
.woocommerce-cart-form table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--border)}
.woocommerce-cart-form table.shop_table thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--text-3);text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.woocommerce-cart-form table.shop_table td{padding:16px;border-bottom:1px solid var(--border);background:var(--surface);vertical-align:middle}
.woocommerce-cart-form tr:last-child td{border-bottom:none}
.woocommerce-cart-form .product-thumbnail img{width:96px;height:120px;object-fit:cover;display:block;border:1px solid var(--border)}
.woocommerce-cart-form .product-name a{font-family:var(--font-body);font-weight:600;color:var(--text);text-decoration:none;font-size:15px}
.woocommerce-cart-form .product-name a:hover{color:var(--brand)}
.woocommerce-cart-form .product-price,.woocommerce-cart-form .product-subtotal{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--text)}
.woocommerce-cart-form .product-subtotal{font-weight:700}
.woocommerce-cart-form .quantity{display:inline-flex;align-items:center;border:1px solid var(--border-ctrl)}
.woocommerce-cart-form .quantity .qty{width:44px;height:36px;border:none;text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text);background:var(--surface);-moz-appearance:textfield}
.woocommerce-cart-form .quantity .qty::-webkit-outer-spin-button,.woocommerce-cart-form .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce-cart-form .quantity button.plus,.woocommerce-cart-form .quantity button.minus{width:36px;height:36px;border:none;background:var(--surface);font-family:var(--font-mono);font-size:16px;color:var(--text);cursor:pointer;line-height:1}
.woocommerce-cart-form .quantity button.plus{border-left:1px solid var(--border-ctrl)}
.woocommerce-cart-form .quantity button.minus{border-right:1px solid var(--border-ctrl)}
.woocommerce-cart-form .quantity button.plus:hover,.woocommerce-cart-form .quantity button.minus:hover{background:var(--lime);color:var(--text)}
.woocommerce-cart-form .product-remove a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-ctrl);color:var(--text-3);font-family:var(--font-mono);font-size:16px;text-decoration:none;line-height:1}
.woocommerce-cart-form .product-remove a:hover{background:var(--lime);color:var(--text);border-color:var(--lime)}
.woocommerce-cart-form .actions{padding:16px;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.woocommerce-cart-form .coupon{display:flex;gap:0}
.woocommerce-cart-form .coupon input[type=text]{height:44px;padding:0 14px;border:1px solid var(--border-ctrl);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--text);background:var(--surface)}
.woocommerce-cart-form .coupon input[type=text]::placeholder{color:var(--text-4)}
.woocommerce-cart-form .coupon input[type=text]:focus{outline:none;border-color:var(--brand)}
.woocommerce-cart-form .button{height:44px;padding:0 22px;border:1px solid var(--text);background:var(--text);color:var(--surface);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;cursor:pointer;line-height:44px}
.woocommerce-cart-form .button:hover{background:var(--lime);border-color:var(--lime);color:var(--text)}
.woocommerce-cart-form .coupon .button{border-left:none}
.cart_totals{background:var(--surface);border:1px solid var(--border);padding:28px;align-self:start;position:sticky;top:calc(var(--header-h) + 24px)}
.cart_totals h2{font-family:var(--font-head);font-weight:700;text-transform:uppercase;color:var(--text);font-size:18px;letter-spacing:.02em;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3);text-align:left;font-weight:400;padding:12px 0}
.cart_totals td{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--text);text-align:right;padding:12px 0}
.cart_totals .cart-subtotal th,.cart_totals .cart-subtotal td,.cart_totals .shipping th,.cart_totals .shipping td{border-bottom:1px solid var(--border)}
.cart_totals .shipping td{font-size:12px;color:var(--text-2)}
.cart_totals .woocommerce-shipping-methods{margin:0;padding:0;list-style:none}
.cart_totals .woocommerce-shipping-methods li{margin-bottom:6px;font-size:12px}
.cart_totals .order-total th{color:var(--text);font-size:12px;letter-spacing:.12em;padding-top:18px}
.cart_totals .order-total td{font-family:var(--font-head);font-weight:700;font-size:20px;letter-spacing:.02em;color:var(--text);padding-top:18px}
.cart_totals .order-total .amount{font-family:var(--font-head)}
.cart_totals .wc-proceed-to-checkout{margin-top:24px;padding:0}
.cart_totals .wc-proceed-to-checkout .checkout-button{display:block;width:100%;height:52px;line-height:52px;text-align:center;border:1px solid var(--text);background:var(--text);color:var(--surface);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:13px;text-decoration:none}
.cart_totals .wc-proceed-to-checkout .checkout-button:hover{background:var(--lime);border-color:var(--lime);color:var(--text)}
.woocommerce-cart .woocommerce-info,.woocommerce-cart .woocommerce-message{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand);padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--text);margin-bottom:24px}
.woocommerce-cart .cart-empty{font-family:var(--font-head);text-transform:uppercase;color:var(--text-3);font-size:16px}

.delivery-term{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime-text);background:var(--lime);display:inline-block;padding:8px 12px;margin:12px 0;}

.woocommerce-product-gallery{opacity:1!important}

.hero__cta{display:flex;gap:2px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-decoration:none;border:1px solid var(--text);transition:background-color .15s,color .15s}
.btn--lime{background:var(--lime);color:var(--text);border-color:var(--lime)}
.btn--lime:hover{background:var(--lime-hover);border-color:var(--lime-hover)}
.btn--ghost{background:transparent;color:var(--text)}
.btn--ghost:hover{background:var(--text);color:var(--surface)}
.hero__stats{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px);margin-top:clamp(32px,5vw,56px);padding-top:24px;border-top:1px solid var(--border)}
.hero__stat{display:flex;flex-direction:column;gap:4px}
.hero__stat-num{font-family:var(--font-head);font-weight:900;font-size:clamp(24px,2.6vw,34px);line-height:1;color:var(--text)}
.hero__stat-lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--text-3)}