/*
Theme Name: WPWC Fashion
Theme URI: https://wpwc.ru/templates/fashion/
Author: WPWC / ООО «НА ЮГА»
Author URI: https://wpwc.ru/
Description: Fashion retail storefront on WPWC Atelier — bold type, large media, clean catalog.
Template: wpwc-atelier
Version: 1.3.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: wpwc-atelier-fashion
WPWC Modules: supported
WPWC Preset: fashion
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@500;600;700&family=Syne:wght@700;800&display=swap');

:root {
  --wpwc-accent: #C45C26;
  --wpwc-ink: #121212;
  --wpwc-muted: #5C5C5C;
  --wpwc-bg: #F2F2F0;
  --wpwc-card: #ffffff;
  --wpwc-line: rgba(18, 18, 18, 0.1);
  --wpwc-radius: 8px;
  --wpwc-radius-sm: 6px;
  --wpwc-font: "Instrument Sans", "Segoe UI", sans-serif;
  --wpwc-display: "Syne", "Segoe UI", sans-serif;
  --wpwc-cols: 3;
}

body {
  background:
    linear-gradient(180deg, #EAEAE6 0%, var(--wpwc-bg) 28%),
    var(--wpwc-bg);
  font-family: var(--wpwc-font);
}

.site-promo { background: #121212; letter-spacing: .06em; text-transform: uppercase; font-size: 11px; }
.site-brand { font-family: var(--wpwc-display); font-size: 24px; letter-spacing: -.04em; }
.site-brand span { color: var(--wpwc-accent); }
.site-nav a { font-size: 13px; letter-spacing: .02em; text-transform: uppercase; }

.hero--visual { min-height: min(80vh, 720px); }
.hero--visual::after {
  background:
    linear-gradient(90deg, rgba(10,10,10,.78) 0%, rgba(10,10,10,.35) 55%, rgba(10,10,10,.2) 100%),
    linear-gradient(180deg, transparent 40%, rgba(10,10,10,.75));
}
.hero h1 {
  font-family: var(--wpwc-display);
  font-size: clamp(42px, 7vw, 72px);
  max-width: 10ch;
  letter-spacing: -.05em;
  text-transform: uppercase;
}
.hero-kicker { color: #E8A070; letter-spacing: .22em; }

.trust-strip {
  border-color: rgba(18,18,18,.14);
  background: transparent;
}
.trust-item strong {
  font-family: var(--wpwc-display);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .04em;
}

ul.products { gap: 14px !important; }
ul.products li.product {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
ul.products li.product:hover {
  transform: none;
  box-shadow: none;
}
ul.products li.product img {
  aspect-ratio: 3 / 4;
  border-radius: 0;
}
ul.products li.product:hover img { transform: scale(1.02); }
ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wpwc-display);
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 12px 0 2px !important;
}
ul.products li.product .price,
ul.products li.product .button { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; }
ul.products li.product .price { font-size: 14px !important; }

.woocommerce div.product {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.woocommerce div.product .product_title {
  font-family: var(--wpwc-display);
  text-transform: uppercase;
  letter-spacing: -.03em;
}


/* 1.2.2 */
.hero--visual { min-height: min(84vh, 760px); }
.hero-lead { max-width: 36ch; font-size: 16px; color: rgba(255,255,255,.86); }
.section-head h2 { font-family: var(--wpwc-display); text-transform: uppercase; letter-spacing: -.03em; }
.trust-item span { font-size: 13px; }
ul.products li.product .price { font-weight: 700; }
.woocommerce div.product .summary { max-width: 420px; }


/* 1.3.0 editorial */
.hero--visual::after {
  background:
    linear-gradient(90deg, rgba(8,8,8,.88) 0%, rgba(8,8,8,.42) 55%, rgba(8,8,8,.22) 100%),
    linear-gradient(180deg, transparent 35%, rgba(8,8,8,.8));
}
ul.products li.product {
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important;
}
ul.products li.product:hover { transform: none; box-shadow: none !important; }
ul.products li.product .button {
  width: fit-content !important; margin-left: 0 !important; margin-right: 0 !important;
  background: transparent !important; color: var(--wpwc-ink) !important;
  border: 0 !important; border-bottom: 1px solid var(--wpwc-ink) !important;
  border-radius: 0 !important; padding: 6px 0 !important; font-size: 12px !important;
  letter-spacing: .1em; text-transform: uppercase; justify-content: flex-start !important;
}
ul.products li.product .woocommerce-loop-product__title { padding-left: 0 !important; padding-right: 0 !important; min-height: 0; }
ul.products li.product .price { padding-left: 0 !important; padding-right: 0 !important; }
.hero-secondary { border-bottom-color: rgba(255,255,255,.45); }