/* FILUXIA Premium Polish — visitor analytics and intro untouched */
:root{
  --premium-radius:2px;
  --premium-shadow-soft:0 18px 55px rgba(30,22,16,.08);
  --premium-shadow-hover:0 24px 70px rgba(30,22,16,.13);
  --premium-focus:#b78a52;
}
::selection{background:rgba(184,138,82,.22);color:inherit}
html{scroll-padding-top:116px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(.intro-active) .site-header{backdrop-filter:saturate(125%) blur(18px);-webkit-backdrop-filter:saturate(125%) blur(18px)}
a,button,input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--premium-focus)!important;
  outline-offset:4px!important;
}
.button,.menu-toggle,.account-header-link,.journal-home-link,.cart-button,.product-lightbox-close,.product-lightbox-nav{
  min-height:44px;
}
.button{letter-spacing:.11em;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease,color .28s ease}
.button:hover{transform:translateY(-2px)}
.button-primary:hover{box-shadow:0 13px 34px rgba(58,43,31,.18)}
.text-link{position:relative;text-underline-offset:5px}
.text-link::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .32s ease}
.text-link:hover::after{transform:scaleX(1);transform-origin:left}

/* Header and navigation refinement */
.site-header{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.main-nav a,.footer-column a{position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s ease;transform-origin:right}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.main-nav a[aria-current="page"]{color:var(--ink)}
.brand-mark img{display:block}

/* Premium cards and surfaces */
.product-card,.journal-card,.scent-note-card,.account-card,.address-card,.legal-card,.faq-item{
  transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease,border-color .38s ease,background-color .38s ease;
}
.product-card:hover,.journal-card:hover,.scent-note-card:hover,.address-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--premium-shadow-hover);
}
.product-card img,.journal-card img,.product-detail-media img{transition:transform .75s cubic-bezier(.22,.61,.36,1),filter .45s ease}
.product-card:hover img,.journal-card:hover img{transform:scale(1.025)}
.product-detail-media{box-shadow:var(--premium-shadow-soft)}
.product-detail-copy h1,.journal-hero h1,.page-hero h1{text-wrap:balance}
.product-detail-copy>p,.journal-article p,.legal-content p{text-wrap:pretty}
.product-facts li{padding-block:14px}
.product-detail-price{font-variant-numeric:tabular-nums}
.product-burn-footnote{border-left:1px solid rgba(159,116,72,.38);padding-left:14px}

/* Journal readability */
.journal-card h2,.journal-card h3{line-height:1.12;text-wrap:balance}
.journal-card p{max-width:54ch}
.journal-article{font-size:clamp(16px,1.1vw,18px)}
.journal-article p{line-height:1.9}
.journal-article h2{scroll-margin-top:130px;text-wrap:balance}
.journal-article blockquote{border-left:1px solid rgba(159,116,72,.55);padding:4px 0 4px 24px;margin-left:0;color:var(--ink-soft)}
.article-source-list a{overflow-wrap:anywhere}
details summary{min-height:44px;display:flex;align-items:center;cursor:pointer}

