/*
Theme Name: eau8 Child
Template: eau8
Version: 8.6.1781961781
*/

:root{
  --eau-blue:#1b46d6; --eau-blue-hi:#1230b0; --eau-ink:#101f4e;
  --eau-ink-soft:#586089; --eau-mute:#99a0b8; --eau-bg2:#f3f6fa;
  --eau-display:'Cormorant Garamond',Georgia,serif; --eau-body:'Jost','Helvetica Neue',sans-serif;
}

/* ===== Force the brand fonts everywhere ===== */
body, .wp-site-blocks, p, li, a, span, button, input, .wp-block-button__link,
.woocommerce, .woocommerce div.product, .woocommerce-page{
  font-family:var(--eau-body) !important;
  font-weight:300;
  color:var(--eau-ink);
  letter-spacing:0.01em;
}
h1,h2,h3,h4,h5,
.wp-block-heading,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.wp-block-post-title,
.product_title,
.woocommerce-products-header__title,
.wc-block-grid__product-title{
  font-family:var(--eau-display) !important;
  font-weight:300 !important;
  color:var(--eau-ink) !important;
  letter-spacing:0.005em;
  line-height:1.04;
}
a{ color:var(--eau-ink); text-decoration:none; }
a:hover{ color:var(--eau-blue-hi); }

/* ===== Header / nav ===== */
.wp-block-site-title a{ font-family:var(--eau-body)!important; font-weight:300; font-size:25px; letter-spacing:0.2em; color:var(--eau-ink); }
.wp-block-navigation, header .wp-block-group p a{ font-size:11px; letter-spacing:0.2em; text-transform:uppercase; font-weight:300; }
header a{ color:var(--eau-ink-soft); }
header a:hover{ color:var(--eau-blue-hi); }

/* ===== Buttons (Bleu Roi, square) ===== */
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt{
  background:var(--eau-blue)!important; color:#fff!important; border:none!important; border-radius:0!important;
  font-family:var(--eau-body)!important; font-size:11px!important; letter-spacing:0.24em!important;
  text-transform:uppercase!important; padding:16px 34px!important; font-weight:400!important; transition:background .3s;
}
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background:var(--eau-blue-hi)!important; }

