@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root{--bg:#0d0d0d;--panel:#151515;--panel2:#1b1b1b;--ink:#f5f5f5;--muted:#a3a3a3;--pink:#e91e63;--line:#2a2a2a;--green:#25D366}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;font-family:'Montserrat',sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;font-weight:300;max-width:100%;overflow-x:hidden}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;background:rgba(13,13,13,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:100}.head-in{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand img{height:62px;width:auto;filter:brightness(0) invert(1);display:block}.nav{display:flex;gap:18px;align-items:center}.nav>a{text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#d6d6d6}.nav>a:hover{color:var(--pink)}.nav .cta{padding:10px 16px;border:1px solid var(--pink);border-radius:999px;color:var(--pink)}
.language-selector{position:relative}.lang-btn{font-family:'Montserrat',sans-serif;background:transparent;border:1px solid #333;border-radius:50px;padding:7px 12px;cursor:pointer;color:#ddd;font-size:16px}.lang-dropdown{display:none;position:absolute;top:44px;right:0;background:#161616;border:1px solid #333;border-radius:14px;padding:8px 0;min-width:180px;box-shadow:0 20px 40px rgba(0,0,0,.7);z-index:999}.lang-dropdown.show{display:block}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 16px;text-decoration:none;color:#ccc;font-size:13px}.lang-option:hover{background:#222;color:var(--pink)}.flag{font-size:18px}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px;cursor:pointer}
.crumbs{font-size:12px;color:#8f8f8f;padding-top:18px}.crumbs a{text-decoration:none}.hero-seo{padding:76px 0 64px;background:radial-gradient(circle at 85% 15%,rgba(233,30,99,.16),transparent 36%),linear-gradient(135deg,#0d0d0d,#151515)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--pink);font-weight:700}.hero-seo h1,h2,h3{font-family:'Montserrat',sans-serif}.hero-seo h1{font-weight:700;font-size:clamp(36px,5.8vw,68px);line-height:1.08;max-width:980px;margin:.25em 0;letter-spacing:.01em}.lead{font-size:18px;max-width:840px;color:#bdbdbd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:999px;background:var(--pink);color:#fff;font-weight:600;font-size:13px}.button.alt{background:transparent;color:#fff;border:1px solid #555}main section{padding:64px 0}.soft{background:#121212}h2{font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.2;margin:0 0 18px}h3{font-size:17px;font-weight:600;margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.card p,.prose p{color:#b8b8b8}.prose{max-width:900px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill{border:1px solid #373737;border-radius:999px;padding:8px 12px;font-size:12px;background:#151515;color:#d0d0d0}.site-foot{background:#000;color:#9a9a9a;padding:38px 0;border-top:1px solid #1d1d1d}.foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-foot a{color:#ddd}.seo-links{display:flex;gap:9px;flex-wrap:wrap;max-width:720px}.seo-links a{padding:8px 10px;border:1px solid #2c2c2c;border-radius:999px;text-decoration:none;font-size:11px}
.library-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.library-stat{background:#151515;border:1px solid #292929;border-radius:18px;padding:24px}.library-stat strong{display:block;font-size:44px;color:white}.notice{padding:15px 17px;background:#151515;border:1px solid #353535;border-left:3px solid var(--pink);border-radius:12px;color:#bdbdbd}.library-tools{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:26px 0}.library-tools input,.library-tools select{width:100%;padding:14px 15px;border:1px solid #333;border-radius:12px;background:#151515;color:#fff;font:inherit;outline:none}.library-tools input:focus,.library-tools select:focus{border-color:var(--pink)}.results-meta{font-size:13px;color:#999;margin:0 0 10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#111;-webkit-overflow-scrolling:touch}.library-table{width:100%;border-collapse:collapse;min-width:680px}.library-table th,.library-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #242424}.library-table th{background:#191919;position:sticky;top:0;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.library-table td{color:#bbb}.library-table td strong{color:#fff}.library-table tbody tr:hover{background:#171717}.library-table .code{font-family:'Montserrat',sans-serif;font-weight:500;color:#ddd}[dir=rtl] .library-table th,[dir=rtl] .library-table td{text-align:right}
@media(max-width:900px){.mobile-toggle{display:block}.head-in{min-height:70px}.brand img{height:50px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111;border-bottom:1px solid #2a2a2a;flex-direction:column;align-items:stretch;padding:14px 18px 20px;max-height:calc(100vh - 70px);overflow:auto}.nav.show{display:flex}.nav>a{text-align:center;padding:10px}.language-selector{text-align:center}.lang-dropdown{position:static;margin:8px auto 0;width:min(320px,100%);max-height:300px;overflow:auto}.grid{grid-template-columns:1fr 1fr}.library-intro{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.hero-seo{padding:54px 0 44px}.hero-seo h1{font-size:clamp(30px,9vw,42px);overflow-wrap:anywhere}.lead{font-size:16px}.grid{grid-template-columns:1fr}.library-tools{grid-template-columns:1fr}.actions{flex-direction:column}.button{text-align:center;width:100%}.site-foot{padding:30px 0}.foot-in{flex-direction:column}.library-table{min-width:620px}.library-stat strong{font-size:36px}}


/* ===== V3 FRAGRANCE LIBRARY / NAV RELIABILITY ===== */
html,body{background:#0d0d0d!important;color:#e5e5e5!important;font-family:'Montserrat',Arial,sans-serif!important}
.site-head{background:rgba(13,13,13,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.head-in{min-height:110px!important}
.brand img{height:90px!important;filter:brightness(0) invert(1)!important}
.nav{display:flex;align-items:center;gap:16px}
.nav>a{color:#ccc!important;font-size:11px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.lang-btn{display:flex!important;align-items:center!important;gap:6px!important;background:transparent!important;border:1px solid #333!important;color:#ccc!important;border-radius:50px!important;padding:7px 12px!important}
.language-selector{position:relative!important;display:inline-block!important}
.lang-dropdown{display:none!important;position:absolute!important;top:46px!important;right:0!important;min-width:205px!important;background:#1a1a1a!important;border:1px solid #333!important;border-radius:16px!important;padding:8px 0!important;box-shadow:0 20px 40px rgba(0,0,0,.8)!important;z-index:9999!important}
.lang-dropdown.show{display:block!important}
.lang-option{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;color:#ccc!important;text-decoration:none!important;white-space:nowrap!important;font-size:13px!important}
.lang-option:hover{background:#262626!important;color:#e91e63!important}
.flag{display:inline-block!important;min-width:24px!important;font-size:18px!important;line-height:1!important}
.crumbs{padding-top:28px!important;padding-bottom:6px!important;color:#8f8f8f!important}
.hero-seo{padding:72px 0 66px!important;background:radial-gradient(circle at 82% 16%,rgba(233,30,99,.18),transparent 34%),linear-gradient(135deg,#0d0d0d 0%,#151515 100%)!important;border-bottom:1px solid #262626!important}
.hero-seo h1{font-family:'Montserrat',sans-serif!important;font-size:clamp(38px,5vw,64px)!important;font-weight:700!important;line-height:1.08!important;color:#fff!important;text-transform:none!important;letter-spacing:.02em!important}
.hero-seo .lead{color:#b3b3b3!important;font-size:17px!important;max-width:820px!important}
.library-intro{grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr)!important;gap:42px!important}
.library-stat{background:#171717!important;border:1px solid #2a2a2a!important;border-radius:20px!important;padding:28px!important;box-shadow:0 20px 50px rgba(0,0,0,.25)!important}
.library-stat span{display:block!important;color:#a3a3a3!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.library-stat strong{font-size:52px!important;color:#e91e63!important;line-height:1.1!important;margin:8px 0!important}
.library-section{background:#121212!important;border-top:1px solid #202020!important;border-bottom:1px solid #202020!important}
.library-section>.wrap{padding-top:8px;padding-bottom:8px}
.library-tools{margin-top:0!important;background:#171717!important;border:1px solid #262626!important;border-radius:18px!important;padding:18px!important}
.library-tools input,.library-tools select{background:#0d0d0d!important;border:1px solid #333!important;color:#fff!important;border-radius:10px!important;font-family:'Montserrat',sans-serif!important}
.library-tools input::placeholder{color:#777!important}
.results-meta{color:#969696!important;margin:18px 0 10px!important}
.table-wrap{background:#111!important;border:1px solid #2a2a2a!important;border-radius:16px!important;box-shadow:0 20px 45px rgba(0,0,0,.2)!important}
.library-table{font-family:'Montserrat',sans-serif!important}
.library-table th{background:#1b1b1b!important;color:#fff!important;border-bottom:1px solid #333!important}
.library-table td{background:#111!important;color:#bbb!important;border-bottom:1px solid #242424!important}
.library-table tbody tr:hover td{background:#171717!important}
.site-foot{background:#080808!important;border-top:1px solid #202020!important}
@media(max-width:900px){
 .head-in{min-height:82px!important}.brand img{height:64px!important}.mobile-toggle{display:block!important;order:2}.nav{display:none!important;position:absolute!important;top:82px!important;left:0!important;right:0!important;background:#111!important;border-bottom:1px solid #2a2a2a!important;flex-direction:column!important;align-items:stretch!important;padding:16px 18px 22px!important;max-height:calc(100vh - 82px)!important;overflow:auto!important}.nav.show{display:flex!important}.language-selector{margin:4px auto 0!important}.lang-dropdown{position:static!important;width:min(330px,calc(100vw - 44px))!important;margin:10px auto 0!important;max-height:310px!important;overflow:auto!important}.library-intro{grid-template-columns:1fr!important;gap:24px!important}
}
@media(max-width:650px){
 .hero-seo{padding:48px 0 42px!important}.hero-seo h1{font-size:clamp(30px,10vw,42px)!important}.library-tools{padding:14px!important}.library-table{min-width:610px!important}.wrap{width:calc(100% - 28px)!important}
}


/* ===== DIAVENE LIGHT THEME V5 ===== */
:root{--bg:#f5f6fa;--surface:#fff;--surface2:#eef1f6;--line:#dfe3eb;--text:#20242d;--muted:#626b78;--pink:#e91e63;--gold:#d4af37}
html,body{background:#f5f6fa!important;color:#20242d!important}
.site-head{background:rgba(245,246,250,.96)!important;color:#20242d!important;border-bottom:1px solid #dfe3eb!important;box-shadow:0 8px 28px rgba(35,42,52,.06)!important}
.brand,.main-nav a,.lang-current{color:#20242d!important}.brand img{filter:brightness(0)!important}.main-nav a:hover{color:var(--pink)!important}
.lang-current{background:#fff!important;border-color:#dfe3eb!important}.lang-dropdown{background:#fff!important;border-color:#dfe3eb!important;box-shadow:0 20px 45px rgba(35,42,52,.14)!important}.lang-dropdown a{color:#20242d!important}.lang-dropdown a:hover{background:#f0f2f7!important;color:var(--pink)!important}
.hero-seo{background:radial-gradient(circle at 82% 16%,rgba(233,30,99,.10),transparent 36%),linear-gradient(135deg,#f5f6fa 0%,#eef1f6 100%)!important;border-bottom:1px solid #dfe3eb!important;color:#20242d!important}
.hero-seo h1,.hero-seo h2,.hero-seo h3{color:#181c24!important}.hero-seo p,.crumbs,.crumbs a{color:#626b78!important}
.eyebrow{color:var(--pink)!important}.library-section,.content-section{background:#f5f6fa!important;border-color:#dfe3eb!important;color:#20242d!important}
.library-stat,.library-tools,.content-card,.feature,.info-card,.seo-card{background:#fff!important;border-color:#dfe3eb!important;box-shadow:0 14px 34px rgba(35,42,52,.07)!important;color:#20242d!important}.library-stat strong{color:#20242d!important}
.notice{background:#fff!important;border-color:#dfe3eb!important;color:#626b78!important}.pill{background:#fff!important;border-color:#d7dce5!important;color:#4d5663!important}
.library-tools input,.library-tools select{background:#fff!important;border-color:#cfd5df!important;color:#20242d!important}.library-tools input::placeholder{color:#8c95a3!important}
.results-meta{color:#6f7885!important}.table-wrap{background:#fff!important;border-color:#dfe3eb!important;box-shadow:0 12px 30px rgba(35,42,52,.05)!important}.library-table{background:#fff!important;color:#20242d!important}.library-table th{background:#eef1f6!important;color:#20242d!important;border-bottom-color:#dfe3eb!important}.library-table td{color:#596270!important;border-bottom-color:#e5e8ee!important}.library-table td strong,.library-table .code{color:#20242d!important}.library-table tbody tr:hover td{background:#f7f8fb!important}
.site-foot{background:#eef1f6!important;color:#68717e!important;border-top:1px solid #dfe3eb!important}.site-foot a{color:#3d4653!important}.seo-links a{border-color:#d3d8e1!important;background:#fff!important}
.btn-primary,.cta-primary{color:#fff!important}
@media(max-width:840px){.main-nav{background:rgba(245,246,250,.98)!important;border-top:1px solid #dfe3eb!important}.main-nav a{color:#20242d!important}.lang-dropdown{max-height:65vh!important;overflow:auto!important}}


/* ===== DIAVENE LIGHT THEME V6 — PRODUCT IMAGE + FRAGRANCE LIBRARY POLISH ===== */
/* Preserve each product's inline background-image. Never use the background shorthand here. */
.product-card .product-image{
  background-color:#ffffff!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.product-card{background:#fff!important;border:1px solid #dfe3eb!important;box-shadow:0 12px 30px rgba(35,42,52,.07)!important}
.product-card h3{color:#20242d!important}.product-card p{color:#626b78!important}.product-card .tag{background:#fce7ef!important;color:#d9165a!important}

/* Fragrance Library: clean catalogue layout matching #f5f6fa theme. */
.library-section{background:#f5f6fa!important;padding-top:54px!important}
.library-section [data-library]{max-width:1280px;margin:0 auto}
.library-tools{
  background:#fff!important;border:1px solid #dfe3eb!important;border-radius:20px!important;
  padding:18px!important;box-shadow:0 14px 34px rgba(35,42,52,.07)!important;
  gap:14px!important;margin:0 0 28px!important;
}
.library-tools input,.library-tools select{
  min-height:58px!important;background:#fff!important;color:#20242d!important;border:1px solid #cfd5df!important;
  border-radius:14px!important;padding:0 18px!important;font-size:15px!important;box-shadow:none!important;
}
.library-tools input:focus,.library-tools select:focus{border-color:#e91e63!important;box-shadow:0 0 0 3px rgba(233,30,99,.10)!important}
.results-meta{color:#697381!important;font-size:13px!important;margin:0 0 12px 2px!important}
.table-wrap{
  overflow:auto!important;background:#fff!important;border:1px solid #dfe3eb!important;border-radius:20px!important;
  box-shadow:0 16px 40px rgba(35,42,52,.07)!important;
}
.library-table{background:#fff!important;color:#20242d!important;border-collapse:separate!important;border-spacing:0!important;min-width:760px!important}
.library-table thead th{
  background:#eef1f6!important;color:#20242d!important;border-bottom:1px solid #d8dee8!important;
  padding:17px 18px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;
  position:sticky!important;top:0!important;z-index:2!important;
}
.library-table tbody td{
  background:#fff!important;color:#4f5967!important;border-bottom:1px solid #edf0f4!important;
  padding:17px 18px!important;font-size:14px!important;vertical-align:middle!important;
}
.library-table tbody tr:nth-child(even) td{background:#fafbfc!important}
.library-table tbody tr:hover td{background:#fff1f6!important}
.library-table tbody td:nth-child(1){width:72px;color:#8993a1!important;font-variant-numeric:tabular-nums}
.library-table tbody td:nth-child(2) strong{color:#20242d!important;font-weight:600!important}
.library-table tbody td:nth-child(3),.library-table .code{color:#475161!important;font-weight:500!important;font-variant-numeric:tabular-nums}
.library-table tbody td:nth-child(4){color:#4f5967!important}
.library-stat{background:#fff!important;border:1px solid #dfe3eb!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(35,42,52,.07)!important}
.library-stat strong{color:#e91e63!important}
.library-stat span{color:#687281!important}

@media(max-width:650px){
  .library-section{padding-top:34px!important}
  .library-tools{padding:12px!important;border-radius:16px!important;gap:10px!important}
  .library-tools input,.library-tools select{min-height:54px!important;font-size:14px!important}
  .table-wrap{border-radius:16px!important}
  .library-table{min-width:680px!important}
  .library-table thead th,.library-table tbody td{padding:14px 14px!important}
}

/* V7 unified pill/button treatment */
.pill{background:#e91e63!important;color:#fff!important;border-color:#e91e63!important;}
.seo-links a{background:#e91e63!important;color:#fff!important;border-color:#e91e63!important;}
.seo-links a:hover{background:#d81b60!important;color:#fff!important;border-color:#d81b60!important;}

/* 2026-10 readability fix: cards, soft sections and FAQ were still dark after the light-theme switch */
.soft,.faq{background:#fff!important;color:#20242d!important}
main h2,main h3,.prose h2{color:#20242d!important}
.card{background:#fff!important;border:1px solid #dfe3eb!important;box-shadow:0 14px 34px rgba(35,42,52,.07)!important}
.card h3{color:#20242d!important}
.card p,.prose p,.faq details p{color:#626b78!important}
.faq details{border-top-color:#dfe3eb!important}
.faq summary{color:#20242d!important}
.button.alt{color:#20242d!important;border-color:#cfd5df!important;background:#fff!important}

/* 2026-10 readability: stronger text colours on light backgrounds */
body{font-weight:400!important}
html body .hero-seo .lead,html body .lead{color:#4a5260!important;font-weight:400!important}
.card p,.prose p,.faq details p,.crumbs,.crumbs a{color:#4d5562!important;font-weight:400!important}
.site-head .nav a,.lang-btn{color:#20242d!important;font-weight:500!important}
.site-head .nav a:hover{color:#e91e63!important}
.site-head .nav a.cta{color:#e91e63!important;border-color:#e91e63!important;font-weight:600!important}
.site-foot{color:#4d5562!important}
.pill{font-weight:500!important}