/* Customer storefront theme: rose, plum and warm porcelain.
   ERP tokens remain untouched; all three public storefront pages load this
   after store.css. Product photography stays on a neutral surface. */
:root {
  --store-plum: #493344;
  --store-plum-deep: #352634;
  --store-berry: #9C3F5D;
  --store-berry-deep: #7D2F4C;
  --store-rose: #F8E8EA;
  --store-rose-line: #EAD8DD;
  --store-porcelain: #FFF9F7;
  --store-surface: #FFFFFF;
  --store-ink: #302830;
  --store-muted: #71656E;
  --store-shadow: 0 16px 42px rgba(73, 51, 68, .09);
  --brand-gold: var(--store-berry);
  --brand-gold-dark: var(--store-berry-deep);
  --brand-gold-soft: var(--store-rose);
  --brand-charcoal: var(--store-plum);
  --brand-paper: var(--store-porcelain);
  --color-text: var(--store-ink);
  --color-muted: var(--store-muted);
  --color-border: var(--store-rose-line);
  --shadow-soft: var(--store-shadow);
}

html, body { background:var(--store-porcelain) }
body { color:var(--store-ink) }
::selection { color:#fff;background:var(--store-berry-deep) }
:focus-visible { outline:3px solid var(--store-berry);outline-offset:3px }
.announcement { background:var(--store-plum-deep);color:#fff8f9;letter-spacing:.01em }
.announcement-separator { background:#E7A9B8 }
.store-header { border-color:var(--store-rose-line);background:rgba(255,249,247,.97);box-shadow:0 3px 20px rgba(73,51,68,.035) }
.header-nav { border-color:var(--store-rose-line) }
.store-brand strong { color:var(--store-plum-deep);font-size:20px;letter-spacing:-.025em }
.store-brand small { color:var(--store-berry-deep);font-weight:700 }
.search-box { border-color:var(--store-rose-line);background:#fff }
.search-box:focus-within { border-color:var(--store-berry);box-shadow:0 0 0 4px rgba(156,63,93,.11) }
.search-box kbd { border-color:var(--store-rose-line) }
.quick-actions button:hover,.quick-actions a:hover { background:var(--store-rose) }
.quick-actions b { background:var(--store-berry-deep) }
.header-nav a:hover { color:var(--store-berry-deep) }

.hero { min-height:565px;grid-template-columns:1fr .92fr;gap:clamp(30px,5vw,82px);padding-block:54px 70px }
.hero-copy { padding-right:clamp(0px,4vw,44px) }
.hero-kicker,.section-heading p,.guide-copy>p:first-child { color:var(--store-berry-deep);letter-spacing:0 }
.hero-kicker { display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #EBD2DA;border-radius:100px;background:#fff;font-size:12px }
.hero-kicker::before { content:"";width:7px;height:7px;border-radius:50%;background:var(--store-berry) }
.hero h1 { color:var(--store-plum-deep);font-size:clamp(38px,5.2vw,69px);line-height:1.35 }
.hero h1 em { color:var(--store-berry-deep) }
.hero-copy>p:not(.hero-kicker) { max-width:550px;color:var(--store-muted);font-size:15px }
.hero-trust { gap:10px }
.hero-trust span { padding:8px 11px;border:1px solid var(--store-rose-line);border-radius:100px;background:#fff;color:var(--store-plum);font-size:11px }
.hero-trust b { color:var(--store-berry-deep) }
.primary-action,.context-guide a,.add-cart,.detail-actions .buy { border-color:var(--store-berry-deep);background:var(--store-berry-deep);color:#fff }
.primary-action:hover,.context-guide a:hover,.add-cart:hover,.detail-actions .buy:hover { background:var(--store-plum-deep) }
.text-action,.guide-all-link { color:var(--store-berry-deep) }
.hero-visual { min-height:480px;border-radius:28px;background:#EFE2DF;box-shadow:var(--store-shadow) }
.hero-classic { display:none }
.hero-visual:before { z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(40,27,36,.48)) }
.hero-editorial-image { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37% }
.hero-editorial-label { position:absolute;z-index:3;top:20px;right:20px;max-width:230px;padding:8px 11px;border:1px solid rgba(255,255,255,.75);border-radius:9px;background:rgba(255,255,255,.86);color:var(--store-plum);font-size:10px;font-weight:800;line-height:1.6;backdrop-filter:blur(8px) }
.hero-visual .floating-stat { bottom:22px;top:auto;padding:11px 15px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(53,38,52,.85);box-shadow:none }
.hero-visual .stat-a { right:22px;left:auto }
.hero-visual .stat-b { left:22px;right:auto }
.floating-stat strong { color:#fff;font-size:21px }
.floating-stat small { color:#F3DDE3 }

.trust-strip { background:#fff;border-color:var(--store-rose-line) }
.trust-strip article { border-color:var(--store-rose-line) }
.trust-strip article>span { color:var(--store-berry);font-weight:700 }
.category-section { padding-top:68px }
.section-heading h2 { color:var(--store-plum-deep);font-weight:900 }
.category-card,.education-card,.product-card,.filters,.product-detail,.guide-article,.studio-shell,.color-studio { border-color:var(--store-rose-line);box-shadow:0 4px 18px rgba(73,51,68,.035) }
.category-card:hover,.category-card.active,.education-card:hover,.education-card.recommended { border-color:var(--store-berry);box-shadow:var(--store-shadow) }
.category-card i { border-radius:50%;background:var(--store-rose);color:var(--store-berry-deep) }
.category-card em,.product-category,.education-card small { color:var(--store-berry-deep) }
.category-card.active { background:#FFF4F5 }
.education-card.recommended:after { background:var(--store-plum-deep) }
.education-card img { filter:saturate(.92) }
.product-card:hover { border-color:#C9879B;box-shadow:var(--store-shadow) }
.product-media,.gallery-main,.drawer-thumb { background:#F8F7F5 }
.product-placeholder { border-color:#DFDBD8;background:#F8F7F5;color:#AAA4A1 }
.product-badge { background:var(--store-plum-deep) }
.product-tools button.active { border-color:var(--store-berry);background:var(--store-rose);color:var(--store-berry-deep) }
.product-price { border-color:var(--store-rose-line) }
.add-cart[disabled] { border-color:#E9E6E3;background:#F0EEEB;color:#807B79 }
.filters,.product-detail,.purchase-panel { background:#fff }
.filter-info,.active-filter,.detail-guide-link { background:var(--store-rose) }
.active-filter { border-color:var(--store-berry) }
.pagination button.active,.studio-submit { border-color:var(--store-berry-deep);background:var(--store-berry-deep) }
.shopping-guide { background:var(--store-plum-deep) }
.shopping-guide li { border-color:#684E63;background:#443244 }
.shopping-guide li>b { color:#EAB7C5 }
.shopping-guide span,.guide-copy>p:last-child { color:#E1CEDA }
.store-footer { border-top:1px solid var(--store-rose-line);background:#fff }
.store-footer a:hover { color:var(--store-berry-deep) }
.drawer-empty i { background:var(--store-rose);color:var(--store-berry-deep) }
.drawer-total { background:var(--store-plum-deep) }
.drawer-total button { background:var(--store-berry) }

.guide-hero { background:var(--store-plum-deep) }
.guide-hero p,.guide-kicker,.answer-kicker { color:#EAB7C5 }
.guide-hero h1 em { color:#F7C9D4 }
.guide-hero>div>span { color:#E6D5DF }
.guide-topic-nav a { border-color:#70546A;color:#F5E7EE }
.guide-topic-nav a:hover,.guide-topic-nav a.active { border-color:var(--store-berry);background:var(--store-berry) }
.studio-answer { background:var(--store-plum-deep) }
.studio-answer p,.answer-footer { color:#EADDE6 }
.answer-avatar,.studio-answer.has-result .answer-avatar { border-color:#A96B86;background:var(--store-berry-deep);color:#fff }
.measurement-field,.color-controls { background:var(--store-porcelain) }
.studio-options input:checked+span,.preview-types button.active,.skin-options label:has(input:checked) { border-color:var(--store-berry);background:var(--store-rose);color:var(--store-berry-deep) }
.palette-preview { background:radial-gradient(circle at 50% 35%,#fff 0,#faf5f4 57%,#eee6e5 100%) }
.palette-stage { background:#fff }
.context-guide,.coverage-note { border-color:var(--store-rose-line);background:#FFF5F6 }
.color-story,.guide-article-copy aside { border-color:var(--store-berry);background:var(--store-rose);color:var(--store-berry-deep) }
.guide-article-copy li,.spec-grid div { background:var(--store-porcelain) }
.guide-article-copy li>b { color:var(--store-berry-deep) }
.guide-article figure { background:#F8F7F5 }
.guide-article-copy aside strong,.detail-guide-link span,.detail-guide-link em { color:var(--store-berry-deep) }
.studio-options input:focus-visible+span,.skin-options input:focus-visible+span,.preview-types button:focus-visible,.palette-swatch:focus-visible { outline-color:var(--store-berry) }

@media(max-width:900px) {
  .hero { min-height:0;grid-template-columns:1fr;gap:26px;padding-block:32px 45px }
  .hero-visual { min-height:400px }
}
@media(max-width:600px) {
  .hero { padding-top:26px }
  .hero h1 { font-size:38px }
  .hero-visual { min-height:345px;border-radius:21px }
  .hero-editorial-label { top:11px;right:11px;max-width:190px;font-size:9px }
  .hero-visual .floating-stat { bottom:12px;padding:7px 9px }
  .hero-visual .stat-a { right:12px }
  .hero-visual .stat-b { left:12px }
  .floating-stat strong { font-size:16px }
  .hero-trust span { font-size:10px }
  .category-section { padding-top:48px }
}