/* ===== Product grid ===== */
.woocommerce ul.products li.product, .wc-block-grid__product{ text-align:center; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title{ font-size:21px!important; padding:14px 0 4px!important; }
.woocommerce ul.products li.product .price, .wc-block-grid__product-price,
.wp-block-woocommerce-product-price{ color:var(--eau-ink-soft)!important; font-family:var(--eau-body)!important; font-weight:300; font-size:14px; }
.woocommerce ul.products li.product img, .wc-block-grid__product-image img,
.wp-block-woocommerce-product-image img{ border:1px solid color-mix(in srgb,var(--eau-blue) 14%,transparent); }
.woocommerce span.onsale{ background:var(--eau-blue)!important; color:#fff; border-radius:0; }

/* ===== Single product ===== */
.woocommerce div.product .product_title{ font-size:clamp(40px,5vw,68px); line-height:1; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--eau-ink)!important; font-size:22px; font-weight:300; }
.woocommerce-product-details__short-description{ color:var(--eau-ink-soft); font-size:17px; line-height:1.7; }

/* ===== Shop filter bar ===== */
.eau-filterbar{ display:flex; gap:36px; justify-content:center; border-bottom:1px solid color-mix(in srgb,var(--eau-blue) 14%,transparent); margin-bottom:56px; }
.eau-filterbar a{ font-size:11px; letter-spacing:0.24em; text-transform:uppercase; color:var(--eau-mute); padding:0 2px 16px; border-bottom:2px solid transparent; transition:color .3s,border-color .3s; }
.eau-filterbar a:hover{ color:var(--eau-blue-hi); }
.eau-filterbar a.active{ color:var(--eau-blue); border-bottom-color:var(--eau-blue); }

/* ===== Footer — NO gold, use blue/mute ===== */
footer .wp-block-group, .wp-block-template-part footer{ background:var(--eau-bg2); }
footer .wp-block-site-title a{ color:var(--eau-ink); }
footer p[style*="c6a96d"], footer .has-text-color{ color:var(--eau-blue)!important; }
footer a{ color:var(--eau-ink-soft); font-size:13px; }
footer a:hover{ color:var(--eau-blue-hi); }

/* eyebrow utility */
.eau-eyebrow{ font-family:var(--eau-body); font-size:11px; letter-spacing:0.34em; text-transform:uppercase; color:var(--eau-blue); }

/* tighten default block spacing */
.wp-block-query{ margin-top:0; }
/* fullwidth-fix */
.wp-block-post-content > .wp-block-html{ max-width:none!important; }
.wp-site-blocks{ padding-left:0!important; padding-right:0!important; }
main .wp-block-html section{ width:100%; }

/* single-product-refine */
.single-product main{ padding-top:40px; }
.woocommerce div.product{ max-width:1320px; margin:0 auto; padding:20px 48px 0; }
.woocommerce .woocommerce-breadcrumb{ font-size:10px!important; letter-spacing:0.22em!important; text-transform:uppercase; color:#99a0b8!important; margin-bottom:30px; }
.woocommerce .woocommerce-breadcrumb a{ color:#99a0b8!important; }
.woocommerce .woocommerce-breadcrumb a:hover{ color:#1b46d6!important; }
.woocommerce div.product div.images img{ border:1px solid rgba(27,70,214,0.16); }
.woocommerce div.product .product_title{ margin-top:18px!important; }
.woocommerce div.product div.summary{ padding-left:20px; }
.woocommerce-product-details__short-description{ margin:18px 0 26px; }
.single-product .quantity .qty{ border:1px solid rgba(27,70,214,0.3)!important; border-radius:0; padding:14px 8px; color:#101f4e; }
.woocommerce div.product form.cart{ margin-top:10px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ border:none; padding-left:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border-bottom:1px solid rgba(27,70,214,0.12); }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ background:none; border:none; border-radius:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:none; border-bottom:2px solid #1b46d6; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#586089; }
.woocommerce div.product .woocommerce-tabs .panel h2{ font-family:'Cormorant Garamond',serif!important; font-weight:300; color:#101f4e; }
.woocommerce #reviews h3, .woocommerce div.product .woocommerce-tabs .panel{ color:#586089; }
.related.products > h2{ font-family:'Cormorant Garamond',serif!important; font-weight:300; font-size:38px; text-align:center; color:#101f4e; margin:80px 0 40px; }
.related.products{ max-width:1320px; margin:0 auto; padding:0 48px 100px; }

/* single-refine-2 */
.single-product .product_meta{ display:none!important; }
.single-product .woocommerce-product-rating{ display:none!important; }
.single-product table.variations, .single-product .quantity label{ }
.single-product .woocommerce-tabs{ max-width:1320px; margin:60px auto 0; padding:0 48px; }
.single-product .woocommerce-tabs ul.tabs{ text-align:left; }
.single-product .woocommerce-tabs .panel{ max-width:760px; }
.single-product .woocommerce-tabs .panel h2{ font-size:clamp(28px,3vw,40px)!important; margin-bottom:18px; }
.single-product div.product form.cart div.quantity{ margin-right:14px; }
.single-product div.product form.cart .quantity .qty{ height:54px; width:64px; }
.single-product div.product form.cart .single_add_to_cart_button{ height:54px; }
/* hide the stray dash above qty (screen-reader label leak) */
.single-product .quantity .screen-reader-text{ position:absolute!important; left:-9999px; }
.summary.entry-summary{ padding-left:10px; }
.single-product .price{ margin-bottom:24px!important; }
.posted_in, .tagged_as{ display:none!important; }

/* single-refine-3 */
/* kill stray label/dash above quantity */
.single-product div.product form.cart .quantity::before,
.single-product div.product .quantity > label{ display:none!important; }
.single-product div.product form.cart label[for]{ display:none!important; }
/* hide the big duplicate 'Description' heading inside the tab panel */
.single-product .woocommerce-Tabs-panel--description > h2:first-child{ display:none!important; }
/* tighten quantity box */
.single-product .quantity input.qty{ -moz-appearance:textfield; }
.single-product .quantity{ position:relative; }
/* make tabs nav uppercase letterspaced */
.single-product .woocommerce-tabs ul.tabs li a{ text-transform:uppercase; letter-spacing:0.14em; font-size:12px; }

/* single-refine-5 */
.single-product div.product form.cart .quantity{ border:none!important; background:none!important; box-shadow:none!important; }
.single-product div.product form.cart .quantity .qty{ border:1px solid rgba(27,70,214,0.3)!important; background:#fff; box-shadow:none; margin:0; }
.single-product div.product form.cart .quantity label.screen-reader-text{ position:absolute!important; width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:-1px; }
.single-product div.product form.cart{ align-items:center; }
.single-product div.product form.cart::before, .single-product div.product form.cart::after{ content:none!important; }

/* single-refine-6 — fix oversized titles on product page */
/* The duplicate 'Description' panel heading: hide entirely */
.single-product .woocommerce-Tabs-panel--description > h2:first-child,
.single-product .woocommerce-tabs .panel > h2:first-child{ display:none!important; }
/* Related products heading: small, refined, centered eyebrow style */
.single-product .related.products > h2,
.single-product .upsells.products > h2{
  font-size:30px!important; font-weight:300!important; text-align:center;
  letter-spacing:0.01em; margin:0 0 44px!important;
}
/* Tab nav: small uppercase, no boxes */
.single-product .woocommerce-tabs ul.tabs{ border-bottom:1px solid rgba(27,70,214,0.12); margin-bottom:28px; padding:0; }
.single-product .woocommerce-tabs ul.tabs li{ background:none!important; border:none!important; margin:0 28px 0 0!important; padding:0 0 14px!important; }
.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after{ display:none!important; }
.single-product .woocommerce-tabs ul.tabs li a{ font-size:11px!important; letter-spacing:0.22em!important; text-transform:uppercase; color:#99a0b8!important; padding:0!important; }
.single-product .woocommerce-tabs ul.tabs li.active a{ color:#1b46d6!important; }
.single-product .woocommerce-tabs ul.tabs li.active{ border-bottom:2px solid #1b46d6!important; }
/* panel body text */
.single-product .woocommerce-tabs .panel p{ font-size:16px; line-height:1.8; color:#586089; max-width:680px; }
/* Reviews heading smaller */
.single-product #reviews h2, .single-product #reviews h3{ font-size:24px!important; font-weight:300!important; }
/* ADD TO CART refined */
.single-product .single_add_to_cart_button{ padding:18px 40px!important; font-weight:400!important; }

/* HARD-OVERRIDE-TITLES */
body.single-product .woocommerce-tabs .panel h2{ display:none !important; }
body.single-product section.related.products > h2,
body.single-product section.up-sells.products > h2,
body.single-product .related.products h2{
  font-family:'Cormorant Garamond',serif !important;
  font-size:30px !important; font-weight:300 !important; text-align:center !important;
  margin:0 0 44px !important; line-height:1.2 !important;
}
body.single-product .woocommerce-tabs{ margin-top:50px; }

/* single-align-fix — center the whole single-product layout on 1320px like the rest of the site */
.single-product main.wp-block-group{ padding-left:0 !important; padding-right:0 !important; }
.eau8-DEAD-A{
  max-width:1320px !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:48px !important; padding-right:48px !important; box-sizing:border-box; width:100%;
}
.single-product .woocommerce-breadcrumb{ max-width:1320px; margin:0 auto 30px !important; padding:0 48px !important; box-sizing:border-box; }
/* product image + summary columns */
.single-product div.product div.images{ float:none !important; width:48% !important; margin:0 !important; }
.single-product div.product div.summary{ float:none !important; width:48% !important; margin:0 !important; padding-left:0 !important; }
.single-product div.product{ display:flex !important; flex-wrap:wrap; gap:4%; align-items:flex-start; }
/* tabs + related align to same gutter */
.single-product .woocommerce-tabs{ width:100% !important; max-width:1320px !important; margin:60px auto 0 !important; padding:0 48px !important; box-sizing:border-box; }
.single-product .related.products{ width:100%; max-width:1320px !important; margin:80px auto 0 !important; padding:0 48px 40px !important; box-sizing:border-box; clear:both; }
/* footer already constrained; ensure no negative shift */
.single-product .wp-block-group.alignfull{ margin-left:0; margin-right:0; }

/* single-align-fix-v2 — everything on one 1320px centered column, single 48px gutter */
.single-product main.wp-block-group{ padding:40px 0 60px !important; }

/* breadcrumb already inside .woocommerce; no extra padding */
.single-product .woocommerce-breadcrumb{ max-width:none; margin:0 0 30px !important; padding:0 !important; }
/* product flex row, no extra padding (parent .woocommerce has the gutter) */
.single-product div.product{ display:flex !important; flex-wrap:wrap; gap:4%; align-items:flex-start; max-width:none !important; margin:0 !important; padding:0 !important; }
.single-product div.product div.images{ float:none !important; width:48% !important; margin:0 !important; padding:0 !important; }
.single-product div.product div.summary{ float:none !important; width:48% !important; margin:0 !important; padding:0 !important; }
/* tabs + related: same column, no own padding (inside .woocommerce) */
.single-product .woocommerce-tabs{ width:100% !important; max-width:none !important; margin:60px 0 0 !important; padding:0 !important; }
.single-product .related.products{ width:100% !important; max-width:none !important; margin:80px 0 0 !important; padding:0 0 40px !important; clear:both; }
.single-product .woocommerce-tabs .panel{ padding:0 !important; }

/* single-align-fix-v3 — .content-area already centers at 1320px; remove inner paddings */
.single-product div.product{ padding:0 !important; max-width:none !important; margin:0 !important; display:flex !important; flex-wrap:wrap; gap:4%; align-items:flex-start; }
.single-product div.product div.images{ float:none !important; width:48% !important; margin:0 !important; padding:0 !important; }
.single-product div.product div.summary{ float:none !important; width:48% !important; margin:0 !important; padding:0 !important; }
.single-product .woocommerce-breadcrumb{ margin:0 0 30px !important; padding:0 !important; }
.single-product .woocommerce-tabs{ width:100% !important; max-width:none !important; margin:60px 0 0 !important; padding:0 !important; }
.single-product .woocommerce-tabs .panel{ padding:0 !important; }
.single-product .related.products{ width:100% !important; max-width:none !important; margin:80px 0 0 !important; padding:0 0 40px !important; clear:both; }
/* ensure the content-area wrapper keeps the global 1320 gutter via root padding */

/* align-fix-v4 ultra-specific */
body.single-product .content-area div.product.type-product,
body.woocommerce.single-product div.product{
  padding-left:0 !important; padding-right:0 !important;
}
body.single-product .content-area{ padding-left:0 !important; padding-right:0 !important; }


/* eau8-responsive */
@media (max-width:1024px){
  .single-product div.product div.images, .single-product div.product div.summary{ width:100% !important; }
  .single-product div.product{ gap:30px !important; }
  .wp-block-html section > div[style*='grid-template-columns']{ grid-template-columns:1fr !important; gap:40px !important; }
  .woocommerce ul.products{ grid-template-columns:repeat(3,1fr) !important; }
  .eau-grid{ grid-template-columns:repeat(3,1fr) !important; }
}
@media (max-width:768px){
  .wp-block-html section > div{ padding-left:24px !important; padding-right:24px !important; }
  .single-product .woocommerce, .single-product .content-area{ padding-left:24px !important; padding-right:24px !important; }
  .wp-block-html div[style*='grid-template-columns']{ grid-template-columns:1fr !important; gap:32px !important; }
  .woocommerce ul.products, .eau-grid{ grid-template-columns:repeat(2,1fr) !important; gap:20px !important; }
  header .alignwide{ flex-wrap:wrap; gap:12px; }
  .wp-block-navigation, header .wp-block-group p a{ font-size:10px !important; letter-spacing:0.12em !important; }
  .wp-block-site-title a{ font-size:22px !important; }
  .wp-block-html h1{ font-size:clamp(38px,11vw,56px) !important; }
  .wp-block-html h2{ font-size:clamp(28px,7vw,40px) !important; }
  .wp-block-html a[href*='product-category'][style*='height:440px']{ height:300px !important; }
  footer .wp-block-columns{ flex-wrap:wrap !important; }
  footer .wp-block-column{ flex-basis:100% !important; }
  .single-product .product_title{ font-size:clamp(36px,9vw,52px) !important; }
  .eau-filterbar{ gap:20px !important; }
}
@media (max-width:480px){
  .woocommerce ul.products, .eau-grid{ grid-template-columns:1fr !important; }
  .wp-block-html section > div{ padding-left:18px !important; padding-right:18px !important; }
  .single-product .woocommerce, .single-product .content-area{ padding-left:18px !important; padding-right:18px !important; }
}


/* ===== eau8 unified header (desktop + mobile burger, CSS-only) ===== */
html,body{overflow-x:hidden;max-width:100%;}

/* hide the old FSE header if it still renders elsewhere */
header.wp-block-template-part .wp-block-site-title{display:inherit;}

@media (max-width:900px){
}


/* ===== eau8 animated gradient-border buttons ===== */
@property --eau8-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.single_add_to_cart_button{
  position:relative !important; background:#fff !important; color:#101f4e !important;
  border:none !important; border-radius:0 !important;
  font-family:'Jost',sans-serif !important; font-size:11px !important; letter-spacing:0.24em !important;
  text-transform:uppercase !important; padding:16px 36px !important; font-weight:400 !important;
  z-index:0; transition:color .3s, background .3s;
}
.wp-block-button__link::before,
.woocommerce a.button::before, .woocommerce button.button::before, .woocommerce .button::before,
.single_add_to_cart_button::before{
  content:""; position:absolute; inset:0; z-index:-1; padding:1.5px; border-radius:inherit;
  background:conic-gradient(from var(--eau8-angle), #1b46d6, #6f8cff, #1230b0, #1b46d6);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:eau8-spin 4s linear infinite;
}
@keyframes eau8-spin{ to{ --eau8-angle:360deg; } }
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.single_add_to_cart_button:hover{ background:#1b46d6 !important; color:#fff !important; }

/* fallback for browsers without @property: solid blue border */
@supports not (background: conic-gradient(from 0deg, red, blue)){
  .wp-block-button__link, .woocommerce .button, .single_add_to_cart_button{ border:1px solid #1b46d6 !important; }
}

/* ===== responsive side padding so nothing sticks to the edge ===== */
@media (max-width:768px){
  .wp-block-html section > div{ padding-left:22px !important; padding-right:22px !important; }
  .wp-block-html div[style*='max-width:1320px']{ padding-left:22px !important; padding-right:22px !important; box-sizing:border-box; }
}
@media (max-width:480px){
  .wp-block-html section > div{ padding-left:18px !important; padding-right:18px !important; }
}


/* ===== eau8 mobile polish (<=768px) ===== */
@media (max-width:768px){
  /* compress section vertical padding (home inline 110-120px -> 56px) */
  .wp-block-html section > div[style*='padding:120px'],
  .wp-block-html section > div[style*='padding:110px'],
  .wp-block-html section > div[style*='padding:60px 48px'],
  .wp-block-html section > div{ padding-top:56px !important; padding-bottom:56px !important; }
  /* hero a bit tighter */
  .wp-block-html section[style*='min-height:82vh'],
  .wp-block-html section[style*='min-height:88vh']{ min-height:auto !important; }
  .wp-block-html section[style*='min-height:82vh'] > div{ padding-top:40px !important; padding-bottom:40px !important; }

  /* images: full width, proper aspect, not tiny */
  .wp-block-html section img{ width:100% !important; height:auto !important; }
  /* signature & source image blocks had fixed heights -> make responsive */
  .wp-block-html div[style*='height:480px']{ height:auto !important; aspect-ratio:4/3 !important; }
  .wp-block-html div[style*='height:460px']{ height:auto !important; aspect-ratio:4/3 !important; }
  .wp-block-html div[style*='aspect-ratio:3/4']{ aspect-ratio:3/4 !important; max-width:340px; margin-left:auto; margin-right:auto; }
  /* category teasers taller so text + image read well */
  .wp-block-html a[style*='height:440px']{ height:320px !important; }

  /* typography */
  .wp-block-html h1{ font-size:clamp(40px,12vw,58px) !important; line-height:1.02 !important; }
  .wp-block-html h2{ font-size:clamp(30px,8vw,42px) !important; line-height:1.08 !important; }
  .wp-block-html h3{ font-size:26px !important; }
  .wp-block-html p{ font-size:15px !important; line-height:1.7 !important; }
  /* eyebrows / small labels keep small */
  .wp-block-html div[style*='letter-spacing:0.34em'],
  .wp-block-html div[style*='letter-spacing:0.4em']{ font-size:10px !important; }

  /* collection product grid: 2 cols, comfortable */
  .wp-block-html div[style*='grid-template-columns:repeat(4,1fr)']{ grid-template-columns:repeat(2,1fr) !important; gap:18px !important; }
  /* partnership strip wrap nicely */
  .wp-block-html section[style*='background:#f2f5f9'] span[style*='font-size:26px']{ font-size:18px !important; }

  /* signature 3-col notes -> keep 3 but smaller */
  .wp-block-html div[style*='grid-template-columns:repeat(3,1fr)']{ gap:14px !important; }
}
@media (max-width:480px){
  .wp-block-html div[style*='grid-template-columns:repeat(4,1fr)']{ grid-template-columns:1fr !important; }
  .wp-block-html h1{ font-size:46px !important; }
}

/* ===== eau8 HERO/GRID hard mobile fix ===== */
@media (max-width:768px){
  /* ANY inline grid with 2 columns -> single column, regardless of nesting */
  .wp-block-html [style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
  .wp-block-html [style*="display:grid"]{ grid-template-columns:1fr !important; gap:28px !important; }
  /* the hero specifically (1.1fr 0.9fr) */
  .wp-block-html [style*="1.1fr"]{ grid-template-columns:1fr !important; }
  .wp-block-html [style*="0.85fr"], .wp-block-html [style*="1.15fr"]{ grid-template-columns:1fr !important; }
  /* keep product/notes small grids intentional */
  .wp-block-html [style*="repeat(4,1fr)"]{ grid-template-columns:repeat(2,1fr) !important; }
  .wp-block-html [style*="repeat(3,1fr)"]{ grid-template-columns:repeat(3,1fr) !important; gap:12px !important; }
  /* hero right block (the floating 8) -> show as a real image-less spacer hidden, or center */
  .wp-block-html [style*="aspect-ratio:3/4"]{ max-width:300px; margin:0 auto; aspect-ratio:3/4 !important; }
}
@media (max-width:480px){
  .wp-block-html [style*="repeat(4,1fr)"]{ grid-template-columns:1fr !important; }
}


/* ===== eau8 modern home v2 ===== */
.eau-home{ --ink:#101f4e; --soft:#586089; --mute:#99a0b8; --blue:#1b46d6; }
.eau-eyebrow{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:var(--blue); }
.eau-eyebrow.light{ color:#fff; }
.eau-home h1,.eau-home h2,.eau-home h3{ font-family:'Cormorant Garamond',serif; font-weight:300; color:var(--ink); margin:0; }

/* hero */
.eau-hero{ min-height:86vh; display:flex; align-items:center; background-size:cover; background-position:center right; }
.eau-hero-inner{ max-width:1320px; width:100%; margin:0 auto; padding:60px 48px; }
.eau-hero h1{ font-size:clamp(48px,7vw,104px); line-height:.98; letter-spacing:-.01em; max-width:9ch; margin:24px 0 26px; }
.eau-hero p{ max-width:440px; font-weight:300; font-size:17px; line-height:1.7; color:var(--soft); margin-bottom:36px; }
.eau-hero-cta{ display:flex; gap:24px; align-items:center; flex-wrap:wrap; }

/* buttons */
.eau-btn{ position:relative; display:inline-block; background:#fff; color:var(--ink); padding:16px 36px; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; text-decoration:none; z-index:0; }
.eau-btn::before{ content:""; position:absolute; inset:0; z-index:-1; padding:1.5px; background:conic-gradient(from var(--eau8-angle,0deg),#1b46d6,#6f8cff,#1230b0,#1b46d6); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:eau8-spin 4s linear infinite; }
.eau-btn:hover{ background:var(--blue); color:#fff; }
.eau-btn.ghost{ background:transparent; color:#fff; }
.eau-btn.ghost::before{ background:rgba(255,255,255,0.6); }
.eau-link{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--ink); text-decoration:none; border-bottom:1px solid rgba(27,70,214,.4); padding-bottom:4px; }

/* partners */
.eau-partners{ background:#f2f5f9; display:flex; align-items:center; justify-content:center; gap:30px; flex-wrap:wrap; padding:30px 24px; }
.eau-partners span{ font-size:10px; letter-spacing:.34em; text-transform:uppercase; color:var(--mute); }
.eau-partners b{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:24px; letter-spacing:.12em; color:var(--soft); }
.eau-partners i{ color:rgba(27,70,214,.4); }

/* slider */
.eau-sliderwrap{ max-width:1320px; margin:0 auto; padding:80px 0 80px 48px; }
.eau-slider-head{ display:flex; align-items:flex-end; justify-content:space-between; padding-right:48px; margin-bottom:40px; }
.eau-slider-head h2{ font-size:clamp(34px,4vw,52px); margin-top:10px; }
.eau-slider{ display:flex; gap:28px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:18px; -webkit-overflow-scrolling:touch; }
.eau-slider::-webkit-scrollbar{ height:3px; } .eau-slider::-webkit-scrollbar-thumb{ background:rgba(27,70,214,.3); }
.eau-slide{ flex:0 0 auto; width:300px; scroll-snap-align:start; text-decoration:none; }
.eau-slide-img{ aspect-ratio:3/4; overflow:hidden; border:1px solid rgba(27,70,214,.14); background:#eef2f8; }
.eau-slide-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.eau-slide:hover .eau-slide-img img{ transform:scale(1.04); }
.eau-slide-sub{ font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--blue); margin-top:14px; }
.eau-slide-name{ font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--ink); margin-top:4px; }
.eau-slide-price{ font-size:14px; color:var(--soft); margin-top:2px; }

/* tiles */
.eau-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:0; }
.eau-tile{ min-height:460px; background-size:cover; background-position:center; display:flex; flex-direction:column; justify-content:flex-end; padding:44px; text-decoration:none; }
.eau-tile h3{ color:#fff; font-size:34px; margin-top:10px; }

/* source banner */
.eau-source{ background-size:cover; background-position:center; padding:120px 48px; text-align:center; }
.eau-source-inner{ max-width:640px; margin:0 auto; }
.eau-source h2{ color:#fff; font-size:clamp(34px,4vw,52px); margin:16px 0; }
.eau-source p{ color:rgba(255,255,255,.9); font-weight:300; font-size:16px; line-height:1.8; margin-bottom:30px; }

/* newsletter */
.eau-news{ background:#f2f5f9; text-align:center; padding:90px 24px; }
.eau-news h2{ font-size:clamp(30px,4vw,46px); margin:16px 0 32px; }
.eau-news-form{ display:flex; max-width:440px; margin:0 auto; border-bottom:1px solid rgba(27,70,214,.35); }
.eau-news-form input{ flex:1; background:none; border:none; outline:none; padding:14px 0; font-size:14px; color:var(--ink); }
.eau-news-form button{ background:none; border:none; cursor:pointer; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--blue); padding:0 8px; }

/* ===== footer gap fix ===== */
.wp-site-blocks{ margin-block:0 !important; }
.wp-site-blocks > *{ margin-block:0 !important; }
main.wp-block-group{ margin-bottom:0 !important; }
footer, .wp-block-template-part:last-child{ margin-top:0 !important; }
.eau-home{ margin-bottom:0 !important; }

/* ===== responsive ===== */
@media (max-width:900px){ .eau-tiles{ grid-template-columns:1fr; } }
@media (max-width:768px){
  .eau-hero{ min-height:auto; background-position:center; padding:0; }
  .eau-hero-inner{ padding:60px 22px; }
  .eau-hero h1{ font-size:clamp(40px,12vw,58px); max-width:none; }
  .eau-sliderwrap{ padding:56px 0 56px 22px; }
  .eau-slider-head{ padding-right:22px; }
  .eau-slide{ width:220px; }
  .eau-tile{ min-height:300px; padding:28px; }
  .eau-source{ padding:64px 22px; }
  .eau-news{ padding:56px 22px; }
}


/* eau8 home backgrounds (kses-safe, via CSS) */
.eau-hero{ background-image:linear-gradient(90deg,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.6) 42%,rgba(255,255,255,0) 75%),url('https://eau8.com/wp-content/uploads/2026/06/image-14.webp') !important; }
.eau-tile.eau-tile-frag{ background-image:linear-gradient(to top,rgba(16,31,78,0.55),rgba(16,31,78,0.05)),url('https://eau8.com/wp-content/uploads/2026/06/image-3-600x800.webp') !important; }
.eau-tile.eau-tile-skin{ background-image:linear-gradient(to top,rgba(16,31,78,0.55),rgba(16,31,78,0.05)),url('https://eau8.com/wp-content/uploads/2026/06/image-8-600x800.webp') !important; }
.eau-source{ background-image:linear-gradient(rgba(16,31,78,0.45),rgba(16,31,78,0.45)),url('https://eau8.com/wp-content/uploads/2026/06/image-5-1024x683.webp') !important; }


/* ===== eau8 modern Shop ===== */
.eau-shop{ --ink:#101f4e; --soft:#586089; --mute:#99a0b8; --blue:#1b46d6; }
.eau-shop-hero{ background-image:linear-gradient(rgba(16,31,78,0.4),rgba(16,31,78,0.4)),url('https://eau8.com/wp-content/uploads/2026/06/image-13-1024x768.webp'); background-size:cover; background-position:center; text-align:center; padding:120px 24px; }
.eau-shop-hero h1{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(48px,6vw,88px); color:#fff; margin:14px 0 12px; }
.eau-shop-hero p{ color:rgba(255,255,255,.9); font-weight:300; font-size:16px; max-width:480px; margin:0 auto; }
.eau-shop-body{ max-width:1320px; margin:0 auto; padding:60px 48px 100px; }
.eau-filterbar{ display:flex; gap:36px; justify-content:center; border-bottom:1px solid rgba(27,70,214,.12); margin-bottom:56px; }
.eau-filter{ background:none; border:none; cursor:pointer; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--mute); padding:0 2px 16px; border-bottom:2px solid transparent; transition:.3s; }
.eau-filter.active{ color:var(--blue); border-bottom-color:var(--blue); }
.eau-pgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
.eau-pcard{ text-decoration:none; }
.eau-pcard-img{ aspect-ratio:3/4; overflow:hidden; border:1px solid rgba(27,70,214,.14); background:#eef2f8; }
.eau-pcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.eau-pcard:hover .eau-pcard-img img{ transform:scale(1.05); }
.eau-pcard-sub{ font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--blue); margin-top:14px; }
.eau-pcard-name{ font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--ink); margin-top:4px; }
.eau-pcard-row{ display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.eau-pcard-price{ font-size:14px; color:var(--soft); }
.eau-pcard-view{ font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--blue); border-bottom:1px solid rgba(27,70,214,.3); padding-bottom:2px; }
@media (max-width:900px){ .eau-pgrid{ grid-template-columns:repeat(3,1fr); gap:24px; } }
@media (max-width:768px){ .eau-shop-hero{ padding:72px 22px; } .eau-shop-body{ padding:48px 22px 64px; } .eau-pgrid{ grid-template-columns:repeat(2,1fr); gap:18px; } .eau-filterbar{ gap:22px; } }
@media (max-width:480px){ .eau-pgrid{ grid-template-columns:1fr 1fr; } }





/* ===== eau8 product hero (full-bleed image + overlay panel) ===== */
.single-product .eau-ph{ position:relative; width:100%; min-height:88vh; display:flex; align-items:stretch; }
.single-product .eau-ph-bg{ position:absolute; inset:0; background-image:var(--eau-ph-img); background-size:cover; background-position:center; }
.single-product .eau-ph-overlay{ position:relative; width:100%; display:flex; align-items:center; background:linear-gradient(90deg,rgba(16,31,78,0.55) 0%,rgba(16,31,78,0.15) 45%,rgba(16,31,78,0) 70%); }
.single-product .eau-ph-panel{ max-width:1320px; width:100%; margin:0 auto; padding:80px 48px; color:#fff; }
.single-product .eau-ph-back{ font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.8); text-decoration:none; }
.single-product .eau-ph-sub{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#fff; margin:28px 0 12px; }
.single-product .eau-ph-title{ font-family:'Cormorant Garamond',serif!important; font-weight:300!important; font-size:clamp(52px,7vw,104px)!important; line-height:.98!important; color:#fff!important; margin:0 0 18px!important; }
.single-product .eau-ph-tag{ font-weight:300; font-size:17px; line-height:1.7; color:rgba(255,255,255,.92); max-width:420px; margin:0 0 24px; }
.single-product .eau-ph-price{ font-size:24px; font-weight:300; color:#fff; margin-bottom:26px; }
.single-product .eau-ph-cart{ margin:0 0 36px; }
.eau-btn.dark{ background:rgba(255,255,255,0.08); color:#fff; backdrop-filter:blur(4px); }
.eau-btn.dark::before{ background:rgba(255,255,255,0.7); }
.eau-btn.dark:hover{ background:#fff; color:#101f4e; }
.single-product .eau-ph-notes{ display:flex; gap:40px; flex-wrap:wrap; max-width:520px; padding-top:26px; border-top:1px solid rgba(255,255,255,.25); }
.single-product .eau-ph-notes span{ display:block; font-size:9px; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.7); margin-bottom:8px; }
.single-product .eau-ph-notes b{ font-weight:300; font-size:14px; color:#fff; }
/* details section below */
.single-product .product{ max-width:760px; margin:0 auto!important; padding:80px 48px 0!important; }
.single-product .woocommerce-tabs{ max-width:760px; margin:40px auto 0!important; }
.single-product .related.products{ max-width:1320px; margin:80px auto 0!important; padding:60px 48px 60px!important; border-top:1px solid rgba(27,70,214,0.12); }
.single-product .related.products > h2{ font-family:'Cormorant Garamond',serif!important; font-weight:300!important; font-size:34px!important; text-align:center; margin:0 0 44px!important; }
@media (max-width:768px){
  .single-product .eau-ph{ min-height:80vh; }
  .single-product .eau-ph-overlay{ background:linear-gradient(180deg,rgba(16,31,78,0.25) 0%,rgba(16,31,78,0.65) 100%); align-items:flex-end; }
  .single-product .eau-ph-panel{ padding:40px 22px 56px; }
  .single-product .eau-ph-notes{ gap:24px; }
  .single-product .product, .single-product .woocommerce-tabs{ padding-left:22px!important; padding-right:22px!important; }
  .single-product .related.products{ padding:48px 22px!important; }
}

/* product hero rise + breadcrumb overlay */
.single-product main.wp-block-group{ padding:0 !important; margin:0 !important; }
.single-product .eau-ph{ margin-top:0 !important; }
.single-product .woocommerce-breadcrumb{ display:none !important; }
.single-product .eau-ph-crumb{ font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.85); margin-bottom:6px; }
.single-product .eau-ph-crumb a{ color:rgba(255,255,255,.85); text-decoration:none; }
.single-product .eau-ph-crumb a:hover{ color:#fff; }
.single-product .eau-ph-crumb span{ color:#fff; }
.single-product .eau-ph-sub{ margin-top:14px !important; }

/* remove residual gap above hero */
.single-product .wp-site-blocks > main, .single-product main.wp-block-group{ padding-top:0 !important; margin-top:0 !important; }
.single-product main.wp-block-group > .wc-block-woocommerce-legacy-template, .single-product .woocommerce{ margin-top:0 !important; padding-top:0 !important; }
.single-product .eau-ph{ margin-top:-1px !important; }


/* kill header gap definitively */
.single-product .wp-site-blocks > main.wp-block-group{ padding:0!important; margin:0!important; }
.single-product .wp-site-blocks > main.wp-block-group > *:first-child{ margin-top:0!important; }
.single-product .woocommerce, .single-product .woocommerce-page{ margin-top:0!important; }
body.single-product .eau-ph{ margin-top:0!important; }
@media (max-width:768px){ .eau-rel-nav{ top:auto; bottom:8px; right:22px; } .eau-rel-arrow{ width:38px; height:38px; } }

/* kill the 40px gap from woocommerce main.site-main */
.single-product main.site-main{ padding-top:0 !important; margin-top:0 !important; }
.single-product .content-area{ padding-top:0 !important; margin-top:0 !important; }

/* ===== related infinite marquee (no arrows, fade edges) ===== */
.eau-rel-nav{ display:none !important; }
.single-product .related.products{ position:relative; overflow:hidden; max-width:none !important; padding:60px 0 70px !important; }
.single-product .related.products > h2{ max-width:1320px; margin:0 auto 44px !important; }
.single-product .related.products ul.products{ display:flex !important; flex-wrap:nowrap !important; width:max-content; gap:28px; padding:0 0 0 48px; overflow:visible !important; }
.single-product .related.products ul.products.eau-marquee{ animation:eau-marquee 50s linear infinite !important; will-change:transform; }
.single-product .related.products ul.products.eau-marquee:hover{ animation-play-state:paused; }
@keyframes eau-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-2880px); } }
.single-product .related.products ul.products li.product{ flex:0 0 260px !important; width:260px !important; max-width:260px !important; margin:0 !important; float:none !important; }
.single-product .related.products ul.products li.product img{ aspect-ratio:3/4; object-fit:cover; }
/* fade edges */
.single-product .related.products::before, .single-product .related.products::after{ content:''; position:absolute; top:0; bottom:0; width:120px; z-index:3; pointer-events:none; }
.single-product .related.products::before{ left:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%); }
.single-product .related.products::after{ right:0; background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%); }
@media (max-width:768px){ .single-product .related.products ul.products{ padding-left:22px; } .single-product .related.products::before, .single-product .related.products::after{ width:50px; } }



/* ===== eau8 clean footer (grey/black only) ===== */
.eau-footer{ background:#f4f5f7; color:#3a3d44; padding:0; margin:0; }
.eau-footer-top{ max-width:1320px; margin:0 auto; padding:80px 48px 50px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:50px; }
.eau-footer-brand .eau-footer-logo{ display:inline-flex; align-items:baseline; gap:1px; text-decoration:none; margin-bottom:22px; }
.eau-footer-brand .fl1{ font-family:'Jost',sans-serif; font-weight:300; font-size:28px; letter-spacing:.2em; color:#1a1a1a; }
.eau-footer-brand .fl8{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:32px; color:#1a1a1a; }
.eau-footer-brand p{ font-weight:300; font-size:14px; line-height:1.7; color:#7a7d84; max-width:300px; margin:0; }
.eau-footer-col h4{ font-family:'Jost',sans-serif; font-weight:400; font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:#9a9da4; margin:0 0 20px; }
.eau-footer-col a{ display:block; font-family:'Jost',sans-serif; font-weight:300; font-size:14px; color:#3a3d44; text-decoration:none; margin-bottom:14px; transition:color .3s; }
.eau-footer-col a:hover{ color:#000; }
.eau-footer-bottom{ max-width:1320px; margin:0 auto; padding:26px 48px; border-top:1px solid rgba(0,0,0,.08); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.eau-footer-bottom span{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.1em; color:#9a9da4; }
.eau-footer-cities{ letter-spacing:.2em!important; text-transform:uppercase; }
@media (max-width:900px){ .eau-footer-top{ grid-template-columns:1fr 1fr; gap:36px; } }
@media (max-width:768px){ .eau-footer-top{ grid-template-columns:1fr; padding:56px 22px 36px; } .eau-footer-bottom{ padding:22px; flex-direction:column; align-items:flex-start; } }
/* offset content so it isn't hidden under the fixed header (non-hero pages) */
body:not(.home):not(.single-product) .wp-site-blocks{ padding-top:84px; }
/* hero rises to very top under transparent header (home + product) */
body.home .eau-hero, body.single-product .eau-ph{ margin-top:0 !important; }
@media (max-width:900px){ body:not(.home):not(.single-product) .wp-site-blocks{ padding-top:62px; } }


/* ===== eau8 announce marquee ===== */
.eau-announce{ background:#101f4e; overflow:hidden; padding:16px 0; }
.eau-announce-track{ display:inline-flex; white-space:nowrap; animation:eau-announce 28s linear infinite; will-change:transform; }
.eau-announce-track:hover{ animation-play-state:paused; }
@keyframes eau-announce{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.eau-mq-item{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#fff; padding:0 26px; }
.eau-mq-sep{ color:rgba(255,255,255,.4); font-size:11px; }


/* ===================== HEADER (unified .eau-header) ===================== */
.eau-nav-toggle{ display:none; }
.eau-header{
  position:fixed; top:0; left:0; right:0; z-index:9000;
  background:#fff; border-bottom:1px solid rgba(0,0,0,.07);
  transition:transform .45s cubic-bezier(.5,0,.2,1), background .4s ease, border-color .4s ease;
}
.eau-header.hidden{ transform:translateY(-100%); }
.eau-header-inner{
  max-width:1480px; margin:0 auto; padding:22px 48px;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
/* logo */
.eau-logo{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:30px; letter-spacing:.04em; line-height:1; text-decoration:none; display:inline-flex; align-items:baseline; }
.eau-logo .lg1{ color:#10204f; }
.eau-logo .lg8{ color:#c9a24b; font-style:italic; margin-left:1px; font-size:1.18em; }
/* desktop nav */
.eau-nav-desktop{ display:flex; gap:34px; }
.eau-nav-desktop a{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#10204f; text-decoration:none; transition:opacity .25s; }
.eau-nav-desktop a:hover{ opacity:.55; }
.eau-bag{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#10204f; text-decoration:none; }
/* burger */
.eau-burger{ display:none; position:relative; width:24px; height:16px; cursor:pointer; }
.eau-burger span{ position:absolute; left:0; right:0; height:1.6px; background:#10204f; transition:.3s; }
.eau-burger span:nth-child(1){ top:0; }
.eau-burger span:nth-child(2){ top:7px; }
.eau-burger span:nth-child(3){ top:14px; }
.eau-nav-mobile{ display:none; }

/* TRANSPARENT mode at top, only on home + single product (dark hero behind) */
body.home .eau-header.at-top, body.single-product .eau-header.at-top{ background:transparent; border-bottom-color:transparent; }
body.home .eau-header.at-top .eau-logo .lg1, body.single-product .eau-header.at-top .eau-logo .lg1{ color:#101f4e; }
body.home .eau-header.at-top .eau-logo .lg8, body.single-product .eau-header.at-top .eau-logo .lg8{ color:#1b46d6; }
body.home .eau-header.at-top .eau-nav-desktop a, body.single-product .eau-header.at-top .eau-nav-desktop a,
body.home .eau-header.at-top .eau-bag, body.single-product .eau-header.at-top .eau-bag{ color:#101f4e; }
body.home .eau-header.at-top .eau-burger span, body.single-product .eau-header.at-top .eau-burger span{ background:#101f4e; }

/* spacer so non-hero pages don't hide under fixed header */
body:not(.home):not(.single-product) .eau-header{ position:sticky; }

/* ===================== MOBILE HEADER ===================== */
@media (max-width:900px){
  .eau-header-inner{ padding:16px 20px; }
  .eau-nav-desktop, .eau-bag{ display:none; }
  .eau-burger{ display:block; }
  .eau-logo{ font-size:26px; }
  .eau-nav-mobile{
    display:block; position:fixed; inset:0; top:0; z-index:8999;
    background:#0a1b4d; padding:120px 32px 40px;
    transform:translateX(-100%); transition:transform .45s cubic-bezier(.5,0,.2,1);
  }
  .eau-nav-mobile a{ display:block; font-family:'Cormorant Garamond',serif; font-size:30px; color:#fff; text-decoration:none; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.12); }
  .eau-nav-mobile-foot{ margin-top:30px; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.5); }
  .eau-nav-toggle:checked ~ .eau-nav-mobile{ transform:translateX(0); }
  .eau-nav-toggle:checked ~ .eau-header-inner .eau-burger span:nth-child(1){ top:7px; transform:rotate(45deg); background:#fff; }
  .eau-nav-toggle:checked ~ .eau-header-inner .eau-burger span:nth-child(2){ opacity:0; }
  .eau-nav-toggle:checked ~ .eau-header-inner .eau-burger span:nth-child(3){ top:7px; transform:rotate(-45deg); background:#fff; }
}

/* ===================== HERO FULL-HEIGHT ON MOBILE ===================== */
@media (max-width:780px){
  .eau-hero{ min-height:100svh !important; height:100svh !important; }
}

/* ===================== MORE AIR BETWEEN HOME SECTIONS ===================== */
.eau-slider, .eau-tiles, .eau-source, .eau-news, .eau-announce{ margin-top:clamp(70px,9vw,140px); }
.eau-announce{ margin-top:0; }

/* ===================== HOME PRODUCT MARQUEE ===================== */
.eau-hsliderwrap{ max-width:1480px; margin:clamp(70px,9vw,140px) auto 0; padding:0 0 20px; }
.eau-hslider-head{ display:flex; align-items:flex-end; gap:24px; max-width:1320px; margin:0 auto 44px; padding:0 48px; }
.eau-hslider-head .eau-eyebrow{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#1b46d6; }
.eau-hslider-head h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(34px,4vw,52px); color:#101f4e; margin:8px 0 0; line-height:1; }
.eau-hslider-head .eau-link{ margin-left:auto; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#10204f; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:3px; }
.eau-hslider{ position:relative; overflow:hidden; }
.eau-hslider::before, .eau-hslider::after{ content:''; position:absolute; top:0; bottom:0; width:90px; z-index:3; pointer-events:none; }
.eau-hslider::before{ left:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%); }
.eau-hslider::after{ right:0; background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%); }
.eau-hslider-track{ display:flex; gap:28px; width:max-content; padding:0 48px; animation:eau-hslide 55s linear infinite; will-change:transform; }
.eau-hslider-track:hover{ animation-play-state:paused; }
@keyframes eau-hslide{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.eau-hslide{ flex:0 0 280px; width:280px; text-decoration:none; display:block; }
.eau-hslide-img{ width:280px; height:373px; overflow:hidden; background:#f3f4f7; }
.eau-hslide-img img{ width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1); display:block; }
.eau-hslide:hover .eau-hslide-img img{ transform:scale(1.06); }
.eau-hslide-sub{ font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:#9398a4; margin-top:16px; }
.eau-hslide-name{ font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:300; color:#101f4e; margin-top:5px; }
.eau-hslide-price{ font-family:'Jost',sans-serif; font-size:13px; color:#4a4e57; margin-top:4px; }
.eau-hslide-price .amount{ color:#4a4e57; }
@media (max-width:780px){
  .eau-hslider-head{ padding:0 22px; }
  .eau-hslider-track{ padding:0 22px; }
  .eau-hslide,.eau-hslide-img{ flex-basis:220px; width:220px; }
  .eau-hslide-img{ height:293px; }
}

/* ===================== PRODUCT STORY ===================== */
.eau-story{ background:#fff; padding:clamp(70px,9vw,130px) 0; }
.eau-story-inner{ max-width:1100px; margin:0 auto; padding:0 32px; text-align:center; }
.eau-story-eyebrow{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#1b46d6; }
.eau-story-h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(34px,4.4vw,56px); color:#101f4e; margin:14px 0 0; line-height:1.05; }
.eau-story-lead{ font-family:'Jost',sans-serif; font-weight:300; font-size:17px; line-height:1.85; color:#4a4e57; max-width:680px; margin:22px auto 0; }
.eau-story-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:48px; margin-top:64px; text-align:left; }
.eau-story-num{ font-family:'Cormorant Garamond',serif; font-size:30px; color:#c9a24b; font-style:italic; }
.eau-story-card h3{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:24px; color:#101f4e; margin:10px 0 8px; }
.eau-story-card p{ font-family:'Jost',sans-serif; font-weight:300; font-size:14.5px; line-height:1.8; color:#5b5f68; margin:0; }

/* ===================== BEFORE / AFTER ===================== */
.eau-ba{ background:#f6f7fa; padding:clamp(70px,9vw,130px) 0; }
.eau-ba-inner{ max-width:1240px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.eau-ba-text .eau-story-h2{ margin-top:12px; }
.eau-ba-text .eau-story-lead{ margin-left:0; }
.eau-ba-stats{ list-style:none; margin:36px 0 0; padding:0; display:flex; gap:36px; }
.eau-ba-stats li{ display:flex; flex-direction:column; }
.eau-ba-stats strong{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:34px; color:#1b46d6; }
.eau-ba-stats span{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.04em; color:#6b6f78; margin-top:4px; max-width:120px; }
.eau-ba-compare{ position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; border-radius:2px; user-select:none; }
.eau-ba-img{ position:absolute; inset:0; background-size:cover; background-position:center; }
.eau-ba-before{ width:50%; overflow:hidden; border-right:2px solid #fff; }
.eau-ba-before{ filter:saturate(.85) brightness(.97); }
.eau-ba-badge{ position:absolute; top:16px; font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#fff; background:rgba(16,31,78,.6); padding:5px 12px; }
.eau-ba-badge-before{ left:16px; }
.eau-ba-badge-after{ right:16px; }
.eau-ba-handle{ position:absolute; top:0; bottom:0; left:50%; width:2px; background:#fff; transform:translateX(-50%); pointer-events:none; z-index:4; }
.eau-ba-handle span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:42px; height:42px; border-radius:50%; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,.25); }
.eau-ba-handle span::before, .eau-ba-handle span::after{ content:''; position:absolute; top:50%; width:0; height:0; border:5px solid transparent; }
.eau-ba-handle span::before{ left:9px; border-right-color:#1b46d6; transform:translateY(-50%); }
.eau-ba-handle span::after{ right:9px; border-left-color:#1b46d6; transform:translateY(-50%); }
.eau-ba-range{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:5; }

/* ===================== REVIEWS ===================== */
.eau-reviews{ background:#fff; padding:clamp(70px,9vw,120px) 0 clamp(80px,10vw,140px); }
.eau-reviews-inner{ max-width:1240px; margin:0 auto; padding:0 32px; }
.eau-reviews-head{ text-align:center; margin-bottom:56px; }
.eau-reviews-score{ display:inline-flex; flex-direction:column; align-items:center; gap:8px; }
.eau-reviews-num{ font-family:'Cormorant Garamond',serif; font-size:58px; font-weight:300; color:#101f4e; line-height:1; }
.eau-stars{ color:#c9a24b; letter-spacing:3px; font-size:18px; }
.eau-stars.sm{ font-size:13px; letter-spacing:2px; }
.eau-reviews-count{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#9398a4; }
.eau-reviews-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.eau-review{ border:1px solid rgba(16,31,78,.1); padding:34px 30px; background:#fcfcfd; }
.eau-review h4{ font-family:'Cormorant Garamond',serif; font-weight:400; font-size:21px; color:#101f4e; margin:12px 0 10px; }
.eau-review p{ font-family:'Jost',sans-serif; font-weight:300; font-size:14.5px; line-height:1.8; color:#5b5f68; margin:0 0 18px; }
.eau-review-name{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.04em; color:#101f4e; }
.eau-review-name span{ color:#9398a4; }

@media (max-width:820px){
  .eau-story-grid{ grid-template-columns:1fr; gap:32px; }
  .eau-ba-inner{ grid-template-columns:1fr; gap:40px; }
  .eau-ba-stats{ gap:24px; }
  .eau-reviews-grid{ grid-template-columns:1fr; gap:20px; }
}

/* footer logo gold 8 */
.eau-footer-logo .fl8{ color:#c9a24b !important; font-style:italic; }
.eau-footer-logo{ font-family:'Cormorant Garamond',serif; }

/* =====================================================================
   EDITORIAL HOME (Lancôme structure, eau8 BLUE palette, your assets)
   ===================================================================== */
:root{ --ed-blue:#1b46d6; --ed-ink:#101f4e; --ed-soft:#f5f6fb; }

.ed-bg-hero{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-14.webp'); }
.ed-bg-frag{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-6.webp'); }
.ed-bg-skin{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-8.webp'); }
.ed-bg-source{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-7.webp'); }

/* HERO */
.ed-hero{ position:relative; min-height:100vh; background-size:cover; background-position:center; display:flex; align-items:center; }
.ed-hero-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.7) 40%, rgba(255,255,255,.15) 70%); }
.ed-hero-content{ position:relative; z-index:2; max-width:1380px; width:100%; margin:0 auto; padding:0 72px; }
.ed-eyebrow{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.36em; text-transform:uppercase; color:var(--ed-blue); }
.ed-eyebrow.light{ color:var(--ed-blue); }
.ed-hero-title{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(54px,7.5vw,108px); line-height:.98; color:var(--ed-ink); margin:22px 0 0; }
.ed-hero-title em{ font-style:italic; color:var(--ed-blue); }
.ed-hero-sub{ font-family:'Jost',sans-serif; font-weight:300; font-size:clamp(15px,1.4vw,18px); line-height:1.8; max-width:440px; margin:26px 0 38px; color:#3a4254; }
.ed-hero-cta{ display:flex; gap:16px; flex-wrap:wrap; }
.ed-btn{ display:inline-block; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#fff; background:var(--ed-blue); padding:17px 36px; text-decoration:none; transition:.3s; }
.ed-btn:hover{ background:var(--ed-ink); }
.ed-btn-ghost{ display:inline-block; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--ed-ink); border:1px solid rgba(16,31,78,.3); padding:17px 36px; text-decoration:none; transition:.3s; }
.ed-btn-ghost:hover{ border-color:var(--ed-blue); color:var(--ed-blue); }

/* shared */
.ed-h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(36px,4.8vw,68px); line-height:1.03; color:var(--ed-ink); margin:14px 0 0; }
.ed-h2.light{ color:#fff; }

/* MANIFESTO */
.ed-manifesto{ background:var(--ed-soft); text-align:center; padding:clamp(90px,12vw,150px) 32px; }
.ed-manifesto .ed-eyebrow{ margin-bottom:28px; }
.ed-manifesto-text{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(24px,3.1vw,40px); line-height:1.5; color:var(--ed-ink); max-width:900px; margin:0 auto; }

/* SPLIT */
.ed-split{ display:grid; grid-template-columns:1fr 1fr; min-height:86vh; }
.ed-split-img{ background-size:cover; background-position:center; background-color:var(--ed-soft); }
.ed-split-text{ display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,7vw,120px); background:#fff; }
.ed-split-rev .ed-split-img{ order:2; }
.ed-split-rev .ed-split-text{ order:1; background:var(--ed-soft); }
.ed-split-text p{ font-family:'Jost',sans-serif; font-weight:300; font-size:17px; line-height:1.9; color:#4a5266; max-width:430px; margin:24px 0 30px; }
.ed-link{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--ed-ink); text-decoration:none; border-bottom:1px solid var(--ed-blue); padding-bottom:5px; align-self:flex-start; transition:.3s; }
.ed-link:hover{ color:var(--ed-blue); }

/* ICONS */
.ed-icons{ background:#fff; padding:clamp(90px,11vw,150px) 32px; text-align:center; }
.ed-icons-head{ margin-bottom:60px; }
.ed-icons-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:34px; max-width:1240px; margin:0 auto; }
.ed-icon{ text-decoration:none; display:block; }
.ed-icon-img{ aspect-ratio:3/4; overflow:hidden; background:var(--ed-soft); }
.ed-icon-img img{ width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1); }
.ed-icon:hover .ed-icon-img img{ transform:scale(1.06); }
.ed-icon-name{ font-family:'Cormorant Garamond',serif; font-size:23px; color:var(--ed-ink); margin-top:16px; }
.ed-icon-price{ font-family:'Jost',sans-serif; font-size:13px; color:#7a8196; margin-top:5px; }
.ed-icon-price .amount{ color:#7a8196; }
.ed-icons-foot{ margin-top:56px; }
.ed-icons-foot .ed-link{ display:inline-block; }

/* SOURCE */
.ed-source{ position:relative; background-size:cover; background-position:center; padding:clamp(110px,15vw,190px) 32px; text-align:center; }
.ed-source-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(16,31,78,.6), rgba(16,31,78,.78)); }
.ed-source-inner{ position:relative; z-index:2; max-width:760px; margin:0 auto; }
.ed-source-p{ font-family:'Jost',sans-serif; font-weight:300; font-size:18px; line-height:1.9; color:rgba(255,255,255,.9); margin-top:26px; }

.ed-hero + .ed-manifesto, .eau-announce{ margin-top:0; }

@media (max-width:880px){
  .ed-hero-content{ padding:0 28px; }
  .ed-hero-overlay{ background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.6)); }
  .ed-split{ grid-template-columns:1fr; }
  .ed-split-img{ min-height:60vh; }
  .ed-split-rev .ed-split-img{ order:0; }
  .ed-split-rev .ed-split-text{ order:0; }
  .ed-icons-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
}

/* =====================================================================
   FIXES: header visible on light hero, buttons, spacing, slider, footer
   ===================================================================== */

/* ---- HEADER: on home the hero is LIGHT, so header text must be dark (not white) ---- */
body.home .eau-header.at-top{ background:transparent !important; border-bottom-color:transparent !important; }
body.home .eau-header.at-top .eau-logo .lg1{ color:#101f4e !important; }
body.home .eau-header.at-top .eau-logo .lg8{ color:#1b46d6 !important; }
body.home .eau-header.at-top .eau-nav-desktop a,
body.home .eau-header.at-top .eau-bag{ color:#101f4e !important; }
body.home .eau-header.at-top .eau-burger span{ background:#101f4e !important; }
/* once scrolled (white bg header) keep dark text too */
.eau-header .eau-nav-desktop a, .eau-header .eau-bag{ color:#101f4e; }

/* ---- BUTTONS: identical size, clean colors ---- */
.ed-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; align-items:stretch; }
.ed-btn, .ed-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  height:52px; min-width:230px; box-sizing:border-box; padding:0 34px;
  font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  text-decoration:none; transition:.3s; border:1px solid transparent;
}
.ed-btn{ background:#101f4e; color:#fff; border-color:#101f4e; }
.ed-btn:hover{ background:#1b46d6; border-color:#1b46d6; }
.ed-btn-ghost{ background:transparent; color:#101f4e; border-color:rgba(16,31,78,.35); }
.ed-btn-ghost:hover{ Êorder-color:#101f4e; background:rgba(16,31,78,.04); }

/* ---- KILL EMPTY GAPS between blocks (no stray margins, sections flush) ---- */
.ed-hero, .ed-manifesto, .ed-split, .ed-icons, .eau-hsliderwrap.ed-slider-sec, .ed-source, .eau-announce{ margin:0 !important; }
.eau-home, .eau-home > *{ margin:0 !important; }
.ed-manifesto + .ed-split, .ed-split + .ed-icons, .ed-split + .eau-hsliderwrap, .eau-hsliderwrap + .ed-split{ margin-top:0 !important; }
/* the home wrapper sometimes adds block gaps */
body.home main, body.home .wp-block-post-content{ margin:0 !important; }

/* ---- SLIDER section spacing (replaces stacked grid) ---- */
.eau-hsliderwrap.ed-slider-sec{ background:#fff; padding:clamp(80px,10vw,130px) 0 clamp(80px,10vw,130px) !important; max-width:none; }
.ed-slider-sec .eau-hslider-head{ display:flex; align-items:flex-end; gap:20px; max-width:1240px; margin:0 auto 50px; padding:0 48px; }
.ed-slider-sec .eau-hslider-head h2{ margin:6px 0 0; }
.ed-slider-sec .eau-hslider-head .ed-link{ margin-left:auto; }

/* ---- FOOTER: compact columns (was 3km tall) ---- */
.eau-footer{ background:#101f4e; color:#c7cde0; }
.eau-footer-top{ max-width:1240px; margin:0 auto; padding:70px 48px 46px !important; display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:40px; }
.eau-footer-brand .eau-footer-logo .fl1{ color:#fff !important; }
.eau-footer-brand .eau-footer-logo .fl8{ color:#9db2ff !important; font-style:italic; }
.eau-footer-brand p{ font-family:'Jost',sans-serif; font-weight:300; font-size:13.5px; line-height:1.8; color:#8b96bd; max-width:280px; margin:18px 0 0; }
.eau-footer-col h4{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#9db2ff; margin:0 0 16px; }
.eau-footer-col a{ display:block; font-family:'Jost',sans-serif; font-weight:300; font-size:13.5px; color:#c7cde0; text-decoration:none; padding:6px 0; transition:.25s; }
.eau-footer-col a:hover{ color:#fff; }
.eau-footer-bottom{ border-top:1px solid rgba(255,255,255,.12); max-width:1240px; margin:0 auto; padding:22px 48px; display:flex; justify-content:space-between; align-items:center; }
.eau-footer-bottom span, .eau-footer-cities{ font-family:'Jost',sans-serif; font-size:12px; color:#7682a8; letter-spacing:.03em; }

@media (max-width:880px){
  .ed-btn, .ed-btn-ghost{ min-width:0; width:100%; }
  .ed-slider-sec .eau-hslider-head{ padding:0 22px; }
  .eau-footer-top{ grid-template-columns:1fr 1fr; gap:30px; padding:54px 24px 36px !important; }
  .eau-footer-bottom{ flex-direction:column; gap:8px; padding:20px 24px; text-align:center; }
}

/* slider head alignment fix */
.ed-slider-sec .eau-hslider-head{ flex-wrap:wrap; }
.ed-slider-sec .eau-hslider-head .ed-eyebrow{ flex:0 0 100%; order:1; margin-bottom:6px; }
.ed-slider-sec .eau-hslider-head h2{ order:2; }
.ed-slider-sec .eau-hslider-head .ed-link{ order:2; margin-left:auto; align-self:flex-end; }

/* ===== AMBIENT full-frame split images + balanced density ===== */
.ed-bg-frag{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-27.webp') !important; background-size:cover !important; background-position:center !important; }
.ed-bg-skin{ background-image:url('https://eau8.com/wp-content/uploads/2026/06/image-28.webp') !important; background-size:cover !important; background-position:center !important; }
/* shorter split sections so no empty bands; image always covers its half */
.ed-split{ min-height:0 !important; }
.ed-split-img{ min-height:560px; background-size:cover !important; background-position:center !important; }
.ed-split-text{ padding:clamp(48px,6vw,90px) clamp(40px,6vw,96px) !important; }
/* balanced vertical rhythm (reduce excessive padding) */
.ed-manifesto{ padding:clamp(70px,8vw,110px) 32px !important; }
.eau-hsliderwrap.ed-slider-sec{ padding:clamp(64px,7vw,100px) 0 !important; }
.ed-source{ padding:clamp(90px,11vw,150px) 32px !important; }
/* slider head clean alignment: eyebrow over title (left), link right */
.ed-slider-sec .eau-hslider-head{ display:grid !important; grid-template-columns:1fr auto; align-items:end; row-gap:6px; }
.ed-slider-sec .eau-hslider-head .ed-eyebrow{ grid-column:1; grid-row:1; }
.ed-slider-sec .eau-hslider-head h2{ grid-column:1; grid-row:2; margin:0 !important; }
.ed-slider-sec .eau-hslider-head .ed-link{ grid-column:2; grid-row:2; margin:0 !important; }
@media (max-width:880px){
  .ed-split-img{ min-height:54vh; }
}

/* kill empty autop paragraphs creating white bands between sections */
.eau-home > p:empty, .entry-content > p:empty, body.home .wp-block-post-content > p:empty{ display:none !important; margin:0 !important; height:0 !important; }
.eau-home, body.home .wp-block-post-content{ row-gap:0 !important; }

/* ===== UNIFIED HEADER: identical legible rendering on ALL pages ===== */
.eau-header .eau-logo .lg1{ color:#101f4e !important; }
.eau-header .eau-logo .lg8{ color:#1b46d6 !important; font-style:italic; }
.eau-header .eau-nav-desktop a, .eau-header .eau-bag{ color:#101f4e !important; }
.eau-header .eau-burger span{ background:#101f4e !important; }
/* keep transparent-at-top only where there's a light hero (home & single); elsewhere solid white */
body:not(.home):not(.single-product) .eau-header{ background:#fff; border-bottom:1px solid rgba(0,0,0,.07); }

/* ===== HARMONISE SHOP + PRODUCT with editorial home (blue roi) ===== */

/* Buttons site-wide = same style as home .ed-btn (solid ink -> hover blue), no conic border */
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.single_add_to_cart_button{
  position:relative !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-height:52px !important; background:#101f4e !important; color:#fff !important;
  border:1px solid #101f4e !important; border-radius:0 !important;
  font-family:'Jost',sans-serif !important; font-size:12px !important; letter-spacing:.18em !important;
  text-transform:uppercase !important; padding:0 36px !important; font-weight:400 !important;
  transition:background .3s, border-color .3s, color .3s !important;
}
/* kill the animated conic border pseudo-element */
.wp-block-button__link::before,
.woocommerce a.button::before, .woocommerce button.button::before, .woocommerce .button::before,
.single_add_to_cart_button::before{ content:none !important; display:none !important; animation:none !important; }
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover{ background:#1b46d6 !important; border-color:#1b46d6 !important; color:#fff !important; }

/* Remove leftover gold accents -> blue roi (consistency) */
.eau-story-num{ color:#1b46d6 !important; }
.eau-stars{ color:#1b46d6 !important; }

/* Shop hero: align eyebrow/spacing to editorial feel */
.eau-shop-hero{ padding:clamp(96px,12vw,150px) 24px !important; }
.eau-shop-body{ padding:clamp(56px,6vw,80px) 48px clamp(80px,10vw,120px) !important; }

/* Product cards: cleaner hover, blue accents already present - tighten */
.eau-pcard-sub{ color:#1b46d6 !important; }

/* ===== PRODUCT hero button harmonised (no conic border) ===== */
.eau-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:0 38px; background:#fff; color:#101f4e;
  border:1px solid #fff; border-radius:0;
  font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  text-decoration:none; transition:background .3s,color .3s,border-color .3s; z-index:0;
}
.eau-btn::before{ content:none !important; display:none !important; animation:none !important; }
.eau-btn:hover{ background:#1b46d6; border-color:#1b46d6; color:#fff; }
.eau-btn.dark{ background:#101f4e; color:#fff; border-color:#101f4e; }
.eau-btn.dark:hover{ background:#1b46d6; border-color:#1b46d6; }

/* product story/reviews already blue via earlier rules; ensure review stars + nums blue */
.eau-reviews-num, .eau-ba-stats strong{ color:#1b46d6 !important; }

/* ===== PRODUCT hero full-height on mobile ===== */
@media (max-width:780px){
  body.single-product .eau-ph{ min-height:100svh !important; height:100svh !important; }
  body.single-product .eau-ph-overlay{ align-items:flex-end !important; }
  body.single-product .eau-ph-panel{ padding-bottom:48px !important; }
}

/* ===== PRODUCT hero: animated 'video-like' image (slow zoom + light sweep) ===== */
.single-product .eau-ph-bg{ animation:eauKenBurns 18s ease-in-out infinite alternate; transform-origin:center; will-change:transform; }
@keyframes eauKenBurns{ 0%{ transform:scale(1); } 100%{ transform:scale(1.09); } }
/* shimmering light sweep over the hero */
.single-product .eau-ph::after{
  content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
  background-size:250% 100%; background-position:200% 0;
  animation:eauSheen 7s ease-in-out infinite; mix-blend-mode:screen;
}
@keyframes eauSheen{ 0%{ background-position:200% 0; } 60%,100%{ background-position:-80% 0; } }
@media (prefers-reduced-motion:reduce){
  .single-product .eau-ph-bg{ animation:none; }
  .single-product .eau-ph::after{ animation:none; display:none; }
}

/* ===== PRODUCT gallery thumbnails (WooCommerce) styled to match ===== */
.single-product .woocommerce-product-gallery__wrapper{ display:flex; gap:10px; }
.single-product .flex-control-thumbs{ display:flex; gap:10px; margin-top:12px; padding:0; list-style:none; }
.single-product .flex-control-thumbs li{ width:72px; }
.single-product .flex-control-thumbs img{ border:1px solid rgba(27,70,214,.18); cursor:pointer; opacity:.7; transition:.25s; aspect-ratio:3/4; object-fit:cover; }
.single-product .flex-control-thumbs img:hover, .single-product .flex-control-thumbs img.flex-active{ opacity:1; border-color:#1b46d6; }

/* ===== PRODUCT hero gallery thumbnails ===== */
.single-product .eau-ph-overlay{ position:relative; }
.eau-ph-thumbs{ position:absolute; right:48px; bottom:48px; z-index:3; display:flex; gap:10px; }
.eau-ph-thumb{ width:60px; height:78px; padding:0; border:1px solid rgba(255,255,255,.5); background:none; cursor:pointer; overflow:hidden; opacity:.65; transition:opacity .25s, border-color .25s; }
.eau-ph-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.eau-ph-thumb:hover{ opacity:1; }
.eau-ph-thumb.active{ opacity:1; border-color:#fff; border-width:2px; }
@media (max-width:780px){
  .eau-ph-thumbs{ right:20px; bottom:20px; gap:8px; }
  .eau-ph-thumb{ width:46px; height:60px; }
}

/* =====================================================================
   HEADER — ONE identical look on EVERY page (solid white, blue text)
   This overrides all earlier transparent/at-top variations.
   ===================================================================== */
.eau-header{ background:#fff !important; border-bottom:1px solid rgba(16,31,78,.08) !important; }
.eau-header.at-top{ background:#fff !important; border-bottom-color:rgba(16,31,78,.08) !important; }
.eau-header .eau-logo .lg1, .eau-header.at-top .eau-logo .lg1{ color:#101f4e !important; }
.eau-header .eau-logo .lg8, .eau-header.at-top .eau-logo .lg8{ color:#1b46d6 !important; font-style:italic; }
.eau-header .eau-nav-desktop a, .eau-header.at-top .eau-nav-desktop a,
.eau-header .eau-bag, .eau-header.at-top .eau-bag{ color:#101f4e !important; }
.eau-header .eau-burger span, .eau-header.at-top .eau-burger span{ background:#101f4e !important; }

/* header is fixed everywhere; push hero/content down so nothing hides under it */
.eau-header{ position:fixed !important; }
body.home .ed-hero, body.single-product .eau-ph{ margin-top:0 !important; }
/* add top offset equal to header height so the fixed header never overlaps content on hero pages */
body.home .ed-hero{ padding-top:0 !important; }
.eau-header-inner{ min-height:64px; }

/* ===== FIX: product hero full screen on desktop + contain zoom ===== */
body.single-product .eau-ph{ min-height:100vh !important; height:100vh !important; overflow:hidden !important; }
body.single-product .eau-ph-bg{ position:absolute !important; inset:0 !important; }
body.single-product .eau-ph-overlay{ position:absolute !important; inset:0 !important; }

/* ===== REVIEWS auto-loop slider ===== */
.eau-reviews-slider{ position:relative; overflow:hidden; }
.eau-reviews-slider::before, .eau-reviews-slider::after{ content:''; position:absolute; top:0; bottom:0; width:90px; z-index:3; pointer-events:none; }
.eau-reviews-slider::before{ left:0; background:linear-gradient(90deg,#fff,rgba(255,255,255,0)); }
.eau-reviews-slider::after{ right:0; background:linear-gradient(270deg,#fff,rgba(255,255,255,0)); }
.eau-reviews-track{ display:flex; gap:28px; width:max-content; padding:6px 0; animation:eauReviews 48s linear infinite; will-change:transform; }
.eau-reviews-track:hover{ animation-play-state:paused; }
@keyframes eauReviews{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.eau-reviews-slider .eau-review{ flex:0 0 360px; width:360px; box-sizing:border-box; }
@media (max-width:780px){
  .eau-reviews-slider .eau-review{ flex-basis:280px; width:280px; }
  .eau-reviews-slider::before, .eau-reviews-slider::after{ width:40px; }
}

/* ===== BEFORE/AFTER: full-width bg, boxed centered content ===== */
.eau-ba{ width:100%; }
.eau-ba-inner{ max-width:1240px !important; margin:0 auto !important; padding-left:clamp(24px,5vw,48px) !important; padding-right:clamp(24px,5vw,48px) !important; }

/* ===== LOGO eau8 — serif premium, always visible (adaptive soft shadow) ===== */
.eau-logo, .eau-footer-logo{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-weight:500 !important; letter-spacing:.01em; text-transform:lowercase;
}
.eau-logo{ font-size:32px !important; }
.eau-logo .lg1{ color:#101f4e !important; }
.eau-logo .lg8{ color:#1b46d6 !important; font-style:italic; font-size:1.12em; margin-left:1px; }
/* soft adaptive halo so it stays legible on any background */
.eau-logo{ text-shadow:0 1px 2px rgba(255,255,255,.55), 0 0 1px rgba(255,255,255,.4); }
/* on dark/photo backgrounds (single product hero at top), invert to light text + dark halo */
body.single-product .eau-header.at-top .eau-logo .lg1{ color:#101f4e !important; }
/* footer is dark -> light text + dark halo */
.eau-footer-logo{ text-shadow:0 1px 3px rgba(0,0,0,.4); }
.eau-footer-logo .fl1{ color:#fff !important; }
.eau-footer-logo .fl8{ color:#9db2ff !important; font-style:italic; }

/* ===== FIX before/after empty space: balanced columns, vertically centered, no left void ===== */
.eau-ba-inner{ grid-template-columns:1.05fr 1fr !important; gap:clamp(40px,5vw,80px) !important; align-items:center !important; }
.eau-ba-text{ display:flex; flex-direction:column; justify-content:center; }
.eau-ba-compare{ aspect-ratio:4/5; max-height:560px; margin:0 auto; width:100%; }
@media (max-width:820px){
  .eau-ba-inner{ grid-template-columns:1fr !important; }
  .eau-ba-compare{ max-height:none; }
}

/* ===== LOGO = same as loader (gold 8 monogram + eau8) ===== */
.eau-logo{ position:relative; flex-direction:column; align-items:center; line-height:1; gap:0; text-shadow:none !important; }
.eau-logo .lg1{ display:none !important; }
.eau-logo .lg8{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-weight:300 !important; font-style:normal !important;
  font-size:34px !important; color:#c9a24b !important; margin:0 !important;
  line-height:.9;
}
.eau-logo::after{
  content:'eau8'; display:block;
  font-family:'Jost','Helvetica Neue',sans-serif; font-weight:300;
  font-size:11px; letter-spacing:.34em; text-transform:lowercase;
  color:#101f4e; margin-top:3px;
}
/* on dark backgrounds (single hero top / footer) keep it readable */
.eau-footer-logo .fl1{ display:none !important; }
.eau-footer-logo{ flex-direction:column; align-items:flex-start; }
.eau-footer-logo .fl8{ font-family:'Cormorant Garamond',serif !important; font-weight:300 !important; font-style:normal !important; font-size:38px !important; color:#c9a24b !important; line-height:.9; }
.eau-footer-logo::after{ content:'eau8'; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.34em; text-transform:lowercase; color:#9db2ff; margin-top:3px; }

/* ===== FORCE full-bleed for product story sections (break parent max-width:1320px) ===== */
.single-product .eau-story,
.single-product .eau-ba,
.single-product .eau-reviews{
  width:100vw !important; max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
}