/*
Theme Name: WPWC Cosmetics
Theme URI: https://wpwc.ru/templates/cosmetics/
Author: WPWC / ООО «НА ЮГА»
Author URI: https://wpwc.ru/
Description: Beauty retail storefront on WPWC Atelier — soft editorial hero, product focus, calm checkout.
Template: wpwc-atelier
Version: 1.3.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: wpwc-atelier-cosmetics
WPWC Modules: supported
WPWC Preset: cosmetics
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,500;9..40,600;9..40,700&family=Cormorant+Garamond:wght@600;700&display=swap');

:root {
  --wpwc-accent: #B84A72;
  --wpwc-ink: #2A1B24;
  --wpwc-muted: #7A5F6A;
  --wpwc-bg: #F8F2F4;
  --wpwc-card: #ffffff;
  --wpwc-line: rgba(42, 27, 36, 0.09);
  --wpwc-radius: 14px;
  --wpwc-radius-sm: 10px;
  --wpwc-font: "DM Sans", "Segoe UI", sans-serif;
  --wpwc-display: "Cormorant Garamond", Georgia, serif;
}

body {
  background:
    radial-gradient(900px 420px at 80% -15%, rgba(184, 74, 114, 0.12), transparent 55%),
    var(--wpwc-bg);
  font-family: var(--wpwc-font);
}

.site-promo { background: #2A1B24; color: #F4E6EC; }
.site-brand { font-family: var(--wpwc-display); font-size: 28px; font-weight: 700; }
.site-brand span { color: var(--wpwc-accent); }

.hero--visual { min-height: min(72vh, 640px); }
.hero--visual::after {
  background:
    linear-gradient(105deg, rgba(32, 16, 24, 0.82) 0%, rgba(32, 16, 24, 0.4) 50%, rgba(32, 16, 24, 0.2) 100%),
    linear-gradient(180deg, transparent, rgba(32, 16, 24, 0.7));
}
.hero h1 { font-family: var(--wpwc-display); font-size: clamp(40px, 6vw, 64px); max-width: 12ch; }
.hero-kicker { color: #E8A0BC; }

.trust-strip .trust-item strong { font-family: var(--wpwc-display); font-size: 20px; }

ul.products li.product {
  border: 0;
  box-shadow: 0 10px 28px rgba(42, 27, 36, 0.06);
}
ul.products li.product img { aspect-ratio: 1 / 1; }
ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wpwc-display);
  font-size: 21px !important;
  font-weight: 600;
}
ul.products li.product .price { color: var(--wpwc-accent) !important; }

.woocommerce div.product { border: 0; box-shadow: 0 14px 40px rgba(42, 27, 36, 0.07); }
.woocommerce div.product .product_title { font-family: var(--wpwc-display); }


/* 1.2.2 polish */
.hero-lead { font-size: 17px; max-width: 38ch; }
ul.products li.product { padding-bottom: 18px; }
.woocommerce div.product .product_title { font-size: clamp(32px, 4vw, 44px); }


/* 1.3.0 */
.hero--visual::after {
  background:
    linear-gradient(105deg, rgba(28,14,22,.9) 0%, rgba(28,14,22,.48) 50%, rgba(28,14,22,.22) 100%),
    linear-gradient(180deg, transparent, rgba(28,14,22,.78));
}
ul.products li.product .button {
  background: var(--wpwc-accent) !important; color: #fff !important; border-color: transparent !important;
}
.hero-secondary { border-bottom-color: rgba(255,255,255,.4); }