/* ═══ HOME SWEET WOOF · ACCUEIL PREMIUM (Garde ↔ Transport) ═══ */
:root{
  --gold:#E6C46E; --gold-2:#D3A649; --gold-soft:rgba(230,196,110,.55); --gold-line:rgba(230,196,110,.35);
  --ivory:#F7EFE2; --ivory-dim:rgba(247,239,226,.78);
  --night:#0B0F16; --ink:#1E150B;
  --serif:'Cormorant Garamond','Playfair Display',Georgia,serif;
  --sans:'Jost','DM Sans',system-ui,sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{background:var(--night);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.hx{position:relative;width:100vw;height:100vh;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;}

/* ── Les deux univers ── */
.hx-side{position:absolute;inset:0;cursor:pointer;}
.hx-transport{clip-path:var(--clip,polygon(50% 0,100% 0,100% 100%,47% 100%));z-index:2;}
.hx-bg{position:absolute;inset:0;overflow:hidden;}
.hx-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter .9s ease;will-change:transform;}
.hx-garde .hx-bg img{object-position:40% 60%;width:58%;filter:saturate(1.05) brightness(.95);}
.hx-transport .hx-bg{left:42%;}
.hx-transport .hx-bg img{object-position:0% 40%;transform:scaleX(-1);filter:saturate(.95) brightness(.95);}
.hx-shade{position:absolute;inset:0;pointer-events:none;transition:opacity .9s ease;}
.hx-garde .hx-shade{background:
  radial-gradient(ellipse 22% 28% at 6% 30%,rgba(255,170,70,.28),transparent 70%),
  radial-gradient(ellipse 18% 22% at 44% 18%,rgba(255,180,90,.22),transparent 70%),
  radial-gradient(ellipse 60% 55% at 26% 40%,rgba(20,10,3,.72) 0%,rgba(20,10,3,.25) 60%,transparent 80%),
  linear-gradient(90deg,rgba(18,9,2,.55) 0%,rgba(18,9,2,.05) 45%,rgba(18,9,2,.2) 58%),
  linear-gradient(180deg,rgba(255,170,70,.10) 0%,transparent 40%,rgba(10,5,0,.75) 100%);}
.hx-transport .hx-shade{background:
  radial-gradient(ellipse 34% 50% at 86% 44%,rgba(6,10,18,.8) 0%,rgba(6,10,18,.35) 60%,transparent 90%),
  linear-gradient(270deg,rgba(6,10,18,.6) 0%,rgba(6,10,18,.15) 30%,rgba(6,10,18,0) 55%),
  linear-gradient(180deg,rgba(25,45,80,.28) 0%,transparent 30%,transparent 60%,rgba(5,7,12,.8) 100%),
  radial-gradient(ellipse 45% 35% at 92% 80%,rgba(240,150,70,.30),transparent 70%),
  radial-gradient(ellipse 50% 25% at 75% 0%,rgba(90,120,170,.25),transparent 70%);}
/* Grain cinéma */
.hx::after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* Interaction : le côté survolé s'illumine, l'autre s'efface */
.hx.is-garde .hx-garde .hx-bg img{transform:scale(1.045);}
.hx.is-transport .hx-transport .hx-bg img{transform:scaleX(-1) scale(1.045);}
.hx.is-garde .hx-transport .hx-bg img{filter:saturate(.55) brightness(.55);}
.hx.is-transport .hx-garde .hx-bg img{filter:saturate(.55) brightness(.55);}
.hx.is-garde .hx-transport .hx-content,.hx.is-garde .hx-transport .hx-feats{opacity:.55;}
.hx.is-transport .hx-garde .hx-content,.hx.is-transport .hx-garde .hx-feats{opacity:.55;}

/* ── Contenus ── */
.hx-content{position:absolute;z-index:3;top:25%;transition:opacity .7s ease;max-width:520px;}
.hx-garde .hx-content{left:7.8%;}
.hx-transport .hx-content{right:5%;text-align:right;}
.hx-head{display:flex;flex-direction:column;align-items:center;gap:16px;width:fit-content;margin-bottom:22px;}
.hx-garde .hx-head{margin-left:70px;}
.hx-transport .hx-head{margin-left:auto;margin-right:70px;}
.hx-ico{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.hx-eyebrow{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--ivory);position:relative;padding:0 2px;}
.hx-transport .hx-eyebrow::after{content:'';position:absolute;left:calc(100% + 14px);top:50%;width:70px;height:1px;background:linear-gradient(90deg,var(--gold-line),transparent);}
.hx-title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,3.65vw,62px);line-height:1.04;color:#fff;letter-spacing:-.005em;text-shadow:0 2px 30px rgba(0,0,0,.45);margin-bottom:22px;}
.hx-title--italic{font-style:italic;font-weight:500;}
.hx-desc{font-size:clamp(15px,1.05vw,17px);line-height:1.6;color:var(--ivory-dim);font-weight:300;margin-bottom:34px;text-shadow:0 1px 12px rgba(0,0,0,.5);}
.hx-btn{display:inline-flex;align-items:center;gap:14px;padding:19px 40px;border-radius:60px;background:linear-gradient(180deg,#F1D483 0%,#E3BD5E 55%,#D4A847 100%);color:var(--ink);font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .25s ease,box-shadow .25s ease,background .25s;}
.hx-btn span{font-family:var(--sans);font-size:18px;transition:transform .25s;}
.hx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 6px rgba(230,196,110,.15),inset 0 1px 0 rgba(255,255,255,.6);}
.hx-btn:hover span{transform:translateX(4px);}
.hx-btn:focus-visible{outline:2px solid #fff;outline-offset:4px;}

.hx-feats{position:absolute;z-index:3;bottom:11.5%;display:flex;gap:clamp(26px,3.4vw,62px);list-style:none;transition:opacity .7s ease;}
.hx-garde .hx-feats{left:8%;}
.hx-transport .hx-feats{right:7%;}
.hx-feats li{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:15px;line-height:1.35;color:var(--ivory);font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.6);min-width:96px;}
.hx-feat-ico{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold-soft);background:rgba(10,8,6,.28);backdrop-filter:blur(3px);transition:background .3s,transform .3s;}
.hx-feat-ico svg{width:28px;height:28px;fill:none;stroke:#F3E7D3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.hx-feats li:hover .hx-feat-ico{background:rgba(230,196,110,.16);transform:translateY(-3px);}

/* ── Courbe dorée + médaillon ── */
.hx-curve{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible;}
.hx-curve-line{fill:none;stroke:url(#hxGold);stroke-width:2.2;vector-effect:non-scaling-stroke;}
.hx-curve-glow{fill:none;stroke:rgba(240,200,110,.35);stroke-width:9;vector-effect:non-scaling-stroke;filter:blur(5px);}
.hx-medallion{position:absolute;z-index:5;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#2A2016,#0E0A06 70%);border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(230,196,110,.12),0 10px 30px rgba(0,0,0,.6);left:51.3%;top:49%;}
.hx-medallion svg{width:30px;height:30px;fill:var(--gold);}

/* ── En-tête ── */
.hx-top{position:absolute;z-index:5;top:3.4%;left:50%;transform:translateX(-50%);width:min(980px,90vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;pointer-events:none;}
.hx-top-side{display:flex;align-items:center;gap:26px;margin-top:-18px;}
.hx-top-side:first-child{justify-content:flex-end;}
.hx-top-txt{font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:rgba(247,239,226,.82);white-space:nowrap;}
.hx-top-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(247,239,226,.5));}
.hx-top-side:last-child .hx-top-line{background:linear-gradient(270deg,transparent,rgba(247,239,226,.5));}
.hx-logo{pointer-events:auto;display:block;width:clamp(130px,10.5vw,176px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.55));transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.hx-logo:hover{transform:scale(1.05) rotate(-2deg);}
.hx-logo img{width:100%;height:auto;display:block;}

/* ── Langue ── */
.hx-lang{position:absolute;z-index:7;top:28px;right:34px;}
.hx-lang-btn{display:flex;align-items:center;gap:6px;background:none;border:0;color:#fff;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.06em;cursor:pointer;padding:8px 6px;}
.hx-lang-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;transition:transform .25s;}
.hx-lang.open .hx-lang-btn svg{transform:rotate(180deg);}
.hx-lang-menu{position:absolute;right:0;top:calc(100% + 8px);list-style:none;min-width:150px;background:rgba(14,11,8,.92);backdrop-filter:blur(12px);border:1px solid var(--gold-line);border-radius:14px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;}
.hx-lang.open .hx-lang-menu{opacity:1;visibility:visible;transform:none;}
.hx-lang-menu button{width:100%;text-align:left;background:none;border:0;color:var(--ivory);font-family:var(--sans);font-size:14px;padding:10px 14px;border-radius:9px;cursor:pointer;}
.hx-lang-menu button:hover,.hx-lang-menu button.is-on{background:rgba(230,196,110,.14);color:var(--gold);}

/* ── Animation d'entrée ── */
@media (prefers-reduced-motion:no-preference){
  .hx-top{animation:hxDown 1.1s .1s cubic-bezier(.2,.8,.2,1) both;}
  .hx-content{animation:hxUp 1.1s .35s cubic-bezier(.2,.8,.2,1) both;}
  .hx-transport .hx-content{animation-delay:.5s;}
  .hx-feats{animation:hxUp 1.1s .7s cubic-bezier(.2,.8,.2,1) both;}
  .hx-medallion{animation:hxPop .9s .9s cubic-bezier(.34,1.56,.64,1) both;}
  .hx-curve-line{stroke-dasharray:3000;stroke-dashoffset:3000;animation:hxDraw 2s .2s ease forwards;}
  .hx-bg img{animation:hxZoom 2.4s cubic-bezier(.2,.7,.2,1) both;}
}
@keyframes hxDown{from{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes hxUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes hxPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes hxDraw{to{stroke-dashoffset:0}}
@keyframes hxZoom{from{scale:1.08}to{scale:1}}

/* ── Écrans moyens ── */
@media (max-width:1180px){
  .hx-top-line{display:none;}
  .hx-feats li{font-size:13px;min-width:80px;}
  .hx-feat-ico{width:54px;height:54px;}
  .hx-content{max-width:420px;}
  .hx-desc br{display:none;}
}

.hx-divider-m{display:none;position:relative;z-index:5;height:0;}
.hx-divider-m > svg{position:absolute;left:0;top:-30px;width:100%;height:60px;}
.hx-divider-m .hx-medallion{left:50%;top:0;animation:none;}
/* ── Mobile / tablette portrait : empilé ── */
@media (max-width:860px), (max-aspect-ratio:4/5){
  body{overflow-y:auto;overflow-x:hidden;}
  .hx{height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;}
  .hx-side{position:relative;inset:auto;min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;padding:150px 24px 48px;overflow:hidden;}
  .hx-transport{clip-path:none!important;padding-top:90px;}
  .hx-garde .hx-bg img{width:100%;}
  .hx-transport .hx-bg{left:0;}
  .hx-transport .hx-bg img{object-position:10% 50%;}
  .hx-garde .hx-shade{background:linear-gradient(180deg,rgba(18,9,2,.55) 0%,rgba(18,9,2,.15) 35%,rgba(18,9,2,.88) 78%);}
  .hx-transport .hx-shade{background:linear-gradient(180deg,rgba(6,10,18,.65) 0%,rgba(6,10,18,.15) 35%,rgba(6,10,18,.9) 78%);}
  .hx-content,.hx-feats{position:relative;inset:auto!important;top:auto;left:auto;right:auto;bottom:auto;text-align:center!important;max-width:none;margin:0 auto;}
  .hx-head{margin:0 auto 18px!important;}
  .hx-transport .hx-eyebrow::after{display:none;}
  .hx-desc br,.hx-title br{display:none;}
  .hx-title{font-size:40px;}
  .hx-btn{padding:17px 30px;font-size:14px;}
  .hx-feats{margin-top:40px;justify-content:center;gap:18px;}
  .hx-feats li{font-size:13px;min-width:0;flex:1;max-width:110px;}
  .hx-feat-ico{width:52px;height:52px;}
  .hx-curve{display:none;}
  #hxMedal{display:none;}
  .hx-top{position:absolute;top:22px;}
  .hx-top-txt,.hx-top-line{display:none;}
  .hx-logo{width:118px;}
  .hx-lang{top:18px;right:16px;}
  .hx-divider-m{display:block;}
}


/* ═══ CÔTÉ GARDE · UNIVERS LUDIQUE (repris du site Pension) ═══ */
.hx-fun{--cream:#FFFDF6;--orange:#F5A97F;--orange-d:#E08F63;--green:#86D1AB;--yellow:#FFE38F;--navy:#17324D;--navy-mid:#45607A;
  background:var(--cream);color:var(--navy);}
.fun-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.fun-blob{position:absolute;border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;animation:funMorph 15s ease-in-out infinite;}
.fb1{width:30vw;height:30vw;max-width:560px;max-height:560px;left:26vw;top:38vh;background:var(--yellow);opacity:.38;}
.fb2{width:22vw;height:22vw;left:-7vw;bottom:-9vw;background:var(--green);opacity:.18;animation-direction:reverse;}
.fb3{width:12vw;height:12vw;left:3vw;top:7vh;background:var(--orange);opacity:.12;animation-duration:11s;}
.fun-paw{position:absolute;font-size:26px;opacity:.22;}
.fp1{left:4%;top:56%;transform:rotate(-18deg);} .fp2{left:7.5%;top:62%;transform:rotate(-8deg);font-size:20px;} .fp3{left:40%;top:15%;transform:rotate(22deg);}

.fun-content{left:7.6%;top:22%;max-width:min(470px,33vw);}
.fun-badge{display:inline-block;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;color:#5FB48C;background:#fff;border:2.5px solid var(--green);box-shadow:0 4px 0 var(--green);border-radius:40px;padding:8px 18px;transform:rotate(-2deg);margin-bottom:22px;}
.fun-title{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(34px,3vw,52px);line-height:1.08;color:var(--navy);margin-bottom:8px;}
.fun-hl{position:relative;color:var(--green);white-space:nowrap;z-index:0;}
.fun-hl::after{content:'';position:absolute;left:-2%;right:-3%;bottom:-4px;height:14px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C 40 3, 80 3, 110 8 S 170 14, 197 5' fill='none' stroke='%23FFD23F' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;}
.fun-hand{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(24px,1.9vw,32px);color:var(--orange);transform:rotate(-2deg);display:inline-block;margin:4px 0 14px;}
.fun-desc{font-size:clamp(15px,1.05vw,17px);line-height:1.65;color:var(--navy-mid);max-width:400px;margin-bottom:28px;}
.fun-btn{display:inline-flex;align-items:center;gap:12px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:17px;color:#fff;text-decoration:none;background:var(--orange);padding:16px 32px;border-radius:50px;box-shadow:0 6px 0 var(--orange-d),0 14px 26px rgba(245,169,127,.28);transition:transform .15s,box-shadow .15s;}
.fun-btn span{transition:transform .2s;}
.fun-btn:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--orange-d),0 8px 16px rgba(245,169,127,.25);}
.fun-btn:hover span{transform:translateX(4px);}
.fun-btn:focus-visible{outline:3px solid var(--navy);outline-offset:4px;}

.fun-photos{position:absolute;z-index:3;left:30vw;top:45%;width:min(17.5vw,330px);aspect-ratio:1;transition:opacity .7s ease,transform .7s ease;}
.fun-main{position:absolute;inset:0;border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;overflow:hidden;border:7px solid #fff;box-shadow:0 22px 46px rgba(23,50,77,.22);animation:funMorph 16s ease-in-out infinite;}
.fun-main img{width:100%;height:100%;object-fit:cover;object-position:50% 80%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);}
.fun-circle{position:absolute;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 10px 22px rgba(23,50,77,.2);}
.fun-circle img{width:100%;height:100%;object-fit:cover;}
.fc1{width:34%;height:34%;right:-14%;top:-6%;animation:funFloat 6s ease-in-out infinite;}
.fc2{width:28%;height:28%;left:-15%;bottom:2%;animation:funFloat 7s ease-in-out infinite .8s;}
.fun-sticker{position:absolute;z-index:2;font-family:'Fredoka',sans-serif;font-weight:600;font-size:clamp(12px,.9vw,15px);color:var(--navy);padding:8px 15px;border-radius:40px;border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy);white-space:nowrap;animation:funFloat 5s ease-in-out infinite;}
.fs1{background:var(--yellow);left:-30%;bottom:26%;rotate:-7deg;}
.fs2{background:#fff;right:-12%;top:58%;rotate:5deg;animation-delay:1.1s;}
.fs3{background:var(--green);color:#fff;left:22%;bottom:-11%;rotate:-3deg;animation-delay:.5s;}

/* Interactions côté ludique */
.hx.is-garde .fun-main img{transform:scale(1.06);}
.hx.is-garde .fun-photos{transform:rotate(-2deg) scale(1.03);}
.hx.is-transport .hx-garde .fun-photos{opacity:.55;}

/* En-tête : partie gauche sur fond clair */
.hx-top-left .hx-top-txt{color:var(--navy,#17324D);font-weight:500;}
.hx-top-left .hx-top-line{background:linear-gradient(90deg,transparent,rgba(23,50,77,.4));}
/* Médaillon : pont entre les deux univers */
.hx-medallion{background:radial-gradient(circle at 35% 30%,#fff,#FFF4DC 75%)!important;border:2.5px solid var(--gold)!important;box-shadow:0 0 0 6px rgba(230,196,110,.18),0 10px 28px rgba(0,0,0,.35)!important;}
.hx-medallion svg{fill:#F5A97F!important;}
.hx-curve-glow{stroke:rgba(240,200,110,.45);}

@keyframes funMorph{0%,100%{border-radius:62% 38% 55% 45% / 48% 58% 42% 52%}50%{border-radius:45% 55% 40% 60% / 58% 42% 58% 42%}}
@keyframes funFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}

@media (max-width:1180px){
  .fun-photos{left:30vw;top:54%;width:16vw;}
  .fs1{left:-20%;bottom:auto;top:-12%;}
  .fun-sticker{font-size:12px;}
}
@media (max-width:860px), (max-aspect-ratio:4/5){
  .hx-lang-btn{color:#17324D;}
  .hx-lang-btn svg{stroke:#17324D;}
  .hx-fun{padding:190px 24px 70px!important;justify-content:flex-start!important;min-height:auto!important;}
  .fun-photos{position:relative;left:auto;top:auto;width:min(64vw,280px);margin:10px auto 60px;order:-1;}
  .fun-content{max-width:none;text-align:center;}
  .fun-desc{margin-left:auto;margin-right:auto;}
  .fun-title br{display:none;}
  .fun-title{font-size:38px;}
  .fs1{left:-18%;} .fs2{right:-18%;}
  .fb1{width:110vw;height:110vw;left:-5vw;top:60px;}
  .fb2{width:60vw;height:60vw;}
  .fb3{width:30vw;height:30vw;}
  .fp3{display:none;}
}

/* ═══ Accent au survol : voile sombre sur le côté non survolé ═══ */
.hx-veil{position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(8,7,6,.62);opacity:0;transition:opacity .6s cubic-bezier(.22,.7,.2,1);}
.hx-garde .hx-veil{background:rgba(12,10,8,.66);}
.hx.is-garde .hx-transport .hx-veil,
.hx.is-transport .hx-garde .hx-veil{opacity:1;}
/* le contenu du côté non survolé n'est plus estompé deux fois */
.hx.is-garde .hx-transport .hx-content,.hx.is-garde .hx-transport .hx-feats,
.hx.is-transport .hx-garde .hx-content,.hx.is-transport .hx-garde .hx-feats,
.hx.is-transport .hx-garde .fun-photos{opacity:1!important;}
/* côté survolé : légère mise en avant */
.hx-content,.hx-feats,.fun-photos{transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.2,1);}
.hx.is-garde .hx-garde .fun-content{transform:translateX(6px);}
.hx.is-transport .hx-transport .hx-content{transform:translateX(-6px);}
.hx.is-garde .hx-garde .fun-btn{box-shadow:0 6px 0 #E08F63,0 0 0 6px rgba(245,169,127,.18),0 14px 26px rgba(245,169,127,.3);}
.hx.is-transport .hx-transport .hx-btn{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 6px rgba(230,196,110,.18),inset 0 1px 0 rgba(255,255,255,.55);}
@media (max-width:860px), (max-aspect-ratio:4/5){ .hx-veil{display:none;} }

/* Pop-up langue */
#page-index .lang-overlay {position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.8);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:fadeIn .5s both;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.lang-modal{width:520px;max-width:calc(100vw - 40px);background:#111;border:1px solid rgba(201,168,76,0.25);border-radius:24px;padding:48px 44px 40px;text-align:center;animation:popIn .6s .1s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes popIn{from{transform:scale(0.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.lang-paw{font-size:32px;margin-bottom:18px;display:block;}
#page-index .lang-title {font-family:'Playfair Display',serif;font-size:24px;color:#fff;margin-bottom:6px;}
#page-index .lang-sub {font-size:12px;color:rgba(255,255,255,0.3);letter-spacing:.08em;margin-bottom:32px;}
#page-index .lang-options {display:flex;flex-direction:column;gap:10px;}
#page-index .lang-btn {display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:12px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03);cursor:pointer;text-align:left;transition:all .2s;width:100%;}
#page-index .lang-btn:hover {border-color:rgba(201,168,76,0.4);background:rgba(201,168,76,0.07);transform:translateX(4px);}
#page-index .lang-btn:hover .lang-arr {opacity:1;transform:translateX(0);}
#page-index .lang-flag {display:flex;align-items:center;}
#page-index .lang-flag svg {width:34px;height:24px;border-radius:4px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,0.12);}
#page-index .lang-info {flex:1;}
#page-index .lang-name {font-family:'Playfair Display',serif;font-size:16px;color:#fff;margin-bottom:1px;}
#page-index .lang-nat {font-size:11px;color:rgba(255,255,255,0.3);}
#page-index .lang-arr {color:#C9A84C;font-size:16px;opacity:0;transform:translateX(-6px);transition:all .2s;}
#page-index .lang-sep {height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,0.15),transparent);margin:2px 0;}
#page-index .lang-foot {margin-top:24px;font-size:11px;color:rgba(255,255,255,0.18);letter-spacing:.06em;}
/* ═══ Pastel côté Garde à domicile ═══ */
.hx-fun .fun-btn{color:#17324D;}
.hx-fun .fun-hl{color:#4FA27C;}
.hx-fun .fun-hand{color:#D9875A;}
.hx-fun .fun-badge{color:#4FA27C;}

/* ═══ Côté Garde à domicile : thème terracotta / crème / olive ═══ */
.hx-fun{--cream:#FBF4EA;--orange:#C2643F;--orange-d:#A9502F;--green:#8C9B5E;--yellow:#E7B24C;--navy:#1F2A44;--navy-mid:#6B5A4B;background:#FBF4EA!important;}
.hx-fun .fb1{background:#E7B24C!important;opacity:.25!important;}
.hx-fun .fb2{background:#8C9B5E!important;opacity:.22!important;}
.hx-fun .fb3{background:#C2643F!important;opacity:.12!important;}
.hx-fun .fun-paw{filter:sepia(1) saturate(2) hue-rotate(-20deg);opacity:.25!important;}
.hx-fun .fun-title{font-family:'Lora',Georgia,serif!important;color:#1F2A44!important;font-weight:700!important;}
.hx-fun .fun-hl{color:#C2643F!important;}
.hx-fun .fun-hl::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C 40 3, 80 3, 110 8 S 170 14, 197 5' fill='none' stroke='%23E7B24C' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%!important;}
.hx-fun .fun-hand{font-family:'Dancing Script',cursive!important;color:#6B5A4B!important;}
.hx-fun .fun-badge{background:#EEF0E1!important;color:#6F7E45!important;border:none!important;box-shadow:none!important;transform:none!important;font-family:'Nunito',sans-serif!important;}
.hx-fun .fun-desc{font-family:'Nunito',sans-serif;color:#6B5A4B!important;}
.hx-fun .fun-btn{background:#C2643F!important;color:#fff!important;box-shadow:0 10px 24px rgba(194,100,63,.28)!important;font-family:'Nunito',sans-serif!important;font-weight:700!important;}
.hx-fun .fun-btn:hover{background:#A9502F!important;transform:translateY(-1px)!important;}
.hx-fun .fun-main,.hx-fun .fun-circle{border-color:#FFFAF3!important;box-shadow:0 14px 38px rgba(120,78,48,.15)!important;}
.hx-fun .fun-sticker{background:#FFFAF3!important;color:#1F2A44!important;border:none!important;box-shadow:0 8px 20px rgba(120,78,48,.14)!important;font-family:'Nunito',sans-serif!important;font-weight:700!important;}
.hx-fun .fs3{background:#8C9B5E!important;color:#fff!important;}
.hx-top-left .hx-top-txt{color:#1F2A44!important;}
.hx-medallion svg{fill:#C2643F!important;}