/* ALLEXYS ATELIER 2.8 — visual público. Removível sem alterar banco ou JS. */
:root{--bg:#f7f6f5;--panel:#fff;--panel2:#f3f0f6;--text:#20253b;--muted:#68718a;--line:#e4e1e9;--radius:21px;--alx-ink:#202641;--alx-blue:#182340;--alx-violet:#6b52a5;--alx-pearl:#faf8f4;--alx-gold:#bfa77b}
html{scroll-padding-top:95px}
body{background:#f7f6f5;color:#22283d;font-size:15px}
body::selection{background:#c9b8ed;color:#172240}
body .ambient,body .noise{opacity:0!important}
body :focus-visible{outline:3px solid #8d72ca;outline-offset:3px}
/* Cabeçalho refinado: tipografia legível, acesso ao pedido visível */
.site-header{background:#fbfaf9f2!important;color:#26314b!important;border-bottom:1px solid #e5e1e9!important;box-shadow:0 8px 30px #1724420b;height:80px!important;padding:0 clamp(18px,4.5vw,78px)!important;z-index:70}
.brand{gap:12px}.brand b{color:#253254;font-size:15px;letter-spacing:.19em}.brand small{color:#74678e;font-size:9px;letter-spacing:.18em}
.brand-mark{background:#eae3f3!important;color:#49366f!important;border:1px solid #d1c4e6!important;border-radius:13px;width:42px;height:42px}
.desktop-nav{gap:clamp(12px,1.7vw,28px)}
.desktop-nav a,.desktop-nav button{color:#4a5268!important;font-size:12px!important;font-weight:700!important}
.desktop-nav a:hover,.desktop-nav button:hover{color:#4b367d!important}
.header-actions .icon-action,.header-actions .bag-btn{background:#fff!important;border:1px solid #e1dde9!important;color:#3b3e61!important;border-radius:13px;box-shadow:0 3px 10px #1d234708}
.header-actions .icon-action:hover,.header-actions .bag-btn:hover{background:#ede7f5!important}
.header-actions .bag-btn{font-weight:800}.header-actions .bag-btn b{background:#564191;color:#fff}
/* Home editorial image; custom banner remains in control via --hero-image */
.hero{display:flex!important;align-items:center;min-height:min(800px,calc(100svh - 80px));padding:clamp(100px,11vw,160px) clamp(25px,7vw,115px)!important;background-color:#182342!important;background-image:linear-gradient(90deg,rgba(14,23,48,.96) 0%,rgba(15,24,52,.9) 30%,rgba(17,24,52,.62) 55%,rgba(18,21,44,.12) 100%),var(--hero-image,url('../images/allexys-banner-premium.webp'))!important;background-size:cover!important;background-position:center center!important;isolation:isolate}
.hero::after{background:linear-gradient(90deg,transparent,#d6c2eb88,transparent)!important;left:5vw;right:5vw}
.hero-content{max-width:min(680px,62vw);position:relative;z-index:2}
.hero h1{font:500 clamp(49px,5.8vw,94px)/.99 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-.049em;text-wrap:balance}
.hero p{color:#d3d4e5!important;font-size:clamp(16px,1.3vw,19px);line-height:1.75;max-width:570px}
.hero .eyebrow{color:#d7b7f0;font-size:11px;letter-spacing:.2em}
.hero .hero-visual{display:none!important}
.hero-actions{gap:12px;margin-top:34px}
.btn{border-radius:12px;min-height:51px;font-weight:780;letter-spacing:.01em;transition:transform .2s,box-shadow .2s}
.btn-primary{background:#f4eefb!important;color:#3b296f!important;box-shadow:0 12px 28px #05091b33!important}
.btn-primary:hover{background:#fff!important;color:#26184f!important}
.hero .btn-ghost{background:transparent!important;color:#fff!important;border:1px solid #d8d3ec83!important}
.hero .btn-ghost:hover{background:#ffffff19!important}
.hero-proof{color:#c3c6db;margin-top:50px;font-size:10px}
.hero-proof b{color:#e5d5ff!important}.hero-proof i{background:#dcd1e165}
.promise-strip{background:#f0edf3!important;border-bottom:1px solid #e0dce7!important;box-shadow:0 6px 24px #262d4610}
.promise-strip div{color:#584c78!important;border-right-color:#ded7e9!important;font-size:10px;font-weight:750;padding:18px 12px}
/* Caminhos de descoberta: pedidos por intenção em vez de só categoria */
.discovery-paths{padding:66px clamp(20px,5vw,78px) 14px;max-width:1700px;margin:auto}
.discovery-paths-heading{font-family:Georgia,serif;color:#242942;font-size:clamp(31px,3.5vw,49px);font-weight:500;letter-spacing:-.035em;max-width:840px;line-height:1.08;margin:5px 0 26px}
.discovery-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.discovery-path-card{padding:30px;min-height:204px;position:relative;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #e4e0e9;box-shadow:0 9px 28px #2535530e;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .25s,box-shadow .25s}
.discovery-path-card::before{content:"";position:absolute;inset:auto -25% -95% 10%;height:220px;border-radius:50%;background:#cab8ee;filter:blur(75px);opacity:.24;pointer-events:none}
.discovery-path-card:nth-child(2){background:#f5f0fa}.discovery-path-card:nth-child(3){background:#e9e7f2}
.discovery-path-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #25355318}
.discovery-path-card small{color:#7a6d96;font-size:10px;font-weight:900;letter-spacing:.15em}
.discovery-path-card strong{color:#252a45;font:500 clamp(24px,2.3vw,36px) Georgia,serif;line-height:1.05;letter-spacing:-.03em}
.discovery-path-card span{color:#675e79;font-size:13px;line-height:1.5}
.discovery-path-card i{font-style:normal;color:#5a448e;font-size:23px;position:absolute;right:23px;bottom:17px}
/* Seções e títulos em superfície pérola */
.catalog-section,.catalog-universes,.editorial-collections,.launches-home{background:transparent;color:#22283d}
.catalog-section{padding-top:75px}.catalog-universes{padding-top:75px!important}
.editorial-collections{padding-top:78px!important}
.launches-home{padding-top:75px!important}
.section-head h2,.story-section h2,.accords-section h2,.pyramid-section h2{color:#262940!important;line-height:1.08!important}
.section-head p,.catalog-summary p{color:#66718a!important;font-size:14px;line-height:1.7}
.eyebrow{color:#7154a0!important;font-size:10px;letter-spacing:.15em}
.section-head{margin-bottom:29px}
.catalog-all-link{color:#553c84!important;border-color:#b8acc9!important;font-size:13px}
.catalog-home-tools{gap:13px}
.search-field,.catalog-page-toolbar .search-field{background:#fff!important;color:#2c3449!important;border:1px solid #dcdce8!important;border-radius:12px;box-shadow:0 4px 16px #17213c08}
.search-field input{color:#26314a!important;font-size:14px}.search-field input::placeholder{color:#8b91a5!important}
.universe-pills a,.catalog-filter-groups a,.catalog-filter-categories a{background:#fff!important;color:#4b536c!important;border:1px solid #dce0e9!important;font-size:11px!important;font-weight:800;border-radius:999px;padding:9px 15px}
.universe-pills a:hover,.universe-pills a.active,.catalog-filter-groups a:hover,.catalog-filter-groups a.active,.catalog-filter-categories a:hover{background:#e9e3f5!important;border-color:#b7a5d9!important;color:#412b76!important}
.catalog-group-section{margin-top:46px!important}
.catalog-group-head{background:linear-gradient(115deg,#222e4b,#342750 65%,#48305d)!important;border:1px solid #48385e!important;border-radius:22px!important;box-shadow:0 16px 40px #21345a16!important;min-height:172px!important}
.catalog-group-head.has-image:after{background:linear-gradient(90deg,#1c2949e9 0 42%,#1d2646a4 75%,#1c294970),var(--group-image) center/cover no-repeat!important}
.catalog-group-head h3,.catalog-group-head strong{color:#fff!important}
.catalog-group-head p{color:#e2dfed!important}
.catalog-group-cta{background:#ffffff18!important;border:1px solid #ffffff60!important;color:#fff!important;font-weight:800}
.category-showcase.fragrance-category{background:#fff!important;border:1px solid #e4e1e9!important;box-shadow:0 7px 20px #1727440b!important}
.category-showcase-head h4{color:#263149!important}
.category-showcase-head p,.category-showcase-actions small{color:#68718b!important}
.category-showcase-head>img{background:#f4f1fa!important;border-color:#ddd5eb!important}
.category-showcase-actions a{background:#f6f3fb!important;border-color:#ddd4ed!important;color:#50397f!important}
.category-more a{color:#514178!important;border-color:#a7a1b5!important}
/* Product cards now resemble a boutique: lighter, more spacious */
.product-grid{gap:clamp(13px,1.45vw,23px)!important}
.product-card,.collection-products .product-card{background:#fff!important;border:1px solid #e4e1e9!important;border-radius:20px!important;box-shadow:0 7px 24px #26305210!important;overflow:hidden}
.product-card:hover{transform:translateY(-5px)!important;border-color:#b8a5d8!important;box-shadow:0 20px 42px #24325221!important}
.product-image{height:330px!important;background:linear-gradient(145deg,#f6f3f8,#eceaf3)!important}
.product-image img{object-fit:contain!important;object-position:center!important}
.product-body{padding:21px!important}
.product-body h3{color:#26304a!important;font:500 29px/1.1 Georgia,serif;margin-top:9px}
.product-body>p{color:#687289!important;font-size:12px;line-height:1.65}
.product-meta{color:#706b7e!important;font-size:10px;font-weight:800}
.product-meta span{color:#706b7e!important}
.card-variants{display:flex;gap:5px;flex-wrap:wrap}
.card-variants span{border:1px solid #e4e0ec!important;background:#f9f8fb!important;color:#3c4863!important;border-radius:9px!important}
.card-variants span b{color:#57617b!important}.card-variants span strong{color:#392c61!important}
.card-action{border-top:1px solid #ebe7ef;margin-top:17px;padding-top:15px;color:#4c347e!important;font-size:12px}
.card-action b{color:#7153a4!important}
.card-toolbox .mini-tool{background:#fff!important;color:#443762!important;border:1px solid #e3dcea!important;box-shadow:0 2px 8px #13254117}
.image-status{font-size:9px}
/* Coleções com imagens dramáticas e cartões claros */
.collection-block{background:#fff!important;border-color:#e3dfeb!important;border-radius:23px!important;box-shadow:0 10px 35px #2833520d}
.collection-cover{background-image:linear-gradient(90deg,#182541e8,#1d234170),var(--collection-image)!important}
.collection-copy{background:#2c2946!important}.collection-copy :is(h3,p){color:#fff!important}
.collection-products{background:#f4f2f6!important;border-color:#e2dfea!important;gap:12px!important;padding:14px!important}
.collection-products .product-card{border-radius:14px!important}.collection-products .product-image{height:290px!important}
/* Lançamentos continuam editoriais mas em vez do fundo totalmente preto */
.launch-card{background:#fff!important;border:1px solid #e3dfeb!important;box-shadow:0 10px 35px #242e4e14!important;border-radius:22px!important}
.launch-card-image{background:#eae8f1!important}
.launch-card h3{color:#26304b!important}
.launch-card p{color:#6a7589!important}.launch-date{color:#715b95!important}
.launch-reserve-link{color:#513681!important}
.launch-size-chips span{color:#48385c!important;background:#f4f0f8!important;border-color:#e1d7ed!important}
/* Qual combina com você: high contrast editorial */
.quick-match{background:linear-gradient(135deg,#222a49,#352751 75%,#4b355f)!important;border-color:#40405e!important;box-shadow:0 23px 58px #24244325!important}
.quick-match .eyebrow,.quick-match-step>small,.quick-match-results small{color:#d1b9ec!important}
.quick-match-head h2,.quick-match-step h3,.quick-match-results h3{color:#fff!important}
.quick-match-head p{color:#d1cfe0!important}
.quick-match-choices button{background:#ffffff14!important;color:#fff!important;border:1px solid #ffffff38!important}
.quick-match-choices button:hover{background:#ffffff20!important;border-color:#d4c1e9!important}
.quick-match-choices button>small{color:#d3cfdf!important}
.quick-result-card{background:#ffffff0e!important;border-color:#ffffff38!important;color:#fff!important}
.quick-result-copy strong{color:#fff!important}
.quick-result-copy small,.quick-result-match span{color:#c7c9da!important}
/* Product detail: airy and legible with strong purchase card */
.product-page{padding-top:48px}
.gallery-main{background:#f0edf3!important;border:1px solid #e0dce9!important;border-radius:24px!important;box-shadow:0 10px 28px #26334f10!important}
.gallery-thumbs>*{background:#f4f1f5!important;border-color:#e2ddeb!important}
.product-page h1,.product-cinematic h1{color:#222940}
.product-page .crumb{color:#6f7a90!important}
.product-page .detail-price small,.product-page .variant-option span{color:#61718c!important}
.product-page .detail-price strong{color:#292e4b!important}
.product-page .variant-option{background:#fff!important;border:1px solid #d9dce5!important;color:#26304b!important;border-radius:12px!important;box-shadow:0 4px 13px #24335409}
.product-page .variant-option.active{background:#ede7f6!important;border-color:#8971bc!important;box-shadow:inset 0 0 0 1px #8169b5!important}
.product-page .variant-option strong{color:#283453}
.product-page .purchase-reassurance{border:1px solid #e0dce7!important;background:#fff!important;border-radius:12px!important}
.product-page .purchase-reassurance strong,.product-page .product-sensory-context strong{color:#372e58!important}
.product-page .purchase-reassurance p,.product-page .product-sensory-context p{color:#5e6981!important}
.product-page .story-section,.product-page .accords-section,.product-page .personality-section,.product-page .pyramid-section,.product-page .reviews-section{border-top:1px solid #e1deea!important}
.product-page .story-section p,.product-page .accords-section p,.product-page .reviews-summary p{color:#5c6a7e!important;line-height:1.8}
.product-page .reviews-summary h2{color:#25304b!important}
.product-page .review-cards article{background:#fff!important;border-color:#e1ddeb!important}
.product-page .review-cards p,.product-page .review-cards b{color:#4f5c75!important}
.product-page .personality-section{color:#2b344b}
.detail-end{background:linear-gradient(110deg,#242c4e,#463066)!important}
.detail-end h2{color:#fff!important}
/* Catalog standalone and institutional page */
.catalog-page-hero{background:linear-gradient(110deg,#eee9f2,#f8f7f9)!important;border-bottom:1px solid #e3dfe9!important}
.catalog-page-hero h1{color:#24314b!important}.catalog-page-hero p{color:#5e6b81!important}
.catalog-page-count span{color:#69748b!important}
.catalog-page-count strong{color:#343654!important}
.catalog-sort{color:#5e6c83!important}.catalog-sort select{background:#fff!important;color:#29334d!important;border-color:#dbe0e9!important}
.content-page article{background:#fff!important;color:#34425a!important;border-color:#e2e0e9!important;box-shadow:0 8px 25px #1727400c}
.content-page h1{color:#26314b!important}
/* Contact is editorial; form remains visible */
.contact-section{background:linear-gradient(115deg,#252d4e,#3e3159)!important;border-color:#4a415e!important;box-shadow:0 23px 55px #29345816!important}
.contact-section .eyebrow{color:#d2bcec!important}.contact-copy h2{color:#fff!important}.contact-copy p{color:#d9d6e8!important}
.contact-form label{color:#e1d9eb!important}
.contact-form :is(input,textarea){background:#fff!important;color:#29354e!important;border-color:#d7d0e6!important}
.contact-form :is(input,textarea)::placeholder{color:#858ca1!important}
.contact-form input:focus,.contact-form textarea:focus{border-color:#af9adb!important;box-shadow:0 0 0 3px #c1b2ea4a}
/* Footer and contextual drawers */
body>footer{background:#18213a!important;color:#d4dbeb!important;border-top:1px solid #273251!important}
body>footer .brand b{color:#fff!important}body>footer .brand small{color:#d3c3e8!important}
body>footer p,body>footer a{color:#cbd2e1!important}body>footer a:hover{color:#fff!important}
.cart-drawer,.side-drawer{background:#fff!important;color:#24324b!important;border-color:#e1dfeb!important;box-shadow:0 0 70px #171d3552}
.cart-drawer h2,.side-drawer h2{color:#222b47!important}
.cart-footer{background:#f8f7fa!important;border-color:#e2dfeb!important}
.cart-footer label{color:#3d4860!important}
.cart-footer input,.cart-footer textarea{background:#fff!important;color:#27334d!important;border-color:#d7dce7!important}
.cart-footer small{color:#63708a!important}
.cart-total{color:#222b47}.drawer-head{border-color:#e5e2ed!important}
.drawer-head button{color:#473a60!important}
/* Overlays/modal are intentionally dark for focus; ensure contrast */
.modal-panel,.finder-panel,.compare-panel{background:#20233d!important;border-color:#55426c!important;color:#fff!important}
.modal-panel :is(h2,h3){color:#fff}.modal-panel p{color:#cdd0dc}
/* subtle digital details */
.section-head .eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:#a88bc3;vertical-align:middle;margin-right:9px}
.card-action:hover{color:#1e1a50!important}
@media(max-width:1150px){.desktop-nav{gap:12px}.desktop-nav a,.desktop-nav button{font-size:11px!important}.hero-content{max-width:66vw}.discovery-path-card{padding:25px}}
@media(max-width:900px){.hero{min-height:640px;background-position:65% center!important}.hero-content{max-width:80vw}.discovery-paths-grid{grid-template-columns:1fr 1fr}.discovery-path-card:last-child{grid-column:1/-1}.product-grid{gap:14px!important}}
@media(max-width:700px){.site-header{height:70px!important;padding:0 15px!important}.hero{min-height:620px;padding:80px 22px!important;background-position:60% center!important;background-image:linear-gradient(90deg,rgba(14,23,48,.93),rgba(14,23,48,.77) 65%,rgba(14,23,48,.35)),var(--hero-image,url('../images/allexys-banner-premium.webp'))!important}.hero-content{max-width:100%}.hero h1{font-size:clamp(47px,12vw,71px)}.hero p{font-size:15px;max-width:510px}.hero-proof{flex-wrap:wrap;gap:8px}.hero-proof i{width:14px}.discovery-paths{padding:46px 16px 0}.discovery-paths-grid{grid-template-columns:1fr}.discovery-path-card:last-child{grid-column:auto}.discovery-path-card{min-height:145px;padding:24px}.discovery-path-card strong{font-size:28px}.promise-strip{grid-template-columns:repeat(2,1fr)!important}.promise-strip div{padding:13px 8px;font-size:9px}.catalog-section,.catalog-universes{padding-top:55px!important}.product-image{height:320px!important}.collection-products{padding:9px!important}.site-header .brand img{max-width:160px;height:37px}.header-actions{gap:4px}.header-actions .icon-action{width:38px;min-height:39px;padding:0}.header-actions .bag-btn{min-height:39px;padding:0 10px}.contact-section{margin-left:14px;margin-right:14px}.product-page{padding-left:16px;padding-right:16px}}
@media(max-width:430px){.hero{min-height:590px;background-position:62% center!important}.hero .hero-actions{flex-direction:column;align-items:stretch}.hero-proof{margin-top:28px}.product-body{padding:17px!important}.product-body h3{font-size:26px}.header-actions .saved-head{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Mobile must show the meaning of the cart count, not an unexplained number. */
@media(max-width:700px){
 .header-actions .icon-action[data-search-toggle]{display:grid!important;place-items:center;width:38px;min-height:39px}
 .header-actions .bag-btn{display:flex!important;gap:7px!important;padding:0 10px!important;min-width:80px;justify-content:center}
 .header-actions .bag-btn span{display:inline!important;font-size:11px;font-weight:850;color:#353454!important}
 .header-actions .bag-btn b{min-width:22px;height:22px;font-size:10px}
}


/* ALLEXYS ATELIER 2.8.1 | Leitura premium / contraste WCAG
   Corrige diretamente .rich-text (div usado na descricao), que o 2.8.0
   deixava com a cor clara herdada do CSS escuro anterior. */
:root{
  --bg:#FAF9F7;
  --panel:#FFFFFF;
  --panel2:#F5F1F8;
  --text:#252B41;
  --muted:#555D72;
  --line:#E5E1E9;
}
body{background:#FAF9F7;color:#252B41}
/* Tipografia comercial: moderadamente escura em superficies claras. */
.product-page .product-lead{color:#505568!important;font-size:clamp(16px,1.15vw,18px);line-height:1.7}
.product-page .product-sensory-context p{font-size:13px!important;color:#4B586E!important}
.product-page .product-sensory-context strong{color:#3B315D!important}
.product-page .crumb{color:#565F76!important}
.product-page .detail-price small{color:#525E76!important}
.product-page .variant-option span{color:#4D5A74!important}
/* A FRAGRANCIA / A CRIACAO: reduz o vazio a esquerda do editorial. */
.product-page .story-section{
  width:100%;
  max-width:1180px;
  box-sizing:border-box;
  margin:clamp(62px,7vw,115px) auto 0;
  padding:clamp(40px,5vw,75px) clamp(22px,4vw,55px);
  display:grid;
  grid-template-columns:minmax(155px,210px) minmax(0,1fr);
  gap:clamp(24px,4vw,68px);
  align-items:start;
  background:#FAF9F7;
  border-top:1px solid #DDD8E5!important;
  border-bottom:1px solid #E7E1EA;
  border-radius:0;
}
.product-page .story-section > .eyebrow{
  color:#45316E!important;
  padding:13px 0 0!important;
  margin:0;
  letter-spacing:.17em;
  font-size:11px;
  font-weight:850;
  line-height:1.5;
}
.product-page .story-section > div{min-width:0;width:100%;max-width:760px}
.product-page .story-section h2{
  color:#252A42!important;
  font-size:clamp(35px,4vw,61px);
  line-height:1.08!important;
  letter-spacing:-.042em;
  max-width:760px;
  overflow-wrap:break-word;
}
/* O texto da descricao eh DIV.rich-text, e NAO <p>. */
.product-page .story-section .rich-text,
.product-page .story-section .rich-text p{
  color:#514B5C!important;
  font-size:clamp(16.5px,1.1vw,18px);
  font-weight:400;
  line-height:1.75!important;
  max-width:720px;
  overflow-wrap:break-word;
}
.product-page .story-section .rich-text{margin-top:28px}
.product-page .personality-copy p,
.product-page .reviews-summary p,
.product-page .accords-section p{color:#51596D!important;font-size:16px;line-height:1.75}
.product-page .personality-meter>div{color:#323950!important;font-size:13px}
.product-page .personality-meter>div b{color:#4A5367!important;font-size:12px}
.product-page .personality-meter>i{background:#E7E1EE!important}
/* Barra de desempenho vira cartoes claros — o fundo preto remanescente
   do tema antigo escondia parte da tipografia nesta area. */
.product-page .performance-strip{
  background:#E1DFEA!important;
  border:1px solid #E1DFEA!important;
  border-radius:18px!important;
  gap:1px;
}
.product-page .performance-strip article{background:#FFFFFF!important;color:#273047!important}
.product-page .performance-strip article span{color:#586278!important;font-size:11px}
.product-page .performance-strip article b{color:#2A3050!important}
.product-page .performance-strip article i{background:linear-gradient(90deg,#6A52A5 calc(var(--score)*10%),#E8E4EF calc(var(--score)*10%))!important}
.product-page .reviews-summary h2 small{color:#535C71!important}
/* Formatos responsivos: a chamada editorial vem acima do texto no celular. */
@media(max-width:900px){
  .product-page .story-section{grid-template-columns:1fr;gap:14px;padding:39px 28px;margin-top:68px}
  .product-page .story-section > .eyebrow{padding-top:0!important}
  .product-page .story-section .rich-text{margin-top:20px}
}
@media(max-width:600px){
  .product-page .story-section{padding:32px 17px;margin-top:55px}
  .product-page .story-section h2{font-size:clamp(34px,9vw,48px)}
  .product-page .story-section .rich-text{font-size:16.5px;line-height:1.7!important}
  .product-page .performance-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-page .performance-strip article{padding:16px}
}