/* Nacrina — accueil et sections partagées (en-tête de section, cartes, atouts, témoignages, produit vedette) */

/* ---------- Page d'accueil : pas d'espace parasite entre sections ---------- */
.ns-front .wp-block-post-content > *{margin-block-start:0}
.ns-front .wp-block-post-content > .ns-section,.ns-front .wp-block-post-content > .ns-highlight{margin-block-start:26px}
.ns-front .wp-block-post-content > .ns-section:last-child{margin-block-end:30px}

/* ---------- En-tête de section : titre + lien « Voir… » ---------- */
.ns-head{gap:16px!important;margin-bottom:12px!important}
.ns-head > *{margin:0!important}
.ns-head__title{font-size:clamp(1.75rem,3vw,2.125rem)!important;line-height:1.1}
p.ns-more{font-size:14px;margin:0}
p.ns-more a{color:var(--ns-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ns-accent);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
p.ns-more a::after{content:"";width:14px;height:14px;background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
p.ns-more a:hover{color:var(--ns-accent-dark)}

/* ---------- Hero ---------- */
.ns-hero{position:relative;overflow:hidden;padding-top:0!important;padding-bottom:0!important}
/* Image sur toute la largeur ; voile clair à gauche pour la lisibilité du texte. */
.ns-hero > .ns-hero__img{position:absolute;inset:0;width:100%;max-width:none!important;margin:0!important}
.ns-hero > .ns-hero__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,242,.92) 0,rgba(250,246,242,.78) 32%,rgba(250,246,242,0) 58%);pointer-events:none}
.ns-hero > .ns-hero__img img{width:100%;height:100%;object-fit:cover;object-position:right center}
.ns-hero__content{position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:center;padding-block:48px;margin-block:0!important}
.ns-hero__content > *{margin-block:0}
.ns-hero__content .is-style-eyebrow{font-size:14px}
.ns-hero__title{font-size:clamp(2.5rem,5vw,3.875rem)!important;line-height:1.04!important;margin:14px 0 18px!important;max-width:520px}
.ns-hero__lead{font-size:1.0625rem;color:var(--ns-text);max-width:480px;line-height:1.55}
.ns-hero__ctas{gap:18px!important;margin-top:30px!important}
.ns-hero__ctas .wp-block-button__link{height:50px;padding:0 34px!important;font-size:15.5px}
.ns-hero__ctas .is-style-outline .wp-block-button__link{background:rgba(255,255,255,.25)}

/* ---------- Atouts (icône + titre + texte) ---------- */
.ns-feature{gap:18px!important}
.ns-feature > *{margin:0!important}
.ns-feature .ns-icon-block{color:var(--ns-accent);margin-top:2px}
.ns-feature__txt > *{margin:0}
h3.ns-feature__title{font-family:var(--ns-sans);font-size:15px;font-weight:500;color:var(--ns-ink);margin-bottom:3px;line-height:1.3}
p.ns-feature__text{font-size:14px;color:var(--ns-muted);line-height:1.45}

/* Bandeau sous le hero */
.ns-benefits{border-bottom:1px solid var(--ns-line);margin-top:0!important}
.ns-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}
.ns-benefits__grid > *{margin:0!important}
.ns-benefits .ns-feature{padding:4px 26px;border-left:1px solid var(--ns-line)}
.ns-benefits .ns-feature:first-child{border-left:0;padding-left:16px}

/* Cartes « Pourquoi la soie » */
.ns-why__title{font-size:clamp(1.625rem,2.8vw,1.95rem)!important;margin:0 0 12px!important}
.ns-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ns-why__grid > *{margin:0!important}
.ns-feature--card{background:var(--ns-white);border:1px solid var(--ns-line);padding:14px 20px 12px}

/* Liste (bienfaits produit) */
.ns-feature--line{gap:24px!important}
.ns-feature--line + .ns-feature--line{margin-top:12px!important}
.ns-feature--line h3.ns-feature__title{font-family:var(--ns-serif);font-size:15.5px;font-weight:400}