/* Forms and customer account */
input,select,textarea{min-height:48px;border-radius:0!important;transition:border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
textarea{min-height:116px}
input:hover,select:hover,textarea:hover{border-color:rgba(91,72,57,.52)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(183,138,82,.10)!important}
label{letter-spacing:.035em}
.form-help,.field-help{line-height:1.65}
.account-dashboard-head h1,.account-intro h1{text-wrap:balance}
.address-card{box-shadow:0 12px 40px rgba(30,22,16,.055)}
.password-toggle{min-width:64px;min-height:44px}

/* Footer refinement */
.site-footer{border-top:1px solid rgba(255,255,255,.08)}
.footer-column a{display:block;width:max-content;max-width:100%;padding-block:3px}
.footer-column a::after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:1px;background:currentColor;opacity:.55;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.footer-column a:hover::after{transform:scaleX(1);transform-origin:left}
.footer-bottom{font-variant-numeric:tabular-nums}

/* Accessibility and motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(max-width:900px){
  .main-nav a{min-height:48px;display:flex;align-items:center}
  .header-actions a,.header-actions button{min-width:44px;min-height:44px}
  .product-actions{gap:10px}
  .product-actions .button{width:100%;justify-content:center}
}
@media(max-width:620px){
  html{scroll-padding-top:94px}
  .announcement{min-height:34px;padding-inline:14px}
  .site-header{padding-inline:16px}
  .product-detail-copy,.journal-article,.legal-content{hyphens:auto}
  .footer-column a{min-height:38px;display:flex;align-items:center}
}

/* FILUXIA V14 — site genelinde dengeli okunabilirlik */
:root{
  --read-body:clamp(15px,.98vw,17px);
  --read-small:clamp(13px,.82vw,15px);
  --read-label:clamp(11px,.72vw,13px);
}
body{font-size:var(--read-body);line-height:1.7}
:where(p,li,dd,dt,address,figcaption){font-size:var(--read-body);line-height:1.75}
:where(.eyebrow,.announcement,.main-nav a,.header-actions a,.header-actions button,.product-detail-link,.text-link,.button,.quick-add,.footer-column strong,.footer-bottom,.product-breadcrumb,.article-meta,.article-source-list,.form-help,.field-help,label){font-size:var(--read-small)}
:where(.product-card p,.journal-card p,.product-detail-copy p,.product-story-copy p,.product-care p,.legal-content p,.faq-item p,.account-card p,.address-card p){font-size:var(--read-body);line-height:1.72}
.product-card .product-top strong,.product-detail-price,.cart-total strong{font-size:clamp(16px,1vw,19px)}
.product-facts li span,.product-facts li strong{font-size:var(--read-small);line-height:1.55}
.scent-note-card p,.product-use-list li,.product-reuse-note,.product-burn-footnote{font-size:var(--read-small);line-height:1.7}
input,select,textarea,button{font-size:15px}
.footer-brand p,.footer-column a{font-size:var(--read-small);line-height:1.7}
.footer-column strong{font-size:12px;letter-spacing:.13em}
.journal-article,.legal-content{font-size:clamp(16px,1vw,18px)}
.journal-article p,.legal-content p,.journal-article li,.legal-content li{font-size:inherit;line-height:1.9}
.article-source-list li,.article-source-list a{font-size:14px;line-height:1.75}
@media(max-width:900px){
  :root{--read-body:16px;--read-small:14px;--read-label:12px}
  body{line-height:1.72}
  .announcement{font-size:12px}
  .main-nav a{font-size:15px}
  .product-card p,.journal-card p{font-size:15px}
  .product-detail-copy p,.product-story-copy p,.product-care p{font-size:16px}
  .footer-brand p,.footer-column a{font-size:14px}
}
@media(max-width:560px){
  :root{--read-body:16px;--read-small:14px;--read-label:12px}
  p,li{line-height:1.72}
  .eyebrow{font-size:12px;letter-spacing:.14em}
  .button,.quick-add,.product-detail-link,.text-link{font-size:12px;letter-spacing:.09em}
  .product-card .product-top strong{font-size:16px}
  .product-card p{font-size:15px;line-height:1.65}
  .product-facts li span,.product-facts li strong{font-size:14px}
  .journal-card p,.journal-article p,.legal-content p{font-size:16px}
  .footer-column strong{font-size:12px}.footer-column a{font-size:14px}
}

/* =========================================================
   FILUXIA V17 — Luxury typography & readability system
   ========================================================= */
:root{
  --lux-ink:#17130f;
  --lux-body:#4f473f;
  --lux-muted:#776d64;
  --lux-gold:#aa7c45;
  --lux-line:rgba(34,27,21,.13);
  --lux-paper:#fbf7f1;
  --lux-serif:"Cormorant Garamond", Georgia, serif;
  --lux-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lux-body-size:clamp(16px,.92vw,18px);
  --lux-small-size:clamp(13px,.72vw,14px);
  --lux-label-size:clamp(11px,.62vw,12px);
  --lux-reading:68ch;
}

html{font-size:16px}
body{
  
  background:var(--lux-paper);
  font-family:var(--lux-sans);
  font-size:var(--lux-body-size);
  font-weight:400;
  line-height:1.72;
  letter-spacing:-.008em;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}

/* Typography hierarchy */
h1,h2,h3,h4,h5,h6{
  
  font-family:var(--lux-serif);
  font-weight:500;
  letter-spacing:-.025em;
  text-wrap:balance;
}
h1{line-height:.96}
h2{line-height:1}
h3{line-height:1.06}
p,li,dd,dt,address,figcaption{}
p{max-width:var(--lux-reading);text-wrap:pretty}
strong,b{font-weight:550;}
small{font-size:var(--lux-small-size);line-height:1.55}

.eyebrow,
.product-badge,
.filter,
.article-meta,
.product-breadcrumb,
.footer-column strong,
.custom-step-kicker,
.custom-scent-kicker,
.custom-preview-badge,
.custom-selected-label{
  font-family:var(--lux-sans);
  font-size:var(--lux-label-size)!important;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}

/* Navigation / brand */
.brand-name{font-size:18px;letter-spacing:.28em;font-weight:550}
.main-nav{gap:clamp(24px,2.2vw,38px)}
.main-nav a{
  font-size:14px!important;
  font-weight:450;
  letter-spacing:.035em!important;
}
.header-actions a,.header-actions button{font-size:13px!important}
.announcement{font-size:11px!important;letter-spacing:.13em!important;font-weight:500}

/* Hero and section titles */
.hero h1{font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.035em}
.hero-copy{font-size:clamp(16px,1vw,18px);line-height:1.85;max-width:58ch}
.section-heading h2,.editorial-copy h2,.bespoke-copy h2,.newsletter h2{
  font-size:clamp(48px,5.1vw,80px);
  line-height:.98;
}
.section-heading>p{font-size:clamp(16px,.95vw,18px);line-height:1.8}

/* Product cards — consistent rhythm */
.product-grid{align-items:start}
.product-card{display:flex;flex-direction:column;min-width:0}
.product-info{padding:20px 2px 4px;display:flex;flex-direction:column;min-height:170px}
.product-top{align-items:flex-start}
.product-info h3,.product-info h3 button{
  font-family:var(--lux-serif);
  font-size:clamp(28px,1.7vw,34px)!important;
  line-height:1.02;
  letter-spacing:-.025em;
}
.product-info strong{font-size:15px!important;font-weight:550;font-variant-numeric:tabular-nums}
.product-info p{font-size:15px!important;line-height:1.65;margin:10px 0 0;}
.product-detail-link,.custom-product-link{
  margin-top:auto!important;
  padding-top:18px;
  font-size:12px!important;
  font-weight:500;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
.quick-add{
  min-height:48px;
  font-size:12px!important;
  font-weight:500;
  letter-spacing:.12em!important;
  background:rgba(22,18,15,.94);
}
@media(hover:hover){
  .quick-add:hover{background:#a77a45;}
}

/* Buttons — quiet luxury, no jump */
.button,.quick-add,.custom-nav-button,.custom-add-button{
  font-family:var(--lux-sans);
  font-size:12px!important;
  font-weight:550;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}
.button:hover,.quick-add:hover,.custom-nav-button:hover,.custom-add-button:hover{transform:none!important}
.button-primary:hover,.custom-add-button:hover{box-shadow:0 12px 32px rgba(104,72,40,.16)}

/* Product detail pages */
.product-detail-copy h1{font-size:clamp(56px,6vw,92px);margin-bottom:20px}
.product-detail-copy>p{font-size:clamp(17px,1vw,19px);line-height:1.82}
.product-detail-note{font-size:15px!important;letter-spacing:.035em;}
.product-detail-price{font-family:var(--lux-serif);font-size:clamp(34px,2.5vw,46px)!important;font-weight:500}
.product-facts li span,.product-facts li strong{font-size:15px!important;line-height:1.55}
.product-notes-character,.product-story-copy p,.product-care p{font-size:clamp(16px,.95vw,18px)!important;line-height:1.85}
.scent-note-card h3{font-size:27px}
.scent-note-card p{font-size:15px!important}

/* Journal & legal readability */
.journal-article,.legal-content{
  font-size:clamp(17px,1vw,19px)!important;
  line-height:1.9;
}
.journal-article p,.journal-article li,.legal-content p,.legal-content li{line-height:1.9}
.journal-article h2,.legal-content h2{font-size:clamp(38px,3.4vw,58px);margin-top:1.5em}
.journal-article h3,.legal-content h3{font-size:clamp(28px,2.2vw,38px)}
.journal-card h3{font-size:clamp(30px,2vw,38px)}
.journal-card p{font-size:15px!important;line-height:1.72;}
.article-source-list li,.article-source-list a{font-size:15px!important;line-height:1.8}

/* Forms */
label{font-size:14px!important;font-weight:500;letter-spacing:.02em}
input,select,textarea{
  font-family:var(--lux-sans);
  font-size:16px!important;
  line-height:1.5;
  
  background:#fffdfa;
  border-color:rgba(38,29,22,.18)!important;
}
input::placeholder,textarea::placeholder{opacity:1}
.form-help,.field-help{font-size:14px!important;}

/* Footer */
.footer-brand p,.footer-column a{font-size:14px!important;line-height:1.75;}
.footer-column strong{font-size:11px!important;letter-spacing:.16em!important}
.footer-bottom{font-size:11px!important;letter-spacing:.12em}

/* Configurator / customization */
.custom-builder-shell,.custom-builder-panel,.custom-configurator{font-size:16px}
.custom-builder-header h2,.custom-panel-header h2{font-size:clamp(34px,3vw,48px)}
.custom-step-title,.custom-builder-step h3{font-size:clamp(34px,3.2vw,52px)!important;line-height:1}
.custom-step-description,.custom-builder-step>p{font-size:16px!important;line-height:1.75;}
.custom-select-label{font-size:12px!important;letter-spacing:.15em!important;font-weight:500}
.custom-select-control,select.custom-select-control{font-size:16px!important;font-weight:450}
.custom-selected-card,.custom-selection-summary{font-size:16px}
.custom-selected-card h4,.custom-selection-summary h4{font-size:clamp(28px,2.2vw,38px);line-height:1.04}
.custom-selected-card p,.custom-selection-summary p{font-size:15px!important;line-height:1.65;}
.custom-preview-copy h2{font-size:clamp(44px,4.2vw,68px)!important;line-height:.98}
.custom-preview-copy p{font-size:15px!important;line-height:1.75!important}
.custom-total-label{font-size:12px!important;letter-spacing:.14em}
.custom-total-price{font-family:var(--lux-serif);font-size:clamp(32px,3vw,46px)!important}
.custom-progress-labels span{font-size:13px!important;letter-spacing:.05em}
.custom-step-count{font-size:14px!important;font-variant-numeric:tabular-nums}

/* More disciplined spacing */
.section{padding-block:clamp(88px,8vw,132px)}
.product-info,.journal-card,.product-detail-copy,.journal-article,.legal-content{overflow-wrap:normal;word-break:normal;hyphens:none}

/* Desktop readability */
@media(min-width:1100px){
  .site-header{height:88px}
  .main-nav a{padding-block:33px}
  .product-grid{gap:clamp(20px,1.6vw,30px)}
  .journal-grid{gap:clamp(28px,2.2vw,42px)}
}

/* Tablet */
@media(max-width:900px){
  body{font-size:16px}
  .main-nav a{font-size:16px!important}
  .product-info{min-height:auto;padding-top:17px}
  .product-info h3,.product-info h3 button{font-size:30px!important}
  .product-info p{font-size:15px!important}
  .custom-progress-labels span{font-size:12px!important}
}

/* Mobile — readable without losing luxury */
@media(max-width:620px){
  body{font-size:16px;line-height:1.72}
  .announcement{font-size:10px!important;letter-spacing:.1em!important}
  .brand-name{font-size:16px;letter-spacing:.24em}
  .hero h1{font-size:clamp(42px,12vw,58px)}
  .hero-copy{font-size:16px;line-height:1.78}
  .section-heading h2,.editorial-copy h2,.bespoke-copy h2,.newsletter h2{font-size:clamp(42px,12vw,58px)}
  .section-heading>p{font-size:16px}
  .product-info h3,.product-info h3 button{font-size:30px!important}
  .product-info strong{font-size:16px!important}
  .product-info p{font-size:15px!important;line-height:1.68}
  .product-detail-link,.custom-product-link,.button,.quick-add{font-size:12px!important}
  .product-detail-copy h1{font-size:clamp(48px,14vw,68px)}
  .product-detail-copy>p,.product-story-copy p,.product-care p{font-size:16px!important;line-height:1.82}
  .product-facts li span,.product-facts li strong{font-size:14px!important}
  .journal-article,.legal-content{font-size:16px!important;line-height:1.85}
  .journal-article p,.legal-content p{line-height:1.85}
  .footer-brand p,.footer-column a{font-size:15px!important}
  .custom-builder-header h2,.custom-panel-header h2{font-size:34px}
  .custom-step-title,.custom-builder-step h3{font-size:38px!important}
  .custom-step-description,.custom-builder-step>p{font-size:16px!important}
  .custom-select-control,select.custom-select-control{font-size:16px!important;min-height:56px}
  .custom-selected-card p,.custom-selection-summary p{font-size:15px!important}
  .custom-progress-labels span{font-size:11px!important;letter-spacing:.02em}
  .custom-preview-copy h2{font-size:42px!important}
  .custom-preview-copy p{font-size:15px!important}
}

/* V17 typography retained; all pre-existing FILUXIA text colors remain authoritative. */