/* ============================================================
   Maison Résine - Accueil Wyld (module mrhome)
   Hovers, responsive, menu mobile, configurateur.
   ============================================================ */

.mr-home ::selection { background:#3FA968; color:#0E1410; }

/* Tuiles produit */
.mr-home [data-tile]{ transition:transform .3s cubic-bezier(.2,.6,.2,1),box-shadow .3s; }
.mr-home [data-tile]:hover{ transform:translateY(-6px); box-shadow:0 14px 30px -12px rgba(14,20,16,.22); }
.mr-home [data-tile]:hover [data-tile-img]{ transform:scale(1.06) rotate(-2deg); }
.mr-home [data-tile-img]{ transition:transform .5s cubic-bezier(.2,.6,.2,1); }
.mr-home .mr-tile-add{ transition:transform .2s cubic-bezier(.2,.6,.2,1); }
.mr-home [data-tile]:hover .mr-tile-add{ transform:translateX(3px); }
.mr-home .mr-review-thumb{ display:inline-block; transition:transform .2s cubic-bezier(.2,.6,.2,1); }
.mr-home .mr-review-thumb:hover{ transform:scale(1.07); }
/* Slider avis */
.mr-home .mr-reviews{ scrollbar-width:none; -ms-overflow-style:none; padding-top:14px; }
.mr-home .mr-reviews::-webkit-scrollbar{ display:none; }
.mr-home .mr-reviews > [data-review]{ flex:0 0 calc(25% - 34px); min-width:260px; scroll-snap-align:start; }
/* desktop : déborde à droite pour laisser dépasser l'avis suivant */
@media(min-width:761px){
  .mr-home .mr-reviews{ margin-right:-56px; padding-right:56px; }
}
@media(max-width:760px){
  .mr-home .mr-reviews{ margin-right:-26px; align-items:flex-start; }
  .mr-home .mr-reviews > [data-review]{ flex:0 0 78vw; min-width:0; min-height:0 !important; gap:11px !important; padding:22px !important; }
}
.mr-home .mr-rev-prev,.mr-home .mr-rev-next{ transition:background .2s,color .2s,transform .2s; }
.mr-home .mr-rev-prev:hover,.mr-home .mr-rev-next:hover{ background:#14160F !important; color:#F3EFE6 !important; }
.mr-home .mr-rev-prev:active,.mr-home .mr-rev-next:active{ transform:scale(.94); }

/* Nav + liens */
.mr-nav a{ transition:opacity .2s; }
.mr-nav a:hover{ opacity:.6; }
.mr-util a{ transition:opacity .2s; }
.mr-util a:hover{ opacity:.6; }
.mr-home [data-foot-link]{ transition:padding-left .2s,opacity .2s; }
.mr-home [data-foot-link]:hover{ padding-left:6px; opacity:1; }
.mr-home [data-mark]{ transition:transform .25s; }
.mr-home [data-mark]:hover{ transform:translateY(-4px) rotate(-2deg); }

/* Avis */
.mr-home [data-review]{ transition:background .25s ease,transform .25s cubic-bezier(.2,.6,.2,1); cursor:default; }
.mr-home [data-review]:hover{ background:#C8861B !important; transform:translateY(-5px); }
/* Toujours visible ; seul le fond change au survol (voir plus bas) */

/* CTA carte produit qui se déplie */
.mr-home [data-cta]{ transition:padding-left .35s cubic-bezier(.2,.6,.2,1); }
.mr-home [data-tile]:hover [data-cta]{ padding-left:32px; }
.mr-home [data-cta-label]{ max-width:0; opacity:0; overflow:hidden; white-space:nowrap; transition:max-width .4s cubic-bezier(.2,.6,.2,1),opacity .3s ease,margin .3s; }
.mr-home [data-tile]:hover [data-cta-label]{ max-width:220px; opacity:1; margin-right:10px; }

/* Carrousel : masque la scrollbar */
.mr-carousel{ scrollbar-width:none; -ms-overflow-style:none; }
.mr-carousel::-webkit-scrollbar{ display:none; }
.mr-car-prev,.mr-car-next{ transition:background .2s,transform .2s; }
.mr-car-prev:hover{ background:#F3EFE6 !important; transform:translateY(-50%) scale(1.08); }
.mr-car-next:hover{ background:#F3EFE6 !important; transform:translateY(-50%) scale(1.08); }

/* Configurateur / quiz */
.mr-quiz-opt{ text-align:left; cursor:pointer; background:#F3EFE6; color:#14160F; border:2.5px solid #14160F; border-radius:16px; padding:16px 20px; display:flex; flex-direction:column; gap:5px; transition:transform .25s cubic-bezier(.2,.6,.2,1),background .2s,color .2s; }
.mr-quiz-opt:hover{ background:#14160F; color:#F3EFE6; transform:translateX(5px); }
/* Piste "Split média" : colonne visuelle animée facon vidéo (léger zoom) */
.mr-quiz-media-img{ transform:scale(1.06); animation:mrkenburns 16s ease-in-out infinite alternate; will-change:transform; }
@keyframes mrkenburns{ 0%{ transform:scale(1.06) translate(0,0); } 100%{ transform:scale(1.16) translate(-2%,-2.5%); } }
@media (prefers-reduced-motion: reduce){ .mr-quiz-media-img{ animation:none; transform:none; } }

/* Menu mobile (burger) */
.mr-mnav{ display:none; }
.mr-burger{ display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; margin:-8px; }
.mr-burger i{ display:block; width:24px; height:2px; background:currentColor; border-radius:2px; }

/* Overlay plein écran premium (identique au header interne) */
.mr-mobile-menu{
  position:fixed; inset:0; z-index:300;
  background:#14160F; color:#F3EFE6;
  display:flex; flex-direction:column;
  padding:76px 26px 34px;
  opacity:0; visibility:hidden; transform:translateY(-14px);
  transition:opacity .3s ease, transform .38s cubic-bezier(.2,.6,.2,1), visibility .38s;
  overflow-y:auto;
}
.mr-mnav:checked ~ .mr-mobile-menu{ opacity:1; visibility:visible; transform:none; }
html:has(.mr-mnav:checked){ overflow:hidden; }
/* le header (qui contient l'overlay) doit dominer le contenu du héro quand le menu est ouvert */
html:has(.mr-mnav:checked) .mr-hdr{ z-index:300 !important; }

.mr-mm-nav{ display:flex; flex-direction:column; margin:0; }
.mr-mm-nav a{ display:flex; align-items:baseline; gap:16px; font-family:'Syne',sans-serif; font-weight:700; font-size:clamp(30px,9vw,42px); line-height:1; letter-spacing:-.01em; color:#F3EFE6; text-decoration:none; padding:20px 0; border-bottom:1px solid rgba(243,239,230,.10); transition:color .2s,padding-left .28s cubic-bezier(.2,.6,.2,1); }
.mr-mm-nav a .n{ font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.1em; color:#3FA968; font-weight:500; }
.mr-mm-nav a:hover,.mr-mm-nav a:active{ color:#3FA968; padding-left:10px; }

.mr-mm-feature{ display:block; margin-top:auto; padding-top:28px; text-decoration:none; }
.mr-mm-feature img{ display:block; width:100%; height:168px; object-fit:cover; border-radius:16px; border:1px solid rgba(243,239,230,.14); }
.mr-mm-feature-label{ display:block; text-align:right; margin-top:11px; font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#F3EFE6; transition:color .2s; }
.mr-mm-feature:hover .mr-mm-feature-label{ color:#3FA968; }

.mr-mm-util{ display:flex; flex-wrap:wrap; gap:12px 24px; padding:22px 0 18px; }
.mr-mm-util a{ font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:rgba(243,239,230,.75); text-decoration:none; transition:color .2s; }
.mr-mm-util a.cart{ color:#3FA968; }
.mr-mm-util a:hover{ color:#F3EFE6; }

.mr-mm-foot{ font-family:'Hanken Grotesk',sans-serif; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(243,239,230,.42); padding-top:18px; border-top:1px solid rgba(243,239,230,.14); }
@media (min-width:761px){ .mr-mobile-menu{ display:none; } }

/* Recherche instantanée : panneau glissant depuis la droite (clair) */
.mr-searchtog{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.mr-search-scrim{ position:fixed; inset:0; z-index:1400; background:rgba(14,20,16,.4); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; }
.mr-searchtog:checked ~ .mr-search-scrim{ opacity:1; visibility:visible; }
.mr-search-panel{ position:fixed; top:0; right:0; bottom:0; z-index:1401; width:min(480px,100vw); background:#F7F5F0; color:#14160F; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .36s cubic-bezier(.3,.7,.2,1); box-shadow:-18px 0 44px -20px rgba(0,0,0,.4); }
.mr-searchtog:checked ~ .mr-search-panel{ transform:none; }
.mr-search-bar{ display:flex; align-items:center; gap:14px; padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px; border-bottom:1px solid rgba(20,22,15,.08); }
.mr-search-form{ flex:1; min-width:0; margin:0; }
.mr-search-pill{ display:flex; align-items:center; gap:10px; background:#EAE6DD; border-radius:999px; padding:11px 16px; }
.mr-search-pill > svg{ width:20px; height:20px; flex:none; color:rgba(20,22,15,.55); }
.mr-search-pill input[type=search]{ flex:1; min-width:0; background:none; border:0; outline:0; padding:0; font-family:'Hanken Grotesk',sans-serif; font-size:17px; color:#14160F; -webkit-appearance:none; }
.mr-search-pill input::placeholder{ color:rgba(20,22,15,.45); }
.mr-search-pill input[type=search]::-webkit-search-cancel-button{ -webkit-appearance:none; }
.mr-search-clear{ display:none; align-items:center; justify-content:center; flex:none; width:22px; height:22px; padding:0; border:0; background:none; cursor:pointer; color:rgba(20,22,15,.55); }
.mr-search-clear svg{ width:18px; height:18px; }
.mr-search-cancel{ flex:none; cursor:pointer; font-family:'Hanken Grotesk',sans-serif; font-size:16px; color:#14160F; white-space:nowrap; transition:color .2s; }
.mr-search-cancel:hover{ color:#3FA968; }
.mr-search-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:20px; }
.mr-search-sect{ font-family:'Hanken Grotesk',sans-serif; font-size:14px; color:rgba(20,22,15,.5); margin:2px 0 12px; }
.mr-search-suggest-list{ display:flex; flex-direction:column; align-items:flex-start; margin-bottom:26px; }
.mr-search-sug{ border:0; background:none; padding:9px 0; cursor:pointer; font-family:'Syne',sans-serif; font-weight:600; font-size:20px; letter-spacing:-.01em; color:#14160F; text-align:left; transition:color .2s; }
.mr-search-sug:hover{ color:#3FA968; }
.mr-search-results{ display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }
.mr-sr-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.mr-sr-img{ display:block; aspect-ratio:1/1; border-radius:14px; overflow:hidden; background:#0E1410; }
.mr-sr-img img{ width:100%; height:100%; object-fit:cover; }
.mr-sr-name{ margin-top:10px; font-family:'Hanken Grotesk',sans-serif; font-weight:600; font-size:15px; line-height:1.25; }
.mr-sr-cat{ margin-top:3px; font-family:'Hanken Grotesk',sans-serif; font-size:13px; color:rgba(20,22,15,.55); }
.mr-sr-price{ margin-top:6px; font-family:'Hanken Grotesk',sans-serif; font-weight:600; font-size:15px; }
.mr-search-empty{ font-family:'Hanken Grotesk',sans-serif; font-size:15px; color:rgba(20,22,15,.55); padding:8px 0; }

/* Pack Découverte · section mise en avant (home) */
.mr-packhome{ background:#14160F; color:#F3EFE6; padding:110px 56px; border-top:3px solid #14160F; }
.mr-packhome-inner{ max-width:1160px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.mr-packhome-visual{ position:relative; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:6px; aspect-ratio:1/1; border-radius:24px; overflow:hidden; border:3px solid #F3EFE6; text-decoration:none; }
.mr-packhome-visual--photo{ display:block; }
.mr-packhome-visual img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.6,.2,1); }
.mr-packhome-visual:hover img{ transform:scale(1.05); }
.mr-packhome-tag{ position:absolute; top:16px; left:16px; background:#3FA968; color:#0E1410; font-family:'Hanken Grotesk',sans-serif; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:7px 13px; border-radius:50px; }
.mr-packhome-kicker{ font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#3FA968; margin-bottom:20px; }
.mr-packhome-title{ font-family:'Syne',sans-serif; font-weight:700; font-size:clamp(38px,5vw,60px); line-height:1; letter-spacing:-.02em; margin:0 0 20px; }
.mr-packhome-lead{ font-family:'Hanken Grotesk',sans-serif; font-size:17px; line-height:1.55; color:rgba(243,239,230,.75); margin:0 0 26px; max-width:44ch; }
.mr-packhome-list{ list-style:none; margin:0 0 32px; padding:0; display:grid; gap:11px; }
.mr-packhome-list li{ font-family:'Hanken Grotesk',sans-serif; font-size:15px; color:rgba(243,239,230,.9); }
.mr-packhome-cta{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.mr-packhome-price{ font-family:'Syne',sans-serif; font-weight:700; font-size:34px; }
@media (max-width:900px){
  .mr-packhome{ padding:64px 26px; }
  .mr-packhome-inner{ grid-template-columns:1fr; gap:34px; }
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:900px){
  .mr-reviews{ grid-template-columns:repeat(2,1fr) !important; }
  .mr-split,.mr-atelier,.mr-foot-grid{ grid-template-columns:1fr !important; }
  .mr-atelier > div:first-child{ min-height:300px !important; border-right:none !important; border-bottom:3px solid #14160F !important; }
  .mr-atelier-txt{ padding:64px 26px !important; }
  .mr-atelier-stats{ grid-template-columns:repeat(3,1fr) !important; gap:18px !important; }
  .mr-atelier-fig{ font-size:clamp(26px,6.4vw,42px) !important; white-space:nowrap; }
  .mr-foot-grid{ gap:32px !important; }
  .mr-home h1[style*="96px"]{ font-size:60px !important; }
  .mr-home h2[style*="72px"]{ font-size:46px !important; }
  .mr-home section[style*="110px 56px"]{ padding:64px 26px !important; }
  .mr-hdr{ padding:18px 26px !important; }
  .mr-quiz-split{ grid-template-columns:1fr !important; }
  .mr-quiz-media{ min-height:240px !important; }
  .mr-quiz-grid{ grid-template-columns:1fr !important; }
  .mr-quiz-result{ grid-template-columns:1fr !important; }
}
@media (max-width:560px){
  .mr-reviews{ grid-template-columns:1fr !important; }
  .mr-home h1[style*="96px"]{ font-size:44px !important; }
  .mr-home h2[style*="72px"]{ font-size:34px !important; }
  .mr-nav,.mr-util{ display:none !important; }
}
@media (max-width:760px){
  .mr-burger{ display:flex; }
  .mr-nav,.mr-util{ display:none !important; }
}

/* --- Header home mobile : burger gauche · logo centre · icônes droite --- */
@media (max-width:760px){
  .mr-nav{ display:none !important; }
  .mr-util{ display:flex !important; order:3; flex:0 0 auto; gap:16px; }
  .mr-burger{ display:flex; order:1; }
  .mr-logo{ order:2; position:absolute; left:50%; transform:translateX(-50%); font-size:22px !important; }
}

/* --- Héro mobile : hauteur, cadrage vidéo et typo adaptés au portrait --- */
@media (max-width:760px){
  .mr-hero{ height:auto !important; min-height:82vh !important; }
  .mr-hero-vid{ object-position:50% center !important; }
  .mr-hdr{ padding:16px 20px !important; }
  .mr-hero-copy{ padding:0 20px 40px !important; }
  .mr-hero-h1{ font-size:clamp(32px,9vw,44px) !important; margin:0 0 16px !important; }
  .mr-hero-copy-in{ gap:20px !important; }
  .mr-hero-p{ font-size:15px !important; line-height:1.45 !important; max-width:34ch !important; }
  .mr-hero-copy-in .mr-btn{ width:100%; text-align:center; justify-content:center; }
}
@media (max-width:400px){
  .mr-hero{ min-height:78vh !important; }
  .mr-hero-p{ font-size:14px !important; }
}

/* --- Section procédé "atelier" (photo pleine largeur + cards) --- */
.mr-atl-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:40px; flex-wrap:wrap; }
.mr-atl-h2{ font-family:'Syne',sans-serif; font-weight:700; font-size:64px; line-height:.98; letter-spacing:-.02em; margin:0; }
.mr-atl-lead{ font-size:19px; line-height:1.6; color:rgba(243,239,230,.72); max-width:none; flex-basis:100%; margin:0 0 6px; }
.mr-atl-photo{ height:440px; border-radius:26px; overflow:hidden; border:1px solid rgba(243,239,230,.14); margin-bottom:20px; }
.mr-atl-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.mr-atl-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(243,239,230,.14); border:1px solid rgba(243,239,230,.14); border-radius:20px; overflow:hidden; }
.mr-atl-card{ background:#14160F; padding:34px 30px; transition:background .2s; }
.mr-atl-card:hover{ background:#191d13; }
.mr-atl-card .n{ font-family:'Syne',sans-serif; font-weight:800; font-size:42px; color:#3FA968; line-height:1; }
.mr-atl-card h3{ font-family:'Syne',sans-serif; font-weight:700; font-size:22px; margin:16px 0 10px; line-height:1.05; }
.mr-atl-card p{ font-size:14px; color:rgba(243,239,230,.6); line-height:1.5; margin:0; }
@media (max-width:900px){
  .mr-atl-head{ flex-direction:column; align-items:flex-start; gap:18px; }
  .mr-atl-h2{ font-size:44px; }
  .mr-atl-photo{ height:280px; }
  .mr-atl-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .mr-atl-grid{ grid-template-columns:1fr 1fr; }
  .mr-atl-card{ padding:20px 16px; }
  .mr-atl-card .n{ font-size:30px; }
  .mr-atl-card h3{ font-size:16px; margin:10px 0 7px; line-height:1.1; }
  .mr-atl-card p{ font-size:12.5px; line-height:1.45; }
}

/* ============================================================
   Cohérence des états de boutons du home (mêmes recettes que .mr-btn)
   ============================================================ */
.mr-home .mr-cta{ transition:background .2s,box-shadow .2s,transform .12s; }
.mr-home .mr-cta--green:hover{ background:#34925A !important; box-shadow:0 12px 26px -10px rgba(63,169,104,.55); transform:translateY(-2px); }
.mr-home .mr-cta--green:active{ background:#1F6B3B !important; transform:translateY(0); }
.mr-home .mr-cta--ink:hover{ background:#222617 !important; box-shadow:0 12px 26px -12px rgba(14,20,16,.55); transform:translateY(-2px); }
.mr-home .mr-cta--ink:active{ background:#0E1410 !important; transform:translateY(0); }

/* Options du quiz : press + désactivé (hover translateX déjà défini plus haut) */
.mr-home .mr-quiz-opt:active{ transform:translateX(5px) scale(.99); }
.mr-home .mr-quiz-opt:disabled{ opacity:.5; cursor:not-allowed; transform:none; }

/* Pastille "Voir le produit" (avis) : toujours visible, seul le fond change au survol */
.mr-home [data-review-cta]{ transition:background .2s ease; }
.mr-home [data-review-cta]:hover{ background:#3FA968 !important; color:#0E1410 !important; }
.mr-home [data-review-cta]:active{ background:#34925A !important; color:#0E1410 !important; }

/* Flèches carrousel : press (hover scale déjà défini) */
.mr-home .mr-car-prev:active,.mr-home .mr-car-next:active{ transform:translateY(-50%) scale(.96); }

/* ============================================================
   Journal / blog (section home)
   ============================================================ */
.mr-journal-grid{ display:flex; gap:22px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; scroll-snap-type:x mandatory; padding:14px 0 26px; }
.mr-journal-grid::-webkit-scrollbar{ display:none; }
.mr-journal-card{ flex:0 0 calc(33.333% - 15px); scroll-snap-align:start; display:flex; flex-direction:column; background:#fff; border:3px solid #14160F; border-radius:22px; overflow:hidden; text-decoration:none; color:#14160F; transition:transform .3s cubic-bezier(.2,.6,.2,1),box-shadow .3s; }
.mr-home .mr-jour-prev,.mr-home .mr-jour-next{ transition:background .2s,color .2s,transform .2s; }
.mr-home .mr-jour-prev:hover,.mr-home .mr-jour-next:hover{ background:#14160F; color:#F3EFE6; }
.mr-home .mr-jour-prev:active,.mr-home .mr-jour-next:active{ transform:scale(.94); }
.mr-journal-card:hover{ transform:translateY(-6px); box-shadow:0 16px 34px -14px rgba(14,20,16,.25); }
.mr-journal-cover{ height:200px; overflow:hidden; background:#0E1410; border-bottom:3px solid #14160F; }
.mr-journal-cover img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.6,.2,1); }
.mr-journal-card:hover .mr-journal-cover img{ transform:scale(1.06); }
.mr-journal-body{ padding:24px 24px 26px; display:flex; flex-direction:column; flex:1; }
.mr-journal-meta{ font-family:'Hanken Grotesk',sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(20,22,15,.5); margin-bottom:12px; }
.mr-journal-meta .tag{ color:#3FA968; font-weight:600; }
.mr-journal-title{ font-family:'Syne',sans-serif; font-weight:700; font-size:22px; line-height:1.1; letter-spacing:-.01em; margin:0 0 10px; }
.mr-journal-lead{ font-size:14px; line-height:1.55; color:rgba(20,22,15,.66); margin:0 0 18px; }
.mr-journal-more{ margin-top:auto; font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#14160F; transition:color .2s; }
.mr-journal-card:hover .mr-journal-more{ color:#3FA968; }
@media (max-width:760px){
  .mr-journal-grid{ margin-right:-26px; }
  .mr-journal-card{ flex:0 0 82vw; }
}

/* --- Burger qui se transforme en croix au clic (au-dessus de l'overlay) --- */
.mr-burger{ position:relative; z-index:350; }
.mr-burger i{ transition:transform .3s cubic-bezier(.2,.6,.2,1), opacity .2s, background .2s; }
.mr-mnav:checked ~ .mr-burger i{ background:#F3EFE6; }
.mr-mnav:checked ~ .mr-burger i:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.mr-mnav:checked ~ .mr-burger i:nth-child(2){ opacity:0; }
.mr-mnav:checked ~ .mr-burger i:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* cache-bust 20260716-2 */

.mr-packhome-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:24px; pointer-events:none; z-index:1; }
.mr-packhome-overlay-dot{ width:9px; height:9px; border-radius:50%; background:#3FA968; }
.mr-packhome-overlay-title{ font-family:'Syne',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,50px); line-height:.98; letter-spacing:.01em; text-transform:uppercase; color:#F3EFE6; text-shadow:0 2px 26px rgba(0,0,0,.6); max-width:92%; }
.mr-packhome-overlay-line{ width:56px; height:3px; border-radius:2px; background:#3FA968; }