/** Shopify CDN: Minification failed

Line 6:5102 Unexpected "}"

**/
:root{--pink:#f27694;--ink:#171516}*{box-sizing:border-box}body{margin:0;font:13px Arial;color:var(--ink)}a{color:inherit;text-decoration:none}.top{height:40px;display:grid;place-items:center;background:#f4b2c1;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}.header{height:125px;display:flex;align-items:center;gap:35px;max-width:1440px;margin:auto;padding:0 4%}.logo{display:flex;align-items:center;justify-content:center;width:210px;height:100px}.logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.header nav{display:flex;justify-content:center;gap:32px;flex:1}.header nav a{font-size:11px;font-weight:700;white-space:nowrap}.icons{display:flex;gap:16px;font-size:25px}.icons a{position:relative}.icons b{position:absolute;top:-5px;right:-8px;width:14px;height:14px;border-radius:50%;background:var(--pink);color:#fff;text-align:center;font:9px/14px Arial}.hero{height:495px;position:relative;display:flex;align-items:center;overflow:hidden;padding-left:max(8vw,60px);background:linear-gradient(100deg,#fff 50%,#fff8fa 70%)}.hero__content{position:relative;z-index:2}.hero i{color:var(--pink);font-style:normal;font-size:11px;font-weight:700}.hero h1{margin:30px 0 22px;font-family:Georgia;line-height:1.15;font-size:clamp(42px,28px + 2vw,64px);color:#4A2C1F}.hero p{font-size:15px;line-height:1.7;color:#4A2C1F}.button{display:inline-block;margin-top:22px;padding:15px 20px;border-radius:6px;background:var(--pink);color:#fff;font-size:10px;font-weight:700}.hero__flowers{position:absolute;right:0;width:55%;height:100%;object-fit:cover;z-index:1}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%;background:#fff4f6}.benefits>div{display:flex;justify-content:center;gap:15px;padding:4px;border-right:1px solid #ecdfe1;font-size:29px}.benefits>div:last-child{border:0}.benefits p{margin:0;font-size:10px}.benefits b{display:block;font-size:10px}.cats{padding:75px 4%}.cats h2{text-align:center;margin:0 0 38px;font:29px Georgia}.cats em{font-style:normal;color:#f29bb0}.catgrid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cat{min-height:230px;padding:24px 17px;border:1px solid #f0e9e9;border-radius:10px;background:linear-gradient(145deg,#fff,#fff7f8)}.cat i{height:115px;display:grid;place-items:center;border-radius:50%;font:86px Georgia;color:#f99bb0;font-style:normal}.c2 i{color:#91c982}.c3 i{color:#db9c72}.c4 i{color:#fa986b}.c5 i{color:#eeb744}.c6 i{color:#78a3f1}.cat b{display:block;margin-top:18px;font-size:12px;line-height:1.5}.cat span{display:block;margin-top:17px;font-size:11px}.newsletter{max-width:1200px;margin:0 auto 70px;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:10px;background:linear-gradient(105deg,#fff0f2,snow)}.newsletter>div{display:flex;align-items:center;gap:20px}.newsletter i{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--pink);border-radius:50%;color:var(--pink);font-size:25px;font-style:normal}.newsletter p{margin:0;font-size:11px;line-height:1.65}.newsletter strong{display:block;font:23px Georgia;margin-bottom:8px}.newsletter form{display:flex;gap:10px}.newsletter input{width:200px;padding:14px;border:1px solid #eee;border-radius:6px}.newsletter button{padding:0 22px;border:0;border-radius:6px;background:var(--pink);color:#fff;font-size:10px;font-weight:700}.footer-legacy-unused{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;padding-bottom:32px}.footer-legacy-unused a:not(.logo){display:block;margin-top:10px;font-size:11px}.footer-legacy-unused p{font-size:11px;line-height:1.7}.footer-legacy-unused>b{font-size:11px}.legal{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:20px 0;border-top:1px solid #eee;font-size:10px}@media(max-width:900px){.header{height:auto;min-height:90px;flex-wrap:wrap}.header nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding:10px 0}.hero{height:410px;padding-left:32px}.hero h1{font-size:35px}.benefits{grid-template-columns:1fr 1fr;padding:20px 4%;font-size:12px}.benefits>div{padding:15px 5px}.catgrid{grid-template-columns:repeat(3,1fr)}.newsletter{margin:0 20px 50px;flex-direction:column;align-items:flex-start}.footer-legacy-unused{padding:25px;grid-template-columns:1fr 1fr}.legal{margin:0 25px;display:block}.legal span{display:block;margin-top:10px}}@media(max-width:550px){.logo{width:145px}}.header nav a{font-size:10px}.icons{font-size:20px;gap:10px}.hero{height:390px;padding-left:25px}.hero h1{font-size:30px}.hero p{font-size:12px}.hero__flowers{opacity:.7}.benefits{grid-template-columns:1fr 1fr;padding:14px 4%;font-size:11px}.benefits>div{justify-content:flex-start;border-right:0;border-bottom:1px solid #ecdfe1;padding:10px 4px}.cats{padding:50px 18px}.catgrid{grid-template-columns:1fr 1fr;gap:12px}.cat{min-height:190px;padding:15px}.cat i{height:85px;font-size:65px}.newsletter{padding:28px 20px}.newsletter form,.newsletter input{width:100%}.footer-legacy-unused{grid-template-columns:1fr}}.section-pad{padding:65px max(30px,7vw)}.section-kicker{font-size:10px;letter-spacing:.2em;color:#ee8da4;text-transform:uppercase}.newsletter{padding-top:35px;margin:0;background:#fff}.newsletter-inner{padding:65px 25px;border-radius:30px;text-align:center;background:linear-gradient(110deg,#fbecef,#f5eee3,#edf3ed)}.newsletter h2{font:400 42px/1.05 Georgia,serif;margin:10px 0}.newsletter h2 em{font-style:italic}.newsletter p{color:#727a75;font-size:12px}.newsletter-form{max-width:520px;margin:25px auto 0;background:#fff;border-radius:99px;padding:5px;display:flex}.newsletter-form input{border:0;outline:0;flex:1;padding:12px 15px;border-radius:99px}.newsletter-form button{border:0;background:#26332e;color:#fff;border-radius:99px;padding:0 20px;font-size:8px;letter-spacing:.1em}.site-footer{position:relative;background:#fbecef;padding:55px max(30px,7vw) 18px;overflow:hidden}.footer-inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;position:relative;z-index:2}.footer-brand .footer-logo{font:27px Georgia,serif;letter-spacing:.1em}.footer-brand small{font-size:7px;letter-spacing:.18em}.footer-brand p,.site-footer a,.footer-bottom{font-size:10px;color:#727a75;line-height:1.8}.site-footer a{display:block}.site-footer h4{font-size:9px;letter-spacing:.15em;margin:3px 0 15px}.socials{margin-top:20px;font-size:13px}.footer-form{display:flex;background:#fff;border-radius:99px;padding:4px;margin-top:15px}.footer-form input{border:0;outline:0;flex:1;padding:9px 12px;min-width:0;font-size:9px}.footer-form button{width:38px;border:0;background:#ed9eaf;color:#fff;border-radius:50%;font-size:14px}.footer-decor{position:absolute;opacity:.18;color:#c88696}.footer-decor--left{font-size:90px;left:-20px;bottom:-25px}.footer-decor--right{font-size:220px;right:-35px;bottom:-80px}.footer-bottom{border-top:1px solid #ead7dc;margin-top:40px;padding-top:15px;display:flex;justify-content:space-between}@media(max-width:760px){.site-footer .footer-inner{grid-template-columns:1fr 1fr;gap:45px 30px}.site-footer a{font-size:10px;line-height:1.65;margin-bottom:8px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}@media(max-width:480px){.site-footer .footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.newsletter h2{font-size:34px}.newsletter-form{border-radius:20px;flex-direction:column;gap:4px}.newsletter-form button{padding:12px}}.footer__content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%}.footer__content>*{flex:1 1 0}@media screen and (max-width:749px){.footer__content{flex-direction:column}.footer__content>*{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/nabi.css.map?v=159987636531211225901788171635 */
/* Reset grid → flex en ligne */
#shopify-section-template--32623696019805__benefits .benefits {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 20px !important;
  background: #fff8fa !important;
  grid-template-columns: unset !important;
}