/* ---------- Cartes catégories / routines ---------- */
.ns-tiles{display:grid;gap:16px}
.ns-tiles > *{margin:0!important}
.ns-tiles--4{grid-template-columns:repeat(4,1fr);padding-inline:12px}
.ns-tiles--3{grid-template-columns:repeat(3,1fr)}
.ns-tile{position:relative;background:var(--ns-white);border:1px solid var(--ns-line);transition:box-shadow var(--ns-ease),transform var(--ns-ease)}
.ns-tile:hover{box-shadow:var(--ns-shadow);transform:translateY(-3px)}
.ns-tile > *{margin:0!important}
.ns-tile__img{overflow:hidden;aspect-ratio:196/148}
.ns-tile__img img,.ns-tile__img a{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ns-tile:hover .ns-tile__img img{transform:scale(1.04)}
.ns-tile__body{padding:14px 20px 16px}
.ns-tile__body > *{margin:0}
h3.ns-tile__title{font-size:1.19rem;margin-bottom:8px}
h3.ns-tile__title a{color:var(--ns-ink);text-decoration:none}
h3.ns-tile__title a::after{content:"";position:absolute;inset:0;z-index:1}
p.ns-tile__link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ns-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ns-accent)}
p.ns-tile__link::after,.ns-tile--routine .ns-tile__body::after{content:"";width:13px;height:13px;flex:none;background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.ns-tile--routine .ns-tile__img{aspect-ratio:272/88}
.ns-tile--routine .ns-tile__body{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 14px}
.ns-tile--routine .ns-tile__body::after{width:16px;height:16px;color:var(--ns-ink)}
.ns-tile--routine h3.ns-tile__title{font-size:1.06rem;margin-bottom:1px}
.ns-tile__txt > *{margin:0}
p.ns-tile__text{font-size:14px;color:var(--ns-muted)}

/* ---------- Témoignages ---------- */
.ns-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ns-reviews__grid > *{margin:0!important}
.ns-review{background:var(--ns-white);border:1px solid var(--ns-line);padding:14px 18px 14px 14px;gap:18px!important}
.ns-review > *{margin:0!important}
.ns-review__avatar{flex:none}
.ns-review__avatar img{width:50px!important;height:50px!important;border-radius:50%;object-fit:cover}
.ns-review__body > *{margin:0}
p.ns-review__stars{color:var(--ns-star);letter-spacing:2px;font-size:15px;margin-bottom:4px;line-height:1.2}
p.ns-review__quote{font-size:14px;line-height:1.5;color:var(--ns-text)}
p.ns-review__name{display:flex;align-items:center;gap:7px;font-family:var(--ns-serif);color:var(--ns-ink);font-size:16px;margin-top:10px}
p.ns-review__name::after{content:"";width:15px;height:15px;flex:none;border-radius:50%;background:var(--ns-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}

/* ---------- Produit vedette ---------- */
.ns-highlight{display:grid;grid-template-columns:49.6% 1fr;margin-top:26px;background:var(--wp--preset--color--base)}
.ns-highlight.is-image-right .ns-highlight__media{order:2}
.ns-highlight.is-image-right .ns-highlight__body{justify-self:end;padding:12px 34px 12px 60px}
.ns-highlight__media img{width:100%;height:100%;object-fit:cover;min-height:400px;display:block}
.ns-highlight__body{padding:12px 60px 12px 34px;display:flex;flex-direction:column;justify-content:center;max-width:620px}
.ns-highlight__body > *{margin:0}
.ns-highlight__eyebrow{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ns-ink)}
.ns-highlight__title{font-size:clamp(1.875rem,3vw,2.25rem);line-height:1.12;margin:10px 0 12px!important}
.ns-highlight__title a{color:inherit;text-decoration:none}
.ns-highlight__text{font-size:15.5px;line-height:1.55}
.ns-highlight__label{font-size:15px;font-weight:500;color:var(--ns-ink);margin:14px 0 9px!important}
.ns-highlight .ns-sizes{gap:12px}
.ns-highlight .ns-size{height:32px;padding:0 16px;font-size:15px;border-radius:3px}
.ns-highlight__buy{display:flex;justify-content:space-between;align-items:center;margin-top:24px!important;gap:20px;flex-wrap:wrap}
.ns-highlight__price{font-family:var(--ns-serif);font-size:1.5rem;color:var(--ns-ink)}
.ns-highlight__price del{font-size:.7em;color:var(--ns-muted)}
.ns-highlight__price ins{text-decoration:none}
a.ns-highlight__btn{border-radius:6px!important;height:46px;padding:0 42px!important;min-width:260px;display:inline-flex;align-items:center;justify-content:center;gap:.6em;text-decoration:none}
a.ns-highlight__btn::after{content:"";width:16px;height:16px;background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
	.ns-benefits__grid,.ns-why__grid{grid-template-columns:repeat(2,1fr);row-gap:18px}
	.ns-benefits .ns-feature:nth-child(3){border-left:0;padding-left:16px}
	.ns-tiles--4{grid-template-columns:repeat(2,1fr);padding-inline:0}
}
@media (max-width:860px){
	/* Mobile : pas d'image dans le hero, le texte arrive tout de suite. */
	.ns-hero > .ns-hero__img{display:none}
	.ns-hero__content{min-height:0;padding-block:32px 36px}
	.ns-highlight,.ns-highlight.is-image-right{grid-template-columns:1fr}
	.ns-highlight.is-image-right .ns-highlight__media{order:0}
	.ns-highlight__media img{min-height:0;aspect-ratio:4/3}
	.ns-highlight__body,.ns-highlight.is-image-right .ns-highlight__body{padding:28px var(--wp--style--root--padding-right, 1rem);max-width:none}
	.ns-tiles--3,.ns-reviews__grid{grid-template-columns:1fr}
}
@media (max-width:560px){
	.ns-why__grid,.ns-tiles--4{grid-template-columns:1fr}
	/* Réassurance : 2 colonnes, icône au-dessus du texte. */
	.ns-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:22px}
	.ns-benefits .ns-feature{flex-direction:column;gap:8px!important;border-left:0!important;padding:0!important}
	.ns-benefits .ns-feature .ns-icon-block .ns-icon{width:30px;height:30px}
	.ns-front .ns-benefits h3.ns-feature__title{font-size:15px}
	.ns-front .ns-benefits p.ns-feature__text{font-size:14px;line-height:1.45}
	.ns-head{flex-direction:column;align-items:flex-start!important}
	a.ns-highlight__btn{width:100%;min-width:0}
}

