/* Tempus Watches — styles d'appoint (ce que theme.json/les blocs ne couvrent pas) */

/* ============ NAV ============ */
/* Base = SOLIDE, liens sombres (toutes pages hors home, et home après scroll) */
/* sticky porté par le WRAPPER template-part (sinon le sticky interne est confiné à la hauteur du header) */
.wp-site-blocks>header{position:sticky;top:0;z-index:91}
.tw-nav{position:relative;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--wp--preset--color--line);min-height:62px;align-items:center}
.tw-nav .tw-logo{margin:0}
.tw-nav .tw-logo a{font-weight:700;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--ink)!important}
.tw-nav .wp-block-navigation{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.tw-nav .wp-block-navigation a,.tw-nav .wp-block-navigation .wp-block-navigation-item__content{color:var(--wp--preset--color--ink)!important}
.tw-nav .wp-block-navigation a:hover{opacity:.6}
.tw-nav .wp-block-button__link{background:var(--wp--preset--color--ink);color:#fff!important;border-radius:999px;padding:9px 18px;border:1px solid var(--wp--preset--color--ink)}

/* HOME avant scroll = transparent, texte BLANC ; après scroll (.is-solid) => retour au style de base */
.home .wp-site-blocks>header{position:fixed;left:0;right:0;z-index:91}
.home .tw-nav{position:relative;background:transparent;border-color:transparent;transition:background .35s,border-color .35s}
.home .tw-nav.is-solid{background:rgba(255,255,255,.92);border-color:var(--wp--preset--color--line)}
.home .tw-nav:not(.is-solid) .tw-logo a,
.home .tw-nav:not(.is-solid) .wp-block-navigation a,
.home .tw-nav:not(.is-solid) .wp-block-navigation .wp-block-navigation-item__content{color:#fff!important}
.home .tw-nav:not(.is-solid) .wp-block-button__link{background:transparent;border:1px solid #fff;color:#fff!important}

/* ============ HERO SPLIT (texte gauche / montre droite) ============ */
.tw-hero{position:relative;min-height:92vh;display:flex;align-items:center;background:#0a0a0a;color:#fff;overflow:hidden}
.tw-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:54%;
  background:url(img/hero.webp) center/cover no-repeat;z-index:0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 34%);mask-image:linear-gradient(to right,transparent,#000 34%)}
.tw-hero>.wp-block-group,.tw-hero>*{position:relative;z-index:2;width:100%}
.tw-hero .tw-htxt{max-width:560px;margin-left:max(28px,calc((100% - 1200px)/2))}
.tw-hero .tw-eyebrow{opacity:.75;margin-bottom:18px;display:block}
.tw-hero h1{font-size:clamp(40px,6vw,78px);color:#fff}
.tw-hero p{max-width:470px;opacity:.9;margin-top:20px}
@media(max-width:820px){
  .tw-hero{min-height:86vh}
  .tw-hero::after{width:100%;opacity:.32;-webkit-mask-image:none;mask-image:none}
  .tw-hero .tw-htxt{max-width:none;text-align:center;margin:0 auto}
}

/* hero noir des pages intérieures (marque, cote, vendre, annuaire, article) */
.tw-hero-dark{position:relative;background:#0a0a0a;color:#fff;min-height:52vh;display:flex;align-items:flex-end;padding:0 0 46px;
  background-image:radial-gradient(130% 120% at 75% -12%,rgba(255,255,255,.10),transparent 55%)}
.tw-hero-dark h1{font-size:clamp(40px,7vw,72px)}

/* eyebrow / tlink */
.tw-eyebrow{font-weight:600;letter-spacing:.3em;text-transform:uppercase;font-size:11px;color:var(--wp--preset--color--muted)}
.tw-tlink a{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--wp--preset--color--ink);padding-bottom:4px}

/* ============ WooCommerce — vignettes montres (bloc product-new = .wc-block-grid) ============ */
.wc-block-grid__products{gap:26px}
.wc-block-grid__product-image,.woocommerce ul.products li.product a img{border-radius:14px;overflow:hidden;display:block}
.wc-block-grid__product-image img,.woocommerce ul.products li.product img{border-radius:14px;aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s}
.wc-block-grid__product:hover .wc-block-grid__product-image img,.woocommerce ul.products li.product:hover img{transform:scale(1.04)}
.wc-block-grid__product-title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;font-weight:500;margin-top:14px;color:var(--wp--preset--color--ink)}
.wc-block-grid__product-price,.woocommerce ul.products li.product .price{color:var(--wp--preset--color--ink-2)!important;font-weight:400;font-size:14px}
.wc-block-grid__product .wp-block-button__link,.woocommerce ul.products li.product .button{background:var(--wp--preset--color--ink);color:#fff;border-radius:999px;font-size:12px}
.woocommerce span.onsale{background:var(--wp--preset--color--ink)}

/* ============ BLOG — featured asymétrique + grille 3 col ============ */
.tw-blog .wp-block-post-terms{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--muted);margin-top:16px}
.tw-blog .wp-block-post-terms a{color:var(--wp--preset--color--muted)}
.tw-blog .wp-block-post-title{font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.01em;margin-top:8px}
.tw-blog .wp-block-post-title a{color:var(--wp--preset--color--ink)}
.tw-blog .wp-block-post-title a:hover{opacity:.6}
.tw-blog .wp-block-post-date{font-size:13px;color:var(--wp--preset--color--muted);margin-top:8px}
.tw-blog .wp-block-post-featured-image{margin:0}
.tw-blog .wp-block-post-featured-image img{border-radius:14px;aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s}
.tw-blog .wp-block-post-featured-image:hover img{transform:scale(1.05)}
.tw-blog .wp-block-query .wp-block-post-template{gap:30px;margin:0;padding:0}
/* "à la une" : image gauche 1.3fr / texte droite */
.tw-feat .wp-block-post-template{display:block!important;margin:0 0 50px}
.tw-feat .wp-block-post-template>li{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center;list-style:none;margin:0}
.tw-feat .wp-block-post-featured-image img{border-radius:16px;aspect-ratio:16/10}
.tw-feat .wp-block-post-title{font-size:clamp(26px,3vw,38px);font-weight:200;margin-top:4px}
.tw-feat .wp-block-post-excerpt{color:var(--wp--preset--color--ink-2);font-size:15.5px;margin-top:10px;line-height:1.6}
.tw-feat .wp-block-post-excerpt__more-link{display:none}
@media(max-width:760px){.tw-feat .wp-block-post-template>li{grid-template-columns:1fr;gap:20px}}

/* trust row */
.tw-trust{border:1px solid var(--wp--preset--color--line);border-radius:14px;text-align:center}
.tw-trust .wp-block-column{padding:26px 16px;border-right:1px solid var(--wp--preset--color--line)}
.tw-trust .wp-block-column:last-child{border-right:0}

/* breadcrumb */
.woocommerce-breadcrumb,.tw-crumb{font-size:12px;color:var(--wp--preset--color--muted);letter-spacing:.04em;padding:18px 0}

/* ============ FOOTER ============ */
.tw-footer{background:#0a0a0a;color:#cfcfcf;padding:74px 0 38px}
.tw-footer a{color:#bdbdbd}.tw-footer a:hover{color:#fff}
.tw-footer .tw-logo a{color:#fff;font-weight:700;letter-spacing:.16em;font-size:18px;text-transform:uppercase}
.tw-footer h4,.tw-footer .wp-block-heading{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;font-weight:700}

/* bannière démo */
.tw-demo{background:#fffbe9;border-bottom:1px solid #f0e3b0;color:#6b5b16;font-size:12.5px;padding:9px 16px;text-align:center}

/* ---- WooCommerce "Nouveaux produits" (home) : grille + vignettes arrondies ---- */
.wc-block-grid__products,.wp-block-woocommerce-product-new ul.wc-block-grid__products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:26px;list-style:none;margin:0;padding:0}
@media(max-width:980px){.wc-block-grid__products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.wc-block-grid__products{grid-template-columns:1fr!important}}
.wc-block-grid__product{text-align:left}
.wc-block-grid__product-image,.wc-block-grid__product-image img{border-radius:14px}
.wc-block-grid__product-image img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s}
.wc-block-grid__product:hover .wc-block-grid__product-image img{transform:scale(1.04)}
.wc-block-grid__product-title{font-size:16px!important;font-weight:500;margin-top:14px;color:var(--wp--preset--color--ink)}
.wc-block-grid__product-price{font-size:14px;color:var(--wp--preset--color--ink-2)}
.wc-block-grid__product .wp-block-button,.wc-block-grid__product-add-to-cart{display:none}

/* ---- Blog home : featured asymétrique + grille 3 col ---- */
.tw-blog .tw-feat .wp-block-post-template{display:grid;grid-template-columns:1.12fr 1fr;gap:44px;align-items:center;list-style:none;margin:24px 0 0;padding:0}
.tw-blog .tw-feat .wp-block-post-featured-image img{border-radius:16px;aspect-ratio:16/11;object-fit:cover;width:100%}
.tw-blog .tw-feat .wp-block-post-title{font-size:clamp(24px,3vw,34px);margin:8px 0}
.tw-blog .tw-feat .wp-block-post-title a{color:var(--wp--preset--color--ink)}
.tw-blog .wp-block-query:last-of-type .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;margin:46px 0 0;padding:0}
.tw-blog .wp-block-post-featured-image img{border-radius:14px;aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .6s}
.tw-blog .wp-block-post-featured-image:hover img{transform:scale(1.03)}
.tw-blog .wp-block-post-title{font-size:18px;font-weight:500;margin-top:12px;line-height:1.25}
.tw-blog .wp-block-post-title a{color:var(--wp--preset--color--ink)}
.tw-blog .wp-block-post-terms,.tw-blog .wp-block-post-date{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.tw-blog .wp-block-post-terms{margin-top:14px;display:block}
.tw-blog .wp-block-post-excerpt{color:var(--wp--preset--color--ink-2);font-size:15px;margin:10px 0}
@media(max-width:820px){.tw-blog .tw-feat .wp-block-post-template,.tw-blog .wp-block-query:last-of-type .wp-block-post-template{grid-template-columns:1fr!important}}

/* ---- Cartes outils / annuaire ---- */
.tw-tool{border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:26px;height:100%}
.tw-tool h3{font-size:20px;margin-bottom:8px}
.tw-tool .soon{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--muted);border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:3px 10px}

/* ==================== SECTIONS RICHES (portées de la maquette) ==================== */
/* titres de section centrés */
.tw-shead{text-align:center;max-width:680px;margin:0 auto 54px}
.tw-shead .tw-eyebrow{color:var(--wp--preset--color--muted);margin-bottom:16px;display:block}
.tw-shead h2{font-size:clamp(30px,4.4vw,50px);font-weight:200}
.tw-shead p{color:var(--wp--preset--color--ink-2);margin-top:16px;font-size:18px}

/* feature image + texte, aéré */
.tw-feat2{padding:120px 0}
.tw-feat2 .wp-block-columns{align-items:center;gap:80px!important}
.tw-feat2 figure.wp-block-image{margin:0}
.tw-feat2 figure.wp-block-image img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;display:block}
.tw-feat2 .tw-eyebrow{color:var(--wp--preset--color--muted);margin-bottom:18px;display:block}
.tw-feat2 h2{font-size:clamp(32px,4.6vw,56px);font-weight:200;line-height:1.05}
.tw-feat2 p{color:var(--wp--preset--color--ink-2);margin-top:22px;font-size:18px;max-width:450px}
@media(max-width:820px){.tw-feat2{padding:58px 24px}.tw-feat2 .wp-block-columns{gap:26px!important}.tw-feat2 figure.wp-block-image img{aspect-ratio:4/3}.tw-feat2 p{max-width:none}}

/* bento marques & univers */
.tw-bento{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:225px;gap:16px}
.tw-bento .wp-block-cover{height:100%;min-height:0!important;border-radius:16px;overflow:hidden;margin:0;align-items:flex-end;justify-content:flex-start;padding:26px}
.tw-bento .wp-block-cover__inner-container{width:100%;text-align:left}
.tw-bento .wp-block-cover h3{font-size:22px;font-weight:300;margin:0;color:#fff}
.tw-bento .wp-block-cover p{font-size:12px;opacity:.88;margin:4px 0 0;color:#fff}
.tw-bento .tw-b-big{grid-column:span 2;grid-row:span 2}
.tw-bento .tw-b-wide{grid-column:span 2}
.tw-bento .wp-block-cover img{transition:transform .7s}
.tw-bento .wp-block-cover:hover img{transform:scale(1.06)}
@media(max-width:880px){.tw-bento{grid-template-columns:repeat(2,1fr)}.tw-bento .tw-b-big{grid-row:span 2}.tw-bento .tw-b-wide{grid-column:span 2}}
@media(max-width:520px){.tw-bento{grid-template-columns:1fr}.tw-bento .tw-b-big,.tw-bento .tw-b-wide{grid-column:span 1;grid-row:span 1}}

/* bande Confiance (cover pleine largeur + trust) */
.tw-band{color:#fff}
.tw-band h2{font-weight:200;color:#fff}
.tw-band .tw-trust2{border-top:1px solid rgba(255,255,255,.18);margin-top:44px}
.tw-band .tw-trust2 .wp-block-column{padding:32px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}
.tw-band .tw-trust2 .wp-block-column:last-child{border-right:0}
.tw-band .tw-trust2 h3{font-size:30px;font-weight:200;color:#fff;margin:0}
.tw-band .tw-trust2 .tw-eyebrow{color:#9a9a9a;margin-top:8px}
@media(max-width:760px){.tw-band .tw-trust2 .wp-block-column{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}}

/* CTA centré */
.tw-cta-center{text-align:center;margin-top:52px}

/* ==================== FIX vignettes produits (force > feuille WooCommerce) ==================== */
.wc-block-grid__products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:26px!important;list-style:none!important;margin:0!important;padding:0!important}
@media(max-width:980px){.wc-block-grid__products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.wc-block-grid__products{grid-template-columns:1fr!important}}
.wc-block-grid__product{margin:0!important;padding:0!important;width:auto!important;max-width:100%!important;text-align:left!important}
.wc-block-grid__product-link{display:block!important}
.wc-block-grid__product-image{display:block!important;width:100%!important;border-radius:14px!important;overflow:hidden!important;background:#f2f2f2!important;margin:0!important}
.wc-block-grid__product-image img{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;display:block!important;border-radius:14px!important;max-width:none!important}
.wc-block-grid__product-title{display:block;font-size:16px!important;font-weight:500!important;margin-top:16px!important;color:#0a0a0a!important;line-height:1.3}
.wc-block-grid__product-price{display:block;font-size:14px!important;color:#4a4a4a!important;margin-top:6px;font-variant-numeric:tabular-nums}
.wc-block-grid__product .wp-block-button,.wc-block-grid__product-add-to-cart,.wc-block-grid__product-rating{display:none!important}

/* masquer l'icône "compte" WooCommerce injectée dans le header (inutile pour l'instant) */
.wp-block-woocommerce-customer-account,header .wc-block-customer-account{display:none!important}
/* onglets centrés entre le logo et le CTA */
.tw-nav>.wp-block-navigation.tw-navlinks{flex:1 1 auto;justify-content:center}
.tw-nav .tw-navlinks>.wp-block-navigation__container{justify-content:center}

/* ==================== PAGES INTÉRIEURES (portées de la maquette) ==================== */
.tw-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.tw-crumb{font-size:12px;color:#8c8c8c;letter-spacing:.04em;padding:20px 0 0}
.tw-crumb a:hover{color:#0a0a0a}.tw-crumb .sep{color:#b8b8b8;margin:0 8px}

/* brand / cote / annuaire hero noir */
.tw-ihero{position:relative;background:#0a0a0a;color:#fff;min-height:46vh;display:flex;align-items:flex-end;padding:0 0 46px;background-image:radial-gradient(130% 120% at 75% -12%,rgba(255,255,255,.10),transparent 55%)}
.tw-ihero .tw-eyebrow{color:rgba(255,255,255,.7)!important}
.tw-ihero h1{font-size:clamp(40px,7vw,74px);color:#fff}
.tw-ihero .sub{font-size:17px;opacity:.9;margin-top:12px;max-width:560px}
.tw-facts{display:flex;gap:46px;margin-top:30px;flex-wrap:wrap}
.tw-facts .v{font-size:28px;font-weight:200;color:#fff}
.tw-facts .l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-top:4px}

/* PDP produit */
.tw-pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}
@media(max-width:880px){.tw-pdp{grid-template-columns:1fr;gap:34px}}
.tw-pdp .tw-gallery img,.tw-pdp .wc-block-components-product-image-gallery img,.tw-pdp .woocommerce-product-gallery img{border-radius:18px!important}
.tw-pdp .woocommerce-product-gallery{width:100%!important}
.tw-pinfo .br,.tw-pinfo .wp-block-post-terms{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8c8c8c}
.tw-pinfo h1,.tw-pinfo .wp-block-post-title{font-size:clamp(28px,3.4vw,40px)!important;margin-top:8px;font-weight:200}
.tw-pinfo .price,.tw-pinfo .wc-block-components-product-price,.tw-pinfo .price .amount{font-size:34px!important;font-weight:300;margin-top:20px;color:#0a0a0a}
.tw-pinfo .wc-block-components-product-price{display:block}
.tw-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.tw-badge{border:1px solid #e9e9e9;border-radius:12px;padding:14px 16px;font-size:13px;color:#4a4a4a}
.tw-badge b{display:block;color:#0a0a0a;font-weight:600;font-size:13.5px;margin-bottom:2px}
.tw-specs{width:100%;border-collapse:collapse;font-size:14.5px}
.tw-specs th,.tw-specs td{text-align:left;padding:14px 4px;border-bottom:1px solid #e9e9e9}
.tw-specs th{width:40%;font-weight:600;color:#4a4a4a;font-size:13px}
.tw-prose{max-width:760px;color:#4a4a4a;font-size:16.5px}.tw-prose p{margin-top:16px}.tw-prose strong{color:#0a0a0a;font-weight:600}

/* boutons ghost/fill (pages intérieures) */
.tw-btn a,a.tw-btn{display:inline-block;padding:13px 28px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid #0a0a0a}
.tw-btn-fill a{background:#0a0a0a;color:#fff}

/* grille produits catalogue (archives Woo) */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:26px!important;margin:0!important;padding:0!important;list-style:none}
@media(max-width:980px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.woocommerce ul.products{grid-template-columns:1fr!important}}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left!important}
.woocommerce ul.products li.product a img{width:100%!important;aspect-ratio:4/5;object-fit:cover;border-radius:14px!important;margin:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;font-weight:500;padding:14px 0 0!important;color:#0a0a0a}
.woocommerce ul.products li.product .price{color:#4a4a4a!important;font-size:14px!important;font-weight:400!important}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{display:none!important}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{display:none}

/* trust row (réutilisable) */
.tw-trust3{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e9e9e9;border-radius:14px;overflow:hidden}
.tw-trust3 .wp-block-column{padding:26px 18px;text-align:center;border-right:1px solid #e9e9e9}
.tw-trust3 .wp-block-column:last-child{border-right:0}
@media(max-width:680px){.tw-trust3{grid-template-columns:repeat(2,1fr)}}

/* cta strip */
.tw-ctastrip{border:1px solid #e9e9e9;border-radius:18px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.tw-ctastrip h3{font-size:26px;font-weight:200}

/* cote : bande chiffres + graphe + table */
.tw-coteband{background:#f6f6f6;border-radius:18px;padding:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}
.tw-coteband .v{font-size:36px;font-weight:200}.tw-coteband .v.up{color:#2f7d5b}
.tw-coteband .l{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8c8c8c;margin-top:6px}
@media(max-width:680px){.tw-coteband{grid-template-columns:1fr;padding:28px}}
.tw-chart{border:1px solid #e9e9e9;border-radius:18px;padding:30px}
.tw-tbl{width:100%;border-collapse:collapse;font-size:14px}
.tw-tbl th,.tw-tbl td{text-align:left;padding:13px 14px;border-bottom:1px solid #e9e9e9}
.tw-tbl thead th{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8c8c8c;font-weight:700;border-bottom:1px solid #0a0a0a}

/* annuaire listing + villes */
.tw-listing{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:760px){.tw-listing{grid-template-columns:1fr}}
.tw-lcard{border:1px solid #e9e9e9;border-radius:14px;padding:22px;display:flex;justify-content:space-between;gap:16px}
.tw-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tw-cities a{border:1px solid #e9e9e9;border-radius:12px;padding:16px 18px;font-weight:500;display:flex;justify-content:space-between}
.tw-cities a:hover{border-color:#0a0a0a}
@media(max-width:760px){.tw-cities{grid-template-columns:repeat(2,1fr)}}

/* ==================== product-collection (archives / similaires) ==================== */
.wc-block-product-template{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:26px!important;list-style:none!important;margin:0!important;padding:0!important}
@media(max-width:980px){.wc-block-product-template{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.wc-block-product-template{grid-template-columns:1fr!important}}
.wc-block-product-template .wc-block-product,.wc-block-product-template>li{margin:0!important;padding:0!important;text-align:left!important}
.wc-block-product-template .wc-block-product img,.wc-block-product-template img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;border-radius:14px!important}
.wc-block-product-template .wp-block-post-title{font-size:16px!important;font-weight:500;margin:14px 0 4px!important;line-height:1.3}
.wc-block-product-template .wp-block-post-title a{color:#0a0a0a}
.wc-block-product-template .wp-block-post-terms{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8c8c8c;margin-top:12px}
.wc-block-product-template .wc-block-components-product-price{font-size:14px!important;color:#4a4a4a!important;font-weight:400}
.wc-block-product-template .wp-block-button,.wc-block-product-template .wc-block-components-product-button{display:none!important}
.wp-block-query-pagination{margin-top:44px}

/* single product : excerpt + onglets */
.tw-pdp .wp-block-post-excerpt{color:#4a4a4a;font-size:16px;margin-top:14px}
.tw-pdp .wp-block-post-excerpt__more-link{display:none}
.woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:26px;border-bottom:1px solid #e9e9e9;padding:0;margin:0 0 26px}
.woocommerce-tabs ul.tabs li{padding:0 0 12px}
.woocommerce-tabs ul.tabs a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#8c8c8c}
.woocommerce-tabs ul.tabs li.active a{color:#0a0a0a;border-bottom:2px solid #0a0a0a;padding-bottom:12px}
.woocommerce-Tabs-panel{font-size:16px;color:#4a4a4a}
.woocommerce-tabs .shop_attributes{width:100%;border-collapse:collapse;margin-top:8px}
.woocommerce-tabs .shop_attributes th,.woocommerce-tabs .shop_attributes td{text-align:left;padding:12px 4px;border-bottom:1px solid #e9e9e9;font-size:14px}
.woocommerce-tabs .shop_attributes th{width:40%;font-weight:600;color:#4a4a4a}

/* ==================== PAGES MODÈLE (contenu riche) ==================== */
.tw-model{max-width:820px;color:#2f2f2f;font-size:16.5px;line-height:1.7}
.tw-model p{margin:14px 0}
.tw-model strong{color:#0a0a0a;font-weight:600}
.tw-model h2{font-size:26px;font-weight:200;letter-spacing:-.02em;margin:40px 0 12px;color:#0a0a0a}
.tw-model h3{font-size:16px;font-weight:600;margin:0 0 10px;letter-spacing:0}
.tw-model .tw-model-years{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8c8c8c;border:1px solid #e9e9e9;border-radius:999px;padding:6px 14px;margin:0 0 4px}
.tw-model ul{margin:6px 0 6px 20px}.tw-model li{margin:6px 0}
.tw-pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.tw-pc-col{border:1px solid #e9e9e9;border-radius:14px;padding:22px 24px}
.tw-pc-col ul{margin-left:18px}
.tw-pc-pro{border-left:3px solid #2f7d5b}
.tw-pc-con{border-left:3px solid #b23b2e}
.tw-pc-pro h3{color:#2f7d5b}.tw-pc-con h3{color:#b23b2e}
.tw-cote-note{font-size:12.5px;color:#8c8c8c;margin-top:8px;font-style:italic}
@media(max-width:680px){.tw-pc{grid-template-columns:1fr}}

/* ==================== PAGES HEADER (vendre / blog / annuaire / outils) ==================== */
/* étapes */
.tw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tw-steps .tw-step{padding:30px;border:1px solid #e9e9e9;border-radius:16px}
.tw-steps .tw-step .n{font-size:34px;font-weight:200;color:#b8b8b8}
.tw-steps .tw-step h3{font-size:19px;font-weight:600;margin:8px 0;letter-spacing:0}
.tw-steps .tw-step p{color:#4a4a4a;font-size:14.5px}
@media(max-width:760px){.tw-steps{grid-template-columns:1fr}}
/* carte estimation (lead) */
.tw-estim{background:#0a0a0a;color:#fff;border-radius:20px;padding:44px}
.tw-estim h3{font-size:28px;font-weight:200;color:#fff}
.tw-estim p{color:#b5b5b5;margin-top:10px;font-size:15px}
.tw-estim ul{list-style:none;margin:22px 0;padding:0}
.tw-estim li{padding:8px 0 8px 26px;position:relative;color:#e6e6e6;font-size:15px}
.tw-estim li::before{content:"\2713";position:absolute;left:0;color:#fff}
.tw-estim .tw-estim-btn{display:inline-block;background:#fff;color:#0a0a0a;border-radius:999px;padding:14px 28px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;margin-top:8px}
/* marques rachetées */
.tw-brands{display:flex;flex-wrap:wrap;gap:12px}
.tw-brands span{border:1px solid #e9e9e9;border-radius:999px;padding:10px 20px;font-weight:500;font-size:14px}
/* FAQ */
.tw-faq .wp-block-details{border-bottom:1px solid #e9e9e9;padding:18px 0}
.tw-faq summary{font-size:17px;font-weight:500;cursor:pointer;list-style:none}
.tw-faq summary::-webkit-details-marker{display:none}
.tw-faq .wp-block-details[open] summary{color:#0a0a0a}
.tw-faq .wp-block-details p{color:#4a4a4a;margin-top:12px;font-size:15px;max-width:820px}
/* 2 colonnes intro/estim */
.tw-2col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
@media(max-width:820px){.tw-2col{grid-template-columns:1fr;gap:30px}}

/* ==================== HÉROS IMAGE (cover) pages de contenu ==================== */
.tw-cover-hero{align-items:flex-end!important}
.tw-cover-hero .wp-block-cover__inner-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.tw-cover-hero .tw-htxt2{max-width:640px}
.tw-cover-hero .tw-eyebrow{color:rgba(255,255,255,.82)!important;margin-bottom:14px}
.tw-cover-hero h1{font-size:clamp(38px,5.5vw,74px)!important;color:#fff!important;font-weight:200;line-height:1.04;letter-spacing:-.02em}
.tw-cover-hero p.sub{color:rgba(255,255,255,.92)!important;font-size:18px;max-width:520px;margin-top:16px}
.tw-cover-hero .wp-block-buttons{margin-top:26px}

/* nav par marque (catalogue) */
.tw-brandnav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tw-brandnav a{border:1px solid #e9e9e9;border-radius:999px;padding:11px 24px;font-weight:500;font-size:14.5px;color:#0a0a0a;transition:.2s}
.tw-brandnav a:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff}

/* ==================== FIX DÉFINITIF product-collection (home + catalogue) ==================== */
.wc-block-product-template.is-flex-container,
ul.wc-block-product-template,
.wp-block-woocommerce-product-template{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:28px!important;width:100%!important;max-width:100%!important}
@media(max-width:980px){.wc-block-product-template.is-flex-container,ul.wc-block-product-template,.wp-block-woocommerce-product-template{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.wc-block-product-template.is-flex-container,ul.wc-block-product-template,.wp-block-woocommerce-product-template{grid-template-columns:1fr!important}}
.wc-block-product-template .wc-block-product{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;flex:1 1 auto!important;padding:0!important}
.wc-block-product-template .wc-block-components-product-image{width:100%!important;margin:0 0 14px!important;max-width:100%!important}
.wc-block-product-template .wc-block-components-product-image > a,
.wc-block-product-template .wc-block-components-product-image{display:block!important}
.wc-block-product-template .wc-block-components-product-image img{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;border-radius:14px!important;display:block!important;max-width:none!important;min-width:100%!important}
.wc-block-product-template .wp-block-post-title{font-size:16px!important;font-weight:500!important;line-height:1.3!important;margin:14px 0 4px!important;word-break:normal!important;overflow-wrap:normal!important}
.wc-block-product-template .wc-block-components-product-price{font-size:14px!important;color:#4a4a4a!important}

/* grille des modèles sur la page marque (maillage interne) */
.tw-modelgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 8px}
.tw-modelgrid a{border:1px solid #e9e9e9;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;transition:.2s}
.tw-modelgrid a span{font-weight:500;font-size:15px;color:#0a0a0a}
.tw-modelgrid a small{color:#8c8c8c;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.tw-modelgrid a:hover{border-color:#0a0a0a;transform:translateY(-2px)}
@media(max-width:760px){.tw-modelgrid{grid-template-columns:repeat(2,1fr)}}

/* ==================== PAGES RICHES (.tw-rich) — design validé mono ==================== */
.tw-rich{padding:0!important}
.tw-rich .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.tw-rich .eyebrow{font-weight:700;letter-spacing:.32em;text-transform:uppercase;font-size:11px;color:#8c8c8c}
.tw-rich .rule{width:44px;height:2px;background:#0a0a0a;margin-top:18px}
.tw-rich section{padding:110px 0}
.tw-rich .shead{max-width:640px;margin:0 0 54px}
.tw-rich .shead.center{margin:0 auto 54px;text-align:center}
.tw-rich .shead.center .rule{margin-left:auto;margin-right:auto}
.tw-rich .shead .eyebrow{display:block;margin-bottom:14px}
.tw-rich .shead h2{font-size:clamp(30px,4.4vw,50px);font-weight:200;letter-spacing:-.03em;color:#0a0a0a}

/* hero split clair */
.tw-rich .hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:84vh}
.tw-rich .hero .htxt{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(32px,5vw,84px)}
.tw-rich .hero .eyebrow{margin-bottom:20px}
.tw-rich .hero h1{font-size:clamp(40px,5vw,76px);font-weight:200;letter-spacing:-.03em;line-height:1.04;color:#0a0a0a}
.tw-rich .hero h1 b{font-weight:600}
.tw-rich .hero p{margin-top:24px;max-width:440px;font-size:18px;color:#4a4a4a}
.tw-rich .hero .cta{align-self:flex-start;margin-top:34px;background:#0a0a0a;color:#fff;padding:16px 32px;border-radius:999px;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;transition:.22s}
.tw-rich .hero .cta:hover{transform:translateY(-2px)}
.tw-rich .hero .himg{position:relative;background:#f6f6f6}
.tw-rich .hero .himg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.tw-rich .hero{grid-template-columns:1fr}.tw-rich .hero .himg{height:46vh;order:-1}.tw-rich .hero .htxt{padding:40px 28px 50px}}

/* steps */
.tw-rich .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.tw-rich .step{padding-top:26px;border-top:1px solid #e9e9e9}
.tw-rich .step .n{font-size:60px;font-weight:200;line-height:1;color:#c4c4c4;letter-spacing:-.04em}
.tw-rich .step h3{font-size:21px;font-weight:600;margin:16px 0 10px;letter-spacing:0}
.tw-rich .step p{color:#4a4a4a;font-size:15px}
@media(max-width:820px){.tw-rich .steps{grid-template-columns:1fr;gap:32px}}

/* feature image + texte */
.tw-rich .feat{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.tw-rich .feat.rev .fimg{order:2}
.tw-rich .feat .fimg img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.tw-rich .feat .eyebrow{display:block;margin-bottom:16px}
.tw-rich .feat h2{font-size:clamp(28px,4vw,50px);font-weight:200;letter-spacing:-.03em;color:#0a0a0a}
.tw-rich .feat p{color:#4a4a4a;margin-top:20px;font-size:17px;max-width:440px}
.tw-rich .feat .tlink{display:inline-block;margin-top:24px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;border-bottom:2px solid #0a0a0a;padding-bottom:5px}
@media(max-width:820px){.tw-rich .feat{grid-template-columns:1fr;gap:30px}.tw-rich .feat.rev .fimg{order:0}}

/* statement noir */
.tw-rich .statement{background:#0a0a0a;color:#fff;text-align:center}
.tw-rich .statement h2{font-size:clamp(30px,4.8vw,60px);font-weight:200;max-width:20ch;margin:0 auto;letter-spacing:-.02em}
.tw-rich .statement p{margin:24px auto 0;color:#9a9a9a;max-width:480px;font-size:17px}

/* estimation */
.tw-rich .estim{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;background:#f6f6f6;border-radius:22px;padding:56px}
.tw-rich .estim h2{font-size:clamp(28px,3.6vw,44px);font-weight:200;letter-spacing:-.03em}
.tw-rich .estim ul{list-style:none;margin:22px 0 0}
.tw-rich .estim li{padding:9px 0 9px 26px;position:relative;color:#4a4a4a;font-size:16px}
.tw-rich .estim li::before{content:"";position:absolute;left:0;top:15px;width:13px;height:2px;background:#0a0a0a}
.tw-rich .estim-card{background:#fff;border:1px solid #e9e9e9;border-radius:16px;padding:34px;text-align:center}
.tw-rich .estim-card .big{font-size:15px;color:#4a4a4a}
.tw-rich .estim-card .cta{display:block;margin-top:20px;background:#0a0a0a;color:#fff;padding:16px;border-radius:999px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;transition:.2s}
.tw-rich .estim-card .cta:hover{transform:translateY(-2px)}
.tw-rich .estim-card .re{font-size:12px;color:#8c8c8c;margin-top:14px}
@media(max-width:820px){.tw-rich .estim{grid-template-columns:1fr;padding:36px;gap:30px}}

/* trust */
.tw-rich .trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tw-rich .trust .t{padding:38px 18px;text-align:center;border-right:1px solid #e9e9e9}
.tw-rich .trust .t:last-child{border-right:0}
.tw-rich .trust .v{font-size:32px;font-weight:200;color:#0a0a0a}
.tw-rich .trust .l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8c8c8c;margin-top:8px}
@media(max-width:680px){.tw-rich .trust{grid-template-columns:repeat(2,1fr)}.tw-rich .trust .t:nth-child(2){border-right:0}}

/* brands */
.tw-rich .brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tw-rich .brands a,.tw-rich .brands span{border:1px solid #e9e9e9;border-radius:999px;padding:11px 22px;font-weight:500;font-size:14px;transition:.2s;color:#0a0a0a}
.tw-rich .brands a:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff}

/* faq */
.tw-rich .faq{max-width:840px;margin:0 auto}
.tw-rich .faq details{border-bottom:1px solid #e9e9e9;padding:20px 0}
.tw-rich .faq summary{font-size:18px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.tw-rich .faq summary::-webkit-details-marker{display:none}
.tw-rich .faq summary::after{content:"+";color:#0a0a0a;font-size:22px;font-weight:300}
.tw-rich .faq details[open] summary::after{content:"–"}
.tw-rich .faq p{color:#4a4a4a;margin-top:12px;font-size:16px}

/* final */
.tw-rich .final{background:#0a0a0a;color:#fff;text-align:center}
.tw-rich .final h2{font-size:clamp(32px,5vw,64px);font-weight:200;letter-spacing:-.02em}
.tw-rich .final .cta{display:inline-block;margin-top:32px;background:#fff;color:#0a0a0a;padding:17px 38px;border-radius:999px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;transition:.22s}
.tw-rich .final .cta:hover{transform:translateY(-2px)}

/* brands : noir plein + grille 6 col (2 rangées équilibrées) */
.tw-rich .brands{display:grid!important;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1060px;margin:0 auto}
.tw-rich .brands a,.tw-rich .brands span{background:#0a0a0a;color:#fff;border:1px solid #0a0a0a;border-radius:999px;padding:13px 8px;font-weight:500;font-size:13px;text-align:center;line-height:1.2;transition:.2s}
.tw-rich .brands a:hover{background:#fff;color:#0a0a0a}
@media(max-width:820px){.tw-rich .brands{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.tw-rich .brands{grid-template-columns:repeat(2,1fr)}}

/* ---- briques additionnelles .tw-rich (outils, villes, nav marques, intro) ---- */
.tw-rich .intro{max-width:760px;margin:0 auto 44px;text-align:center;color:#4a4a4a;font-size:18px}
.tw-rich .brandnav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tw-rich .brandnav a{border:1px solid #e9e9e9;border-radius:999px;padding:11px 24px;font-weight:500;font-size:14.5px;color:#0a0a0a;transition:.2s}
.tw-rich .brandnav a:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.tw-rich .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tw-rich .card{border:1px solid #e9e9e9;border-radius:16px;padding:32px;transition:.2s;display:block}
.tw-rich .card:hover{border-color:#0a0a0a;transform:translateY(-3px)}
.tw-rich .card h3{font-size:20px;font-weight:600;letter-spacing:0;color:#0a0a0a}
.tw-rich .card p{color:#4a4a4a;font-size:14.5px;margin-top:10px}
.tw-rich .card .badge{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8c8c8c;border:1px solid #e9e9e9;border-radius:999px;padding:5px 13px}
@media(max-width:820px){.tw-rich .cards{grid-template-columns:1fr}}
.tw-rich .cities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tw-rich .cities a{border:1px solid #e9e9e9;border-radius:12px;padding:17px;text-align:center;font-weight:500;transition:.2s;color:#0a0a0a}
.tw-rich .cities a:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff}
@media(max-width:820px){.tw-rich .cities{grid-template-columns:repeat(2,1fr)}}

/* hero plus court (catalogue, annuaire) */
.tw-rich .hero.short{min-height:58vh}

/* ==================== GABARIT MODÈLE ==================== */
.tw-rich .modelhero{padding:80px 0 20px;text-align:center;max-width:820px;margin:0 auto}
.tw-rich .modelhero .eyebrow{display:block;margin-bottom:14px}
.tw-rich .modelhero .wp-block-query-title,.tw-rich .modelhero h1{font-size:clamp(42px,6vw,78px);font-weight:200;letter-spacing:-.03em;line-height:1.02;color:#0a0a0a}
.tw-rich .modelhero .wp-block-buttons{justify-content:center;margin-top:30px;gap:12px}
.tw-rich .prose{max-width:760px}
.tw-rich .prose .lead{font-size:22px;color:#0a0a0a;font-weight:300;line-height:1.5}
.tw-rich .prose p{color:#4a4a4a;font-size:17px;margin-top:16px;line-height:1.7}
.tw-rich .prose p:first-child{margin-top:0}
.tw-rich .wp-block-term-description{max-width:none}
.tw-rich .proscons{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tw-rich .proscons .col{border:1px solid #e9e9e9;border-radius:16px;padding:34px}
.tw-rich .proscons h3{font-size:18px;font-weight:600;letter-spacing:0;margin-bottom:16px}
.tw-rich .proscons ul{list-style:none;margin:0}
.tw-rich .proscons li{padding:9px 0 9px 26px;position:relative;color:#4a4a4a;font-size:15.5px}
.tw-rich .proscons .pro li::before{content:"+";position:absolute;left:2px;color:#0a0a0a;font-weight:700}
.tw-rich .proscons .con li::before{content:"–";position:absolute;left:3px;color:#b8b8b8;font-weight:700}
@media(max-width:820px){.tw-rich .proscons{grid-template-columns:1fr}}
.tw-rich .cote-tbl{width:100%;border-collapse:collapse;margin-top:22px}
.tw-rich .cote-tbl th,.tw-rich .cote-tbl td{text-align:left;padding:14px 16px;border-bottom:1px solid #e9e9e9;font-size:15px}
.tw-rich .cote-tbl th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8c8c8c;font-weight:600}
.tw-rich .cote-tbl .num{font-variant-numeric:tabular-nums;font-weight:600}
.tw-rich .noteind{font-size:12.5px;color:#8c8c8c;margin-top:14px}

/* ==================== PAGE VENDRE (design mono validé) ==================== */
.tw-sell{--acc:#0a0a0a}
.tw-sell .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.tw-sell .eyebrow{font-weight:700;letter-spacing:.3em;text-transform:uppercase;font-size:11px;color:#8c8c8c}
.tw-sell .rule{width:44px;height:2px;background:#0a0a0a;margin-top:18px}
/* hero split clair */
.tw-sell .hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:80vh}
.tw-sell .hero .htxt{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,4vw,72px) 56px}
.tw-sell .hero .eyebrow{margin-bottom:18px}
.tw-sell .hero h1{font-size:clamp(38px,4.6vw,70px);font-weight:200;letter-spacing:-.03em;line-height:1.04;color:#0a0a0a}
.tw-sell .hero h1 b{font-weight:600}
.tw-sell .hero p{margin-top:22px;max-width:440px;font-size:18px;color:#4a4a4a}
.tw-sell .hero .cta{align-self:flex-start;margin-top:32px;background:#0a0a0a;color:#fff;padding:15px 32px;border-radius:999px;font-weight:600;font-size:13px;letter-spacing:.09em;text-transform:uppercase;transition:.2s}
.tw-sell .hero .cta:hover{transform:translateY(-2px)}
.tw-sell .hero .himg{position:relative;background:#f2f2f2}
.tw-sell .hero .himg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.tw-sell .hero{grid-template-columns:1fr}.tw-sell .hero .himg{height:44vh;order:-1}.tw-sell .hero .htxt{padding:36px 26px 46px}}
.tw-sell section{padding:100px 0}
.tw-sell .shead{max-width:640px;margin:0 0 50px}
.tw-sell .shead.center{margin:0 auto 50px;text-align:center}
.tw-sell .shead.center .rule{margin-left:auto;margin-right:auto}
.tw-sell .shead .eyebrow{display:block;margin-bottom:14px}
.tw-sell .shead h2{font-size:clamp(30px,4.2vw,48px);font-weight:200;letter-spacing:-.03em}
/* étapes */
.tw-sell .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.tw-sell .step{padding-top:24px;border-top:1px solid #e9e9e9}
.tw-sell .step .n{font-size:58px;font-weight:200;line-height:1;color:#c4c4c4;letter-spacing:-.04em}
.tw-sell .step h3{font-size:21px;font-weight:600;margin:14px 0 10px}
.tw-sell .step p{color:#4a4a4a;font-size:15px}
@media(max-width:820px){.tw-sell .steps{grid-template-columns:1fr;gap:30px}}
/* feature image + texte */
.tw-sell .feat{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.tw-sell .feat .fimg img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.tw-sell .feat .eyebrow{display:block;margin-bottom:16px}
.tw-sell .feat h2{font-size:clamp(28px,3.8vw,46px);font-weight:200;letter-spacing:-.03em}
.tw-sell .feat p{color:#4a4a4a;margin-top:20px;font-size:17px;max-width:440px}
.tw-sell .feat .tlink{display:inline-block;margin-top:22px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;border-bottom:2px solid #0a0a0a;padding-bottom:5px}
@media(max-width:820px){.tw-sell .feat{grid-template-columns:1fr;gap:28px}}
/* estimation */
.tw-sell .estim{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;background:#f6f6f6;border-radius:22px;padding:52px}
.tw-sell .estim h2{font-size:clamp(28px,3.4vw,42px);font-weight:200}
.tw-sell .estim ul{list-style:none;margin:20px 0 0;padding:0}
.tw-sell .estim li{padding:9px 0 9px 26px;position:relative;color:#4a4a4a;font-size:16px}
.tw-sell .estim li::before{content:"";position:absolute;left:0;top:15px;width:13px;height:2px;background:#0a0a0a}
.tw-sell .estim-card{background:#fff;border:1px solid #e9e9e9;border-radius:16px;padding:32px;text-align:center}
.tw-sell .estim-card .big{font-size:15px;color:#4a4a4a}
.tw-sell .estim-card .cta{display:block;margin-top:18px;background:#0a0a0a;color:#fff;padding:15px;border-radius:999px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
.tw-sell .estim-card .re{font-size:12px;color:#8c8c8c;margin-top:12px}
@media(max-width:820px){.tw-sell .estim{grid-template-columns:1fr;padding:34px;gap:28px}}
/* statement noir */
.tw-sell .statement{background:#0a0a0a;color:#fff;text-align:center}
.tw-sell .statement h2{font-size:clamp(30px,4.6vw,58px);font-weight:200;max-width:18ch;margin:0 auto;letter-spacing:-.03em}
.tw-sell .statement p{margin:22px auto 0;color:#9a9a9a;max-width:480px;font-size:17px}
/* trust */
.tw-sell .trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tw-sell .trust .t{padding:36px 18px;text-align:center;border-right:1px solid #e9e9e9}
.tw-sell .trust .t:last-child{border-right:0}
.tw-sell .trust .v{font-size:32px;font-weight:200;color:#0a0a0a}
.tw-sell .trust .l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8c8c8c;margin-top:8px}
@media(max-width:680px){.tw-sell .trust{grid-template-columns:repeat(2,1fr)}.tw-sell .trust .t:nth-child(2){border-right:0}}
/* marques */
.tw-sell .brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto}
.tw-sell .brands span{background:#0a0a0a;color:#fff;border-radius:999px;padding:11px 24px;font-weight:500;font-size:14px;transition:.2s}
.tw-sell .brands span:hover{opacity:.7}
/* faq */
.tw-sell .faq{max-width:840px;margin:0 auto}
.tw-sell .faq details{border-bottom:1px solid #e9e9e9;padding:20px 0}
.tw-sell .faq summary{font-size:18px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.tw-sell .faq summary::-webkit-details-marker{display:none}
.tw-sell .faq summary::after{content:"+";color:#0a0a0a;font-size:22px;font-weight:300}
.tw-sell .faq details[open] summary::after{content:"–"}
.tw-sell .faq p{color:#4a4a4a;margin-top:12px;font-size:16px}
/* final */
.tw-sell .final{background:#0a0a0a;color:#fff;text-align:center}
.tw-sell .final h2{font-size:clamp(32px,4.6vw,60px);font-weight:200;letter-spacing:-.03em}
.tw-sell .final .cta{display:inline-block;margin-top:30px;background:#fff;color:#0a0a0a;padding:16px 38px;border-radius:999px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;transition:.2s}
.tw-sell .final .cta:hover{transform:translateY(-2px)}

/* ==================== EN-TÊTE DE PAGE ÉDITORIALE (clair, lisible) ==================== */
.tw-pagehead{text-align:center;max-width:760px;margin-left:auto;margin-right:auto;padding:74px 24px 12px}
.tw-pagehead .tw-eyebrow{display:block;margin-bottom:14px}
.tw-pagehead h1,.tw-pagehead .wp-block-heading{font-size:clamp(38px,5.5vw,66px);font-weight:200;letter-spacing:-.03em;line-height:1.04;color:var(--wp--preset--color--ink)}
.tw-pagehead p{color:var(--wp--preset--color--ink-2);font-size:18px;margin-top:16px}

/* ==================== ARTICLE (single post) ==================== */
.tw-arthead{text-align:center;padding-top:26px}
.tw-arthead .wp-block-post-terms{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--muted);margin-bottom:16px}
.tw-arthead .wp-block-post-terms a{color:var(--wp--preset--color--muted)}
.tw-arthead .wp-block-post-title{font-size:clamp(32px,4.6vw,54px);font-weight:200;letter-spacing:-.03em;line-height:1.1;color:var(--wp--preset--color--ink)}
.tw-artmeta{justify-content:center;align-items:center;color:var(--wp--preset--color--muted);font-size:13.5px;margin-top:20px;gap:8px}
.tw-artmeta .wp-block-post-author-name{font-weight:600;color:var(--wp--preset--color--ink)}
.tw-artmeta .sep{color:var(--wp--preset--color--faint)}
.single .wp-block-post-featured-image{margin:40px auto}
.single .wp-block-post-featured-image img{border-radius:16px;width:100%;aspect-ratio:16/9;object-fit:cover}
/* prose */
.tw-article{font-size:17.5px;line-height:1.75;color:#2a2a2a}
.tw-article>p:first-of-type{font-size:20px;line-height:1.65;color:#0a0a0a}
.tw-article p{margin:20px 0}
.tw-article h2{font-size:28px;font-weight:600;margin:46px 0 12px;letter-spacing:-.02em;color:#0a0a0a}
.tw-article h3{font-size:21px;font-weight:600;margin:34px 0 8px;color:#0a0a0a}
.tw-article ul,.tw-article ol{margin:18px 0 18px 22px}
.tw-article li{margin:8px 0}
.tw-article blockquote{border-left:3px solid #0a0a0a;padding-left:22px;margin:30px 0;font-size:21px;font-weight:300;font-style:italic;color:#0a0a0a}
.tw-article a{color:#0a0a0a;text-decoration:underline;text-underline-offset:3px}
.tw-article strong{font-weight:600;color:#0a0a0a}
.tw-article img{border-radius:12px;margin:26px 0}
.tw-article hr{border:0;border-top:1px solid #e9e9e9;margin:40px 0}
/* CTA fin d'article */
.tw-artcta{background:#0a0a0a;color:#fff;border-radius:18px;text-align:center;padding:48px 40px;margin:60px auto 0;max-width:768px}
.tw-artcta .wp-block-heading{font-size:28px;font-weight:200;color:#fff}
.tw-artcta p{color:#9a9a9a;margin-top:8px}
.tw-artcta .wp-block-button__link{background:#fff;color:#0a0a0a!important;margin-top:18px;font-weight:700}

/* ==================== EMPLACEMENT PHOTO / CONTRIBUTION (gabarit modèle) ==================== */
.tw-rich .photobox{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;background:#f7f7f8;border-radius:22px;padding:44px;margin-top:10px}
.tw-rich .photobox .frame{aspect-ratio:4/3;border:2px dashed #d6d6d9;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#c2c2c6}
.tw-rich .photobox .frame svg{width:78px;height:78px}
.tw-rich .photobox .frame .pb-tag{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#9a9a9a;border:1px solid #e4e4e7;border-radius:999px;padding:6px 15px}
.tw-rich .photobox h3{font-size:25px;font-weight:600;letter-spacing:-.015em;color:#0a0a0a}
.tw-rich .photobox p{color:#4a4a4a;margin-top:12px;font-size:16px;max-width:400px}
.tw-rich .photobox .pb-cta{display:inline-block;margin-top:22px;background:#0a0a0a;color:#fff;padding:14px 28px;border-radius:999px;font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.tw-rich .photobox .pb-cta:hover{transform:translateY(-2px)}
@media(max-width:820px){.tw-rich .photobox{grid-template-columns:1fr;gap:26px;padding:26px}}

/* ==================== FORMULAIRE (contribution photo, contact…) ==================== */
.tw-form{max-width:620px;margin:26px 0 0}
.tw-form label{display:block;margin-bottom:20px;font-size:14px;font-weight:600;color:#0a0a0a}
.tw-form input[type=text],.tw-form input[type=email],.tw-form input[type=file]{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #e0e0e3;border-radius:10px;font-family:inherit;font-size:15px;font-weight:300;background:#fff;color:#0a0a0a}
.tw-form input:focus{outline:none;border-color:#0a0a0a}
.tw-form input[type=file]{padding:12px;background:#f7f7f8;cursor:pointer}
.tw-form label.check{display:flex;align-items:center;gap:12px;font-weight:400;color:#2a2a2a;background:#f7f7f8;border:1px solid #e9e9e9;border-radius:10px;padding:16px 18px;cursor:pointer}
.tw-form label.check input{width:19px;height:19px;margin:0;flex:0 0 auto;accent-color:#0a0a0a}
.tw-form button{background:#0a0a0a;color:#fff;border:0;border-radius:999px;padding:16px 36px;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s;margin-top:8px}
.tw-form button:hover{transform:translateY(-2px)}
.tw-form .hint{display:block;font-size:13px;color:#8c8c8c;font-weight:400;margin-top:7px}

/* ==================== MAILLAGE : grid des modèles sur page marque ==================== */
.tw-rich .tw-modelsec .tw-shead{margin-bottom:34px}
.tw-rich .tw-modelgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tw-rich .tw-modelgrid a{display:block;border:1px solid #e9e9e9;border-radius:12px;padding:20px 22px;font-weight:500;font-size:16px;color:#0a0a0a;transition:.2s;letter-spacing:-.01em}
.tw-rich .tw-modelgrid a:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff;transform:translateY(-2px)}
@media(max-width:820px){.tw-rich .tw-modelgrid{grid-template-columns:1fr 1fr}}

/* ===== Watch-spotting : graphe célébrité ⇄ montre ===== */
.tw-rich .tw-portee-sec{padding:70px 0 10px;border-top:1px solid #e9e9e9}
.tw-rich .tw-portee{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tw-rich .tw-pcard{display:flex;flex-direction:column;border:1px solid #e9e9e9;border-radius:14px;overflow:hidden;transition:.2s;color:#0a0a0a}
.tw-rich .tw-pcard:hover{border-color:#0a0a0a;transform:translateY(-2px)}
.tw-rich .tw-pimg{aspect-ratio:4/3;background:#f6f6f6 center/cover no-repeat}
.tw-rich .tw-pname{font-weight:600;padding:14px 16px 2px;font-size:15px}
.tw-rich .tw-pctx{padding:2px 16px 16px;font-size:12.5px;color:#8c8c8c;line-height:1.4}
@media(max-width:820px){.tw-rich .tw-portee{grid-template-columns:repeat(2,1fr)}}
.tw-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0 8px}
.tw-timeline .tw-twatch{display:flex;gap:14px;align-items:center;border:1px solid #e9e9e9;border-radius:12px;padding:14px 16px;transition:.2s;text-decoration:none;color:#0a0a0a}
.tw-timeline .tw-twatch:hover{border-color:#0a0a0a}
.tw-wimg{width:52px;height:52px;border-radius:8px;background:#f6f6f6 center/cover no-repeat;flex:none}
.tw-wmeta{display:flex;flex-direction:column;gap:1px}
.tw-wdate{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8c8c8c}
.tw-wname{font-weight:600;font-size:15px}
.tw-wctx{font-size:12.5px;color:#8c8c8c}
@media(max-width:820px){.tw-timeline{grid-template-columns:1fr}}

/* --- MOBILE : tableaux de cote scrollables proprement (colonnes non écrasées) --- */
.tw-rich .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
.tw-rich .cote-tbl{min-width:540px}
@media(max-width:520px){
  .tw-rich .cote-tbl th,.tw-rich .cote-tbl td{padding:12px 12px}
  .tw-rich .modelhero .wp-block-buttons{flex-wrap:wrap}
  .tw-rich .modelhero .wp-block-button__link{padding:13px 22px;font-size:12px}
}

/* --- MOBILE : header propre (logo 1 ligne + hamburger, sans CTA qui wrappe) --- */
@media(max-width:820px){
  .tw-nav{padding-left:18px;padding-right:16px;min-height:58px}
  .tw-nav .tw-logo a{font-size:14px;letter-spacing:.1em;white-space:nowrap}
  .tw-nav .tw-cta{display:none}
  .tw-nav .wp-block-navigation__responsive-container-open{margin-left:auto}
}

/* --- MOBILE : centrer les boutons + paragraphe du hero home --- */
@media(max-width:820px){
  .tw-hero .wp-block-buttons{justify-content:center}
  .tw-hero .tw-htxt p{margin-left:auto;margin-right:auto}
}

/* ===== LOT FIXES MOBILE (hero home resserré, footer, vendre centré, menu overlay) ===== */
@media(max-width:820px){
  .tw-hero .tw-htxt p{max-width:320px}          /* ~3 lignes équilibrées */
  .tw-footer{padding:48px 22px 30px}
}
.tw-footer{padding-left:28px;padding-right:28px} /* gutter horizontal footer (bug padding:0) */

@media(max-width:900px){
  .tw-sell .hero{grid-template-columns:1fr;min-height:auto}
  .tw-sell .hero .htxt{text-align:center;align-items:center;padding:48px 24px 44px}
  .tw-sell .hero .cta{align-self:center}
  .tw-sell .hero p{margin-left:auto;margin-right:auto}
  .tw-sell .hero .himg{display:none}
}

/* menu mobile : overlay lisible (fond noir, liens blancs, gros) */
.wp-block-navigation__responsive-container.is-menu-open{background:#0a0a0a!important;padding:80px 24px 40px!important}
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#fff!important;font-size:23px!important;letter-spacing:.02em!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:#fff!important;top:22px;right:20px}
.tw-nav .wp-block-navigation__responsive-container-open{color:var(--wp--preset--color--ink)}

/* --- encart CTA inline dans les articles --- */
.tw-article .tw-artcta-inline{background:#0a0a0a;color:#fff;border-radius:16px;padding:30px 32px;margin:36px 0}
.tw-article .tw-artcta-inline p{color:#cfcfcf;margin:0 0 6px;font-size:16px}
.tw-article .tw-artcta-inline strong{color:#fff}
.tw-article .tw-artcta-inline em{color:#fff;font-style:italic}
.tw-article .tw-artcta-inline a{display:inline-block;margin-top:12px;background:#fff;color:#0a0a0a!important;padding:13px 26px;border-radius:999px;font-weight:700;text-decoration:none;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.tw-article .tw-artcta-inline a:hover{transform:translateY(-2px)}

/* --- Annuaire horlogers : fiches SANS lien sortant --- */
.tw-horlogers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.tw-horloger{border:1px solid #e9e9e9;border-radius:14px;padding:20px 22px;transition:border-color .2s}
.tw-horloger:hover{border-color:#0a0a0a}
.tw-horloger .hh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.tw-horloger h3{font-size:17px;font-weight:600;letter-spacing:0;margin:0;color:#0a0a0a}
.tw-horloger .note{font-size:13px;color:#0a0a0a;white-space:nowrap;font-weight:600}
.tw-horloger .note small{color:#8c8c8c;font-weight:400}
.tw-horloger .adr{font-size:14px;color:#4a4a4a;margin:8px 0 2px;line-height:1.45}
.tw-horloger .tel{font-size:14px;color:#0a0a0a;font-weight:500;margin:0;font-variant-numeric:tabular-nums}
@media(max-width:700px){.tw-horlogers{grid-template-columns:1fr}}

/* --- annuaire : chips villes (hub) --- */
.tw-villes{max-width:1100px;margin:34px auto 0;padding:0 28px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tw-villes a{border:1px solid #e9e9e9;border-radius:999px;padding:8px 16px;font-size:13.5px;color:#0a0a0a;text-decoration:none}
.tw-villes a:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff}

/* --- facette : grille de modèles --- */
.tw-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tw-fcard{display:block;border:1px solid #e9e9e9;border-radius:16px;padding:26px;text-decoration:none;transition:.2s}
.tw-fcard:hover{border-color:#0a0a0a;transform:translateY(-3px)}
.tw-fcard .br{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8c8c8c}
.tw-fcard .nm{font-size:22px;font-weight:200;color:#0a0a0a;margin:4px 0 10px;letter-spacing:-.02em}
.tw-fcard .ds{font-size:14px;color:#4a4a4a;line-height:1.5;min-height:42px}
.tw-fcard .go{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a;margin-top:16px}
@media(max-width:820px){.tw-fgrid{grid-template-columns:1fr}}

/* --- annuaire hub : sections image + texte --- */
.tw-rich .tw-hfeat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tw-rich .tw-hfeat.rev .img{order:2}
.tw-rich .tw-hfeat .img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.tw-rich .tw-hfeat h2{font-size:clamp(26px,3.4vw,40px)}
.tw-rich .tw-hfeat p{color:#4a4a4a;margin-top:14px;font-size:16.5px}
.tw-rich .tw-shead.center{text-align:center;max-width:680px;margin:0 auto 30px}
@media(max-width:820px){.tw-rich .tw-hfeat{grid-template-columns:1fr;gap:26px}.tw-rich .tw-hfeat.rev .img{order:0}}

/* ============ MENU MOBILE MAISON (remplace le hamburger WP cassé par LiteSpeed) ============ */
.tw-burger{display:none;width:34px;height:34px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;color:var(--wp--preset--color--ink)}
.tw-burger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s}
.tw-nav.is-open .tw-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.tw-nav.is-open .tw-burger span:nth-child(2){opacity:0}
.tw-nav.is-open .tw-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.tw-navwrap{display:flex;align-items:center;flex:1}
.tw-navwrap .tw-navlinks{margin:0 auto}
body.tw-menu-lock{overflow:hidden}

@media(max-width:820px){
  .tw-nav{padding-left:18px;padding-right:16px;min-height:58px}
  .tw-nav .tw-logo a{font-size:14px;letter-spacing:.1em;white-space:nowrap}
  .tw-burger{display:flex}
  .home .tw-nav:not(.is-solid):not(.is-open) .tw-burger{color:#fff}
  .tw-navwrap{display:none}
  .tw-nav.is-open{background:#fff!important;border-color:var(--wp--preset--color--line)!important}
  .tw-nav.is-open .tw-navwrap{display:flex;flex-direction:column;align-items:stretch;flex:none;position:fixed;left:0;right:0;top:58px;background:#fff;padding:14px 24px 30px;border-top:1px solid var(--wp--preset--color--line);box-shadow:0 24px 40px rgba(0,0,0,.12);z-index:120;max-height:calc(100vh - 58px);overflow:auto}
  .tw-nav.is-open .tw-navlinks{margin:0}
  .tw-nav.is-open .tw-navlinks ul{flex-direction:column;align-items:stretch;gap:0}
  .tw-nav.is-open .tw-navlinks a,.tw-nav.is-open .tw-navlinks .wp-block-navigation-item__content{display:block;font-size:17px;padding:15px 0;border-bottom:1px solid #f0f0f0;letter-spacing:.02em;text-transform:none;font-weight:500;color:#0a0a0a!important}
  .tw-nav.is-open .tw-cta{display:block!important;margin-top:18px}
  .tw-nav.is-open .tw-cta .wp-block-button__link{display:block;text-align:center;background:#0a0a0a;color:#fff!important}
}

/* --- FIX menu mobile : forcer masquage/affichage (layout flex WP écrasait display:none) --- */
@media(max-width:820px){
  .tw-navwrap{display:none!important}
  .tw-nav.is-open .tw-navwrap{display:flex!important}
}
/* --- facette : photo sur les cartes --- */
.tw-fcard{padding:14px 14px 22px}
.tw-fcard .ph{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f6f6f6;margin-bottom:16px}
.tw-fcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tw-fcard:hover .ph img{transform:scale(1.05)}
.tw-fcard .br,.tw-fcard .nm,.tw-fcard .ds,.tw-fcard .go{padding-left:10px;padding-right:10px}
/* --- navigation entre facettes --- */
.tw-ftags{display:flex;flex-wrap:wrap;gap:12px}
.tw-ftag{display:inline-block;border:1px solid #e0e0e0;border-radius:999px;padding:11px 22px;font-size:14.5px;color:#0a0a0a;text-decoration:none;transition:.2s}
.tw-ftag:hover{border-color:#0a0a0a;background:#0a0a0a;color:#fff}
/* --- listes de liens (hubs) --- */
.tw-linklist{list-style:none;margin:24px 0;padding:0}
.tw-linklist li{border-top:1px solid #ececec;padding:16px 0;font-size:16px;color:#4a4a4a;line-height:1.55}
.tw-linklist li:last-child{border-bottom:1px solid #ececec}
.tw-linklist a{color:#0a0a0a;text-decoration:none;border-bottom:1px solid #d8d8d8;transition:.2s}
.tw-linklist a:hover{border-color:#0a0a0a}
/* --- bloc « pour aller plus loin » (maillage fiches modèle) --- */
.tw-related{border-top:1px solid var(--wp--preset--color--line,#e9e9e9);margin-top:40px;padding-top:8px}
.tw-related h2{font-size:clamp(20px,2.6vw,26px)}
.tw-related p{font-size:15.5px;line-height:1.7;color:var(--wp--preset--color--ink-2,#4a4a4a)}
.tw-related a{color:#0a0a0a;font-weight:500}
/* --- encadré auteur --- */
.tw-authorbox{border-top:1px solid var(--wp--preset--color--line);border-bottom:1px solid var(--wp--preset--color--line);padding:26px 0;margin:44px auto 0}
.tw-authorbox .wp-block-post-author__byline{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.tw-authorbox .wp-block-post-author__name{font-size:19px;font-weight:600}
.tw-authorbox .wp-block-post-author__bio{font-size:14.5px;color:var(--wp--preset--color--ink-2);margin-top:4px}

/* --- embed vidéo YouTube responsive + crédit --- */
.tw-article .tw-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin:28px 0 8px;background:#000}
.tw-article .tw-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tw-article .tw-videocredit{font-size:13px;color:var(--wp--preset--color--muted);margin:0 0 24px;font-style:italic}
.tw-article .tw-videocredit a{color:var(--wp--preset--color--ink)}

/* --- FIX menu mobile ouvert : forcer le texte des liens en NOIR (battait la règle home texte-blanc) --- */
.home .tw-nav.is-open:not(.is-solid) .wp-block-navigation a,
.home .tw-nav.is-open:not(.is-solid) .wp-block-navigation a .wp-block-navigation-item__label,
.tw-nav.is-open .wp-block-navigation a,
.tw-nav.is-open .wp-block-navigation a .wp-block-navigation-item__label,
.tw-nav.is-open .wp-block-navigation-item__content{color:#0a0a0a!important}
.home .tw-nav.is-open .tw-logo a{color:#0a0a0a!important}

/* --- liens légaux footer --- */
.tw-footlegal a{color:#999;text-decoration:underline;text-underline-offset:2px}
.tw-footlegal a:hover{color:#fff}
/* --- pages légales : lisibilité --- */
.tw-legal{font-size:15.5px;line-height:1.75;color:var(--wp--preset--color--ink-2,#4a4a4a)}
.tw-legal h2{font-size:clamp(19px,2.4vw,24px);margin-top:38px}
.tw-legal ul{margin:12px 0 12px 4px}
.tw-legal a{color:#0a0a0a;text-decoration:underline;text-underline-offset:2px}
/* --- FAQ accordéon (mise en avant) --- */
.tw-faq{margin:20px 0}
.tw-faq details{border:1px solid #e9e9e9;border-radius:12px;padding:0 20px;margin-bottom:10px;background:#fafafa;transition:.2s}
.tw-faq details[open]{background:#fff;border-color:#d8d8d8}
.tw-faq summary{cursor:pointer;font-weight:600;padding:17px 34px 17px 0;list-style:none;position:relative;color:#0a0a0a;font-size:16px}
.tw-faq summary::-webkit-details-marker{display:none}
.tw-faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:300;color:#9a9a9a}
.tw-faq details[open] summary::after{content:"−"}
.tw-faq details p{margin:0 0 18px;color:#4a4a4a;font-size:15px;line-height:1.65}
/* --- formulaire estimation --- */
.tw-formsec{padding-top:6px}
.tw-form{max-width:640px;margin:0 auto}
.tw-form-row{display:flex;gap:12px;margin-bottom:12px}
.tw-form-row>*{flex:1;min-width:0}
.tw-form input,.tw-form select,.tw-form textarea{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:15px;color:#0a0a0a;background:#fff;margin-bottom:12px;box-sizing:border-box}
.tw-form-row input,.tw-form-row select{margin-bottom:0}
.tw-form input:focus,.tw-form select:focus,.tw-form textarea:focus{outline:none;border-color:#0a0a0a}
.tw-form textarea{resize:vertical}
.tw-form button{width:100%;padding:16px;border:none;border-radius:12px;background:#0a0a0a;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:.2s;margin-top:4px}
.tw-form button:hover{background:#333}
.tw-formnote{text-align:center;font-size:13px;color:#8c8c8c;margin-top:12px}
@media(max-width:640px){.tw-form-row{flex-direction:column;gap:0}.tw-form-row input,.tw-form-row select{margin-bottom:12px}}
/* --- SOUS-MENUS DÉROULANTS (desktop = survol ; mobile = déplié) — DA minimal Tesla --- */
.tw-navlinks .wp-block-navigation-item{position:relative}
.tw-navlinks .wp-block-navigation__submenu-icon{display:none}
/* chevron fin (dessiné en bordure) qui pivote à l'ouverture */
.tw-navlinks .wp-block-navigation-submenu>.wp-block-navigation-item__content{display:inline-flex;align-items:center;gap:7px}
.tw-navlinks .wp-block-navigation-submenu>.wp-block-navigation-item__content::after{
	content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;
	transform:translateY(-2px) rotate(45deg);opacity:.45;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s}
.tw-navlinks .wp-block-navigation-submenu:hover>.wp-block-navigation-item__content::after,
.tw-navlinks .wp-block-navigation-submenu:focus-within>.wp-block-navigation-item__content::after{
	transform:translateY(1px) rotate(-135deg);opacity:.9}
/* panneau : fine bordure + ombre chuchotée + petit rayon crisp */
.tw-navlinks .wp-block-navigation__submenu-container{
	position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);z-index:130;
	min-width:222px;padding:7px;margin:0;list-style:none;
	background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:6px;
	box-shadow:0 1px 0 rgba(10,10,10,.02),0 14px 36px rgba(10,10,10,.08);
	display:flex;flex-direction:column;gap:1px;
	opacity:0;visibility:hidden;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility .2s}
/* pont invisible : ne pas perdre le survol dans l'espace nav↔panneau */
.tw-navlinks .wp-block-navigation__submenu-container::before{content:"";position:absolute;top:-13px;left:0;right:0;height:13px}
.tw-navlinks .wp-block-navigation-submenu:hover>.wp-block-navigation__submenu-container,
.tw-navlinks .wp-block-navigation-submenu:focus-within>.wp-block-navigation__submenu-container{
	opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.tw-navlinks .wp-block-navigation__submenu-container li{width:100%}
.tw-navlinks .wp-block-navigation__submenu-container a,
.tw-navlinks .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.home .tw-nav:not(.is-solid) .tw-navlinks .wp-block-navigation__submenu-container a,
.home .tw-nav:not(.is-solid) .tw-navlinks .wp-block-navigation__submenu-container .wp-block-navigation-item__label{
	display:block;padding:10px 14px;border-radius:4px;white-space:nowrap;
	font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
	color:var(--wp--preset--color--ink)!important;transition:background .18s,padding-left .22s ease,opacity .18s}
.tw-navlinks .wp-block-navigation__submenu-container a:hover{background:#f6f6f6;padding-left:18px;opacity:1}
@media(max-width:820px){
	.tw-nav.is-open .wp-block-navigation__submenu-container{
		position:static;transform:none;opacity:1;visibility:visible;min-width:0;
		background:transparent;border:none;box-shadow:none;border-radius:0;
		border-left:1px solid #ededed;margin:2px 0 6px 4px;padding:2px 0 2px 16px;gap:0}
	.tw-nav.is-open .wp-block-navigation__submenu-container::before{display:none}
	.tw-nav.is-open .wp-block-navigation__submenu-container a{
		font-size:12px!important;font-weight:600;padding:11px 0!important;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
	.tw-nav.is-open .wp-block-navigation__submenu-container a:hover{padding-left:0!important;opacity:1}
	.tw-nav.is-open .wp-block-navigation-submenu>.wp-block-navigation-item__content::after{
		transform:translateY(-2px) rotate(45deg);opacity:.4}
}

/* ===== MENU MOBILE : sous-menus repliables + chevron clair (2026-07-07) ===== */
@media(max-width:820px){
  /* onglet parent = ligne avec chevron poussé à droite */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu>.wp-block-navigation-item__content{
    display:flex!important;align-items:center;justify-content:space-between;width:100%}
  /* chevron net pointant vers le bas (= il y a des sous-onglets) */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu>.wp-block-navigation-item__content::after{
    content:"";width:9px;height:9px;flex:none;margin-left:14px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-3px) rotate(45deg);opacity:.7;
    transition:transform .25s ease,opacity .2s}
  /* ouvert : le chevron pivote vers le haut */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu.is-sub-open>.wp-block-navigation-item__content::after{
    transform:translateY(2px) rotate(-135deg);opacity:.95}
  /* sous-menu REPLIÉ par défaut */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation__submenu-container{display:none!important}
  /* sous-menu DÉPLIÉ au tap */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu.is-sub-open>.wp-block-navigation__submenu-container{
    display:block!important;position:static;opacity:1;visibility:visible;min-width:0;
    background:transparent;border:none;box-shadow:none;
    border-left:1px solid #ededed;margin:0 0 8px 4px;padding:2px 0 4px 16px}
}

/* ===== FIX déroulé mobile : annuler height:0/width:0/overflow:hidden de WP core (.has-child) 2026-07-07 ===== */
@media(max-width:820px){
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu.is-sub-open>.wp-block-navigation__submenu-container{
    display:block!important;position:static!important;opacity:1!important;visibility:visible!important;
    height:auto!important;width:auto!important;overflow:visible!important}
}

/* ===== ACCORDÉON MOBILE — FIX empilement (li parent flex-row WP → block) 2026-07-08 ===== */
@media(max-width:820px){
  /* le <li> parent doit empiler a+sous-menu (WP le met en flex-row → sous-menu partait à droite). Cible le li seul (a la classe wp-block-navigation-item, pas le <ul>). */
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-item.wp-block-navigation-submenu{display:block!important}
  .tw-nav.is-open .tw-navlinks .wp-block-navigation__submenu-container{display:none!important}
  .tw-nav.is-open .tw-navlinks .wp-block-navigation-submenu.is-sub-open>.wp-block-navigation__submenu-container{
    display:block!important;position:static!important;opacity:1!important;visibility:visible!important;
    height:auto!important;width:auto!important;overflow:visible!important;
    border-left:1px solid #ededed;margin:0 0 8px 4px;padding:2px 0 4px 16px}
}

/* ===== FIX survol desktop : la règle :hover appliquait transform:translateX(-50%) (flyout bureau) => sous-menu décalé à gauche/coupé sur écran tactile-desktop. Neutraliser en mobile. 2026-07-08 ===== */
@media(max-width:820px){
  .tw-nav.is-open .tw-navlinks .wp-block-navigation__submenu-container{
    transform:none!important;left:auto!important;right:auto!important;top:auto!important}
}