:root{--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-normal:300ms;--dur-slow:500ms;--accent:#C4A882;--primary:#1A1A1A;--bg:#FDFBF9;--text:#1A1A1A;--text-light:#8B8078;--text-sub:#4A4440;--border:rgba(0,0,0,0.06);--font-serif:'Cormorant Garamond',serif;--font-sans:'DM Sans',sans-serif} *{margin:0;padding:0;box-sizing:border-box} body,.cc{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;max-width:100vw;overflow-x:hidden} a{text-decoration:none;color:inherit;transition:opacity .2s} img{max-width:100%;height:auto;display:block} ::selection{background:var(--accent);color:#fff} /* Animations */ .fi{opacity:0;transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)} .fi.v{opacity:1;transform:translateY(0)} .fi-d1{transition-delay:.08s}.fi-d2{transition-delay:.15s}.fi-d3{transition-delay:.22s}.fi-d4{transition-delay:.3s}.fi-d5{transition-delay:.38s} /* Announce */ .cc-an{background:var(--primary);color:#E8E0D8;padding:10px 0;overflow:hidden;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:300} .cc-an-t{display:flex;animation:scroll 28s linear infinite;white-space:nowrap;width:max-content} @keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} .cc-an-i{margin-right:56px} .cc-an-d{color:var(--accent);margin-right:8px} /* Header */ .cc-hd{position:sticky;top:0;z-index:100;background:rgba(253,251,249,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,60px);border-bottom:1px solid var(--border)} .cc-hd-nav{display:none;gap:28px;align-items:center} .cc-hd-nav a{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:400;position:relative;padding:4px 0} .cc-hd-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width var(--dur-normal) var(--ease-out)} .cc-hd-nav a:hover::after{width:100%} .cc-logo{display:flex;align-items:baseline;gap:4px} .cc-logo span:first-child{font-family:var(--font-serif);font-size:22px;font-weight:300;letter-spacing:2px} .cc-logo span:last-child{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:2px;color:var(--accent)} .cc-hd-ic{display:flex;gap:20px;align-items:center} .cc-hd-ic a{color:var(--text)} .cc-burger{font-size:24px;cursor:pointer;background:none;border:none;color:var(--text);padding:4px} @media(min-width:768px){.cc-hd{height:72px}.cc-burger{display:none}.cc-hd-nav{display:flex}} /* Mobile nav */ .cc-ov{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.3);backdrop-filter:blur(4px)}.cc-ov.o{display:block} .cc-mn{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:201;background:var(--bg);padding:32px 24px;transform:translateX(-100%);transition:transform .3s var(--ease-out);overflow-y:auto}.cc-mn.o{transform:translateX(0)} .cc-mn-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)} .cc-mn-x{font-size:24px;cursor:pointer;background:none;border:none;color:var(--text);padding:4px} .cc-mn a{display:block;padding:14px 0;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:400;border-bottom:1px solid rgba(0,0,0,.04)} /* Hero */ .cc-hero{position:relative;min-height:clamp(500px,85vh,900px);display:grid;grid-template-columns:1fr;overflow:hidden;background:linear-gradient(135deg,#F5EDE6,#E8DFD5 40%,#D4C5B9)} @media(min-width:768px){.cc-hero{grid-template-columns:1fr 1fr}} .cc-hero-txt{display:flex;align-items:center;padding:clamp(32px,6vw,80px)} .cc-hero-inner{max-width:520px} .cc-hero-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:16px} .cc-hero h1{font-family:var(--font-serif);font-size:clamp(36px,5vw,64px);font-weight:300;line-height:1.08;margin-bottom:20px} .cc-hero h1 em{font-style:italic;color:#8B6F4E} .cc-hero-p{font-size:clamp(14px,.8rem + .2vw,16px);line-height:1.7;color:var(--text-sub);margin-bottom:28px;font-weight:300} .cc-hero-img{display:none;position:relative;overflow:hidden} .cc-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center top} @media(min-width:768px){.cc-hero-img{display:block}} /* Buttons */ .btn{display:inline-block;padding:14px 32px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-sans);font-weight:400;transition:all var(--dur-normal) var(--ease-out);cursor:pointer;border:none;text-align:center} .btn-p{background:var(--primary);color:#F5F0EB}.btn-p:hover{background:#333} .btn-o{background:transparent;color:var(--text);border:1px solid #C4B5A8}.btn-o:hover{border-color:var(--primary)} .btn-a{background:var(--accent);color:#fff}.btn-a:hover{background:#B39872} /* Trust */ .cc-tr{display:flex;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch} .cc-tr-i{flex:1;min-width:140px;padding:20px 16px;text-align:center;border-right:1px solid rgba(0,0,0,.04)} .cc-tr-i:last-child{border-right:none} .cc-tr-ic{font-size:16px;margin-bottom:6px;color:var(--accent)} .cc-tr-t{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:500;margin-bottom:2px} .cc-tr-s{font-size:11px;color:var(--text-light);font-weight:300} /* Section */ .cc-s{padding:clamp(48px,6vw,100px) clamp(16px,4vw,60px);max-width:1280px;margin:0 auto} .cc-ol{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px;font-weight:400} .cc-h2{font-family:var(--font-serif);font-size:clamp(24px,3vw,36px);font-weight:300;line-height:1.2} /* Collections grid */ .cc-cg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vw,20px);margin-top:32px} @media(min-width:768px){.cc-cg{grid-template-columns:repeat(3,1fr)}} .cc-cc{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4;display:block} .cc-cc img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)} .cc-cc:hover img{transform:scale(1.04)} .cc-cc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 50%);transition:background .3s} .cc-cc:hover .cc-cc-ov{background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 60%)} .cc-cc-info{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff} .cc-cc-n{font-family:var(--font-serif);font-size:clamp(16px,2vw,22px);font-weight:400;margin-bottom:4px} .cc-cc-c{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:300;opacity:.8} /* Story */ .cc-story{background:#F5EDE6;padding:clamp(48px,6vw,100px) clamp(16px,4vw,60px)} .cc-story-in{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,60px);align-items:center;max-width:1280px;margin:0 auto} @media(min-width:768px){.cc-story-in{grid-template-columns:1fr 1fr}} .cc-story-img{aspect-ratio:4/5;border-radius:8px;overflow:hidden} .cc-story-img img{width:100%;height:100%;object-fit:cover} .cc-story-txt{max-width:440px} .cc-story-txt p{font-size:15px;line-height:1.8;color:var(--text-sub);font-weight:300;margin-bottom:24px} .cc-story-q{font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,2vw,22px);color:#8B6F4E;line-height:1.4;border-left:2px solid var(--accent);padding-left:20px;margin-bottom:24px} /* Best sellers - WooCommerce override */ .cc-bs .products{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(12px,2vw,24px)!important;list-style:none!important;padding:0!important;margin:0!important} @media(min-width:768px){.cc-bs .products{grid-template-columns:repeat(3,1fr)!important}} @media(min-width:1024px){.cc-bs .products{grid-template-columns:repeat(4,1fr)!important}} .cc-bs .products li.product{margin:0!important;padding:0!important;text-align:left!important} .cc-bs .products li.product a img{border-radius:6px!important;aspect-ratio:3/4!important;object-fit:cover!important;width:100%!important;margin-bottom:12px!important;transition:transform .4s var(--ease-out)!important} .cc-bs .products li.product:hover a img{transform:scale(1.03)!important} .cc-bs .products li.product .woocommerce-loop-product__title{font-family:var(--font-sans)!important;font-size:13px!important;font-weight:400!important;color:var(--text)!important;margin-bottom:4px!important;padding:0!important} .cc-bs .products li.product .price{font-size:14px!important;font-weight:500!important;color:#8B6F4E!important} .cc-bs .products li.product .price del{color:#B0A89E!important;font-weight:300!important} .cc-bs .products li.product .price ins{text-decoration:none!important} .cc-bs .products li.product .button,.cc-bs .products li.product .star-rating,.cc-bs .products li.product .onsale{display:none!important} /* Testimonials */ .cc-tm{background:#fff} .cc-tm-g{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px} @media(min-width:768px){.cc-tm-g{grid-template-columns:repeat(3,1fr);gap:24px}} .cc-tm-c{padding:28px 24px;border:1px solid var(--border);border-radius:8px;background:var(--bg)} .cc-tm-st{color:var(--accent);font-size:13px;letter-spacing:2px;margin-bottom:12px} .cc-tm-tx{font-size:14px;line-height:1.7;color:var(--text-sub);font-weight:300;margin-bottom:16px;font-style:italic} .cc-tm-au{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:500} .cc-tm-dt{font-size:11px;color:var(--text-light);margin-top:2px} /* Promo banner */ .cc-promo{position:relative;overflow:hidden;text-align:center} .cc-promo img{width:100%;height:auto;display:block} /* Newsletter */ .cc-nl{text-align:center;max-width:480px;margin:0 auto} .cc-nl-f{display:flex;gap:0;margin-top:24px} .cc-nl-f input{flex:1;padding:16px 20px;border:1px solid #C4B5A8;border-right:none;font-size:14px;font-family:var(--font-sans);outline:none;background:transparent} .cc-nl-f input:focus{border-color:#8B6F4E} .cc-nl-f button{background:var(--primary);color:#F5F0EB;border:1px solid var(--primary);padding:16px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-sans);cursor:pointer;white-space:nowrap} .cc-nl-l{font-size:11px;color:var(--text-light);margin-top:12px;line-height:1.5} .cc-nl-l a{text-decoration:underline} /* Footer */ .cc-ft{background:var(--primary);color:#8B8078;padding:clamp(32px,5vw,80px) clamp(16px,4vw,60px) 24px} .cc-ft-g{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:40px;max-width:1280px;margin-left:auto;margin-right:auto} @media(min-width:768px){.cc-ft-g{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}} .cc-ft-ct{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#F5F0EB;margin-bottom:16px;font-weight:500} .cc-ft-c a{display:block;color:#8B8078;font-size:13px;font-weight:300;padding:4px 0;transition:color .2s} .cc-ft-c a:hover{color:var(--accent)} .cc-ft-b{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto} .cc-ft-cp{font-size:12px;font-weight:300} .cc-ft-pm{display:flex;gap:12px}.cc-ft-pm span{font-size:10px;color:#666;border:1px solid #333;padding:4px 8px;border-radius:3px} .cc-ft-so{display:flex;gap:20px}.cc-ft-so a{color:#8B8078;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:300} .cc-ft-so a:hover{color:var(--accent)} /* Hide theme defaults on this page */ body .site-header,body .below-header,body .announcement-bar,body .site-footer{display:none!important} 
/* Fix header logo centering */
.cc-hd {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.cc-hd-nav {
  justify-self: start !important;
}

.cc-logo {
  justify-self: center !important;
}

.cc-hd-ic {
  justify-self: end !important;
}

/* Same fix for global header */
.cc-global-hd {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.cc-global-nav {
  justify-self: start !important;
}

.cc-global-logo {
  justify-self: center !important;
}

.cc-global-ic {
  justify-self: end !important;
}

/* Mobile: burger left, logo center, icons right */
@media (max-width: 767px) {
  .cc-hd, .cc-global-hd {
    grid-template-columns: 40px 1fr auto !important;
  }
  .cc-logo, .cc-global-logo {
    justify-self: center !important;
  }
}

/* Trust bar mobile: 2x2 grid */
@media (max-width: 767px) {
  .cc-tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    overflow-x: visible !important;
  }
  .cc-tr-i {
    min-width: unset !important;
    padding: 16px 12px !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  }
  .cc-tr-i:nth-child(odd) {
    border-right: 1px solid rgba(0,0,0,0.04) !important;
  }
  .cc-tr-i:nth-child(n+3) {
    border-bottom: none !important;
  }
  .cc-tr-t {
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
  }
  .cc-tr-s {
    font-size: 10px !important;
  }
}

/* Best-sellers grid fix — override WooCommerce defaults */
.cc-bs .woocommerce {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cc-bs .woocommerce ul.products,
.cc-bs ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 24px 0 0 0 !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .cc-bs .woocommerce ul.products,
  .cc-bs ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

@media (min-width: 1024px) {
  .cc-bs .woocommerce ul.products,
  .cc-bs ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
}

.cc-bs ul.products li.product {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
}

.cc-bs ul.products li.product a img {
  border-radius: 6px !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  background: #F5F0EB !important;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}

.cc-bs ul.products li.product:hover a img {
  transform: scale(1.03) !important;
}

.cc-bs ul.products li.product .woocommerce-loop-product__title,
.cc-bs ul.products li.product h2 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  padding: 0 !important;
  margin-bottom: 4px !important;
}

.cc-bs ul.products li.product .price {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #8B6F4E !important;
}

.cc-bs ul.products li.product .button,
.cc-bs ul.products li.product .star-rating,
.cc-bs ul.products li.product .onsale {
  display: none !important;
}

/* Remove any WooCommerce float/clear hacks */
.cc-bs ul.products li.product.first,
.cc-bs ul.products li.product.last {
  margin: 0 !important;
  clear: none !important;
}

.cc-bs ul.products::before,
.cc-bs ul.products::after {
  display: none !important;
}

/* Fix: show full mannequin including head */
.cc-bs ul.products li.product a img {
  object-position: center center !important;
  background: #F5F0EB !important;
}

/* Fix logo mobile - smaller */
@media (max-width: 767px) {
  .cc-logo span:first-child,
  .cc-logo span:last-child {
    font-size: 17px !important;
    letter-spacing: 1px !important;
  }
  .cc-global-logo span:first-child,
  .cc-global-logo span:last-child {
    font-size: 17px !important;
    letter-spacing: 1px !important;
  }
  
  /* Show hero image on mobile as background */
  .cc-hero {
    position: relative !important;
  }
  .cc-hero-img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.2 !important;
  }
  .cc-hero-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .cc-hero-txt {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* Best-sellers: cover crop, show top of image (heads visible) */
.cc-bs ul.products li.product a img {
  object-fit: cover !important;
  object-position: top center !important;
  background: #F5F0EB !important;
}

/* Enhanced desktop navigation */
@media (min-width: 768px) {
  .cc-hd {
    height: 76px !important;
  }
  
  .cc-hd-nav {
    gap: 32px !important;
  }
  
  .cc-hd-nav a {
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    color: #1A1A1A !important;
    position: relative !important;
    padding: 6px 0 !important;
    transition: color 0.3s cubic-bezier(0.16,1,0.3,1) !important;
  }
  
  .cc-hd-nav a:hover {
    color: #8B6F4E !important;
  }
  
  .cc-hd-nav a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 1.5px !important;
    background: #C4A882 !important;
    transition: width 0.4s cubic-bezier(0.16,1,0.3,1) !important;
  }
  
  .cc-hd-nav a:hover::after {
    width: 100% !important;
  }
  
  /* Logo enhancement */
  .cc-logo span:first-child {
    font-size: 24px !important;
    letter-spacing: 3px !important;
    font-weight: 300 !important;
  }
  
  .cc-logo span:last-child {
    font-size: 24px !important;
    letter-spacing: 3px !important;
    font-weight: 500 !important;
  }
  
  /* Icons spacing */
  .cc-hd-ic {
    gap: 24px !important;
  }
  
  .cc-hd-ic a svg {
    transition: color 0.2s !important;
  }
  
  .cc-hd-ic a:hover svg {
    stroke: #8B6F4E !important;
  }
}

/* Announce bar refinement */
.cc-an {
  padding: 11px 0 !important;
  font-size: 10.5px !important;
  letter-spacing: 2.5px !important;
}

/* Footer mobile fix — links spacing */
@media (max-width: 767px) {
  .cc-ft-g {
    gap: 24px !important;
  }
  .cc-ft-c a {
    display: block !important;
    padding: 6px 0 !important;
  }
}

/* === FIX: Hide 'Accueil' page title === */
.page-id-28155 .entry-header,
.page-id-28155 h1.entry-title {
  display: none !important;
}

/* === FIX: Homepage edge-to-edge on mobile === */
@media (max-width: 767px) {
  .page-id-28155 .col-full,
  .page-id-28155 #primary,
  .page-id-28155 .content-area,
  .page-id-28155 .site-main,
  .page-id-28155 .hentry,
  .page-id-28155 .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Hero full-width */
  .cc-hero {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  /* Trust bar full-width */
  .cc-tr {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  /* Story section full-width */
  .cc-story {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  /* Testimonials full-width */
  .cc-tm {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  /* Footer full-width */
  .cc-ft {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  /* Promo full-width */
  .cc-promo {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }
}