/* La soie, vue par la presse */

/* ==========================================================================
 * Accueil — même langage que la fiche produit (2026-10-05) :
 * sections ns-psec (en-tête centré, eyebrow), fonds crème / poudré alternés,
 * cartes arrondies (--pdp-radius), boutons encre en capitales.
 * ======================================================================= */
.ns-front{overflow-x:clip}
.ns-front .wp-block-post-content > .ns-psec{margin-block-start:0}
.ns-front .wp-block-post-content > .ns-psec:last-child{padding-bottom:clamp(48px,7vw,84px)!important}

/* Hero */
.ns-front .ns-hero__content{min-height:460px;padding-block:56px}
.ns-front .ns-hero__content .is-style-eyebrow{font-size:15px;letter-spacing:.14em;color:var(--ns-accent-dark)}
.ns-front .ns-hero__lead{font-size:1.125rem;max-width:460px}
.ns-front .ns-hero__ctas .wp-block-button__link{height:52px;padding:0 28px!important;border-radius:var(--pdp-radius-s)!important;font-size:15.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.ns-front .ns-hero__ctas .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--ns-ink);border-color:var(--ns-ink);color:#fff}
.ns-front .ns-hero__ctas .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--ns-accent-dark);border-color:var(--ns-accent-dark)}
.ns-front .ns-hero__ctas .is-style-outline .wp-block-button__link{border:1px solid var(--ns-ink);color:var(--ns-ink);background:rgba(255,255,255,.4)}
.ns-front .ns-hero__ctas .is-style-outline .wp-block-button__link:hover{background:var(--ns-ink);color:#fff}
p.ns-hero__trust{margin-top:22px!important;font-size:15.5px;color:var(--ns-muted);letter-spacing:.02em}

/* Bandeau de bienfaits */
.ns-front .ns-benefits{background:var(--ns-white)!important}
.ns-front .ns-benefits__grid{padding-block:28px}
.ns-front .ns-benefits h3.ns-feature__title{font-size:1rem}
.ns-front .ns-benefits p.ns-feature__text{font-size:15.5px;line-height:1.5}

/* La collection */
.ns-hcats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ns-hcat a{display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--ns-white);border:1px solid var(--ns-line);border-radius:var(--pdp-radius);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--ns-ease),transform var(--ns-ease)}
.ns-hcat a:hover{box-shadow:var(--ns-shadow);transform:translateY(-3px)}
.ns-hcat a:focus-visible{outline:2px solid var(--ns-accent);outline-offset:3px}
.ns-hcat__img{display:block;overflow:hidden;aspect-ratio:4/5;background:var(--ns-blush)}
.ns-hcat__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ns-hcat a:hover .ns-hcat__img img{transform:scale(1.04)}
.ns-hcat__body{display:grid;gap:4px;padding:18px 20px 20px;position:relative;padding-right:48px}
.ns-hcat__title{font-family:var(--ns-serif);font-weight:400;font-size:1.35rem;line-height:1.2;color:var(--ns-ink)}
.ns-hcat__text{font-size:16px;color:var(--ns-muted);line-height:1.45}
.ns-hcat__body::after{content:"";position:absolute;right:20px;top:22px;width:18px;height:18px;background:var(--ns-ink);transition:transform var(--ns-ease);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.ns-hcat a:hover .ns-hcat__body::after{transform:translateX(4px)}

/* Best-seller */
.ns-hbest .ns-highlight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin:0!important;background:none}
.ns-hbest .ns-highlight__media{border-radius:var(--pdp-radius);overflow:hidden}
.ns-hbest .ns-highlight__media img{min-height:0;aspect-ratio:5/4}
.ns-hbest .ns-highlight__body{padding:0!important;max-width:none}
.ns-hbest .ns-highlight__eyebrow{font-size:15px;color:var(--ns-accent-dark);font-weight:500}
.ns-hbest .ns-highlight__title{font-size:clamp(1.75rem,3.2vw,2.5rem);margin:12px 0 14px!important}
.ns-hbest .ns-highlight__text{font-size:1rem;line-height:1.65}
.ns-hbest .ns-highlight__label{font-size:15.5px;margin:20px 0 10px!important}
.ns-hbest .ns-size{height:36px;border-radius:var(--pdp-radius-s);padding:0 16px;font-size:15.5px}
.ns-hbest .ns-highlight__buy{margin-top:28px!important}
.ns-hbest .ns-highlight__price{font-size:1.75rem}
.ns-hbest a.ns-highlight__btn{height:52px;border-radius:var(--pdp-radius-s)!important;background:var(--ns-ink)!important;border-color:var(--ns-ink)!important;color:#fff!important;font-size:15.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:0 28px!important;min-width:0}
.ns-hbest a.ns-highlight__btn:hover{background:var(--ns-accent-dark)!important;border-color:var(--ns-accent-dark)!important}

/* Presse : bandeau blanc pleine largeur, comme dans la fiche */
.ns-front .ns-press{position:relative;isolation:isolate;background:transparent;border:0;margin-block:0!important;padding-block:40px!important}
.ns-front .ns-press::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--ns-white);border-block:1px solid var(--ns-line);z-index:-1}

@media (max-width:1024px){
	.ns-hcats{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ns-hbest .ns-highlight{grid-template-columns:1fr}
}
@media (max-width:860px){
	.ns-front .ns-hero__content{min-height:0;padding-block:32px 40px}
	.ns-hbest .ns-highlight__body{padding:0!important}
}
@media (max-width:560px){
	.ns-hcats{gap:12px}
	.ns-hcat__img{aspect-ratio:1}
	.ns-hcat__body{padding:12px 12px 14px}
	.ns-hcat__body::after{display:none}
	.ns-hcat__title{font-size:1.1rem}
	.ns-hcat__text{font-size:15px}
	.ns-front .ns-hero__ctas .wp-block-button{flex:1 1 100%}
	.ns-front .ns-hero__ctas .wp-block-button__link{width:100%}
	.ns-hbest a.ns-highlight__btn{width:100%}
}

/* Titre d'accueil explicite (plus long) : taille réduite, lignes équilibrées */
.ns-front .ns-hero__title{font-size:clamp(2.1rem,3.8vw,3.15rem)!important;line-height:1.1!important;max-width:560px;text-wrap:balance}