/* Style pilule pour chaque item */
#shopify-section-template--32623696019805__benefits .benefits > div {
  border-radius: 50px !important;
  border: 1px solid rgba(242, 118, 148, 0.5) !important;
  background: rgba(242, 118, 148, 0.07) !important;
  padding: 6px 18px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Cacher icônes et sous-textes */
#shopify-section-template--32623696019805__benefits .benefits > div svg,
#shopify-section-template--32623696019805__benefits .benefits > div img,
#shopify-section-template--32623696019805__benefits .benefits > div .benefits__subtext {
  display: none !important;
}

/* Texte pilule */
#shopify-section-template--32623696019805__benefits .benefits > div span,
#shopify-section-template--32623696019805__benefits .benefits > div h3 {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* Refonte "Barre avantages" en cartes avec icône */
.benefits {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px;
padding: 40px 5%;
background: #fff4f6;
}
.benefits > div {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
padding: 0 12px;
border-right: 0;
font-size: 15px;
flex: 1 1 180px;
max-width: 220px;
}
.benefits > div > i {
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
font-size: 22px;
background: #f9d6dd;
}
.benefits > div:nth-child(2) > i {
background: #fbe3b8;
}
.benefits > div:nth-child(3) > i {
background: #d9ecd0;
}
.benefits > div:nth-child(4) > i {
background: #e3dcf1;
}
.benefits p {
margin: 0;
font-size: 12px;
color: #727a75;
line-height: 1.4;
}
.benefits p b {
display: block;
font-size: 13px;
letter-spacing: 0.04em;
color: var(--ink);
margin-bottom: 2px;
font-weight: 700;
}
@media (max-width: 900px) {
.benefits {
gap: 20px;
}
.benefits > div {
flex: 1 1 42%;
}
}
/*TEST*/
.zz{color:red}
@media (max-width:900px){
.yy{color:blue}
}

/* ============================================================
   NABI - mise au point responsive (ajout du 05/09/2026)
      1. Barre avantages compacte et centree
         2. En-tete : logo centre, menu centre, icones a droite
            3. Best-sellers : fleches visibles sur mobile
               ============================================================ */

               /* --- 1. BARRE AVANTAGES : compacte, 4 colonnes egales, toujours centree --- */
               .benefits{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:0;padding:9px 4%;background:#fff4f6;border-bottom:1px solid #f7e6ea}
               .benefits > div{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:1px 10px;margin:0;flex:0 1 auto;max-width:none;min-width:0;border-right:1px solid #f2dde2;text-align:left;font-size:11px}
               .benefits > div:last-child{border-right:0}
               .benefits > div > i{flex:0 0 26px;width:26px;height:26px;font-size:13px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal}
               .benefits p{margin:0;font-size:9.5px;line-height:1.35;color:#8b7d80;white-space:nowrap}
               .benefits p b{display:block;margin:0;font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.35;color:#2b2b2b}
               @media (max-width:900px){
                .benefits{padding:8px 3%}
                .benefits > div{gap:8px;padding:1px 6px}
                .benefits > div > i{flex:0 0 23px;width:23px;height:23px;font-size:12px}
                .benefits p{font-size:9px}
                .benefits p b{font-size:9.5px;letter-spacing:.02em}
                }
                @media (max-width:749px){
                .benefits{grid-template-columns:repeat(2,1fr);row-gap:9px;padding:11px 5%}
                .benefits > div{justify-content:center;padding:1px 6px;border-right:0}
                .benefits > div:nth-child(2n+1){border-right:1px solid #f2dde2}
                .benefits p{font-size:9.5px}
                .benefits p b{font-size:10px}
                }
                @media (max-width:400px){
                .benefits{padding:10px 3%}
                .benefits > div{gap:6px;padding:1px 2px}
                .benefits > div > i{flex:0 0 20px;width:20px;height:20px;font-size:11px}
                .benefits p{font-size:8.5px}
                .benefits p b{font-size:9px}
                }

                /* --- 2. EN-TETE : logo centre, menu centre sous un filet, icones a droite --- */
                #shopify-section-header{background:linear-gradient(180deg,#fffdfd 0%,#fff6f8 100%);border-bottom:1px solid #f0dade}
                .header{display:block;position:relative;height:auto;max-width:1440px;margin:0 auto;padding:14px 4% 0;text-align:center}
                .header .logo{display:inline-flex;align-items:center;justify-content:center;width:180px;height:62px;margin:0 auto}
                .header .icons{position:absolute;top:14px;right:4%;height:62px;display:flex;align-items:center;gap:18px;font-size:19px;color:#6f5f62}
                .header .icons a{color:#6f5f62;transition:color .2s ease}
                .header .icons a:hover{color:#f27694}
                .header .icons .icon-svg{width:19px;height:19px}
                .header nav{display:flex;flex:none;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:0 34px;margin-top:8px;padding:8px 0 0;border-top:1px solid #f3dfe4;overflow:visible}
                .header nav a{position:relative;display:inline-block;font-family:Georgia,serif;font-size:12.5px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#6f5f62;white-space:nowrap;padding:7px 0;transition:color .25s ease}
                .header nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:1px;background:#f27694;transition:width .25s ease,left .25s ease}
                .header nav a:hover{color:#c9536f}
                .header nav a:hover::after{width:100%;left:0}
                @media (max-width:900px){
                  .header{padding:12px 5% 0;min-height:0}
                  .header .logo{width:142px;height:54px}
                  .header .icons{top:12px;right:5%;height:54px;gap:15px;font-size:18px}
                  .header .icons .icon-svg{width:18px;height:18px}
                  .header nav{gap:0 20px;margin-top:6px;padding:6px 0 0}
                  .header nav a{font-size:11px;letter-spacing:.12em;padding:5px 0}
                  }
                  @media (max-width:550px){
                  .header{padding:10px 4% 0}
                  .header .logo{width:116px;height:52px}
                  .header .icons{top:10px;right:4%;height:46px;gap:12px;font-size:16px}
                  .header .icons .icon-svg{width:17px;height:17px}
                  .header nav{gap:0 13px;margin-top:5px;padding:5px 0 0}
                  .header nav a{font-size:9.5px;letter-spacing:.08em;padding:4px 0}
                  }
                  @media (max-width:370px){
                  .header .logo{width:98px;height:46px}
                  .header .icons{height:40px;gap:9px;font-size:15px}
                  .header .icons .icon-svg{width:15px;height:15px}
                  .header nav{gap:0 10px}
                  .header nav a{font-size:9px;letter-spacing:.06em}
                  }



/* --- 3. BEST-SELLERS : fleches visibles et utilisables sur mobile --- */
button[class*="ai-bestsellers-nav-btn-"]{border-color:#f0c9d2}
button[class*="ai-bestsellers-nav-btn-"] svg{stroke:#c9536f}
button[class*="ai-bestsellers-nav-btn-"]:hover{background-color:#f27694;border-color:#f27694}
button[class*="ai-bestsellers-nav-btn-"]:hover svg{stroke:#ffffff}
@media screen and (max-width:749px){
  div[class*="ai-bestsellers-header-"]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
  h2[class*="ai-bestsellers-title-"]{flex:1 1 auto;min-width:0}
  div[class*="ai-bestsellers-nav-"]{display:flex !important;flex:0 0 auto;gap:8px}
  button[class*="ai-bestsellers-nav-btn-"]{width:34px;height:34px;flex:0 0 34px}
  button[class*="ai-bestsellers-nav-btn-"] svg{width:15px;height:15px}
  }

  /* --- 4. HERO : visuel Nabi pleine largeur, texte a gauche --- */
  .hero{position:relative;display:flex;align-items:center;height:auto;min-height:0;aspect-ratio:2042/770;max-height:80vh;padding:0;overflow:hidden;background:#f0e3dd url("/cdn/shop/files/nabi-hero.jpg") center center/cover no-repeat}
  .hero__flowers{display:none}
  .hero__content{position:relative;z-index:2;width:33%;max-width:none;margin-left:13.1%;padding:0}
  .hero i{display:block;font-style:normal;font-weight:700;font-size:clamp(9px,.95vw,20px);letter-spacing:.22em;color:#d4788c}
  .hero h1{margin:1.5vw 0;font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,3.1vw,66px);line-height:1.12;color:#2b2724}
  .hero p{margin:0;font-size:clamp(12px,1.2vw,26px);line-height:1.6;color:#57504c}
  .hero .button{display:inline-flex;align-items:center;gap:.85em;margin-top:2.1vw;padding:clamp(11px,.98vw,21px) clamp(20px,2.2vw,46px);border-radius:999px;background:#c9697f;color:#ffffff;font-weight:600;font-size:clamp(9.5px,.95vw,20px);letter-spacing:.16em;box-shadow:0 8px 20px rgba(184,88,112,.25);transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
  .hero .button::after{content:"→";font-weight:400;font-size:1.3em;line-height:1}
  .hero .button:hover{background:#b85870;transform:translateY(-1px);box-shadow:0 10px 24px rgba(184,88,112,.32)}
  @media (max-width:900px){
    .hero{display:block;height:auto;aspect-ratio:auto;max-height:none;padding:0;background:linear-gradient(180deg,#e8d6cb 0%,#fbf3ef 20%,#fdf9f7 100%)}
    .hero::before{content:"";display:block;width:100%;aspect-ratio:1140/770;background:url("/cdn/shop/files/nabi-hero-mobile.jpg") center center/cover no-repeat}
    .hero__content{width:auto;margin:0;padding:22px 24px 34px;text-align:center}
    .hero i{font-size:11px;letter-spacing:.22em}
    .hero h1{margin:12px 0 14px;font-size:clamp(25px,6.6vw,38px);line-height:1.15}
    .hero p{font-size:14.5px;line-height:1.6}
    .hero .button{margin-top:22px;padding:15px 32px;font-size:11.5px}
    }
    @media (max-width:420px){
    .hero h1{font-size:clamp(22px,6.4vw,30px)}
    .hero p{font-size:13.5px}
    .hero .button{margin-top:18px;padding:14px 26px;font-size:11px}
    }

    /* --- ajustement des proportions du hero (titre sur 2 lignes comme le modele) --- */
    .hero__content{width:auto;max-width:44%}
    .hero h1{font-size:clamp(22px,2.62vw,56px);white-space:nowrap}
    @media (max-width:900px){
    .hero__content{max-width:none}
    .hero h1{font-size:clamp(25px,6.6vw,38px);white-space:normal}
    }
    
    /* --- barre avantages : titres sur 2 lignes sur petit ecran (pas de troncature) --- */
    @media (max-width:749px){
    .benefits p b{white-space:normal}
    .benefits > div{gap:8px;padding:2px 5px}
    }
    
    /* ============================================================
       NABI - retouches du 05/09/2026 (soir)
          5. Hero : plus de creux blanc a droite
             6. Logo agrandi + bouton Accueil dans l'en-tete
                7. Barre avantages : version epuree (icones fines)
                   ============================================================ */
                   .hero{max-height:none;width:100%}
                   .header{padding:10px 4% 0}
                   .header .logo{width:auto;height:86px}
                   .header .icons{top:10px;height:86px}
                   .benefits{grid-template-columns:repeat(4,1fr);align-items:center;gap:0;padding:24px max(20px,3%);background:linear-gradient(180deg,#fbf1ee 0%,#fdf9f7 100%);border-bottom:0}
                   .benefits > div{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:0 20px;margin:0;border-right:1px solid #f0e0dc;min-width:0;font-size:12.5px;max-width:none;flex:0 1 auto}
                   .benefits > div:last-child{border-right:0}
                   .benefits > div > i{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:block;font-size:0;line-height:0}
                   .benefits > div:nth-child(1) > i{background:#f7e8e5 url("/cdn/shop/files/nabi-icon-leaf.svg") no-repeat center/23px 23px}
                   .benefits > div:nth-child(2) > i{background:#f7e8e5 url("/cdn/shop/files/nabi-icon-flower.svg") no-repeat center/23px 23px}
                   .benefits > div:nth-child(3) > i{background:#f7e8e5 url("/cdn/shop/files/nabi-icon-sparkle.svg") no-repeat center/23px 23px}
                   .benefits > div:nth-child(4) > i{background:#f7e8e5 url("/cdn/shop/files/nabi-icon-shield.svg") no-repeat center/23px 23px}
                   .benefits p{margin:0;font-size:12.5px;line-height:1.45;color:#9a8f8a;white-space:normal;text-align:left}
                   .benefits p b{display:block;margin:0 0 2px;font-size:12.5px;font-weight:600;letter-spacing:.09em;color:#4a4340}
                   .benefits p b::after{content:none}
                   @media (max-width:900px){
                    .header{padding:12px 5% 0}
                    .header .logo{height:68px}
                    .header .icons{top:12px;height:68px}
                    .benefits{grid-template-columns:repeat(2,1fr);row-gap:20px;padding:22px 5%}
                    .benefits > div{padding:0 12px;gap:12px;border-right:0}
                    .benefits > div:nth-child(2n+1){border-right:1px solid #f0e0dc}
                    .benefits > div > i{flex:0 0 40px;width:40px;height:40px}
                    .benefits > div:nth-child(n) > i{background-size:20px 20px}
                    .benefits p{font-size:11.5px}
                    .benefits p b{font-size:11.5px}
                    }
                    @media (max-width:550px){
                      .header{padding:10px 4% 0}
                      .header .logo{height:60px}
                      .header .icons{top:10px;height:60px}
                      }
                      @media (max-width:480px){
                      .benefits{padding:18px 4%;row-gap:16px}
                      .benefits > div{padding:0 6px;gap:9px}
                      .benefits > div > i{flex:0 0 34px;width:34px;height:34px}
                      .benefits > div:nth-child(n) > i{background-size:17px 17px}
                      .benefits p{font-size:10.5px}
                      .benefits p b{font-size:10.5px;letter-spacing:.06em}
                      }
                      @media (max-width:370px){
                      .header .logo{height:54px}
                      .header .icons{height:54px}
                      }

                  
                      /* --- barre avantages : resserrage pour garder les titres sur une ligne --- */
                      .benefits > div{padding:0 14px;gap:12px}
                      .benefits > div > i{flex:0 0 44px;width:44px;height:44px}
                      .benefits > div:nth-child(n) > i{background-size:22px 22px}
                      .benefits p{font-size:11.5px}
                      .benefits p b{font-size:11.5px;letter-spacing:.06em}
                      @media (max-width:900px){
                      .benefits > div{padding:0 10px;gap:11px}
                      .benefits > div > i{flex:0 0 40px;width:40px;height:40px}
                      .benefits > div:nth-child(n) > i{background-size:20px 20px}
                      .benefits p{font-size:11px}
                      .benefits p b{font-size:11px}
                      }
                      @media (max-width:480px){
                      .benefits > div{padding:0 5px;gap:9px}
                      .benefits > div > i{flex:0 0 34px;width:34px;height:34px}
                      .benefits > div:nth-child(n) > i{background-size:17px 17px}
                      .benefits p{font-size:10px}
                      .benefits p b{font-size:10px;letter-spacing:.04em}
                      }
                      
                      /* --- barre avantages : suppression des traits horizontaux residuels --- */
                      .benefits{border-top:0;border-bottom:0}
                      .benefits > div{border-top:0;border-bottom:0;border-left:0}

                      /* --- en-tete mobile : icones sur leur propre ligne (plus de chevauchement du logo) --- */
                      @media (max-width:550px){
                      .header{display:flex;flex-direction:column;align-items:center;padding:12px 4% 0;text-align:center}
                      .header .logo{order:1;height:58px;margin:0}
                      .header .icons{order:2;position:static;top:auto;right:auto;height:auto;margin-top:12px;justify-content:center;gap:26px;font-size:20px}
                      .header .icons .icon-svg{width:20px;height:20px}
                      .header nav{order:3;width:100%;margin-top:11px;padding:9px 0 0;border-top:1px solid #f3dfe4}
                      }
                      @media (max-width:370px){
                      .header .logo{height:52px}
                      .header .icons{height:auto;gap:21px;font-size:19px}
                      .header .icons .icon-svg{width:19px;height:19px}
                      }
                      
                      /* --- en-tete mobile : icones rapprochees du logo --- */
                      @media (max-width:550px){
                      .header{gap:0}
                      .header .logo{height:64px}
                      .header .icons{margin-top:6px}
                      .header nav{margin-top:12px}
                      }
                      @media (max-width:370px){
                      .header .logo{height:58px}
                      .header .icons{margin-top:5px}
                      }

                      /* ============================================================
                         8. SECTION CATEGORIES - refonte facon "Nos univers"
                            ============================================================ */
                            .shopify-section [class*="ai-categories-section-"]{display:block;width:100%;max-width:none;padding:72px max(20px,4%) 80px;background:linear-gradient(180deg,#fdf8f5 0%,#fbf2ee 100%)}
                            .shopify-section [class*="ai-categories-container-"]{max-width:1320px;margin:0 auto}
                            .shopify-section [class*="ai-categories-header-"]{text-align:center;margin-bottom:46px}
                            .shopify-section [class*="ai-categories-header-"]::before{content:"NOS UNIVERS";display:block;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.28em;color:#c9a6a0}
                            .shopify-section [class*="ai-categories-title-"]{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,46px);line-height:1.15;letter-spacing:0;color:#e08fa4;text-align:center}
                            .shopify-section [class*="ai-categories-title-"]::after{content:"Tout pour une peau plus lumineuse, plus saine, jour apres jour.";display:block;margin-top:15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#9a8f8a}
                            .shopify-section [class*="ai-categories-grid-"]{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:none;margin:0}
                            .shopify-section a[class*="ai-category-card-"]{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:330px;padding:22px 22px 74px;border:0;border-radius:20px;overflow:hidden;background:#f6ebe6 center center/cover no-repeat;box-shadow:0 4px 20px rgba(150,110,105,.10);transition:transform .3s ease,box-shadow .3s ease}
                            .shopify-section a[class*="ai-category-card-"]::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,250,248,.94) 0%,rgba(255,250,248,.74) 32%,rgba(255,250,248,0) 62%);pointer-events:none;z-index:1}
                            .shopify-section a[class*="ai-category-card-"]:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(150,110,105,.18)}
                            .shopify-section a[class*="ai-category-card-"]:nth-child(1){background-image:url("/cdn/shop/files/nabi-cat-1-masques.jpg")}
                            .shopify-section a[class*="ai-category-card-"]:nth-child(2){background-image:url("/cdn/shop/files/nabi-cat-2-appareils.jpg")}
                            .shopify-section a[class*="ai-category-card-"]:nth-child(3){background-image:url("/cdn/shop/files/nabi-cat-3-soins.jpg")}
                            .shopify-section a[class*="ai-category-card-"]:nth-child(4){background-image:url("/cdn/shop/files/nabi-cat-4-accessoires.jpg")}
                            .shopify-section div[class*="ai-category-card-content-"]{position:relative;z-index:2;display:block;text-align:left;width:100%}
                            .shopify-section [class*="ai-category-badge-"]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 0 14px;padding:0;border-radius:50%;background:rgba(255,255,255,.88);color:#c08d97;font-family:Arial,Helvetica,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.04em;line-height:1}
                            .shopify-section [class*="ai-category-name-"]{margin:0 0 7px;font-family:Georgia,serif;font-weight:400;font-style:normal;font-size:17px;line-height:1.25;color:#4a3a35}
                            .shopify-section [class*="ai-category-description-"]{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12.5px;line-height:1.5;color:#8a7d78;max-width:90%}
                            .shopify-section [class*="ai-category-arrow-"]{position:absolute;left:22px;bottom:20px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(150,110,105,.16)}
                            .shopify-section [class*="ai-category-arrow-"] svg{width:15px;height:15px;stroke:#c9536f}
                            @media (max-width:900px){
                              .shopify-section [class*="ai-categories-section-"]{padding:54px 5% 60px}
                              .shopify-section [class*="ai-categories-header-"]{margin-bottom:32px}
                              .shopify-section [class*="ai-categories-title-"]::after{font-size:13px;margin-top:12px}
                              .shopify-section [class*="ai-categories-grid-"]{grid-template-columns:repeat(2,1fr);gap:16px}
                              .shopify-section a[class*="ai-category-card-"]{min-height:268px;padding:18px 18px 66px}
                              .shopify-section [class*="ai-category-name-"]{font-size:15px}
                              .shopify-section [class*="ai-category-description-"]{font-size:11.5px;max-width:100%}
                              .shopify-section [class*="ai-category-arrow-"]{left:18px;bottom:16px;width:32px;height:32px}
                              }
                              @media (max-width:480px){
                              .shopify-section [class*="ai-categories-section-"]{padding:44px 4% 50px}
                              .shopify-section [class*="ai-categories-grid-"]{gap:12px}
                              .shopify-section a[class*="ai-category-card-"]{min-height:228px;padding:15px 14px 58px;border-radius:16px}
                              .shopify-section [class*="ai-category-badge-"]{width:26px;height:26px;margin-bottom:10px;font-size:9.5px}
                              .shopify-section [class*="ai-category-name-"]{font-size:13.5px}
                              .shopify-section [class*="ai-category-description-"]{font-size:10.5px}
                              .shopify-section [class*="ai-category-arrow-"]{left:14px;bottom:14px;width:29px;height:29px}
                              .shopify-section [class*="ai-category-arrow-"] svg{width:13px;height:13px}
                              .shopify-section [class*="ai-categories-title-"]::after{font-size:12.5px}
                              }

                          
                              /* --- categories : titres complets et sous-titre accentue --- */
                              .shopify-section [class*="ai-category-name-"]{white-space:normal;overflow:visible;text-overflow:clip}
                              .shopify-section [class*="ai-category-description-"]{white-space:normal;overflow:visible;text-overflow:clip}
                              .shopify-section [class*="ai-categories-title-"]::after{content:"Tout pour une peau plus lumineuse, plus saine, jour après jour."}
                              .shopify-section [class*="ai-category-name-"]{display:block;height:auto;min-height:0;max-height:none;-webkit-line-clamp:none}
                              .shopify-section [class*="ai-category-description-"]{display:block;height:auto;min-height:0;max-height:none;-webkit-line-clamp:none}
                              
                              /* ============================================================
                                 9. Categories : version compacte, sans fond, format d'image constant
                                       + logo : fond du fichier fondu dans l'en-tete
                                          ============================================================ */
                                          .shopify-section [class*="ai-categories-section-"]{padding:34px max(16px,3%) 40px;background:transparent}
                                          .shopify-section [class*="ai-categories-header-"]{margin-bottom:26px}
                                          .shopify-section [class*="ai-categories-header-"]::before{content:none}
                                          .shopify-section [class*="ai-categories-title-"]{font-size:clamp(22px,2.2vw,34px)}
                                          .shopify-section [class*="ai-categories-title-"]::after{content:none}
                                          .shopify-section [class*="ai-categories-grid-"]{gap:18px}
                                          .shopify-section a[class*="ai-category-card-"]{min-height:auto;aspect-ratio:92/100;padding:20px 20px 62px;border-radius:22px}
                                          .shopify-section [class*="ai-category-arrow-"]{left:20px;bottom:20px}
                                          .header .logo img{mix-blend-mode:multiply}
                                          @media (max-width:900px){
                                            .shopify-section [class*="ai-categories-section-"]{padding:26px 4% 32px}
                                            .shopify-section [class*="ai-categories-header-"]{margin-bottom:20px}
                                            .shopify-section [class*="ai-categories-grid-"]{gap:12px}
                                            .shopify-section a[class*="ai-category-card-"]{min-height:auto;aspect-ratio:92/100;padding:15px 15px 52px}
                                            .shopify-section [class*="ai-category-arrow-"]{left:15px;bottom:15px}
                                            .shopify-section a[class*="ai-category-card-"]::before{background:linear-gradient(180deg,rgba(255,250,248,.96) 0%,rgba(255,250,248,.86) 42%,rgba(255,250,248,0) 76%)}
                                            }
                                            @media (max-width:400px){
                                            .shopify-section a[class*="ai-category-card-"]{padding:12px 12px 44px}
                                            .shopify-section [class*="ai-category-badge-"]{width:23px;height:23px;margin-bottom:8px;font-size:9px}
                                            .shopify-section [class*="ai-category-name-"]{font-size:12px}
                                            .shopify-section [class*="ai-category-description-"]{font-size:9.5px}
                                            .shopify-section [class*="ai-category-arrow-"]{left:12px;bottom:12px;width:26px;height:26px}
                                            .shopify-section [class*="ai-category-arrow-"] svg{width:12px;height:12px}
                                            }

                                        
                                            /* --- 10. Categories : vraies photos produit, carte carree --- */
                                            .shopify-section a[class*="ai-category-card-"]{width:100%;align-self:start;aspect-ratio:1/1;min-height:auto}
                                            .shopify-section a[class*="ai-category-card-"]:nth-child(1){background-image:url("/cdn/shop/files/nabi-cat-1-masques-v2.jpg")}
                                            .shopify-section a[class*="ai-category-card-"]:nth-child(2){background-image:url("/cdn/shop/files/nabi-cat-2-appareils-v2.jpg")}
                                            .shopify-section a[class*="ai-category-card-"]:nth-child(3){background-image:url("/cdn/shop/files/nabi-cat-3-soins-v2.jpg")}
                                            .shopify-section a[class*="ai-category-card-"]:nth-child(4){background-image:url("/cdn/shop/files/nabi-cat-4-accessoires-v2.jpg")}
                                            .shopify-section a[class*="ai-category-card-"]::before{background:linear-gradient(180deg,rgba(255,252,250,.92) 0%,rgba(255,252,250,.66) 34%,rgba(255,252,250,0) 62%)}
                                            @media (max-width:900px){
                                              .shopify-section a[class*="ai-category-card-"]{width:100%;aspect-ratio:1/1;min-height:auto;padding:15px 15px 46px}
                                              .shopify-section a[class*="ai-category-card-"]::before{background:linear-gradient(180deg,rgba(255,252,250,.95) 0%,rgba(255,252,250,.8) 42%,rgba(255,252,250,0) 74%)}
                                              }
                                              @media (max-width:400px){
                                              .shopify-section a[class*="ai-category-card-"]{padding:12px 12px 40px}
                                              }

                                          
                                              /* le bloc d'origine impose height:100px sur les cartes : on le neutralise */
                                              .shopify-section a[class*="ai-category-card-"]{height:auto}
                                              
                                              /* ============================================================
                                                 11. Titre categories : identique au titre "Voir les best-sellers"
                                                        Georgia 700, 28px, #daa6ad, aligne a gauche, marge 30px
                                                           ============================================================ */
                                                           .shopify-section [class*="ai-categories-section-"]{padding:34px 20px 40px}
                                                           .shopify-section [class*="ai-categories-container-"]{max-width:none;margin:0}
                                                           .shopify-section [class*="ai-categories-header-"]{text-align:left;margin-bottom:30px}
                                                           .shopify-section [class*="ai-categories-title-"]{font-family:Georgia,serif;font-size:28px;font-weight:700;line-height:normal;letter-spacing:normal;color:#daa6ad;text-align:left}
                                                           @media (max-width:900px){
                                                           .shopify-section [class*="ai-categories-section-"]{padding:26px 20px 32px}
                                                           }
                                                           @media screen and (max-width:749px){
                                                           .shopify-section [class*="ai-categories-header-"]{margin-bottom:20px}
                                                           .shopify-section [class*="ai-categories-title-"]{font-size:22.4px}
                                                           }
                                                           
                                                           /* --- 12. Logo detoure : le fondu de secours n'est plus necessaire --- */
                                                           .header .logo img{mix-blend-mode:normal}

                                                           /* --- 13. Icone favoris : vraie icone au lieu du caractere texte --- */
                                                           .header .icons a[href="/pages/favoris"]{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;font-size:0;line-height:0;background-color:currentColor;-webkit-mask:url("/cdn/shop/files/nabi-icon-heart.svg") no-repeat center/19px 19px;mask:url("/cdn/shop/files/nabi-icon-heart.svg") no-repeat center/19px 19px}
                                                           @media (max-width:900px){
                                                           .header .icons a[href="/pages/favoris"]{width:18px;height:18px;-webkit-mask-size:18px 18px;mask-size:18px 18px}
                                                           }
                                                           @media (max-width:550px){
                                                           .header .icons a[href="/pages/favoris"]{width:20px;height:20px;-webkit-mask-size:20px 20px;mask-size:20px 20px}
                                                           }
                                                           @media (max-width:370px){
                                                           .header .icons a[href="/pages/favoris"]{width:19px;height:19px;-webkit-mask-size:19px 19px;mask-size:19px 19px}
                                                           }

                                                           /* --- 14. Fiche produit --- */
                                                           .pdp{max-width:1240px;margin:0 auto;padding:26px 4% 70px;color:#2b2724}
                                                           .pdp__crumbs{font-size:12px;letter-spacing:.05em;color:#a8968f;margin-bottom:22px}
                                                           .pdp__crumbs a{color:#a8968f;text-decoration:none}
                                                           .pdp__crumbs a:hover{color:#c9697f}
                                                           .pdp__crumbs span{margin:0 7px;opacity:.55}
                                                           .pdp__crumbs em{font-style:normal;color:#6f5f62}
                                                           .pdp__top{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:start}
                                                           .pdp__gallery{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:start}
                                                           .pdp__thumbs{display:flex;flex-direction:column;gap:10px}
                                                           .pdp__thumb{width:74px;height:74px;padding:0;border:1px solid #f0e0dc;border-radius:14px;overflow:hidden;background:#fdf9f7;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
                                                           .pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}
                                                           .pdp__thumb.is-on{border-color:#daa6ad;box-shadow:0 0 0 2px rgba(218,166,173,.28)}
                                                           .pdp__main{border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fff4f6 0%,#fdf9f7 100%);border:1px solid #f6e6e2}
                                                           .pdp__main img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
                                                           .pdp__kicker{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c9697f;background:#fff1f4;border-radius:999px;padding:5px 13px;margin-bottom:14px}
                                                           .pdp__title{font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,2.5vw,36px);line-height:1.2;margin:0 0 14px;color:#2b2724}
                                                           .pdp__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:14px}
                                                           .pdp__now{font-family:Georgia,serif;font-size:29px;color:#c9697f}
                                                           .pdp__old{color:#b3a49e;font-size:17px}
                                                           .pdp__save{background:#c9697f;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
                                                           .pdp__stock{display:flex;align-items:center;gap:9px;font-size:14px;color:#51aa99;margin:0 0 22px}
                                                           .pdp__stock i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#51aa99;box-shadow:0 0 0 4px rgba(81,170,153,.16)}
                                                           .pdp__stock--ko{color:#b08a8a}
                                                           .pdp__stock--ko i{background:#c9a0a0;box-shadow:0 0 0 4px rgba(201,160,160,.16)}
                                                           .pdp__label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a7d78;margin-bottom:8px}
                                                           .pdp__select{width:100%;padding:13px 16px;border:1px solid #ecd9d5;border-radius:14px;background:#fff;color:#2b2724;font-size:15px;margin-bottom:18px}
                                                           .pdp__cta{width:100%;padding:17px 24px;border:0;border-radius:999px;background:#c9697f;color:#fff;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 22px rgba(201,105,127,.28);transition:background .25s ease,transform .15s ease}
                                                           .pdp__cta:hover{background:#b85770;transform:translateY(-1px)}
                                                           .pdp__cta[disabled]{background:#ddd0cc;box-shadow:none;cursor:not-allowed}
                                                           .pdp__trust{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 0;padding:18px 0 0;border-top:1px solid #f0e0dc}
                                                           .pdp__trust li{font-size:12px;line-height:1.45;color:#8a7d78;text-align:center;padding:0 6px}
                                                           .pdp__trust b{display:block;font-family:Georgia,serif;font-weight:400;font-size:13.5px;color:#6f5f62;margin-bottom:3px}
                                                           .pdp__tabs{margin-top:64px}
                                                           .pdp__tabnav{display:flex;gap:30px;border-bottom:1px solid #f0e0dc;margin-bottom:26px;overflow-x:auto}
                                                           .pdp__tab{position:relative;background:none;border:0;padding:0 0 13px;font-family:Georgia,serif;font-size:16px;color:#a8968f;cursor:pointer;white-space:nowrap;transition:color .2s ease}
                                                           .pdp__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#c9697f;transform:scaleX(0);transition:transform .25s ease}
                                                           .pdp__tab.is-on{color:#2b2724}
                                                           .pdp__tab.is-on::after{transform:scaleX(1)}
                                                           .pdp__panel{display:none;max-width:860px;font-size:15px;line-height:1.75;color:#5f544f}
                                                           .pdp__panel.is-on{display:block}
                                                           .pdp__panel h2,.pdp__panel h3{font-family:Georgia,serif;font-weight:400;color:#2b2724;font-size:19px;margin:26px 0 10px}
                                                           .pdp__panel img{max-width:100%;height:auto;border-radius:16px}
                                                           .pdp__panel hr{border:0;border-top:1px solid #f0e0dc;margin:24px 0}
                                                           .pdp__reviews{margin-top:56px}
                                                           .pdp__reco{margin-top:70px;padding-top:44px;border-top:1px solid #f0e0dc}
                                                           .pdp__h2{font-family:Georgia,serif;font-size:28px;font-weight:700;color:#daa6ad;margin:0 0 26px}
                                                           .pdp__recogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
                                                           .pdp__card{display:block;text-decoration:none;color:#2b2724}
                                                           .pdp__cardimg{display:block;border-radius:18px;overflow:hidden;background:#f6ebe6;box-shadow:0 4px 20px rgba(150,110,105,.10)}
                                                           .pdp__cardimg img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .4s ease}
                                                           .pdp__card:hover .pdp__cardimg img{transform:scale(1.04)}
                                                           .pdp__cardname{display:block;margin-top:12px;font-size:14px;line-height:1.4;color:#5f544f}
                                                           .pdp__cardprice{display:block;margin-top:4px;font-family:Georgia,serif;font-size:16px;color:#c9697f}
                                                           @media (max-width:900px){.pdp{padding:18px 5% 56px}.pdp__top{grid-template-columns:1fr;gap:26px}.pdp__gallery{grid-template-columns:1fr;gap:12px}.pdp__main{order:1}.pdp__thumbs{order:2;flex-direction:row;overflow-x:auto}.pdp__thumb{flex:0 0 62px;width:62px;height:62px;border-radius:12px}.pdp__title{font-size:24px}.pdp__now{font-size:25px}.pdp__tabs{margin-top:44px}.pdp__tabnav{gap:22px}.pdp__tab{font-size:15px}.pdp__reco{margin-top:52px;padding-top:34px}.pdp__h2{font-size:22.4px}.pdp__recogrid{grid-template-columns:repeat(2,1fr)}}
                                                           @media (max-width:550px){.pdp__crumbs{margin-bottom:16px}.pdp__trust{grid-template-columns:1fr;gap:12px}.pdp__trust li{text-align:left;padding:0}}
/* --- 15. Fiche produit : correctifs --- */
.pdp__tabnav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.pdp__tabnav::-webkit-scrollbar{display:none}
.pdp__tab::after{bottom:0}
.pdp__main img{object-fit:contain}
/* --- 16. Fiche produit : favoris, deroulants, alerte stock, ajout panier --- */
.pdp__fav{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:11px 20px;border:1px solid #ecd9d5;border-radius:999px;background:#fff;color:#8a7d78;font-size:13px;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.pdp__fav:hover{border-color:#c9697f;color:#c9697f}
.pdp__fav.is-on{border-color:#c9697f;color:#c9697f;background:#fff4f6}
.pdp__favicon{display:block;width:17px;height:17px;background-color:currentColor;-webkit-mask:url("/cdn/shop/files/nabi-icon-heart.svg") no-repeat center/17px 17px;mask:url("/cdn/shop/files/nabi-icon-heart.svg") no-repeat center/17px 17px}
.pdp__notify{margin-top:18px;padding:18px 20px;border:1px solid #f0e0dc;border-radius:18px;background:#fdf9f7}
.pdp__notify-t{margin:0 0 4px;font-family:Georgia,serif;font-size:16px;color:#2b2724}
.pdp__notify-s{margin:0 0 14px;font-size:13px;color:#8a7d78;line-height:1.5}
.pdp__notify-row{display:flex;gap:10px;flex-wrap:wrap}
.pdp__notify-row input{flex:1 1 180px;padding:12px 14px;border:1px solid #ecd9d5;border-radius:999px;font-size:14px;background:#fff}
.pdp__notify-row button{padding:12px 22px;border:0;border-radius:999px;background:#c9697f;color:#fff;font-size:13px;letter-spacing:.05em;cursor:pointer}
.pdp__notify-ok{margin:0;font-size:14px;color:#51aa99}
.pdp__acc{margin-top:56px;border-top:1px solid #f0e0dc}
.pdp__det{border-bottom:1px solid #f0e0dc}
.pdp__det>summary{position:relative;list-style:none;cursor:pointer;padding:20px 30px 20px 0;font-family:Georgia,serif;font-size:18px;color:#2b2724}
.pdp__det>summary::-webkit-details-marker{display:none}
.pdp__det>summary::after{content:"";position:absolute;right:6px;top:26px;width:8px;height:8px;border-right:1.6px solid #c9697f;border-bottom:1.6px solid #c9697f;transform:rotate(45deg)}
.pdp__det[open]>summary::after{top:30px;transform:rotate(-135deg)}
.pdp__detbody{padding:0 0 26px;max-width:860px;font-size:15px;line-height:1.75;color:#5f544f}
.pdp__detbody h2,.pdp__detbody h3{font-family:Georgia,serif;font-weight:400;color:#2b2724;font-size:19px;margin:24px 0 10px}
.pdp__detbody img{max-width:100%;height:auto;border-radius:16px}
.pdp__detbody hr{border:0;border-top:1px solid #f0e0dc;margin:22px 0}
.pdp__detbody a{color:#c9697f}
.pdp__reco{margin-top:64px;padding-top:0;border-top:0}
.pdp__tabs{display:none}
.pdp__added{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(43,39,36,.42);padding:20px}
.pdp__added[hidden]{display:none}
.pdp__added-box{position:relative;width:100%;max-width:380px;background:#fff;border-radius:24px;padding:30px 26px 26px;text-align:center;box-shadow:0 18px 50px rgba(120,80,80,.22)}
.pdp__added-x{position:absolute;top:10px;right:16px;border:0;background:none;font-size:24px;line-height:1;color:#b3a49e;cursor:pointer}
.pdp__added-t{margin:0 0 6px;font-family:Georgia,serif;font-size:20px;color:#2b2724}
.pdp__added-p{margin:0 0 22px;font-size:14px;color:#8a7d78;line-height:1.45}
.pdp__added-go{display:block;padding:15px 24px;border-radius:999px;background:#c9697f;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.pdp__added-cont{display:block;width:100%;margin-top:12px;padding:13px 24px;border:1px solid #ecd9d5;border-radius:999px;background:#fff;color:#6f5f62;font-size:13px;cursor:pointer}
@media (max-width:550px){.pdp__det>summary{font-size:16px;padding:16px 26px 16px 0}.pdp__det>summary::after{top:22px}.pdp__det[open]>summary::after{top:26px}.pdp__acc{margin-top:40px}.pdp__reco{margin-top:44px}}
.pdp__main{position:relative}
.pdp__fav{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 3px 12px rgba(150,110,105,.18);color:#c9697f;cursor:pointer;transition:transform .18s ease,background .2s ease}
.pdp__fav:hover{transform:scale(1.07);background:#fff}
.pdp__fav svg{display:block;fill:none;stroke:currentColor;transition:fill .2s ease}
.pdp__fav.is-on svg{fill:#c9697f;stroke:#c9697f}
@media (max-width:550px){.pdp__fav{top:12px;right:12px;width:40px;height:40px}}