@charset "UTF-8";
:root{
  --paper:#FBF4E6;
  --paper2:#F3E6CB;
  --ink:#4A3320;
  --ink2:#7A6647;
  --terra:#9C4A26;
  --terra-d:#5E2C14;
  --green:#0E7A45;
  --green-d:#0A5C34;
  --red:#C0392B;
  --gold:#E0A93F;
  --maxw:1180px;
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
[dir=rtl] body{font-family:'Cairo',system-ui,sans-serif}
h1,h2,h3,.display{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;line-height:1.1;margin:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .display{font-family:'Cairo',serif;font-weight:700}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ---------- top bar ---------- */
.bar{
  position:fixed;top:34px;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px clamp(16px,4vw,40px);
  transition:background .3s,box-shadow .3s;
}
.bar.solid{background:rgba(251,244,230,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(94,44,20,.12)}
/* ---------- ruban « en attente d'agrément » (version publique) ---------- */
.doora-attente{position:fixed;top:0;left:0;right:0;z-index:60;height:34px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,#9C4A26,#C8852E);color:#FBF4E6;
  font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.3px;
  text-align:center;padding:0 16px;line-height:1.2;text-decoration:none;
  box-shadow:0 1px 8px rgba(94,44,20,.28)}
.doora-attente:hover{filter:brightness(1.05)}
[dir=rtl] .doora-attente{font-family:'Cairo',sans-serif;letter-spacing:0;font-size:13.5px}
@media(max-width:560px){.doora-attente{font-size:11px;padding:0 10px}}
/* ---------- pastille de solidarité (incendies) sous le slogan – discrète, lien vers l'article ---------- */
.soli-pill{display:flex;align-items:center;gap:9px;width:fit-content;max-width:92vw;margin:15px auto 0;
  padding:7px 15px;border-radius:999px;
  background:rgba(28,24,20,.82);border:1px solid rgba(243,200,119,.30);
  color:#F6EEDD;font-family:'Inter',sans-serif;font-size:14.5px;font-weight:500;letter-spacing:.2px;line-height:1;
  text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.26);backdrop-filter:blur(3px);
  transition:background .18s,border-color .18s,transform .18s}
.soli-pill:hover{background:rgba(28,24,20,.93);border-color:rgba(243,200,119,.55);transform:translateY(-1px)}
.soli-pill .soli-flag{font-size:15px;line-height:1}
.soli-pill .soli-go{color:#F3C877;font-weight:700;transition:transform .18s}
.soli-pill:hover .soli-go{transform:translateX(2px)}
[dir=rtl] .soli-pill{font-family:'Cairo',sans-serif;font-size:15px}
[dir=rtl] .soli-pill .soli-go{transform:scaleX(-1)}
[dir=rtl] .soli-pill:hover .soli-go{transform:scaleX(-1) translateX(2px)}
@media(max-width:560px){.soli-pill{font-size:13px;padding:6px 13px}}
/* crédit photo par image */
.art-credit{display:block;font-size:11px;color:var(--ink2);opacity:.8;margin-top:3px;font-style:normal;letter-spacing:.2px}
.hero .hero-credit{position:absolute;right:11px;bottom:18px;z-index:6;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;font-size:9.5px;color:rgba(255,255,255,.72);text-shadow:0 1px 5px rgba(0,0,0,.8);letter-spacing:.4px;max-height:calc(100% - 40px);white-space:nowrap;pointer-events:none}
[dir=rtl] .hero .hero-credit{right:auto;left:9px}
.brand{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:26px;color:var(--terra-d);letter-spacing:.5px;line-height:1}
.brand .ar{font-family:'Cairo',serif;margin-inline-end:6px}
.bar.on-photo .brand{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.4)}
/* Logo image (remplace le texte « دورة Doora ») — PNG en masque, couleur selon le fond */
.bar .brand{display:inline-flex;align-items:center}
.brand-logo{display:block;flex:none;width:79px;height:36px;background:url('../web/logo-doora.png') center/contain no-repeat}
.brand-inline{display:inline-block;height:.92em;width:auto;vertical-align:-.12em;margin:0 .14em}
.bar.on-photo .brand-logo{background-image:url('../web/logo-doora-cream.png')}
footer .brand-logo{width:75px;height:34px;background-image:url('../web/logo-doora-cream.png');margin:0 auto}
.brand-tag{font-family:'Inter',sans-serif;font-weight:400;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;margin-inline-start:10px;padding-inline-start:10px;border-inline-start:1px solid currentColor;vertical-align:middle;white-space:nowrap}
[dir=rtl] .brand-tag{font-family:'Cairo',sans-serif;letter-spacing:0}
@media(max-width:560px){.brand-tag{display:none}}
.nav{display:flex;gap:22px;font-size:15px}
.nav a{position:relative;padding:4px 0;color:var(--ink2)}
.bar.on-photo .nav a{color:#f5ead2;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.nav a.active{color:var(--green);font-weight:500}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green)}
.nav a .ar{display:none}
.nav-toggle{display:none;background:rgba(94,44,20,.12);color:var(--terra-d);border:0;border-radius:10px;width:40px;height:36px;cursor:pointer;align-items:center;justify-content:center;font-size:17px;line-height:1;padding:0;margin-inline-start:4px}
.bar.on-photo .nav-toggle{background:rgba(255,255,255,.22);color:#fff}
.nav-toggle:hover{transform:translateY(-1px)}
/* pastille Boutique en bout de menu */
.nav-shop{display:inline-flex;align-items:center;gap:7px;margin-inline-start:12px;padding:8px 17px;border:0;border-radius:22px;background:rgba(255,255,255,.85);color:var(--terra-d)!important;font-size:13px;font-weight:600;text-shadow:none!important;white-space:nowrap;transition:background .2s,transform .2s}
.nav-shop:hover{background:#fff;color:var(--terra-d)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(94,44,20,.16)}
.bar.on-photo .nav-shop{background:rgba(255,255,255,.92);color:var(--terra-d)!important}
.bar.on-photo .nav-shop:hover{background:#fff;color:var(--terra-d)!important}
/* Selecteur de langue - controle segmente "ecritures visibles" : montre d'emblee que le site est trilingue */
.langs{display:inline-flex;align-items:center;gap:3px;background:rgba(94,44,20,.10);border-radius:999px;padding:4px 6px}
.langs-globe{font-size:15px;line-height:1;padding:0 3px 0 5px;opacity:.6;-webkit-user-select:none;user-select:none}
.langs button{
  font-family:inherit;font-weight:700;font-size:14px;line-height:1;cursor:pointer;
  border:0;border-radius:999px;padding:8px 15px;background:transparent;color:var(--terra-d);transition:.2s;
}
.langs button:hover:not(.active){background:rgba(94,44,20,.10)}
.langs button.active{background:var(--terra);color:#fff;box-shadow:0 7px 15px -8px rgba(94,44,20,.85)}
.langs .l-short{display:none}
/* en-tete pose sur une photo (hero) : variantes claires */
.bar.on-photo .langs{background:rgba(255,255,255,.16)}
.bar.on-photo .langs button{color:#fff}
.bar.on-photo .langs button:hover:not(.active){background:rgba(255,255,255,.14)}
.bar.on-photo .langs button.active{background:#fff;color:var(--terra-d);box-shadow:none}
.bar.on-photo .langs-globe{opacity:.9}
/* halo vert d'attention, une seule fois au premier passage (localStorage) */
@keyframes langHint{0%{box-shadow:0 0 0 0 rgba(14,122,69,.55)}70%{box-shadow:0 0 0 13px rgba(14,122,69,0)}100%{box-shadow:0 0 0 0 rgba(14,122,69,0)}}
.langs.langhint{animation:langHint 1.25s ease-out .3s 2}
@media(prefers-reduced-motion:reduce){.langs.langhint{animation:none}}
/* mobile (<=680px, en-tete replie) : ecritures courtes ع / EN / FR */
@media(max-width:680px){
  .langs{gap:2px;padding:3px 4px}
  .langs-globe{font-size:13px;padding:0 2px 0 3px}
  .langs button{padding:7px 11px;font-size:13px}
  .langs .l-full{display:none}
  .langs .l-short{display:inline}
  .langs button[data-l="ar"] .l-short{font-size:15px}
}
.snd-btn{font-family:inherit;font-size:13px;line-height:1;padding:5px 9px;border:0;border-radius:20px;cursor:pointer;background:rgba(94,44,20,.12);color:var(--terra-d);transition:.2s}
.bar.on-photo .snd-btn{background:rgba(255,255,255,.22)}
.snd-btn:hover{transform:translateY(-1px)}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);will-change:transform}
#art-title{white-space:pre-line}
/* scrim chaleureux Doora (terracotta brun) qui fond vers le crème de la page en bas */
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,22,8,.42) 0%,rgba(46,22,8,.06) 30%,rgba(94,44,20,.48) 62%,rgba(46,22,8,.92) 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(251,244,230,0),var(--paper))}
.hero
.hero-inner{position:relative;z-index:3;max-width:var(--maxw);width:100%;margin:0 auto;padding:0 clamp(16px,4vw,40px) 40px}
.kicker{display:inline-flex;align-items:center;gap:8px;color:#f7e3b3;letter-spacing:3px;font-size:13px;margin-bottom:10px;text-transform:uppercase;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.5)}
.kicker::before{content:"◆";color:var(--gold);font-size:11px;letter-spacing:0}
[dir=rtl] .kicker::before{content:"◆"}
[dir=rtl] .kicker{letter-spacing:1px}
.hero h1{color:#fff;font-size:clamp(42px,7.6vw,96px);text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero .lead{color:#fbefd2;font-size:clamp(15px,2vw,20px);max-width:560px;margin-top:14px;line-height:1.5;text-shadow:0 1px 16px rgba(0,0,0,.45)}
/* Hero de rubrique — sans photo : dégradé couleur-rubrique + filigrane typographique (mot = titre dans la langue de la page) */
.hero.rhero{background:var(--hg,linear-gradient(150deg,#9C4A26,#5E2C14))}
/* voile sombre discret en bas (zone du texte) — garantit le contraste WCAG sur les dégradés clairs */
.hero.rhero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(24,10,2,.62) 0%,rgba(24,10,2,.46) 32%,rgba(24,10,2,.26) 54%,rgba(24,10,2,.08) 72%,transparent 84%)}
.hero.rhero .kicker{display:inline-block;background:rgba(18,9,2,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:6px 14px;border-radius:999px}
.hero .fili{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.hero .fili span{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:800;font-size:clamp(150px,34vw,370px);line-height:.9;white-space:nowrap;color:#fff;letter-spacing:-7px;opacity:.12;animation:filiIn 2.6s cubic-bezier(.16,.7,.24,1) both;will-change:transform,opacity}
@keyframes filiIn{from{opacity:0;transform:scale(1.09)}to{opacity:.12;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero .fili span{animation:none;opacity:.12}}

/* ---------- fennec + doors stage ---------- */
.stage{position:relative;z-index:4;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 clamp(16px,4vw,40px)}
.doors{display:flex;gap:clamp(6px,1.3vw,14px);justify-content:center;align-items:flex-end;padding-bottom:14px}
/* ===== Accueil minimaliste : fond chaud + portes en arc + fennec-moyeu ===== */
.hero.home-min{background:linear-gradient(180deg,#E4A85A,#D0913F 55%,#BC7E33);position:relative;isolation:isolate;justify-content:flex-start;height:auto;min-height:0;padding:108px 0 76px;gap:clamp(12px,2.6vh,26px)}
.home-min::before{content:"";position:absolute;left:0;right:0;top:0;height:100vh;min-height:760px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%20900%27%20preserveAspectRatio%3D%27xMidYMax%20slice%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27sky%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FAD68C%27%2F%3E%3Cstop%20offset%3D%270.4%27%20stop-color%3D%27%23F1BE6B%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23E3A85A%27%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%27glow%27%20cx%3D%270.5%27%20cy%3D%270.1%27%20r%3D%270.55%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF7DE%27%20stop-opacity%3D%270.9%27%2F%3E%3Cstop%20offset%3D%270.4%27%20stop-color%3D%27%23FFE7A8%27%20stop-opacity%3D%270.5%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFE7A8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%27gd%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%2711%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-4.1%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%239C7442%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27gl%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%2727%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.6%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%23FFF4DC%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27gg%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%275%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.5%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%23C98A3E%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cpattern%20id%3D%27sand%27%20width%3D%27160%27%20height%3D%27160%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gd%29%27%20opacity%3D%270.4%27%2F%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gl%29%27%20opacity%3D%270.8%27%2F%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gg%29%27%20opacity%3D%270.55%27%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%271440%27%20height%3D%27900%27%20fill%3D%27url%28%23sky%29%27%2F%3E%3Cellipse%20cx%3D%27720%27%20cy%3D%2750%27%20rx%3D%27980%27%20ry%3D%27540%27%20fill%3D%27url%28%23glow%29%27%2F%3E%3Crect%20width%3D%271440%27%20height%3D%27900%27%20fill%3D%27url%28%23sand%29%27%2F%3E%3Cpath%20d%3D%27M0%20600%20Q%20360%20520%20760%20585%20T%201440%20575%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23EFC77E%27%2F%3E%3Cpath%20d%3D%27M0%20700%20Q%20430%20620%20870%20685%20T%201440%20675%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23DCA555%27%2F%3E%3Cpath%20d%3D%27M0%20800%20Q%20540%20735%201000%20785%20T%201440%20780%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23C68A3E%27%2F%3E%3Cpath%20d%3D%27M0%20860%20Q%20400%20825%20820%20852%20T%201440%20848%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23B0762F%27%2F%3E%3C%2Fsvg%3E") center top/cover no-repeat}@media(max-width:640px){.home-min::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%20900%27%20preserveAspectRatio%3D%27xMidYMax%20slice%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27sky%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FAD68C%27%2F%3E%3Cstop%20offset%3D%270.4%27%20stop-color%3D%27%23F1BE6B%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23E3A85A%27%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%27glow%27%20cx%3D%270.5%27%20cy%3D%270.1%27%20r%3D%270.55%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF7DE%27%20stop-opacity%3D%270.9%27%2F%3E%3Cstop%20offset%3D%270.4%27%20stop-color%3D%27%23FFE7A8%27%20stop-opacity%3D%270.5%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFE7A8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%27gd%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%2711%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-4.1%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%239C7442%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27gl%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%2727%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.6%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%23FFF4DC%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27gg%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.5%27%20numOctaves%3D%272%27%20seed%3D%275%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.5%27%20result%3D%27m%27%2F%3E%3CfeFlood%20flood-color%3D%27%23C98A3E%27%20result%3D%27c%27%2F%3E%3CfeComposite%20in%3D%27c%27%20in2%3D%27m%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Cpattern%20id%3D%27sand%27%20width%3D%27160%27%20height%3D%27160%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gd%29%27%20opacity%3D%270.4%27%2F%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gl%29%27%20opacity%3D%270.8%27%2F%3E%3Crect%20width%3D%27160%27%20height%3D%27160%27%20filter%3D%27url%28%23gg%29%27%20opacity%3D%270.55%27%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%271440%27%20height%3D%27900%27%20fill%3D%27url%28%23sky%29%27%2F%3E%3Cellipse%20cx%3D%27720%27%20cy%3D%2750%27%20rx%3D%27980%27%20ry%3D%27540%27%20fill%3D%27url%28%23glow%29%27%2F%3E%3Crect%20width%3D%271440%27%20height%3D%27900%27%20fill%3D%27url%28%23sand%29%27%2F%3E%3Cpath%20d%3D%27M0%20600%20Q%20360%20520%20760%20585%20T%201440%20575%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23EFC77E%27%2F%3E%3Cpath%20d%3D%27M0%20700%20Q%20430%20620%20870%20685%20T%201440%20675%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23DCA555%27%2F%3E%3Cpath%20d%3D%27M0%20800%20Q%20540%20735%201000%20785%20T%201440%20780%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23C68A3E%27%2F%3E%3Cpath%20d%3D%27M0%20860%20Q%20400%20825%20820%20852%20T%201440%20848%20L1440%20900%20L0%20900%20Z%27%20fill%3D%27%23B0762F%27%2F%3E%3C%2Fsvg%3E") center top/cover no-repeat}}.home-min .hero-inner{position:relative}.home-min .hero-inner>*{position:relative;z-index:1}.doora-clock{display:none!important}.home-min h1{position:relative;animation:dz-glow 5.5s ease-in-out infinite}.home-min h1::before{content:"";position:absolute;left:50%;top:calc(50% - 7px);transform:translate(-50%,-50%);width:310px;height:310px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#FFF6D8 0%,#FFF1C6 44%,rgba(251,228,156,0) 72%);box-shadow:0 0 60px 26px rgba(255,240,190,.5);animation:dz-sun 5.5s ease-in-out infinite}@keyframes dz-glow{0%,100%{text-shadow:0 1px 3px rgba(74,32,12,.28)}50%{text-shadow:0 1px 3px rgba(74,32,12,.28),0 0 18px rgba(255,210,130,.6),0 0 6px rgba(255,236,195,.55)}}@keyframes dz-sun{0%,100%{box-shadow:0 0 40px 10px rgba(255,238,185,.32);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 130px 66px rgba(255,247,218,.9);transform:translate(-50%,-50%) scale(1.07)}}@media(max-width:640px){.home-min h1::before{width:150px;height:150px;animation-name:dz-sun-m}}@keyframes dz-sun-m{0%,100%{box-shadow:0 0 24px 8px rgba(255,238,185,.32);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 68px 30px rgba(255,247,218,.82);transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.home-min h1::before,.home-min h1{animation:none}}
.hero.home-min .hero-fil{position:static;top:auto;background:none;padding:4px clamp(16px,4vw,40px);margin-bottom:clamp(26px,5.5vh,58px)}
.hero.home-min .fil-item{color:var(--ink);text-shadow:none}
.hero.home-min .fil-sep{color:var(--terra)}
.hero.home-min .hero-inner{text-align:center;padding-bottom:0;max-width:min(960px,96vw);margin-inline:auto}
.hero.home-min h1{color:#4A2410;text-shadow:0 1px 3px rgba(74,32,12,.28);font-size:clamp(24px,5vw,58px);line-height:1.06;max-width:100%;white-space:nowrap}
.hero.home-min .door-label b{color:var(--terra-d)}
.hero.home-min .door-label small{color:var(--ink2)}
/* lien Boutique centré sous les portes */
.home-shop{align-self:center;display:inline-flex;align-items:center;gap:10px;margin:clamp(22px,4.5vh,44px) auto 0;padding:11px 24px;background:rgba(255,255,255,.55);border:1px solid var(--gold);border-radius:30px;color:var(--terra-d);font-weight:500;font-size:15px;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.home-shop:hover{background:var(--terra-d);color:#fff;border-color:var(--terra-d);transform:translateY(-2px);box-shadow:0 12px 28px rgba(94,44,20,.2)}
.home-shop-ic{font-size:18px;line-height:1}
.home-shop-arr{transition:transform .25s}
.home-shop:hover .home-shop-arr{transform:translateX(3px)}
[dir=rtl] .home-shop:hover .home-shop-arr{transform:translateX(-3px)}
.hero.home-min .fennec{bottom:-46px;width:clamp(86px,8vw,112px)}
.hero.home-min .fennec-den{bottom:-92px;width:104px}
@media(max-width:680px){
  .hero.home-min{gap:14px}
  .hero.home-min h1{font-size:clamp(22px,6.4vw,30px)}
  .hero.home-min .fennec{width:92px}
  .hero.home-min .fennec-den{width:112px}
}
/* Téléphones : portes en grille 3+2 (grandes, faciles à toucher) ; le fennec sauteur
   est masqué (DZ reste présent via le bouton de discussion en bas) */
.fennec-perched{display:none}
@media(max-width:560px){
  .hero.home-min .fennec{display:none}
  .fennec-perched{display:block;position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:62px;z-index:7;pointer-events:none;transition:left .3s cubic-bezier(.34,1.35,.4,1),top .3s cubic-bezier(.34,1.35,.4,1)}
  .fennec-perched svg{width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(40,20,8,.30))}
  .hero.home-min .doors{flex-wrap:wrap;gap:14px 8px;padding-bottom:0}
  .hero.home-min .door{flex:0 0 30%;max-width:30%}
  .hero.home-min .door-label b{font-size:14px}
  .hero.home-min .door-label small{font-size:13px}
}
@media(min-width:820px){
  .hero.home-min .doors{gap:clamp(10px,1.9vw,24px)}
  .hero.home-min .door:nth-child(1),.hero.home-min .door:nth-child(5){transform:translateY(54px)}
  .hero.home-min .door:nth-child(2),.hero.home-min .door:nth-child(4){transform:translateY(10px)}
  .hero.home-min .door:nth-child(3){transform:translateY(-28px)}
}
.door{
  position:relative;flex:1 1 0;max-width:270px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;text-decoration:none;
}
.door-frame{
  position:relative;width:100%;aspect-ratio:600/700;
  border-radius:12px;background:transparent;padding:0;
  perspective:880px;transform-style:preserve-3d;
  transition:box-shadow .35s;
}
.door.open{z-index:5}
/* couches : photo (z0) < fond mur+cadre+arche (z1) < indice (z2) < 2 battants (z3) */
.door-interior{display:none}
/* idée Kamel : la lumière chaude jaillit par l'OUVERTURE elle-même (dégradé radial dans le SVG porteN-back, fill de l'ouverture) → l'arche et le tympan du dessus restent intacts. Seul un léger halo ambiant déborde du seuil. */
.door.open .door-frame{box-shadow:0 0 46px 4px rgba(255,214,130,.34)}
/* faisceaux de lumière qui RAYONNENT de l'ouverture (réf. Samy) — rayons + cœur + étincelles, tout en CSS */
.door-rays{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0}
.door.open .door-rays{opacity:1;animation:rayfade 1.1s ease .4s both}
@keyframes rayfade{from{opacity:0}to{opacity:1}}
.door.open .door-rays::before{content:"";position:absolute;left:50%;top:52%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg,rgba(255,214,142,0) 0deg 8deg,rgba(255,214,142,.42) 10deg 12deg,rgba(255,214,142,0) 14deg 20deg);
  -webkit-mask:radial-gradient(closest-side,#000 6%,rgba(0,0,0,.4) 40%,transparent 72%);
          mask:radial-gradient(closest-side,#000 6%,rgba(0,0,0,.4) 40%,transparent 72%);
  mix-blend-mode:screen;filter:blur(2.4px);animation:rayspin 60s linear infinite}
@keyframes rayspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.door.open .door-rays i{position:absolute;left:50%;top:55%;width:68%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,240,206,.9) 0%,rgba(255,212,138,.5) 30%,rgba(224,166,90,.22) 56%,transparent 74%);
  mix-blend-mode:screen;filter:blur(6px);animation:sunshimmer 2.4s ease-in-out infinite,sunblur 3.1s ease-in-out infinite}
/* soleil lointain qui frémit (brume de chaleur) : micro-tremblement + respiration du flou */
@keyframes sunshimmer{0%{transform:translate(-50%,-50%) scale(1);opacity:.86}20%{transform:translate(-50.7%,-49.4%) scale(1.03);opacity:1}40%{transform:translate(-49.5%,-50.5%) scale(.985);opacity:.9}60%{transform:translate(-50.5%,-49.6%) scale(1.02);opacity:.97}80%{transform:translate(-49.8%,-50.3%) scale(.995);opacity:.88}100%{transform:translate(-50%,-50%) scale(1);opacity:.86}}
@keyframes sunblur{0%,100%{filter:blur(5px)}50%{filter:blur(7.5px)}}
@keyframes corepulse{0%,100%{opacity:.82;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.door.open .door-rays::after{content:"";position:absolute;left:50%;top:51%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle 2.5px at 38% 30%,rgba(255,255,240,.95),transparent 62%),radial-gradient(circle 2px at 63% 38%,rgba(255,255,240,.9),transparent 62%),radial-gradient(circle 3px at 50% 60%,rgba(255,255,240,.95),transparent 62%),radial-gradient(circle 2px at 30% 54%,rgba(255,255,240,.75),transparent 62%),radial-gradient(circle 2px at 70% 64%,rgba(255,255,240,.8),transparent 62%);
  mix-blend-mode:screen;animation:twinkle 2.6s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.4}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.door.open .door-rays::before,.door.open .door-rays i,.door.open .door-rays::after{animation:none}}
.door-back{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.door-leaf{
  position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:3;
  transition:transform 1.2s cubic-bezier(.34,.06,.2,1),filter .35s;
}
.door:hover .door-leaf{filter:brightness(1.05)}
.door.open .door-leaf-l{transform:rotateY(-100deg)}
.door.open .door-leaf-r{transform:rotateY(100deg)}
.enter-hint{
  position:absolute;left:50%;top:54%;z-index:2;opacity:0;transform:translate(-50%,8px);transition:.4s .35s;
  color:#fff;font-size:13px;border:1.5px solid rgba(255,255,255,.85);border-radius:20px;
  padding:6px 14px;background:rgba(94,44,20,.55);backdrop-filter:blur(2px);pointer-events:none;
}
.door.open .enter-hint{opacity:1;transform:translate(-50%,0)}
.leaf{
  position:absolute;top:9px;bottom:9px;width:calc(50% - 9px);
  background:radial-gradient(circle,#E7B855 0 1.5px,rgba(0,0,0,0) 2.4px) 7px 7px/18px 18px,linear-gradient(100deg,#A24E27,#8C3F1F 55%,#7A3417);
  transition:transform .85s cubic-bezier(.6,.02,.2,1);
  backface-visibility:hidden;overflow:hidden;
}
.leaf::before{content:"";position:absolute;top:13%;left:50%;transform:translateX(-50%);width:64%;height:40%;border:2px solid rgba(224,169,63,.85);border-radius:6px;background:center/70% no-repeat;box-shadow:inset 0 0 0 4px rgba(60,28,12,.4)}
.leaf::after{content:"";position:absolute;top:60%;width:15px;height:15px;border:3px solid #E0A93F;border-radius:50%}
.leaf-l{left:9px;border-radius:48% 0 0 5px / 38% 0 0 4px;border-right:1px solid #3E1C0C;transform-origin:left center}
.leaf-l::after{right:9px}
.leaf-r{right:9px;border-radius:0 48% 5px 0 / 0 38% 4px 0;border-left:1px solid #3E1C0C;transform-origin:right center}
.leaf-r::after{left:9px}
.door.open .leaf-l{transform:rotateY(-115deg)}
.door.open .leaf-r{transform:rotateY(115deg)}

/* 4 portes distinctes : couleur + motif géométrique par rubrique */
.door[data-door="decouvrir"] .leaf{background:radial-gradient(circle,#E7C36A 0 1.5px,rgba(0,0,0,0) 2.4px) 7px 7px/18px 18px,linear-gradient(100deg,#2C7A66,#1E5E4F 55%,#174C40)}
.door[data-door="decouvrir"] .leaf::before{border-color:rgba(231,195,106,.85);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23E7C36A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='37' y='50' width='26' height='32' rx='11'/%3E%3Crect x='46.5' y='24' width='7' height='34' rx='3.5'/%3E%3Crect x='39' y='32' width='7' height='27' rx='3.5'/%3E%3Crect x='54' y='32' width='7' height='27' rx='3.5'/%3E%3Crect x='22' y='52' width='7' height='20' rx='3.5' transform='rotate(-32 25.5 62)'/%3E%3Crect x='71' y='52' width='7' height='20' rx='3.5' transform='rotate(32 74.5 62)'/%3E%3Ccircle cx='50' cy='66' r='4'/%3E%3C/g%3E%3C/svg%3E")}
.door[data-door="decouvrir"] .leaf::after{border-color:#E7C36A}
.door[data-door="destinations"] .leaf{background:radial-gradient(circle,#5A3416 0 1.6px,rgba(0,0,0,0) 2.4px) 7px 7px/16px 16px,linear-gradient(100deg,#C9852F,#AE6A22 55%,#955818)}
.door[data-door="destinations"] .leaf::before{border-color:rgba(90,52,22,.8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%235A3416' stroke-width='5'%3E%3Cpath d='M50 14 L86 50 L50 86 L14 50 Z'/%3E%3Cpath d='M50 32 L68 50 L50 68 L32 50 Z'/%3E%3C/g%3E%3C/svg%3E")}
.door[data-door="destinations"] .leaf::after{border-color:#5A3416}
.door[data-door="culture"] .leaf{background:radial-gradient(circle,#E7B855 0 1.5px,rgba(0,0,0,0) 2.4px) 7px 7px/17px 17px,linear-gradient(100deg,#8E2F2A,#742320 55%,#5E1B19)}
.door[data-door="culture"] .leaf::before{border-color:rgba(231,184,85,.85);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23E7B855' stroke-width='4.5'%3E%3Cpath d='M28 88 L28 50 C28 24 72 24 72 50 L72 88'/%3E%3Cpath d='M40 88 L40 54 C40 38 60 38 60 54 L60 88'/%3E%3C/g%3E%3C/svg%3E")}
.door[data-door="culture"] .leaf::after{border-color:#E7B855}
.door[data-door="saveurs"] .leaf{background:radial-gradient(circle,#E7B855 0 1.5px,rgba(0,0,0,0) 2.4px) 7px 7px/19px 19px,linear-gradient(100deg,#B5762E,#996020 55%,#7E4D17)}
.door[data-door="saveurs"] .leaf::before{border-color:rgba(231,184,85,.85);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23E7B855' stroke-width='5'%3E%3Cpath d='M30 18 V82 M50 18 V82 M70 18 V82 M22 30 H78 M22 70 H78'/%3E%3C/g%3E%3C/svg%3E")}
.door[data-door="saveurs"] .leaf::after{border-color:#E7B855}
.door[data-door="agenda"] .leaf{background:radial-gradient(circle,#E7C36A 0 1.5px,rgba(0,0,0,0) 2.4px) 7px 7px/18px 18px,linear-gradient(100deg,#3A5F86,#2C4A6B 55%,#223A56)}
.door[data-door="agenda"] .leaf::before{border-color:rgba(231,195,106,.85);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M60 18 a32 32 0 1 0 0 64 a24 24 0 1 1 0 -64Z' fill='none' stroke='%23E7C36A' stroke-width='5'/%3E%3C/svg%3E")}
.door[data-door="agenda"] .leaf::after{border-color:#E7C36A}
.door-label{margin-top:12px;text-align:center;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.door-label b{display:block;font-size:clamp(15px,1.7vw,19px);font-weight:500}
.door-label small{display:none}

.fennec{position:absolute;left:50%;bottom:80px;width:clamp(120px,15vw,184px);z-index:6;pointer-events:none}
.fennec svg{width:100%;height:auto;filter:drop-shadow(0 16px 16px rgba(40,20,8,.42));pointer-events:auto;cursor:pointer;will-change:transform}
.fennec-bubble{position:absolute;bottom:104%;left:50%;transform:translateX(-50%) translateY(6px);background:#fff;color:#5E2C14;font-size:13px;font-weight:500;line-height:1.35;padding:8px 13px;border-radius:14px;max-width:190px;text-align:center;box-shadow:0 6px 18px rgba(40,20,8,.25);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:9}
.fennec-bubble.show{opacity:1;transform:translateX(-50%) translateY(0)}
.fennec-bubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#fff}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);z-index:80;
  background:var(--terra-d);color:var(--paper);padding:11px 20px;border-radius:30px;font-size:14px;
  opacity:0;transition:.35s;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%)}

/* ---------- generic sections ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(36px,6vw,72px) clamp(16px,4vw,40px)}
.section-title{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
.section-title h2{font-size:clamp(26px,4vw,40px);color:var(--terra-d)}
.section-title span{font-size:13px;color:var(--green);letter-spacing:2px;text-transform:uppercase}
.edito{font-size:clamp(17px,2.2vw,23px);line-height:1.7;color:var(--ink);max-width:780px}
.regard-wrap{max-width:880px}
.regard-fig{margin:0 0 26px}
.regard-img{display:block;width:100%;height:auto;max-height:62vh;object-fit:cover;border-radius:var(--r);box-shadow:0 14px 34px rgba(94,44,20,.18)}
/* — Infos pratiques — */
.prat-group{display:flex;align-items:center;gap:11px;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:clamp(21px,3vw,28px);color:var(--terra-d);margin:44px 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(224,169,63,.34)}
.prat-group::before{content:"";flex:0 0 auto;width:22px;height:22px;background:var(--kabyle) center/contain no-repeat;opacity:.95}
.prat-group:first-child{margin-top:4px}
.prat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.prat-card{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:18px 20px}
.prat-card h3{font-size:18px;color:var(--terra-d);margin:0 0 8px}
.prat-card p{font-size:14.5px;line-height:1.62;color:var(--ink2);margin:0}
.prat-note{max-width:820px;margin:22px auto 0;font-size:13px;color:var(--ink2);font-style:italic;text-align:center;line-height:1.5}
[dir=rtl] .prat-note{font-style:normal}
.foot-extra{margin-top:6px}
/* — Lexique de survie (darija) — */
.lex-hint{text-align:center;color:var(--ink2);font-size:14px;margin:12px 0 24px}
.lex-cat{margin-bottom:30px}
.lex-cat-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(18px,2.4vw,24px);color:var(--terra-d);margin:0 0 14px;display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #E9D8B8}
.lex-ico{font-size:1.1em;line-height:1}
.lex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px}
.lex-credit{margin:22px 4px 0;text-align:right;font-size:13px;color:#8A7A66;font-style:italic;font-weight:700}
.lex-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:10px 14px}
.lex-play{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;background:var(--terra);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-inline-start:3px;transition:transform .15s ease,background .15s ease}
.lex-play:hover{background:var(--terra-d);transform:scale(1.08)}
.lex-play:active{transform:scale(.96)}
.lex-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.lex-dz{font-family:'Cairo',sans-serif;color:var(--terra-d);font-size:19px;font-weight:700;line-height:1.3}
.lex-tr{color:var(--terra);font-size:12.5px;font-style:italic}
.lex-sense{color:var(--ink2);font-size:13.5px}
/* --- Boîte à outils du voyageur (page Pratique) --- */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tool{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:16px 18px}
.tool-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.tool-h b{font-size:16px;color:var(--ink);font-weight:600}
.tool-ico{font-size:1.25em;line-height:1}
.tool-sub{display:block;font-size:12.5px;color:var(--ink2);margin-top:8px;line-height:1.45}
.tool-time{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;font-weight:600;color:var(--terra-d);letter-spacing:1px}
.conv-row{display:flex;gap:8px}
.conv-row input,.conv-row select{flex:1;min-width:0;padding:9px 10px;border:1px solid #E0CEA8;border-radius:10px;background:var(--paper);font:inherit;color:var(--ink)}
.conv-eq{font-size:22px;font-weight:700;color:var(--terra-d);margin:10px 0 6px}
.conv-rate{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}
.conv-rate input{width:84px;padding:5px 8px;border:1px solid #E0CEA8;border-radius:8px;font:inherit;color:var(--ink)}
.sos-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sos-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#FBEDE9;border:1px solid #EAC9BE;border-radius:12px;padding:10px 6px;text-decoration:none;transition:background .15s ease,transform .15s ease}
.sos-btn:hover{background:#F6DDD4;transform:translateY(-2px)}
.sos-btn b{font-size:22px;color:var(--terra-d);font-family:'Bricolage Grotesque',sans-serif}
.sos-btn span{font-size:11.5px;color:var(--ink2);text-align:center}
.prat-maptitle{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(16px,2vw,20px);color:var(--terra-d);margin:26px 0 10px}
.prat-map{border-radius:var(--r);overflow:hidden;border:1px solid #ECDCBC}
.prat-map iframe{display:block;width:100%;height:340px;border:0}
/* Carte maison de l'Algérie (SVG zoomable) */
.algmap{position:relative;background:#E7F1F3;border:1px solid #ECDCBC;border-radius:var(--r);overflow:hidden;max-width:600px;margin-inline:auto}
#alg-svg{display:block;width:100%;height:auto;touch-action:none;cursor:grab}
#alg-svg:active{cursor:grabbing}
.alg-land{fill:#EAD2A6;stroke:var(--terra);stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.alg-dot{fill:var(--terra)}
.alg-cap{fill:var(--green-d)}
.alg-lbl{font-family:'Inter',sans-serif;font-size:26px;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}
.alg-t2{font-size:21px}
.alg-t3{font-size:17px;stroke-width:3px}
.alg-icon{dominant-baseline:central}
.alg-site-lbl{fill:var(--terra-d);font-weight:600}
.alg-lbl-cap{font-weight:700;fill:var(--green-d);font-size:29px}
/* Arabe : Cairo + tailles agrandies (Inter rend l'arabe trop petit sur la carte) */
[dir=rtl] .alg-lbl{font-family:'Cairo',sans-serif;font-size:35px}
[dir=rtl] .alg-t2{font-size:29px}
[dir=rtl] .alg-t3{font-size:24px}
[dir=rtl] .alg-lbl-cap{font-size:39px}
.algmap-zoom{position:absolute;top:10px;inset-inline-end:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.algmap-zoom button{width:34px;height:34px;border:1px solid #E0CEA8;background:#fff;color:var(--terra-d);font-size:18px;border-radius:8px;cursor:pointer;line-height:1;box-shadow:0 2px 6px rgba(60,30,10,.12)}
.algmap-zoom button:hover{background:var(--paper2)}
.algmap.big{max-width:720px}
/* ===== Pratique : sous-rubriques + modules signature ===== */
.pr-subnav{position:sticky;top:90px;z-index:40;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:11px clamp(14px,4vw,40px);background:rgba(251,244,230,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(224,169,63,.34)}
.pr-subnav a{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:14px;color:var(--terra-d);text-decoration:none;padding:7px 15px;border-radius:22px;background:#fff;border:1px solid #ECDCBC;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.pr-subnav a:hover{transform:translateY(-1px)}
.pr-subnav a.active{background:var(--terra-d);color:#fff;border-color:var(--terra-d)}
[data-scroll-target]{scroll-margin-top:152px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Distances → Alger */
.dist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}
.dist-card{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:15px 14px;text-align:center}
.dist-city{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:15px;color:var(--terra-d);margin:0 0 8px}
.dist-time{font-size:23px;font-weight:700;color:var(--green-d);line-height:1;display:flex;align-items:center;justify-content:center;gap:7px}
.dist-time .pl{font-size:16px;opacity:.75}
.dist-km{font-size:12.5px;color:var(--ink2);margin-top:5px}
/* Quand partir */
.saison-wrap{display:flex;flex-direction:column;gap:14px}
.saison-row{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:15px 18px}
.saison-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.saison-name{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:16px;color:var(--terra-d)}
.saison-note{font-size:13px;color:var(--ink2)}
.saison-months{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.saison-m{height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#5E2C14}
@media(max-width:620px){.saison-months{gap:2px}.saison-m{font-size:9px;border-radius:4px}}
.saison-m.ideal{background:#8FC97F}
.saison-m.ok{background:#F0D48A}
.saison-m.hot{background:#E7A17A}
.saison-leg{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2);margin-top:12px}
.saison-leg span{display:inline-flex;align-items:center;gap:6px}
.saison-leg i{width:13px;height:13px;border-radius:3px;display:inline-block}
/* Cartes info (SIM, prises, consulat, santé) */
.pi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.pi-card{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:16px 20px}
.pi-card h3{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--terra-d);margin:0 0 10px}
.pi-card h3 .pi-ic{font-size:22px;line-height:1;flex:none}
.pi-card p{font-size:14px;line-height:1.62;color:var(--ink2);margin:0 0 9px}
.pi-card p:last-child{margin-bottom:0}
.pi-ops{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.pi-op{font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:14px;background:var(--paper2);color:var(--terra-d)}
a.pi-op{text-decoration:none;transition:background .2s,transform .2s}
a.pi-op:hover{background:#EAD9B6;transform:translateY(-1px)}
/* Carte « Installe l'appli Doora » */
.app-cta{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--green);border-radius:var(--r);padding:20px 22px;box-shadow:0 4px 20px rgba(14,122,69,.08)}
.app-ico{flex:none;border-radius:15px;box-shadow:0 2px 8px rgba(60,30,10,.18)}
.app-body{flex:1;min-width:0}
.app-body h3{font-size:19px;color:var(--terra-d);margin:0 0 6px}
.app-tag{font-size:14.5px;line-height:1.6;color:var(--ink2);margin:0 0 14px}
.app-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border:0;border-radius:24px;padding:11px 24px;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s,transform .2s;margin-bottom:14px}
.app-btn:hover{background:var(--green-d);transform:translateY(-1px)}
.app-steps p{font-size:13px;line-height:1.55;color:var(--ink2);margin:5px 0}
.app-steps b{color:var(--terra-d)}
.app-done{font-size:15px;font-weight:600;color:var(--green-d);margin:6px 0}
@media(max-width:560px){.app-cta{gap:13px;padding:16px 16px}.app-ico{width:52px;height:52px}}
/* Combien ça coûte ? */
.prix-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:0 26px;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:10px 22px}
.prix-row{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #F2E7CE}
.prix-ic{font-size:19px;flex:none;line-height:1}
.prix-l{flex:1;font-size:14.5px;color:var(--ink2)}
.prix-p{font-weight:700;color:var(--terra-d);white-space:nowrap;font-variant-numeric:tabular-nums}
.edito .q{font-family:'Bricolage Grotesque','Cairo',sans-serif;color:var(--terra)}
.dz-intro{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:16px 22px}
.dz-intro .dz-emoji{font-size:38px;flex:none;line-height:1}
.dz-intro .dz-fennec{width:60px;flex:none;line-height:0}
.dz-intro .dz-fennec svg{width:100%;height:auto;display:block}
.dz-intro p{margin:0;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(16px,2vw,19px);line-height:1.55;color:var(--terra-d)}
[dir=rtl] .dz-intro p{font-family:'Cairo',sans-serif;font-style:normal}
/* — Carnets de voyage — */
.carnets-intro{font-size:clamp(16px,2vw,19px);line-height:1.6;color:var(--ink2);margin:0 auto 22px;max-width:620px}
.carnets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.carnet{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.carnet-img{position:relative;height:170px;background-size:cover;background-position:center;flex:none}
.carnet-cred{position:absolute;bottom:10px;right:9px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;direction:ltr;unicode-bidi:isolate;font-size:9.5px;letter-spacing:.3px;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;max-height:calc(100% - 20px);overflow:hidden}
.carnet-body{padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.carnet-t{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:20px;color:var(--terra-d);margin:0;line-height:1.2}
.carnet-x{font-size:14.5px;line-height:1.6;color:var(--ink);margin:0}
.carnet-meta{font-size:13px;color:var(--ink2);font-style:italic;margin-top:2px}
.carnet[dir=rtl] .carnet-t{font-family:'Cairo',serif}
.carnet[dir=rtl] .carnet-meta{font-style:normal}
[dir=rtl] .edito .q{font-family:'Cairo',serif;font-style:normal}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);overflow:hidden;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(94,44,20,.16)}
.card .ph{height:160px;background-size:cover;background-position:center;transition:transform .55s ease}
.card{position:relative}
.card:hover .ph{transform:scale(1.06)}
@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cards .card{animation:cardIn .45s ease both}
@media(prefers-reduced-motion:reduce){.cards .card{animation:none}}
/* « Nos guides » en bande horizontale (comme le portfolio) — allège la page */
.guides-strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.guides-strip .card{flex:0 0 auto;width:clamp(238px,72vw,288px);scroll-snap-align:start;animation:cardIn .45s ease both}
@media(prefers-reduced-motion:reduce){.guides-strip .card{animation:none}}
.guides-strip .card .read{display:none!important}
.pill-count{margin-inline-start:6px;font-size:11px;opacity:.55;font-variant-numeric:tabular-nums}
.pill.active .pill-count{opacity:.85}
.card .bd{padding:16px 18px}
.card .ic{width:36px;height:36px;border-radius:9px;background:#EAF3E9;color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:18px}
.card h3{font-size:18px;color:var(--ink);margin-bottom:7px}
.card p{font-size:14px;color:var(--ink2);line-height:1.55;margin:0}

.card .tag{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--green-d);background:#EAF3E9;border-radius:20px;padding:3px 11px;margin-bottom:9px}
[dir=rtl] .card .tag{letter-spacing:0}
.dest-search{width:100%;max-width:420px;padding:11px 18px;border:1px solid #E2CFA8;border-radius:30px;font-family:inherit;font-size:14.5px;color:var(--ink);background:#fff;margin:0 0 16px;display:block}
.dest-search:focus{outline:2px solid var(--terra);outline-offset:1px;border-color:var(--terra)}
.dest-none{color:var(--ink2);font-size:15px;margin:6px 0 0}
/* — Boutique — */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.shop-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:22px;text-decoration:none;transition:transform .25s,box-shadow .25s}
a.shop-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(94,44,20,.14)}
.shop-emoji{font-size:30px;line-height:1;margin-bottom:12px}
.shop-card h3{font-size:19px;color:var(--terra-d);margin:0 0 6px}
.shop-card p{font-size:14.5px;color:var(--ink2);line-height:1.55;margin:0 0 14px;flex:1}
.shop-cta{font-size:13.5px;font-weight:600;color:var(--terra);margin-top:auto}
.shop-soon{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--green-d);background:#EAF3E9;border-radius:20px;padding:4px 12px;margin-top:auto}
[dir=rtl] .shop-soon{letter-spacing:0}
.shop-note{margin:28px auto 0;max-width:640px;text-align:center;font-size:14px;color:var(--ink2);line-height:1.6}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.prod-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:18px 16px;transition:transform .2s ease,box-shadow .2s ease}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(94,44,20,.12)}
.prod-vis{font-size:46px;line-height:1;width:100%;background:var(--paper2);border-radius:calc(var(--r) - 4px);padding:22px 0;margin-bottom:12px}
.prod-card h3{font-size:16px;color:var(--terra-d);margin:0 0 4px}
.prod-price{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px}
.shop-buy{display:inline-block;background:var(--terra);color:#fff;font-weight:600;font-size:13.5px;padding:9px 18px;border-radius:30px;text-decoration:none;transition:background .15s ease}
.shop-buy:hover{background:var(--terra-d)}
.prod-card .shop-soon{margin-top:0}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.pill{font-family:inherit;font-size:13px;padding:7px 16px;border:1px solid #E2CFA8;border-radius:30px;background:#fff;color:var(--ink2);cursor:pointer;transition:.2s}
.pill:hover{border-color:var(--terra);color:var(--terra)}
.pill.active{background:var(--terra-d);border-color:var(--terra-d);color:var(--paper)}

.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:30px}
.stat{background:var(--paper2);border-radius:var(--r);padding:18px}
.stat b{display:block;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:32px;color:var(--terra-d)}
[dir=rtl] .stat b{font-family:'Cairo',serif}
.stat span{font-size:13px;color:var(--ink2)}

/* ---------- doors strip (footer nav) ---------- */
.mini-doors{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}
.mini-door{flex:1;min-width:120px;cursor:pointer;text-align:center}
.mini-door .arch{height:84px;border-radius:42px 42px 8px 8px;background-size:cover;background-position:center;position:relative;border:3px solid var(--terra-d);box-shadow:0 8px 18px rgba(94,44,20,.25)}
.mini-door .arch::after{content:"";position:absolute;inset:0;border-radius:39px 39px 5px 5px;background:rgba(94,44,20,.34)}
.mini-door .arch i{position:relative;z-index:2;color:#fff;font-size:24px;display:flex;height:100%;align-items:center;justify-content:center}
.mini-door b{display:block;margin-top:8px;font-size:14px;font-weight:500;color:var(--terra-d)}

.ad-slot{margin:0 0 8px}
.ad-slot a{display:block;position:relative;border-radius:var(--r);overflow:hidden;text-decoration:none}
.ad-slot a.ad-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:22px 18px;text-align:center;
  background:linear-gradient(135deg,var(--paper2) 0%,#F2E5C9 100%);border:1px solid #E7D4AA;color:var(--ink2);
  transition:transform .25s,box-shadow .25s}
.ad-slot a.ad-empty:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(94,44,20,.13)}
.ad-empty .ad-emoji{font-size:23px;line-height:1;margin-bottom:2px}
.ad-empty b{font-weight:600;color:var(--terra-d);font-size:16px}
.ad-empty small{font-size:13px;color:var(--terra);font-weight:600;letter-spacing:.2px}
.ad-slot img{display:block;width:100%;height:auto}
.ad-tag{position:absolute;top:8px;inset-inline-start:8px;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:rgba(94,44,20,.75);color:#fff;padding:2px 8px;border-radius:10px;z-index:2}

.ag-cat{font-size:clamp(22px,3.4vw,30px);color:var(--terra-d);margin:34px 0 16px}
.ag-loading{text-align:center;color:var(--ink2);padding:46px 0;animation:agpulse 1.2s ease-in-out infinite}
@keyframes agpulse{0%,100%{opacity:.4}50%{opacity:.85}}
.ag-item{background:#fff;border:1px solid #ECDCBC;border-inline-start:3px solid var(--gold);border-radius:var(--r);padding:14px 18px;margin-bottom:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ag-item:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(70,38,15,.12)}
.ag-item--festivals{border-inline-start-color:#C2542F;background:#FBF1EC}
.ag-item--musique{border-inline-start-color:#C58A2E;background:#FBF4E8}
.ag-item--arts{border-inline-start-color:#B23A48;background:#FBEEEF}
.ag-item--cinema{border-inline-start-color:#5F7A46;background:#F0F4EC}
.ag-item--lettres{border-inline-start-color:#7A4E2D;background:#F6F0EA}
.ag-item--autres{border-inline-start-color:#8A7A66;background:#F5F2EC}
.ag-cat-ico{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.12em;margin-inline-end:.34em;color:var(--terra-d)}
.ag-cat-ico .paw{display:block;width:100%;height:100%}
.ag-cat--festivals .ag-cat-ico{color:#C2542F}
.ag-cat--musique .ag-cat-ico{color:#C58A2E}
.ag-cat--arts .ag-cat-ico{color:#B23A48}
.ag-cat--cinema .ag-cat-ico{color:#5F7A46}
.ag-cat--lettres .ag-cat-ico{color:#7A4E2D}
.ag-cat--autres .ag-cat-ico{color:#8A7A66}
.ag-cat-n{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:var(--ink2);background:var(--paper2);border-radius:20px;padding:2px 10px;margin-inline-start:auto}
.ag-link{display:inline-block;margin-top:11px;font-size:13px;font-weight:600;color:var(--terra);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}
.ag-link:hover{border-bottom-color:currentColor}
/* --- Appels à contribution : signal visuel unique (vert oasis + 📣) --- */
.contrib-cta{background:#EEF5EC;border:1px solid #CFE3C8;border-radius:var(--r);padding:22px 20px}
.contrib-cta h3{color:var(--green-d)}
.contrib-btn{display:inline-block;margin-top:12px;background:var(--green);color:#fff;font-weight:600;font-size:14px;padding:11px 24px;border-radius:30px;text-decoration:none;border:0;cursor:pointer;transition:background .18s ease,transform .18s ease}
.contrib-btn::before{content:"📣 "}
.contrib-btn:hover{background:var(--green-d);transform:translateY(-2px)}
.ag-item b{display:block;font-size:16px;color:var(--ink);margin-bottom:4px;font-weight:500}
.ag-item span{font-size:14px;color:var(--ink2);line-height:1.5}
.ag-item .ag-date{display:inline-block;font-size:12px;font-weight:600;color:var(--terra);background:var(--paper2);border-radius:20px;padding:2px 11px;margin-bottom:8px}
.ag-img{display:block;width:100%;height:170px;object-fit:cover;border-radius:calc(var(--r) - 3px);margin-bottom:12px;background:var(--paper2)}
/* Agenda — affiche au survol du titre (au lieu d'un bandeau) */
.ag-affiche{position:relative;display:inline-flex;align-items:center;gap:5px;margin:4px 0 8px;padding:3px 11px;border:1px solid rgba(156,74,38,.30);border-radius:999px;background:rgba(156,74,38,.07);color:#9C4A26;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:700;font-size:12.5px;line-height:1;cursor:zoom-in;transition:background .15s,border-color .15s}
.ag-affiche:hover{background:rgba(156,74,38,.14);border-color:rgba(156,74,38,.5)}
.ag-affiche-ico{font-size:13px}
.ag-affiche-pop{position:absolute;left:0;bottom:calc(100% + 10px);z-index:60;display:none;padding:6px;background:#fff;border-radius:12px;box-shadow:0 22px 48px -14px rgba(30,16,6,.5);border:1px solid rgba(156,74,38,.15)}
.ag-affiche-pop img{display:block;height:min(340px,56vh);width:auto;max-width:78vw;border-radius:7px}
.ag-affiche:hover .ag-affiche-pop,.ag-affiche:focus-visible .ag-affiche-pop{display:block}
[dir=rtl] .ag-affiche-pop{left:auto;right:0}
.ag-lb{position:fixed;inset:0;z-index:200;display:none;background:rgba(30,16,6,.92);align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.ag-lb.show{display:flex}
.ag-lb img{max-width:min(92vw,520px);max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ag-lb-x{position:absolute;top:14px;right:20px;background:none;border:none;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.ag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.ag-grid .ag-item{margin-bottom:0}

.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.feat{background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:18px 20px}
.feat h3{font-size:18px;color:var(--ink);margin-bottom:8px}
.feat p{font-size:14px;color:var(--ink2);line-height:1.55;margin:0}

/* ---------- Page Abonnement : formules ---------- */
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:26px 22px 24px}
.plan.is-popular{border:2px solid var(--terra);box-shadow:0 14px 30px rgba(94,44,20,.14)}
.plan-badge{position:absolute;top:-12px;inset-inline-start:22px;background:var(--terra-d);color:var(--paper);font-size:12px;letter-spacing:.5px;padding:4px 12px;border-radius:20px}
.plan-name{font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--terra);margin-bottom:10px}
[dir=rtl] .plan-name{letter-spacing:0}
.plan-price{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:34px;color:var(--terra-d);line-height:1}
[dir=rtl] .plan-price{font-family:'Cairo',serif}
.plan-period{font-size:13.5px;color:var(--ink2);margin:6px 0 16px}
.plan-perks{list-style:none;padding:0;margin:0 0 22px;flex:1}
.plan-perks li{position:relative;padding-inline-start:24px;margin:0 0 11px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.plan-perks li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green-d);font-weight:700}
.plan-btn{align-self:flex-start}
.plan.is-popular .plan-btn{background:var(--terra-d);color:var(--paper)}
.plans-note{max-width:780px;margin:22px auto 0;font-size:13.5px;color:var(--ink2);line-height:1.6;text-align:center}

/* ---------- Carte de localisation (articles de lieux) ---------- */
.locator{float:right;width:clamp(118px,14vw,152px);margin:2px 0 12px 26px;text-align:center}
[dir=rtl] .locator{float:left;margin:2px 26px 12px 0}
.locator-svg{width:100%;height:auto;display:block;margin:0 auto}
.loc-zoom{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){ .locator:hover .loc-zoom{transform:scale(1.55)} }
.loc-zoom.loc-reveal{animation:locReveal 2.4s cubic-bezier(.22,.61,.36,1)}
@keyframes locReveal{0%{transform:scale(1)}42%{transform:scale(1.55)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){ .loc-zoom{transition:none} .loc-zoom.loc-reveal{animation:none} }
@media(max-width:600px){.locator,[dir=rtl] .locator{float:none;width:140px;margin:0 auto 16px}}
.loc-land{stroke:#0A5C34;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.loc-crescent{fill:#C0392B}
.loc-star{fill:#C0392B}
@keyframes locpulse{0%{transform:scale(.5);opacity:.85}100%{transform:scale(2.6);opacity:0}}
.loc-name{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:13px;color:var(--terra-d);margin-top:5px;line-height:1.2}
[dir=rtl] .loc-name{font-family:'Cairo',serif}
@media (prefers-reduced-motion:reduce){.loc-ring{animation:none}}

/* ---------- Accueil : À la une + Portfolio ---------- */
.feat-k{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--green)}
[dir=rtl] .feat-k{letter-spacing:0}
.featured{display:grid;grid-template-columns:1.25fr 1fr;border-radius:var(--r);overflow:hidden;background:var(--terra-d);box-shadow:0 14px 34px rgba(94,44,20,.18)}
.feat-img{min-height:340px;background-size:cover;background-position:center}
.feat-body{padding:clamp(22px,3vw,38px);color:#f3e3c4;display:flex;flex-direction:column;justify-content:center}
.feat-body .feat-k{color:var(--gold)}
.feat-body h2{font-size:clamp(26px,4vw,42px);color:#fff;margin:8px 0 10px;line-height:1.1}
.feat-body p{font-size:16px;line-height:1.6;margin:0 0 20px}
.feat-body .sub-btn{align-self:flex-start}
@media(max-width:680px){.featured{grid-template-columns:1fr}.feat-img{min-height:220px}}

.portfolio-strip .ps-head{margin-bottom:14px}
.portfolio-strip .ps-head h2{font-size:clamp(24px,3.6vw,36px);color:var(--terra-d);margin-top:4px}
.ps-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.ps-img{flex:0 0 auto;width:clamp(200px,30vw,260px);height:185px;background-size:cover;background-position:center;border-radius:var(--r);scroll-snap-align:start;transition:transform .3s}
.ps-img:hover{transform:scale(1.03)}

/* ---------- Page Portfolio ---------- */
.pf-photog{display:flex;gap:16px;align-items:flex-start;background:var(--paper2);border-radius:var(--r);padding:20px 22px;margin:28px 0 6px}
.pf-photog-label{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green-d)}
[dir=rtl] .pf-photog-label{letter-spacing:0}
.pf-photog b{display:block;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:22px;color:var(--terra-d);margin:4px 0 8px}
[dir=rtl] .pf-photog b{font-family:'Cairo',serif}
.pf-photog p{font-size:15px;line-height:1.7;color:var(--ink2);margin:0}
.pf-gallery{max-width:1100px;margin:14px auto 0;padding:0 clamp(16px,4vw,40px);display:flex;flex-direction:column;gap:34px}
.pf-shot{margin:0}
.pf-imgwrap{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 26px rgba(94,44,20,.16)}
.pf-imgwrap img{display:block;width:100%;height:auto;max-height:88vh;object-fit:cover;transition:transform .6s ease}
.pf-imgwrap:hover img{transform:scale(1.05)}
.pf-shot figcaption{font-size:13.5px;color:var(--ink2);line-height:1.6;margin-top:9px;font-style:italic}
[dir=rtl] .pf-shot figcaption{font-style:normal}
@media(max-width:560px){.pf-gallery{columns:1}}
.pf-lightbox{position:fixed;inset:0;z-index:200;background:rgba(30,16,6,.93);display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.pf-lightbox.show{display:flex}
.pf-lightbox img{max-width:94vw;max-height:80vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.pf-lightbox p{color:#f3e3c4;font-size:14px;max-width:680px;text-align:center;margin:14px 0 0;line-height:1.6}
.pf-lb-close{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}

footer{background:var(--terra-d) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20150'%20preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient%20id='dk'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F1E2C0'/%3E%3Cstop%20offset='0.32'%20stop-color='%23E1B36A'/%3E%3Cstop%20offset='0.64'%20stop-color='%23A9662C'/%3E%3Cstop%20offset='1'%20stop-color='%235E2C14'/%3E%3C/linearGradient%3E%3Cfilter%20id='fd'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.5'%20numOctaves='2'%20seed='11'%20stitchTiles='stitch'%20result='n'/%3E%3CfeColorMatrix%20in='n'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-4.1'%20result='m'/%3E%3CfeFlood%20flood-color='%239C7442'%20result='c'/%3E%3CfeComposite%20in='c'%20in2='m'%20operator='in'/%3E%3C/filter%3E%3Cfilter%20id='fl'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.5'%20numOctaves='2'%20seed='27'%20stitchTiles='stitch'%20result='n'/%3E%3CfeColorMatrix%20in='n'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.6'%20result='m'/%3E%3CfeFlood%20flood-color='%23FFF4DC'%20result='c'/%3E%3CfeComposite%20in='c'%20in2='m'%20operator='in'/%3E%3C/filter%3E%3Cfilter%20id='fg'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.5'%20numOctaves='2'%20seed='5'%20stitchTiles='stitch'%20result='n'/%3E%3CfeColorMatrix%20in='n'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%206%200%200%200%20-3.5'%20result='m'/%3E%3CfeFlood%20flood-color='%23C98A3E'%20result='c'/%3E%3CfeComposite%20in='c'%20in2='m'%20operator='in'/%3E%3C/filter%3E%3Cpattern%20id='sd'%20width='150'%20height='150'%20patternUnits='userSpaceOnUse'%3E%3Crect%20width='150'%20height='150'%20filter='url(%23fd)'%20opacity='0.4'/%3E%3Crect%20width='150'%20height='150'%20filter='url(%23fl)'%20opacity='0.8'/%3E%3Crect%20width='150'%20height='150'%20filter='url(%23fg)'%20opacity='0.55'/%3E%3C/pattern%3E%3ClinearGradient%20id='gf'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.55'/%3E%3Cstop%20offset='0.55'%20stop-color='%23fff'%20stop-opacity='0.2'/%3E%3Cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask%20id='mk'%3E%3Crect%20width='1440'%20height='150'%20fill='url(%23gf)'/%3E%3C/mask%3E%3C/defs%3E%3Crect%20width='1440'%20height='150'%20fill='url(%23dk)'/%3E%3Crect%20width='1440'%20height='150'%20fill='url(%23sd)'%20mask='url(%23mk)'/%3E%3Cpath%20d='M0%2066%20Q380%2046%20780%2068%20T1440%2064%20L1440%20150%20L0%20150%20Z'%20fill='%23DDA24E'%20opacity='0.9'/%3E%3Cpath%20d='M0%2096%20Q470%2078%20940%2094%20T1440%2090%20L1440%20150%20L0%20150%20Z'%20fill='%23A9662C'/%3E%3Cpath%20d='M0%20120%20Q430%20106%20900%20118%20T1440%20116%20L1440%20150%20L0%20150%20Z'%20fill='%237A421C'/%3E%3Cpath%20d='M0%20138%20Q500%20128%20980%20136%20T1440%20134%20L1440%20150%20L0%20150%20Z'%20fill='%235E2C14'/%3E%3C/svg%3E") top center/100% 150px no-repeat;color:#f0dcb8;padding:150px clamp(16px,4vw,40px) 40px;text-align:center;font-size:13px;position:relative}@media(max-width:680px){footer{background-size:100% 104px;padding-top:116px}}
footer .brand{color:#fff;margin-bottom:8px;font-size:22px}
footer a{color:#fff;text-decoration:underline}
footer .foot-rights{margin-top:12px;padding-top:12px;border-top:1px solid rgba(240,220,184,.22);font-size:12px;color:#e3c9a0;opacity:.92}
.carnets-consent{max-width:560px;margin:14px auto 0;font-size:12.5px;line-height:1.5;color:var(--ink2)}
.team{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:660px;margin:0 auto}
.team-item{background:var(--paper2);border-radius:var(--r);padding:16px 20px;text-align:center}
.team-role{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-d);margin-bottom:5px}
[dir=rtl] .team-role{letter-spacing:0}
.team-name{font-size:17px;color:var(--terra-d);font-weight:600}
.team-item--lead{grid-column:1/-1}
.ag-cat{margin-bottom:34px}
.ag-cat-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(20px,2.6vw,27px);color:var(--terra-d);margin:0 0 16px;padding-bottom:9px;border-bottom:1px solid #E9D8B8;display:flex;align-items:center;gap:10px}
.ag-cat-title::before{display:none}
[dir=rtl] .ag-cat-title{flex-direction:row-reverse}
@media(max-width:560px){.team{grid-template-columns:1fr}}

/* ---------- article (reportage) ---------- */
.card-link{cursor:pointer;color:inherit}
.card-link .read{display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:var(--green)}
.card-link:hover .read{text-decoration:underline}
.article{max-width:740px;margin:0 auto;padding:clamp(30px,5vw,56px) clamp(16px,4vw,40px)}
.art-meta{font-size:13px;color:var(--ink2);letter-spacing:.5px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid #E7D6B5}
.art-p{font-size:clamp(16px,1.9vw,18.5px);line-height:1.85;color:var(--ink);margin:0 0 22px}
.art-p.dropcap::first-letter{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:3.6em;line-height:.82;float:left;margin:6px 12px 0 0;color:var(--terra)}
/* ARABE : lettrine = 1er MOT entier (les lettres sont liées) — cf. charte typo */
[dir=rtl] .art-p.dropcap::first-letter{float:none;font-size:inherit;margin:0;color:inherit;font-family:inherit}
.dropword-p .dropword{float:right;font-family:'Cairo',serif;font-weight:700;font-size:2.3em;line-height:.92;color:var(--terra);margin:5px 0 0 14px}
.art-h{font-size:clamp(22px,3.2vw,30px);color:var(--terra-d);margin:36px 0 16px}
.art-quote{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(20px,2.8vw,26px);line-height:1.5;color:var(--terra);border-inline-start:3px solid var(--gold);margin:34px 0;padding:6px 0 6px 22px}
[dir=rtl] .art-quote{font-family:'Cairo',serif;font-style:normal;padding:6px 22px 6px 0}
.art-list{font-size:clamp(15.5px,1.85vw,17.5px);line-height:1.7;color:var(--ink);margin:0 0 24px;padding-inline-start:24px}
.art-list li{margin:0 0 10px}
.art-ol li::marker{color:var(--terra);font-weight:600}
.art-ul li::marker{color:var(--gold)}
.art-fig{margin-block:36px;width:min(960px,92vw);margin-inline:calc((100% - min(960px,92vw)) / 2)}
.art-fig .art-photo{display:block;width:100%;height:auto;max-height:82vh;object-fit:cover;border-radius:var(--r);box-shadow:0 12px 30px rgba(94,44,20,.16)}
.art-fig--full{margin-block:44px;width:min(1240px,96vw);margin-inline:calc((100% - min(1240px,96vw)) / 2)}
.art-fig--full .art-photo{display:block;width:100%;height:auto;max-height:none;border-radius:var(--r);box-shadow:0 18px 44px rgba(94,44,20,.22)}
.art-fig--full figcaption{max-width:none;margin-left:auto;margin-right:auto;text-align:center}
.art-fig .art-img{width:100%;height:clamp(280px,46vw,440px);background-size:cover;background-position:center;border-radius:var(--r)}
.art-fig figcaption{font-size:13.5px;color:var(--ink2);line-height:1.5;margin:10px auto 0;font-style:italic;text-align:center;max-width:none}
[dir=rtl] .art-fig figcaption{font-style:normal}
.art-fig .art-photo{cursor:zoom-in}
/* ===== Crédit photo — MODÈLE UNIQUE : vertical, sur l'image, ancré en bas du bord de fuite, lecture bas→haut ===== */
.art-imgwrap{position:relative;display:block}
.pcred{position:absolute;right:11px;bottom:12px;z-index:4;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;direction:ltr;unicode-bidi:isolate;font-size:9.5px;letter-spacing:.4px;color:rgba(255,255,255,.72);text-shadow:0 1px 5px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none;max-height:calc(100% - 24px);overflow:hidden}
[dir=rtl] .pcred{right:auto;left:11px}
.pf-lightbox .lb-imgwrap{position:relative;display:inline-block;line-height:0}
.pf-lightbox .lb-imgwrap .pcred{font-size:11px;right:13px;bottom:16px}
[dir=rtl] .pf-lightbox .lb-imgwrap .pcred{right:auto;left:13px}
.pf-lightbox .lb-imgwrap .pcred:empty{display:none}
[dir=rtl] .carnet-cred,[dir=rtl] .mur-cred,[dir=rtl] .geo-cred,[dir=rtl] .tahtaha-photo figcaption{right:auto;left:9px}
/* Voile renforcé — halo sombre multi-couches pour garder le crédit lisible sur toute photo (Samy 03/08) */
.pcred,.hero .hero-credit,.carnet-cred,.mur-cred,.geo-cred,.tahtaha-photo figcaption{color:#fff;font-weight:500;text-shadow:0 0 3px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.82),0 0 15px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,1)}
/* Galerie photos en fin d'article (mini-portfolio cliquable) */
.art-gallery-sec{width:100%;margin:44px auto 8px}
.art-gallery-title{font-size:clamp(20px,2.6vw,26px);color:var(--terra-d);text-align:center;margin:0 0 18px}
.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px}
.art-gitem{margin:0;display:flex;flex-direction:column}
.art-gphoto{aspect-ratio:1/1;width:100%;background-size:cover;background-position:center;border:0;padding:0;border-radius:10px;cursor:zoom-in;overflow:hidden;transition:transform .25s,box-shadow .25s}
.art-gphoto:hover{transform:scale(1.03);box-shadow:0 10px 24px rgba(94,44,20,.2)}
.art-gcap{font-size:11.5px;color:var(--ink2);line-height:1.35;margin-top:7px;text-align:center}
@media(max-width:560px){.art-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}
.infobox{position:relative;background:linear-gradient(180deg,#FCF6E9,var(--paper2));border:1px solid #E9D8B2;border-radius:16px;padding:20px 24px 16px;margin:38px 0 10px;box-shadow:0 8px 26px -16px rgba(94,44,20,.4);overflow:hidden}
.infobox::before{content:"";position:absolute;inset-inline-start:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--terra),var(--gold))}
[dir=rtl] .infobox::before{border-radius:4px 0 0 4px}
.infobox h3{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--green-d);margin:2px 0 15px}
.infobox h3::before{content:"◆";font-size:9px;color:var(--gold);letter-spacing:0}
[dir=rtl] .infobox h3{letter-spacing:0}
.ib-row{display:flex;align-items:center;gap:13px;padding:10px 0;border-top:1px solid #ECDCB8;font-size:14.5px;line-height:1.45}
.ib-row:first-of-type{border-top:0}
.ib-ic{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #ECDFC2;font-size:15px;box-shadow:0 2px 5px -3px rgba(94,44,20,.4)}
.ib-row b{flex:0 0 108px;color:var(--terra-d);font-weight:600}
.ib-row .ib-v{flex:1;color:var(--ink)}
.ib-row .ib-v .ib-link{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(156,74,38,.45);transition:color .15s,border-color .15s}
.ib-row .ib-v .ib-link:hover{color:var(--terra);border-bottom:1px solid var(--terra)}
@media(max-width:560px){.ib-row{flex-wrap:wrap;gap:6px 12px}.ib-row b{flex:1 0 auto}.ib-row .ib-v{flex:1 0 100%;padding-inline-start:45px}}
.art-backbar{max-width:740px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.art-backbar a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--terra);font-weight:500}
.sub-cta{margin:40px 0 8px;background:var(--terra-d);color:#f3e3c4;border-radius:var(--r);padding:26px 28px;text-align:center}
.sub-cta h3{color:#fff;font-size:clamp(20px,3vw,26px);margin-bottom:8px}
.sub-cta p{font-size:14.5px;line-height:1.6;max-width:520px;margin:0 auto 16px}
.sub-btn{display:inline-block;background:var(--gold);color:#4A220E;font-weight:500;font-size:15px;padding:11px 26px;border-radius:30px;text-decoration:none;transition:transform .2s}
.sub-btn:hover{transform:translateY(-2px)}
.dossier-nav{margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid #E7D6B5}
.dossier-label{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--terra);margin-bottom:12px}
[dir=rtl] .dossier-label{letter-spacing:0}
.dossier-parts{display:flex;flex-wrap:wrap;gap:8px}
.dossier-part{font-size:13.5px;padding:7px 14px;border:1px solid #E2CFA8;border-radius:30px;background:#fff;color:var(--ink2);text-decoration:none;transition:.2s;line-height:1.2}
a.dossier-part:hover{border-color:var(--terra);color:var(--terra)}
.dossier-part.current{background:var(--terra-d);border-color:var(--terra-d);color:var(--paper);font-weight:500}
.dossier-next{display:flex;align-items:center;gap:14px;margin:38px 0 8px;padding:18px 22px;background:var(--paper2);border:1px solid #E2CFA8;border-radius:var(--r);text-decoration:none;transition:transform .2s,border-color .2s}
.dossier-next:hover{transform:translateY(-2px);border-color:var(--terra)}
.dossier-next .dn-lab{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--terra)}
.dossier-next .dn-title{flex:1;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:18px;color:var(--terra-d)}
.dossier-next .dn-arrow{font-size:22px;color:var(--terra)}
[dir=rtl] .dossier-next .dn-arrow{transform:scaleX(-1)}
.art-audio{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #E7D6B5}
.art-lang-tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink2);background:var(--paper2);border-radius:20px;padding:4px 12px}
.art-lang-tag.orig{color:var(--green-d);background:#EAF3E9}
[dir=rtl] .art-lang-tag{letter-spacing:0}
.audio-btn{font-family:inherit;font-size:14px;font-weight:500;color:var(--terra-d);background:#fff;border:1px solid #E2CFA8;border-radius:30px;padding:8px 16px;cursor:pointer;transition:.2s}
.audio-btn:hover{border-color:var(--terra);color:var(--terra)}

.reveal{opacity:0;transform:translateY(26px)}
/* cascade des cartes d'une grille (révélée quand la grille entre à l'écran) */
.reveal-stagger>*{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.72,.28,1)}
.reveal-stagger.in>*{opacity:1;transform:none}
.reveal-stagger.in>*:nth-child(2){transition-delay:.08s}
.reveal-stagger.in>*:nth-child(3){transition-delay:.16s}
.reveal-stagger.in>*:nth-child(4){transition-delay:.24s}
.reveal-stagger.in>*:nth-child(5){transition-delay:.32s}
.reveal-stagger.in>*:nth-child(n+6){transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important}}
@media (max-width:680px){
  .fennec{bottom:120px}
  /* Menu mobile : bouton hamburger + le menu devient un panneau déroulant */
  .nav-toggle{display:inline-flex}
  .nav{
    flex-direction:column;gap:0;
    position:absolute;top:calc(100% + 6px);inset-inline-end:clamp(16px,4vw,40px);
    min-width:210px;background:var(--paper);border:1px solid rgba(94,44,20,.12);
    border-radius:14px;box-shadow:0 16px 40px rgba(94,44,20,.22);padding:8px;z-index:60;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s;
  }
  .bar.nav-open .nav{opacity:1;visibility:visible;transform:none}
  .nav a,.bar.on-photo .nav a{color:var(--ink);text-shadow:none;padding:11px 14px;border-radius:9px;font-size:15px}
  .nav a:hover,.nav a.active{background:rgba(94,44,20,.07);color:var(--terra-d)}
  .nav a.active::after{display:none}
  .nav a .ar{opacity:.6}
}
@media (prefers-reduced-motion:reduce){
  .hero-bg{transform:none}
  .leaf,.door-leaf,.reveal{transition:none}
}

.art-webv{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 0;padding:14px 18px;border:1px solid rgba(158,74,38,.25);border-radius:12px;background:rgba(158,74,38,.06)}
.art-webv .wv-ico{font-size:20px;line-height:1}
.art-webv p{margin:0;flex:1;min-width:180px;font-size:14px;line-height:1.5;color:#5E2C14}
.art-webv .wv-link{white-space:nowrap;font-weight:500;color:#9C4A26;text-decoration:none;border-bottom:1px solid currentColor}
html[dir=rtl] .art-webv .wv-link span{display:inline-block;transform:scaleX(-1)}

.edito-p{margin:0 0 14px;line-height:1.75;color:var(--ink)}
.edito-p.lead-edito{font-size:clamp(17px,2.1vw,21px);font-weight:500;color:var(--terra-d)}
[dir=rtl] .edito-p.lead-edito{font-family:'Cairo',serif;font-style:normal;font-weight:600}
/* lettrine sur le 1er paragraphe (sauf en arabe) */
.edito-p.lead-edito::first-letter{float:left;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-style:normal;font-size:3.6em;line-height:.78;padding:6px 12px 0 0;color:var(--terra)}
[dir=rtl] .edito-p.lead-edito::first-letter{float:none;font-size:inherit;padding:0;color:inherit}
/* signature de la rédaction */
.edito-p.edito-sign{text-align:end;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:18px;color:var(--terra-d);margin-top:18px}
[dir=rtl] .edito-p.edito-sign{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600}
.edito-p.edito-sign::before{content:"— "}
[dir=rtl] .edito-p.edito-sign::before{content:"— "}
/* — Qui sommes-nous : logo en tête + devise — */
.qsn-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:6px}
.qsn-logo{margin:0 auto;width:clamp(150px,32vw,208px);height:clamp(68px,14.6vw,95px)}
.qsn-tagline{margin:0;font-family:'Inter',sans-serif;font-size:13.5px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500;color:var(--terra)}
[dir=rtl] .qsn-tagline{font-family:'Cairo',sans-serif;letter-spacing:0;text-transform:none;font-size:16px}
.qsn-langs{font-size:12px;letter-spacing:3px;color:var(--ink2);font-weight:500}
.qsn-motto{margin:30px auto 4px;text-align:center;font-family:'Bricolage Grotesque','Cairo',sans-serif;
  font-size:clamp(24px,4.6vw,40px);color:var(--terra);line-height:1.2;
  padding-top:26px;border-top:1px solid #E7D4AA;max-width:560px}
[dir=rtl] .qsn-motto{font-family:'Cairo',serif;font-style:normal;font-weight:700}
.edito-p:last-child{margin-top:18px;font-weight:500;color:var(--terra)}

.enter-hint{display:none}

.pf-photog-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.pf-intro p{font-size:clamp(16px,2vw,19px);line-height:1.8;margin:0 0 16px;color:var(--ink)}
.pf-shot figcaption{font-size:15px}
.portfolio-strip .ps-head{display:flex;align-items:center;gap:14px}
.ps-photog{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid var(--paper);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ps-by{font-family:'Inter',sans-serif;font-size:.55em;font-weight:400;color:var(--ink2);white-space:nowrap}
[dir=rtl] .ps-by{font-family:'Cairo',sans-serif}

.fennec-den{position:absolute;left:50%;bottom:2px;width:150px;z-index:7;pointer-events:none}
.fennec-den svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(40,20,8,.28))}
.den-hint{position:absolute;left:0;bottom:26%;z-index:2;background:#9C4A26;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;white-space:nowrap;box-shadow:0 3px 9px rgba(0,0,0,.3);transform:translateX(-50%);transform-origin:center center;animation:den-blink 1.1s ease-in-out infinite;will-change:opacity,transform}
.den-hint.hide{opacity:0!important;animation:none}
@keyframes den-blink{0%,100%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.35;transform:translateX(-50%) scale(1.08)}}

/* ============================================================
   HABILLAGE DOORA — cohérence « tourisme algérien » (v70)
   Bloc ADDITIF : fil ornemental maghrébin (étoile khatam),
   chaleur de fond, unité photo, finitions pro. Override propre.
   ============================================================ */
:root{
  /* Motif KABYLE (losanges berbères) — fil ornemental principal (nord) */
  --kabyle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke-width='2'%3E%3Cpolygon points='16,2.5 29.5,16 16,29.5 2.5,16' stroke='%239C4A26'/%3E%3Cpolygon points='16,9 23,16 16,23 9,16' stroke='%23E0A93F'/%3E%3C/g%3E%3Cpath d='M16 2.5 L16 9 M29.5 16 L23 16 M16 29.5 L16 23 M2.5 16 L9 16' stroke='%239C4A26' stroke-width='1.4'/%3E%3Ccircle cx='16' cy='16' r='1.8' fill='%239C4A26'/%3E%3C/svg%3E");
  /* Croix TOUARÈGUE (d'Agadez) — accent saharien (sud) : classe .sud */
  --touareg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%239C4A26' stroke-width='2'%3E%3Ccircle cx='16' cy='7' r='4.3'/%3E%3Cpolygon points='16,12 24.5,20 16,29 7.5,20'/%3E%3C/g%3E%3Ccircle cx='7.5' cy='20' r='2.3' fill='%23E0A93F'/%3E%3Ccircle cx='24.5' cy='20' r='2.3' fill='%23E0A93F'/%3E%3Ccircle cx='16' cy='29' r='2.3' fill='%239C4A26'/%3E%3C/svg%3E");
}
/* — Fond : lumière « heure dorée » très discrète (fixe) — */
body{
  background-image:
    radial-gradient(1100px 560px at 82% -8%, rgba(224,169,63,.07), transparent 60%),
    radial-gradient(820px 460px at -6% 104%, rgba(156,74,38,.06), transparent 58%);
  background-attachment:fixed;
}
/* — Titres de rubrique : étoile khatam + filet doré — */
.section-title{align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(224,169,63,.34)}
.section-title::before{content:"";flex:0 0 auto;width:24px;height:24px;background:var(--kabyle) center/contain no-repeat;opacity:.95}
.section-title.sud::before{background-image:var(--touareg)}
/* — Séparateur ornemental réutilisable (motif entre deux filets) — */
.ornament{display:flex;align-items:center;gap:16px;justify-content:center;margin:6px auto;max-width:var(--maxw);padding:0 clamp(16px,4vw,40px)}
.ornament::before,.ornament::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(224,169,63,.55),transparent)}
.ornament i{flex:0 0 auto;width:28px;height:28px;background:var(--kabyle) center/contain no-repeat;display:block}
.ornament.sud i{background-image:var(--touareg)}
/* — Cartes : accent terre cuite+or au survol + unité photo — */
.card{position:relative}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terra),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:2}
.card:hover::before{transform:scaleX(1)}
.card .ph{position:relative}
.card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(224,169,63,.05) 0%,rgba(0,0,0,0) 42%,rgba(94,44,20,.20) 100%);pointer-events:none}
/* — Unité photo (même « lumière ») sur strip + à la une — */
.ps-credit{font-size:11.5px;color:var(--ink2);opacity:.75;margin-top:8px;letter-spacing:.3px}
.pf-credit{display:inline-block;font-size:11.5px;color:var(--ink2);opacity:.7;margin-inline-start:6px;white-space:nowrap}
.ps-img,.feat-img{position:relative}
.feat-img::after,.ps-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(224,169,63,.05),rgba(94,44,20,.15));pointer-events:none}
/* === À la une : version immersive (photo plein cadre + texte en surimpression) === */
.featured{display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:clamp(360px,40vw,470px)}
.featured .feat-img{position:absolute;inset:0;min-height:0}
.featured .feat-img::after{background:linear-gradient(0deg,rgba(20,10,4,.9) 0%,rgba(20,10,4,.52) 36%,rgba(20,10,4,0) 70%)}
.featured .feat-body{position:relative;z-index:2;justify-content:flex-end;color:#fff;padding:clamp(26px,3.4vw,46px);max-width:700px;text-shadow:0 1px 14px rgba(20,10,4,.7)}
.featured .feat-body p{color:#f3e6d2}
.featured .feat-body .feat-k{color:#ffd98a;text-shadow:0 1px 10px rgba(20,10,4,.8)}
@media(max-width:680px){.featured{min-height:300px}}
/* — Mini-portes : liseré doré (rappel zellige) — */
.mini-door .arch{box-shadow:0 8px 18px rgba(94,44,20,.25),0 0 0 1px rgba(224,169,63,.5)}
/* — Boutons d'action : ombre chaude — */
.sub-btn,.plan-btn{box-shadow:0 6px 16px rgba(94,44,20,.18)}
/* — Accessibilité : focus clavier visible — */
:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
a:focus-visible,button:focus-visible,.pill:focus-visible,.door:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:4px}
/* — Accent saharien (croix touarègue) sur le contenu du Sud — */
.card--sud .ph::before{content:"";position:absolute;top:8px;inset-inline-end:8px;width:30px;height:30px;border-radius:50%;background:rgba(251,244,230,.92);background-image:var(--touareg);background-repeat:no-repeat;background-position:center;background-size:20px;box-shadow:0 2px 7px rgba(40,20,8,.3);z-index:3}
body.region-sud .art-h::before{content:"";display:inline-block;width:17px;height:17px;background:var(--touareg) center/contain no-repeat;margin-inline-end:9px;vertical-align:-2px}
/* — Pied de page : filet doré de finition — */

/* — Réseaux sociaux (pied de page) — */
:root{
  --so-fb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.5 21v-7.5H16l.5-3h-3V8.2c0-.9.3-1.5 1.6-1.5H16.6V4.1C16.2 4 15.1 3.9 13.9 3.9c-2.5 0-4.2 1.5-4.2 4.3v2.3H7v3h2.7V21z'/%3E%3C/svg%3E");
  --so-ig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17' cy='7' r='1.3' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --so-yt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10.5 9l5 3-5 3z' fill='%23000'/%3E%3C/svg%3E");
  --so-tk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.2 3h2.5c.2 1.9 1.4 3.4 3.3 3.6v2.6c-1.2 0-2.4-.4-3.3-1.1v5.6a5.1 5.1 0 1 1-5.1-5.1c.3 0 .6 0 .9.1v2.7a2.4 2.4 0 1 0 1.7 2.3z'/%3E%3C/svg%3E");
  --so-li:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.98 3.5A2.5 2.5 0 1 0 5 8.5 2.5 2.5 0 0 0 4.98 3.5zM3 9.75h4V21H3zM9 9.75h3.8v1.54h.05c.53-.95 1.83-1.95 3.77-1.95 4.03 0 4.78 2.5 4.78 5.75V21h-4v-4.9c0-1.17-.02-2.67-1.85-2.67-1.85 0-2.13 1.27-2.13 2.58V21H9z'/%3E%3C/svg%3E");
  --so-tg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/%3E%3C/svg%3E");
  --so-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.16 8.16 0 0 1 2.41 5.82c0 4.54-3.7 8.23-8.24 8.23a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.11.82.83-3.03-.2-.31a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.24-8.23zm-3.6 4.53c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1 0 1.23.9 2.42 1.03 2.59.12.17 1.75 2.67 4.25 3.74.59.26 1.05.41 1.41.53.59.19 1.13.16 1.56.1.47-.07 1.46-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.1-.22-.16-.47-.29-.25-.12-1.47-.72-1.69-.8-.23-.09-.39-.13-.56.12-.16.25-.64.8-.79.97-.14.16-.29.18-.54.06-.25-.13-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.13-.15.17-.25.25-.42.08-.16.04-.31-.02-.43-.06-.12-.55-1.35-.76-1.85-.2-.48-.4-.42-.55-.42h-.48z'/%3E%3C/svg%3E");
}
.social{display:flex;justify-content:center;gap:13px;margin:16px 0 2px}
.social a{display:inline-flex;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);align-items:center;justify-content:center;transition:transform .2s,background .2s}
.social a:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.social a::before{content:"";width:18px;height:18px;background:#f0dcb8;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.social a.fb::before{-webkit-mask-image:var(--so-fb);mask-image:var(--so-fb)}
.social a.ig::before{-webkit-mask-image:var(--so-ig);mask-image:var(--so-ig)}
.social a.yt::before{-webkit-mask-image:var(--so-yt);mask-image:var(--so-yt)}
.social a.tk::before{-webkit-mask-image:var(--so-tk);mask-image:var(--so-tk)}
.social a.li::before{-webkit-mask-image:var(--so-li);mask-image:var(--so-li)}
.social a.tg::before{-webkit-mask-image:var(--so-tg);mask-image:var(--so-tg)}
.social a.wa::before{-webkit-mask-image:var(--so-wa);mask-image:var(--so-wa)}
.ct-wa-line{font-size:14.5px;color:var(--ink2);margin:6px 0 12px}
.wa-btn{display:inline-flex;align-items:center;gap:9px;background:#25D366;color:#fff;font-weight:800;font-size:15px;border-radius:999px;padding:12px 24px;text-decoration:none;box-shadow:0 8px 20px -10px rgba(37,211,102,.75);transition:transform .2s,box-shadow .2s}
.wa-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(37,211,102,.85)}
.wa-btn svg{width:21px;height:21px;fill:#fff;flex:0 0 auto}
.ct-or{margin:16px 0 4px;color:var(--ink2);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}

/* ---------- Guide fennec (chatbot guidé) ---------- */
.fchat-btn{position:fixed;inset-inline-end:14px;bottom:14px;z-index:90;width:92px;height:92px;background:transparent;border:none;box-shadow:none;cursor:pointer;overflow:visible;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.fchat-btn:hover{transform:scale(1.08)}
.fchat-btn:hover{transform:translateY(-3px)}
.fchat-btn.hidden{display:none}
.fchat-fx{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 0 1.4px rgba(90,50,20,.55)) drop-shadow(0 5px 9px rgba(60,30,10,.3))}
.fchat-fx svg{width:100%;height:100%}
.fchat-panel{position:fixed;inset-inline-end:18px;bottom:90px;z-index:91;width:340px;max-width:calc(100vw - 36px);
  background:#fff;border-radius:16px;box-shadow:0 20px 54px rgba(40,20,8,.34);overflow:hidden;display:none;flex-direction:column}
.fchat-panel.open{display:flex}
.fchat-head{background:var(--terra-d);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.fchat-close{margin-inline-start:auto;background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
.fchat-body{padding:14px;max-height:44vh;overflow-y:auto;display:flex;flex-direction:column;gap:9px;background:var(--paper)}
.fchat-msg{font-size:14px;line-height:1.5;padding:9px 13px;border-radius:14px;max-width:86%}
.fchat-msg.bot{background:#fff;border:1px solid #ECDCBC;color:var(--ink);align-self:flex-start;border-end-start-radius:4px}
.fchat-msg.me{background:var(--terra);color:#fff;align-self:flex-end;border-end-end-radius:4px}
.fchat-msg a{color:var(--terra);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.fchat-quick{display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px;border-top:1px solid #EEE0C6;background:#fff}
.fchat-quick button{font-family:inherit;font-size:12.5px;padding:7px 12px;border:1px solid #E2CFA8;border-radius:20px;background:#fff;color:var(--terra-d);cursor:pointer;transition:.15s}
.fchat-quick button:hover{border-color:var(--terra);color:var(--terra)}
@media(max-width:560px){.fchat-panel{inset-inline-end:10px;bottom:84px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.fchat-btn{transition:none}}

/* ============================================================
   FIL DOORA — bandeau d'actualité défilant (accueil, en haut du hero)
   ============================================================ */
.hero-fil{position:absolute;top:56px;left:0;right:0;z-index:5;display:flex;align-items:center;gap:12px;
  padding:9px clamp(16px,4vw,40px);overflow:hidden;
  background:linear-gradient(180deg,rgba(20,10,4,.5),rgba(20,10,4,0))}
.fil-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:#C0392B;color:#fff;
  font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 11px;border-radius:20px;
  box-shadow:0 2px 9px rgba(0,0,0,.35)}
.fil-badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:fil-pulse 1.1s ease-in-out infinite}
@keyframes fil-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
.fil-win{flex:1 1 auto;overflow:hidden;position:relative;
  -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
          mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fil-track{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform;
  animation:fil-scroll 60s linear infinite}
.fil-win:hover .fil-track{animation-play-state:paused}
.fil-item{display:inline-flex;align-items:center;gap:9px;padding:0 22px;color:#fbefd2;font-size:13px;
  text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.fil-item:hover .fil-txt{text-decoration:underline}
.fil-sep{color:var(--gold)}
.fil-src{color:var(--gold);font-weight:500;font-size:12px}
@keyframes fil-scroll{from{transform:translateX(0)}to{transform:translateX(var(--hshift,-50%))}}
/* En arabe, on force la FENÊTRE + le ruban en LTR : sinon le ruban (inline-flex) est ancré
   à droite et un vide s'ouvre à droite dès qu'il défile (« un passage puis plus rien »).
   Géométrie identique au français ; chaque titre arabe reste affiché en RTL (algo bidi). */
[dir=rtl] .fil-win,
[dir=rtl] .fil-track{direction:ltr}
[dir=rtl] .fil-txt{direction:rtl;unicode-bidi:isolate}
@media (max-width:680px){.hero-fil{top:50px;padding:7px 14px}.fil-item{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.fil-track{animation:none}}

/* — Section « L'actu en bref » (brèves détaillées) — */
/* — Accueil : contenu principal (gauche) + rail d'actu vertical (droite) — */
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.home-main>*+*{margin-top:42px}
.home-rail{min-width:0;align-self:stretch;display:flex;flex-direction:column}
@media(max-width:900px){.home-grid{grid-template-columns:minmax(0,1fr);gap:34px}.home-rail{display:block}}
.breves-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.breves-head h2{font-size:clamp(20px,2.6vw,24px);color:var(--terra-d)}
.fil-badge.sm{font-size:10px;padding:4px 9px;letter-spacing:1px}
.breves-grid{display:flex;flex-direction:column;gap:12px}
/* — Colonne actu : carrousel vertical défilant (remplit la hauteur de la colonne) — */
.home-rail .breves{flex:1;display:flex;flex-direction:column;min-height:0}
.breves-scroll{flex:1 1 0;min-height:360px;overflow:hidden;position:relative;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.breves-track{display:flex;flex-direction:column;gap:12px;animation:vscroll 40s linear infinite;will-change:transform}
.breves-dup{display:contents}
.breves-scroll:hover .breves-track{animation-play-state:paused}
@keyframes vscroll{from{transform:translateY(0)}to{transform:translateY(var(--vshift,-50%))}}
.home-rail .breve{border-left:3px solid var(--gold)}
@media(max-width:900px){
  .home-rail .breves{display:block}
  .breves-scroll{flex:none;height:auto;min-height:0;overflow:visible;-webkit-mask:none;mask:none}
  .breves-track{animation:none}
  .breves-dup{display:none}
}
@media(prefers-reduced-motion:reduce){
  .breves-track{animation:none}
  .breves-scroll{flex:none;height:auto;min-height:0;overflow:visible;-webkit-mask:none;mask:none}
  .breves-dup{display:none}
}
/* Téléphones : liste fixe écourtée à 5 brèves (le lien « Toutes les brèves » prend le relais) */
@media(max-width:560px){
  .breves-track>.breve:nth-child(n+6){display:none}
}
/* — Blocs de la colonne gauche (Qui sommes-nous / Annonceurs / Newsletter) — */
.home-blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-blocks .home-block{display:flex;flex-direction:column;height:100%}
.home-blocks .home-block .hb-cta{margin-top:auto;padding-top:12px}
@media(max-width:560px){.home-blocks{grid-template-columns:1fr}}
.home-block{display:block;border-radius:var(--r);padding:22px 26px;text-decoration:none;transition:transform .25s,box-shadow .25s}
.home-block:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(94,44,20,.16)}
.home-block .hb-k{display:block;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px}
[dir=rtl] .home-block .hb-k{letter-spacing:0}
.home-block h3{font-size:clamp(20px,2.4vw,25px);margin:0 0 9px;line-height:1.2}
.home-block p{font-size:14.5px;line-height:1.6;margin:0 0 13px;max-width:640px}
.home-block .hb-cta{font-weight:600;font-size:14px}
.hb-about{background:var(--paper2)}
.hb-about .hb-k{color:var(--green-d)} .hb-about h3{color:var(--terra-d)} .hb-about p{color:#6B5636} .hb-about .hb-cta{color:var(--terra)}
.hb-ads{background:var(--terra-d)}
.hb-ads .hb-k{color:var(--gold)} .hb-ads h3{color:#fff} .hb-ads p{color:#f3e3c4} .hb-ads .hb-cta{color:#fff}
.breves-all-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--terra);text-decoration:none}
.breves-all-link:hover{text-decoration:underline}
/* — Page archive « Toutes les brèves » — */
.breves-search{width:100%;max-width:440px;padding:11px 18px;border:1px solid #E2CFA8;border-radius:30px;font-family:inherit;font-size:14.5px;color:var(--ink);background:#fff;margin:0 0 24px}
.breves-search:focus{outline:2px solid var(--terra);outline-offset:1px;border-color:var(--terra)}
.breves-all{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.breves-none{color:var(--ink2);font-size:15px}
.hb-sub{background:#FBF6EA;border:1px solid #E9D8B8}
.hb-sub .hb-k{color:var(--green-d)} .hb-sub h3{color:var(--terra-d)} .hb-sub p{color:var(--ink2)} .hb-sub .hb-cta{color:var(--terra)}
.hb-carnets{background:var(--green-d)}
.hb-carnets .hb-k{color:#cdebd6} .hb-carnets h3{color:#fff} .hb-carnets p{color:#dcefe2} .hb-carnets .hb-cta{color:#fff}
/* === Blocs accueil : 4 couleurs distinctes mais harmonieuses (palette algérienne) === */
.home-block{border:0;box-shadow:0 6px 18px rgba(94,44,20,.07)}
.hb-about{background:var(--paper2)}
.hb-about .hb-k{color:var(--green-d)} .hb-about h3{color:var(--terra-d)} .hb-about p{color:#6B5636} .hb-about .hb-cta{color:var(--terra)}
.hb-carnets{background:var(--green-d)}
.hb-carnets .hb-k{color:#cdebd6} .hb-carnets h3{color:#fff} .hb-carnets p{color:#dcefe2} .hb-carnets .hb-cta{color:#fff}
.hb-sub{background:#FBF6EA;border:1px solid #E9D8B8}
.hb-sub .hb-k{color:var(--green-d)} .hb-sub h3{color:var(--terra-d)} .hb-sub p{color:var(--ink2)} .hb-sub .hb-cta{color:var(--terra)}
.hb-ads{background:var(--gold)}
.hb-ads .hb-k{color:#5E2C14} .hb-ads h3{color:#5E2C14} .hb-ads p{color:#5E2C14} .hb-ads .hb-cta{color:#5E2C14}
/* Bannière L'interview (rubrique phare, en tête de l'accueil) */
.itw-banner{display:flex;align-items:center;gap:26px;margin:0 0 22px;padding:24px 30px;border-radius:18px;text-decoration:none;background:linear-gradient(125deg,#6f4370 0%,#935E90 100%);border:1px solid rgba(212,160,40,.5);box-shadow:0 16px 38px -20px rgba(90,50,90,.55);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.itw-lgasra{background:linear-gradient(125deg,#15633F 0%,#1F8A5C 100%);box-shadow:0 16px 38px -20px rgba(20,80,55,.6)}
.itw-lgasra:hover{box-shadow:0 22px 48px -20px rgba(20,80,55,.78)}
.itw-banner:hover{transform:translateY(-3px);box-shadow:0 22px 48px -20px rgba(90,50,90,.72)}
.itw-banner-text{flex:1;min-width:0}
.itw-tag{display:block;color:var(--gold);font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;margin-bottom:7px}
[dir=rtl] .itw-tag{letter-spacing:0}
.itw-banner h2{font-family:'Bricolage Grotesque','Cairo',sans-serif;color:#fff;font-size:clamp(21px,2.6vw,26px);line-height:1.1;margin:0 0 9px}
.itw-banner p{color:#f7ecd6;font-size:16.5px;font-weight:500;line-height:1.5;margin:0 0 15px;max-width:520px}
.itw-go{display:inline-block;color:#5E2C14;background:var(--gold);font-weight:600;font-size:14px;padding:9px 20px;border-radius:24px}
.itw-brand{display:block;font-family:'Bricolage Grotesque','Cairo','Geeza Pro',sans-serif;color:var(--gold);font-size:clamp(24px,2.8vw,30px);line-height:1;margin:0 0 12px;font-weight:700}
.itw-pill{display:inline-block;background:#2E7D3A;color:#fff;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;padding:6px 15px;border-radius:999px;border:0;box-shadow:0 2px 8px rgba(20,40,15,.28)}
[dir=rtl] .itw-pill{letter-spacing:0}
.itw-banner-soon{cursor:default}
.itw-banner-soon:hover{transform:none;box-shadow:0 16px 38px -20px rgba(90,50,90,.55)}
.itw-medallion{flex:0 0 130px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 38%,#FBF4E6,#F0DFC0);border:2px solid var(--gold);box-shadow:inset 0 2px 12px rgba(94,44,20,.18)}
.itw-q{font-family:'Playfair Display',Georgia,serif;font-size:96px;line-height:1;color:var(--terra);transform:translateY(8px)}
.itw-soon{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);background:var(--terra-d);color:var(--gold);font-style:normal;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:14px;white-space:nowrap;border:1px solid rgba(212,160,40,.5)}
[dir=rtl] .itw-soon{letter-spacing:0}
@media(max-width:560px){.itw-banner{flex-direction:column;text-align:center;padding:24px 20px 32px;gap:20px}.itw-banner p{max-width:none}.itw-medallion{order:-1}}
/* ===== Duo haut d'accueil : interview + image de la semaine ===== */
.home-duo-top{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;margin:0 0 22px}
.home-duo-top .itw-banner{margin:0;height:100%}
@media(max-width:640px){.home-duo-top{grid-template-columns:1fr}}
.imgweek-card{margin:0;position:relative;min-height:220px;border-radius:18px;overflow:hidden;cursor:zoom-in;background:#1e1006;border:1px solid rgba(212,160,40,.5);box-shadow:0 16px 38px -20px rgba(110,40,30,.5);transition:transform .25s,box-shadow .25s}
.imgweek-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px -20px rgba(94,44,20,.7)}
.imgweek-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.imgweek-card .iw-media{position:absolute;inset:0}
.imgweek-card .iw-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.5);transform:scale(1.12)}
.imgweek-card .iw-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.imgweek-card .iw-label{position:absolute;top:0;left:0;right:0;z-index:3;padding:11px 16px;background:linear-gradient(rgba(30,16,6,.62),transparent);color:#fff;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
[dir=rtl] .imgweek-card .iw-label{letter-spacing:0}
.imgweek-card .iw-meta{display:none}
.imgweek-card .iw-zoom{position:absolute;top:11px;right:12px;z-index:3;background:rgba(30,16,6,.5);color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}
[dir=rtl] .imgweek-card .iw-label{text-align:right}
[dir=rtl] .imgweek-card .iw-zoom{right:auto;left:12px}
/* Lgasra en carré dans le duo du haut (à droite de l'interview) */
.home-duo-top .lgasra-duo{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;height:100%;margin:0;padding:26px 24px}
.home-duo-top .lgasra-duo .qt-fennec{width:104px}
.home-duo-top .lgasra-duo .qt-text{flex:0 0 auto;min-width:0}
.home-duo-top .lgasra-duo .qt-title{max-width:34ch;margin:2px auto 0}
.home-duo-top .lgasra-duo .qt-btn{flex:0 0 auto}
/* Image de la semaine — version bande large (au-dessus de Nos guides) */
.imgweek-wide{min-height:clamp(280px,34vw,380px)}
.imgweek-wide .iw-meta{display:flex;flex-direction:column;gap:2px;position:absolute;left:0;right:0;bottom:0;z-index:3;padding:30px 18px 13px;background:linear-gradient(transparent,rgba(30,16,6,.74));color:#fff}
.imgweek-wide .iw-cap{font-weight:600;font-size:14.5px}
.imgweek-wide .iw-cred{font-size:11.5px;opacity:.82}
[dir=rtl] .imgweek-wide .iw-meta{text-align:right}
/* Badge « défi du jour / série » sur le carré Lgasra */
.lgasra-duo{position:relative}
.lg-streak{position:absolute;top:12px;inset-inline-end:14px;z-index:4;background:#fff4e0;border:1px solid #f0d49a;color:var(--terra-d);font-weight:800;font-size:12.5px;padding:4px 11px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px -6px rgba(94,44,20,.4)}
/* Le mot du jour — carte compacte du rail (la « colonne du jour ») */
.motj{display:block;background:linear-gradient(120deg,#F7E4C2,#EDD1A2);border:1px solid #E1C68F;border-radius:14px;padding:15px 17px 16px;margin-bottom:18px;text-decoration:none;box-shadow:0 12px 30px -20px rgba(120,58,29,.45);transition:transform .2s,box-shadow .2s}
.motj:hover{transform:translateY(-2px);box-shadow:0 16px 34px -18px rgba(94,44,20,.55)}
.motj-k{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#935E90}
.motj-ar{display:block;font-family:'Cairo','Bricolage Grotesque',sans-serif;font-size:30px;font-weight:700;color:#935E90;line-height:1.15;margin:7px 0 1px}
.motj-tr{display:block;font-size:15px;font-weight:700;color:var(--terra-d)}
.motj-fr{display:block;font-size:13.5px;color:var(--ink2);margin-top:2px}
.motj-cta{display:inline-block;margin-top:11px;font-size:12.5px;font-weight:700;color:#935E90}
.motj:hover .motj-cta{text-decoration:underline}
.motj--static{cursor:default}
.motj--static:hover{transform:none;box-shadow:0 12px 30px -20px rgba(94,44,20,.45)}
.motj.is-expr .motj-ar{font-size:19px;line-height:1.4;margin-top:6px}
.motj-ex{display:block;margin-top:11px;padding:9px 11px;background:var(--paper);border-radius:9px;border-inline-start:3px solid #935E90}
.motj-ex[hidden]{display:none!important}
.motj-ex-ar{display:block;direction:rtl;font-family:'Cairo',sans-serif;font-size:15px;color:var(--ink);margin-bottom:2px}
.motj-ex-fr{display:block;font-size:12.5px;color:var(--ink2)}
/* Le défi du jour (en tête de Lgasra) */
.defi{background:#fff;border:1px solid #efe2c6;border-radius:18px;padding:20px 22px 22px;box-shadow:0 16px 40px -24px rgba(94,44,20,.45)}
.defi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.defi-k{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--terra)}
.defi-streak{background:linear-gradient(120deg,#fff4e0,#ffe9c9);border:1px solid #f0d49a;color:var(--terra-d);font-weight:800;font-size:14px;padding:5px 13px;border-radius:999px}
.defi-streak .ds-lbl{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.defi-main{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.defi-plaque{flex:0 0 auto;background:#fff;border:3px solid #16324a;border-radius:11px;display:flex;overflow:hidden;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.dp-num{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;font-weight:800;color:#16324a;letter-spacing:1px;padding:12px 22px}
.dp-dz{background:#16324a;color:#fff;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 13px;gap:2px}
.dp-dz b{font-size:16px}
.defi-play{flex:1 1 260px;min-width:0}
.defi-q{margin:0 0 12px;font-weight:700;color:var(--terra-d);font-size:16px}
.defi-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.defi-opt{padding:12px;border:2px solid #e7d9bd;background:var(--paper);border-radius:12px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;font-family:inherit;transition:.15s}
.defi-opt:hover:not(:disabled){border-color:var(--terra);transform:translateY(-1px)}
.defi-opt.good{background:#e6f4ea;border-color:var(--green);color:var(--green-d)}
.defi-opt.bad{background:#fbe4e1;border-color:var(--red);color:#9c2318}
.defi-opt:disabled{cursor:default}
.defi-verdict{margin:12px 0 0;font-weight:700;font-size:14.5px;min-height:20px}
/* H'kaya — flashcards « Le saviez-vous ? » (cartes à retourner) */
.hk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
.hk-card{perspective:1200px;height:300px;border:0;background:none;padding:0;cursor:pointer;font-family:inherit;text-align:start;color:inherit;animation:hkCardIn .6s cubic-bezier(.34,1.45,.5,1) backwards;transition:transform .18s ease}
.hk-card:hover{transform:scale(1.035)}
@keyframes hkCardIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}}
.hk-inner{position:relative;display:block;width:100%;height:100%;transition:transform .92s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}
.hk-card.flipped .hk-inner{transform:rotateY(180deg)}
.hk-face{position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;padding:22px;box-shadow:0 14px 34px -22px rgba(94,44,20,.5);overflow:hidden}
.hk-front{background:#fff;border:1px solid #efe2c6}
.hk-back{transform:rotateY(180deg);color:#fff;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.hk-back::-webkit-scrollbar{display:none}
.hk-back.hk-more{box-shadow:0 14px 34px -22px rgba(94,44,20,.5),inset 0 -34px 26px -24px rgba(0,0,0,.55)}
.hk-theme{align-self:flex-start;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#fff;padding:4px 11px;border-radius:999px;margin-bottom:12px}
[dir=rtl] .hk-theme{letter-spacing:0}
.hk-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:700;font-size:20px;color:var(--terra-d);line-height:1.15;margin-bottom:9px}
.hk-q{font-size:15px;line-height:1.5;color:var(--ink2);flex:1}
.hk-flip{align-self:flex-end;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--terra)}
.hk-a{font-size:14.5px;line-height:1.6}
.hk-a b{color:#fff;font-weight:800}
.hk-hist .hk-theme{background:#1F4E79}   .hk-hist .hk-back{background:linear-gradient(150deg,#173a5c,#1F4E79)}
.hk-gastro .hk-theme{background:#9C4A26} .hk-gastro .hk-back{background:linear-gradient(150deg,#7e3a1d,#9C4A26)}
.hk-cult .hk-theme{background:#935E90}   .hk-cult .hk-back{background:linear-gradient(150deg,#6f4370,#935E90)}
.hk-nat .hk-theme{background:#1F7A53}    .hk-nat .hk-back{background:linear-gradient(150deg,#155c3e,#1F7A53)}
.hk-sport .hk-theme{background:#B03A2E}  .hk-sport .hk-back{background:linear-gradient(150deg,#8f2e24,#B03A2E)}
.hk-geo .hk-theme{background:#2A7B8C}    .hk-geo .hk-back{background:linear-gradient(150deg,#1f5f6d,#2A7B8C)}
.hk-decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:20px 15px;margin:6px 0 8px}
.hk-deck{--c:#8A5326;position:relative;border:0;background:none;padding:0;height:120px;cursor:pointer;font-family:inherit;text-align:start}
.hk-deck::before,.hk-deck::after{content:'';position:absolute;inset:0;border-radius:15px;background:var(--c);transition:transform .2s ease,opacity .2s ease}
.hk-deck::after{opacity:.55;transform:translate(4px,4px) rotate(-2deg)}
.hk-deck::before{opacity:.3;transform:translate(8px,8px) rotate(2.6deg)}
.hk-deck-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:100%;border-radius:15px;background:var(--c);color:#fff;padding:15px 16px;box-shadow:0 14px 28px -18px rgba(0,0,0,.55)}
.hk-deck-name{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:800;font-size:18px;line-height:1.08}
.hk-deck-meta{font-size:12px;font-weight:700;letter-spacing:.03em;opacity:.92}
[dir=rtl] .hk-deck-meta{letter-spacing:0}
.hk-deck:hover .hk-deck-body{transform:translateY(-2px)}
.hk-deck:hover::before{transform:translate(10px,10px) rotate(3.4deg)}
.hk-deck:hover::after{transform:translate(6px,6px) rotate(-2.6deg)}
.hk-deck.open::before,.hk-deck.open::after{opacity:0;transform:none}
.hk-deck.open .hk-deck-body{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c),0 16px 30px -16px rgba(0,0,0,.5)}
.hk-deck.hk-hist{--c:#1F4E79} .hk-deck.hk-gastro{--c:#9C4A26} .hk-deck.hk-cult{--c:#935E90}
.hk-deck.hk-nat{--c:#1F7A53} .hk-deck.hk-sport{--c:#B03A2E} .hk-deck.hk-geo{--c:#2A7B8C}
#hk-grid{margin-top:16px}
[dir=rtl] .hk-deck{text-align:right}
[dir=rtl] .hk-deck::after{transform:translate(-4px,4px) rotate(2deg)}
[dir=rtl] .hk-deck::before{transform:translate(-8px,8px) rotate(-2.6deg)}
[dir=rtl] .hk-deck:hover::before{transform:translate(-10px,10px) rotate(-3.4deg)}
[dir=rtl] .hk-deck:hover::after{transform:translate(-6px,6px) rotate(2.6deg)}
@media(prefers-reduced-motion:reduce){.hk-inner{transition:none}.hk-card{animation:none}.hk-card:hover{transform:none}}
.section-title h2 .rub-new{display:inline-block;vertical-align:middle;background:#2E7D3A;color:#fff!important;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-inline-start:10px;transform:translateY(-3px)}
[dir=rtl] .rub-new{letter-spacing:0}
.art-src{margin-top:26px;padding-top:14px;border-top:1px solid rgba(94,44,20,.14);font-size:12.5px;line-height:1.65;color:var(--ink2);font-style:italic}
.art-src b{font-style:normal;color:var(--ink);font-weight:700}
/* Badge « Édition Web » (globe internet) — haut d'article + cartes */
.kicker:has(.web-badge)::before{content:none}
.web-badge,.card-web{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;text-shadow:none;line-height:1}
.web-badge{font-size:12px;padding:6px 13px}
.card-web{font-size:10.5px;padding:4px 10px;margin-bottom:9px;align-self:flex-start}
.wb-ico{width:14px;height:14px;flex:0 0 auto}
.card-web .wb-ico{width:12px;height:12px}
[dir=rtl] .web-badge,[dir=rtl] .card-web{letter-spacing:0}
.card-webrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.card-webrow .card-web{margin-bottom:0}
.card-date{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink2);font-variant-numeric:tabular-nums}
[dir=rtl] .card-date{letter-spacing:0}
.webedition-sec{margin:2px 0 10px}
.webedition-sec[hidden]{display:none!important}
.webedition-strip{margin-top:10px}
.we-hero{position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:312px;text-decoration:none;background-size:cover;background-position:center 12%;box-shadow:0 12px 30px -18px rgba(94,44,20,.5);animation:cardIn .5s ease both}
.we-hero .we-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,3,.58) 0%,rgba(0,0,0,0) 24%,rgba(12,7,3,.52) 50%,rgba(14,8,4,.96) 100%)}
.we-hero .we-top{position:absolute;top:0;left:0;right:0;z-index:2;padding:18px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.we-hero .we-eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--terra);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:12px;padding:6px 12px;border-radius:999px;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.3)}
.we-hero .we-eyebrow .wb-ico{width:13px;height:13px;flex:0 0 auto}
.we-hero .we-tag{color:#fff;font-size:12.5px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.we-hero .we-hero-in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 24px;display:flex;flex-direction:column;gap:9px}
.we-hero .we-row{display:flex;align-items:center;gap:10px}
.we-hero .we-row .card-web{margin-bottom:0}
.we-hero .we-date{color:rgba(255,255,255,.9);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.we-hero .we-title{color:#fff;font-size:27px;line-height:1.05;letter-spacing:-.01em;margin:0;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.we-hero .we-sub{color:rgba(255,255,255,.93);font-size:15px;line-height:1.45;max-width:580px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.we-hero .we-read{color:#fff;font-weight:800;font-size:14.5px;margin-top:3px;text-shadow:0 1px 8px rgba(0,0,0,.55);transition:opacity .2s}
.we-hero:hover{box-shadow:0 18px 42px -18px rgba(94,44,20,.6)}
.we-hero:hover .we-read{opacity:.82}
@media(max-width:640px){.we-hero{min-height:290px}.we-hero .we-title{font-size:23px}.we-hero .we-hero-in{padding:18px 18px}}
.webedition-sec + .featured{margin-top:14px}
.we-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media(max-width:720px){.we-grid{grid-template-columns:1fr}}
.we-strip{display:flex;align-items:center;gap:20px;padding:24px 22px;border-radius:var(--r);text-decoration:none;background:linear-gradient(120deg,#fff7e9,#f3e6cb);border:1px solid var(--terra);border-inline-start:8px solid var(--terra);box-shadow:0 8px 22px -12px rgba(94,44,20,.45);transition:transform .2s ease,box-shadow .2s ease;animation:cardIn .5s ease both}
.we-strip:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(94,44,20,.55)}
.we-strip-thumb{flex:none;width:420px;align-self:stretch;min-height:240px;border-radius:14px;background-size:cover;background-position:center 22%;box-shadow:0 4px 12px -6px rgba(40,20,8,.5);position:relative;overflow:hidden;display:flex;align-items:flex-end}
.we-strip-thumb-t{width:100%;padding:56px 18px 18px;color:#fff;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:700;font-size:28px;line-height:1.12;text-align:start;text-wrap:balance;text-shadow:0 1px 10px rgba(0,0,0,.75);background:linear-gradient(0deg,rgba(18,10,4,.92),rgba(18,10,4,.4) 55%,transparent)}
.we-strip-thumb-badge{position:absolute;top:14px;inset-inline-start:14px;z-index:2;background:var(--terra);color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:6px 13px;border-radius:20px;box-shadow:0 2px 8px -2px rgba(0,0,0,.5)}
.we-strip-txt{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;align-items:center;text-align:center}
.we-strip-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--terra);font-size:12.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.we-strip-eyebrow .wb-ico{width:17px;height:17px}
[dir=rtl] .we-strip-eyebrow{letter-spacing:0}
.we-strip-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;color:#7E3A1D;font-size:clamp(22px,2.8vw,28px);line-height:1.1}
.we-strip-sub{color:#96683f;font-size:13.5px;letter-spacing:.3px}
.we-strip-cta{flex:none;align-self:center;margin-top:14px;color:#fff;background:var(--terra);font-weight:600;font-size:14px;padding:10px 20px;border-radius:24px;white-space:nowrap;animation:wePulse 2.4s ease-out infinite}
@keyframes wePulse{0%{box-shadow:0 0 0 0 rgba(156,74,38,.5)}70%{box-shadow:0 0 0 12px rgba(156,74,38,0)}100%{box-shadow:0 0 0 0 rgba(156,74,38,0)}}
@media(prefers-reduced-motion:reduce){.we-strip-cta{animation:none}}
@media(max-width:560px){.we-strip{padding:12px 14px;gap:12px}.we-strip-thumb{width:142px;min-height:104px}.we-strip-title{font-size:19px}.we-strip-sub{font-size:12px}.we-strip-cta{padding:8px 13px;font-size:13px}}
.breve{display:flex;flex-direction:column;background:#fff;border:1px solid #ECDCBC;border-radius:var(--r);padding:16px 18px;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.breve::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terra),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.breve:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(94,44,20,.14)}
.breve:hover::before{transform:scaleX(1)}
.breve-date{font-size:12px;color:var(--ink2);letter-spacing:.5px}
.breve-t{font-size:17px;color:var(--ink);margin:6px 0 8px;line-height:1.28}
.breve-d{font-size:14px;color:var(--ink2);line-height:1.62;margin:0 0 12px;flex:1}
.breve-src{font-size:12.5px;color:var(--terra);font-weight:500;margin-top:auto}
.breve:hover .breve-src{text-decoration:underline}

/* ============================================================
   JEU D'ICÔNES AU TRAIT (v73) — remplace les glyphes système.
   Masques SVG → héritent de la couleur du parent (blanc sur les
   portes, vert dans les cartes). Arche mauresque + tajine = touche algérienne.
   ============================================================ */
:root{
  --ic-news:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cline x1='7' y1='9.5' x2='13' y2='9.5'/%3E%3Cline x1='7' y1='13.5' x2='13' y2='13.5'/%3E%3Cline x1='16' y1='9.5' x2='17.5' y2='9.5'/%3E%3Cline x1='16' y1='13.5' x2='17.5' y2='13.5'/%3E%3C/svg%3E");
  --ic-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.5 7-12a7 7 0 0 0-14 0c0 5.5 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
  --ic-arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V13C5 8 8 5 12 5s7 3 7 8v8'/%3E%3Cline x1='4' y1='21' x2='20' y2='21'/%3E%3C/svg%3E");
  --ic-tagine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19C7 11 9 6 12 6s5 5 6 13'/%3E%3Cline x1='3.5' y1='19' x2='20.5' y2='19'/%3E%3Ccircle cx='12' cy='5.4' r='1.1'/%3E%3C/svg%3E");
  --ic-cal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cline x1='4' y1='9.5' x2='20' y2='9.5'/%3E%3Cline x1='9' y1='3' x2='9' y2='7'/%3E%3Cline x1='15' y1='3' x2='15' y2='7'/%3E%3C/svg%3E");
  --ic-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11 12 4l8 7'/%3E%3Cpath d='M6 9.5V20h12V9.5'/%3E%3C/svg%3E");
  --ic-plane:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a1.5 1.5 0 0 1 1.5 1.5V9l7 4v2l-7-2v4l2 1.5V20L12 19l-3.5 1v-1.5L10 17v-4l-7 2v-2l7-4V4.5A1.5 1.5 0 0 1 12 3Z'/%3E%3C/svg%3E");
  --ic-bank:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cline x1='5' y1='12' x2='5.2' y2='12'/%3E%3Cline x1='18.8' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
  --ic-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cline x1='10.5' y1='18' x2='13.5' y2='18'/%3E%3C/svg%3E");
}
.ico{display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;vertical-align:-3px}
.ico-plane{-webkit-mask-image:var(--ic-plane);mask-image:var(--ic-plane)}
.ico-bank{-webkit-mask-image:var(--ic-bank);mask-image:var(--ic-bank)}
.ico-phone{-webkit-mask-image:var(--ic-phone);mask-image:var(--ic-phone)}
.mini-door .arch i{font-size:0}
.mini-door .arch i::before{content:"";display:inline-block;width:28px;height:28px;background-color:#fff;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.mini-door[data-href="decouvrir.html"] .arch i::before{-webkit-mask-image:var(--ic-news);mask-image:var(--ic-news)}
.mini-door[data-href="destinations.html"] .arch i::before{-webkit-mask-image:var(--ic-pin);mask-image:var(--ic-pin)}
.mini-door[data-href="culture.html"] .arch i::before{-webkit-mask-image:var(--ic-arch);mask-image:var(--ic-arch)}
.mini-door[data-href="saveurs.html"] .arch i::before{-webkit-mask-image:var(--ic-tagine);mask-image:var(--ic-tagine)}
.mini-door[data-href="agenda.html"] .arch i::before{-webkit-mask-image:var(--ic-cal);mask-image:var(--ic-cal)}
.mini-door[data-href="index.html"] .arch i::before{-webkit-mask-image:var(--ic-home);mask-image:var(--ic-home)}
.fennec-zzz{position:absolute;top:-4px;right:-6px;font-size:20px;opacity:0;transition:opacity .4s;pointer-events:none;z-index:9}
.fennec-zzz.show{opacity:1;animation:zzz-float 2.4s ease-in-out infinite}
@keyframes zzz-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(5deg)}}

[dir=rtl] .door-label small{display:none}

/* --- Doora TV : vidéos (lecteur façade) --- */
.vid-cat{margin-bottom:30px}
.vid-cat-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(18px,2.4vw,24px);color:var(--terra-d);margin:0 0 14px;display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #E9D8B8}
.vid-ico{font-size:1.1em;line-height:1}
.vid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.vid-card{display:flex;flex-direction:column}
.vid-facade{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:var(--r);background-size:cover;background-position:center;background-color:var(--paper2);position:relative;cursor:pointer;overflow:hidden}
.vid-facade::after{content:"";position:absolute;inset:0;background:rgba(40,20,8,.20);transition:background .2s ease}
.vid-facade:hover::after{background:rgba(40,20,8,.05)}
.vid-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:rgba(194,84,28,.92);color:#fff;border-radius:50%;font-size:19px;padding-left:4px;z-index:2}
.vid-soon{cursor:default;filter:grayscale(.25);opacity:.9}
.vid-soon .vid-play{background:rgba(120,90,60,.55)}
.vid-iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);display:block}
.vid-meta{margin-top:9px;font-weight:600;color:var(--ink);font-size:15px}
.vid-badge{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--green-d);background:#EAF3E9;border-radius:20px;padding:3px 10px;margin-inline-start:6px;white-space:nowrap}
[dir=rtl] .vid-badge{letter-spacing:0}
/* --- Écran Doora TV (accueil) --- */
.tv-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:16/10;background:radial-gradient(circle at 50% 38%,#2b2723 0%,#15120f 78%);border-radius:14px;border:1px solid #0c0a08;box-shadow:inset 0 0 55px rgba(0,0,0,.55),0 10px 24px rgba(40,20,8,.16);text-decoration:none;position:relative;overflow:hidden;margin-bottom:18px;transition:transform .2s ease,box-shadow .2s ease}
.tv-screen::before{content:"";position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));pointer-events:none}
.tv-screen:hover{transform:translateY(-2px);box-shadow:inset 0 0 55px rgba(0,0,0,.5),0 14px 30px rgba(40,20,8,.22)}
.tv-brand{display:flex;align-items:center;gap:9px;z-index:1}
.tv-logo{width:84px;height:38px;background:url('../web/logo-doora-cream.png') center/contain no-repeat;display:block}
.tv-tv{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:700;font-size:22px;letter-spacing:3px;color:#f3d79a}
.tv-soon{z-index:1;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55)}
[dir=rtl] .tv-soon{letter-spacing:0}
.vid-native{display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r);background:#000;overflow:hidden}
.tv-live .tv-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5}
.tv-live::after{content:"";position:absolute;inset:0;background:rgba(15,10,6,.42);z-index:0;pointer-events:none}
.tv-live .tv-brand,.tv-live .tv-soon{z-index:2}
.tv-live .tv-soon{color:#f3d79a}
.contrib-call{width:100%;max-width:600px;margin:6px auto 0;text-align:center;background:var(--paper2);border:1px solid rgba(156,74,38,.20);border-radius:18px;padding:26px 24px}
.contrib-call .cc-ico{font-size:30px;line-height:1}
.contrib-call h2{font-size:22px;margin:8px 0 6px;color:#8a3f1f}
.contrib-call p{font-size:15px;line-height:1.55;margin:0 auto;max-width:48ch}
.cc-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cc-btn{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;text-decoration:none;border:2px solid #9C4A26;transition:transform .15s ease}
.cc-btn:hover{transform:translateY(-2px)}
.cc-btn.ig{background:#9C4A26;color:#fff}
.cc-btn.mail{background:transparent;color:#9C4A26}
.cc-consent{font-size:12px;opacity:.68;margin-top:14px;line-height:1.4}
.lm-card .qt-text{text-align:center}
.lm-card .qt-kicker{text-align:center;color:#fbe6c4}
.lm-card .lm-ar-line{display:block;font-size:22px;font-weight:700;color:#FBF3E2;line-height:1.35;margin:3px 0 8px;direction:rtl}
.lm-card .lm-tr-line{display:block;font-size:14px;color:#f4e8d4;opacity:.9;line-height:1.45}
.lm-card.lm-mot{background:linear-gradient(120deg,#9C4A26,#7e3a1d)}
.lm-card.lm-expr{background:linear-gradient(120deg,#b07d23,#835913)}
/* Logo-titre Doora TV (hero) */
.vid-h1{display:flex;align-items:center;gap:14px;margin:0}
.vid-h1-logo{display:block;width:clamp(120px,17vw,196px);height:clamp(52px,7.6vw,86px);background:url('../web/logo-doora-cream.png') center/contain no-repeat;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
.vid-h1-tv{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:700;font-size:clamp(34px,6vw,74px);color:#fff;letter-spacing:2px;text-shadow:0 2px 30px rgba(0,0,0,.4)}
[dir=rtl] .vid-h1{flex-direction:row-reverse}
/* Lien Doora TV distinctif dans le pied de page */
.foot-tv{font-weight:700;color:#f3d79a}
.foot-tv::before{content:"📺 "}
.foot-tv:hover{color:#fff}
/* ---------- Quiz du voyageur ---------- */
.quiz-wrap{max-width:680px;margin-inline:auto}
.quiz-card{background:#fff;border:1px solid #efe2cf;border-radius:20px;padding:30px 26px;box-shadow:0 14px 40px rgba(40,20,8,.08);text-align:center}
.quiz-fennec{width:96px;margin:0 auto 4px}
.quiz-fennec svg{width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(40,20,8,.18))}
.quiz-q{font-family:'Bricolage Grotesque','Cairo',sans-serif;color:#5E2C14;font-size:clamp(20px,3.4vw,27px);line-height:1.28;margin:6px 0 18px}
.quiz-lead{color:#6b5a48;font-size:15px;line-height:1.55;margin:0 auto 22px;max-width:46ch}
.quiz-prog{height:6px;border-radius:6px;background:#f0e6d6;overflow:hidden;margin-bottom:14px}
.quiz-prog span{display:block;height:100%;background:#9C4A26;border-radius:6px;transition:width .35s ease}
.quiz-step{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b08a5e;font-weight:700;margin-bottom:8px}
.quiz-answers{display:grid;gap:10px;margin-top:4px}
.quiz-ans{width:100%;text-align:start;background:#FBF6EE;border:1.5px solid #ecdcc4;color:#4a3b2c;font-family:inherit;font-size:15.5px;font-weight:500;padding:15px 17px;border-radius:13px;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}
.quiz-ans:hover{border-color:#9C4A26;background:#fff;transform:translateY(-2px)}
.quiz-btn{display:inline-block;background:#9C4A26;color:#fff;font-family:inherit;font-weight:700;font-size:15px;padding:13px 24px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .15s,transform .12s}
.quiz-btn:hover{background:#7e3a1d;transform:translateY(-2px)}
.quiz-btn.quiz-ghost{background:transparent;color:#9C4A26;border:1.5px solid #d8c2a6}
.quiz-btn.quiz-ghost:hover{background:#f3e7d6}
.quiz-res-emoji{font-size:46px;line-height:1}
.quiz-res-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b08a5e;font-weight:700;margin-top:8px}
.quiz-res-title{font-family:'Bricolage Grotesque','Cairo',sans-serif;color:#5E2C14;font-size:clamp(23px,4vw,32px);margin:4px 0 12px}
.quiz-res-time{font-family:'Bricolage Grotesque','Cairo',sans-serif;font-weight:800;color:#9C4A26;font-size:clamp(52px,13vw,80px);line-height:1;letter-spacing:.01em;margin:6px 0 0;font-variant-numeric:tabular-nums}
.quiz-res-title.has-time{font-size:clamp(18px,3.2vw,24px);color:#8a6a4a;font-weight:700;margin:2px 0 12px}
.quiz-res-card{display:block;width:100%;max-width:390px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;margin:14px auto 20px;box-shadow:0 20px 44px -18px rgba(30,15,6,.55);border:1px solid rgba(94,44,20,.12);cursor:zoom-in;transition:transform .15s ease}
.quiz-res-card:hover{transform:scale(1.02)}
.quiz-dl{background:#2E6B4F}
.quiz-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,6,3,.93);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:quizLbIn .18s ease}
.quiz-lb img{max-width:94vw;max-height:90vh;width:auto;height:auto;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.quiz-lb-x{position:absolute;top:16px;right:20px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:28px;line-height:1;cursor:pointer}
@keyframes quizLbIn{from{opacity:0}to{opacity:1}}
.quiz-res-desc{color:#5b4a39;font-size:15.5px;line-height:1.6;max-width:48ch;margin:0 auto 18px}
.quiz-res-dest{margin:0 0 22px}
.quiz-dest-lbl{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b08a5e;font-weight:700;margin-bottom:10px}
.quiz-dest-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.quiz-dest{background:#f3e7d6;color:#5E2C14;font-weight:600;font-size:14px;padding:7px 14px;border-radius:999px}
.quiz-res-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}
.quiz-cta{display:inline-block;color:#9C4A26;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.quiz-cross{display:inline-block;color:#9C4A26;font-weight:700;font-size:15px;text-decoration:none;border:2px solid rgba(156,74,38,.35);padding:11px 22px;border-radius:999px;transition:background .15s,border-color .15s}
.quiz-cross:hover{background:rgba(156,74,38,.08);border-color:#9C4A26}
.mur-grid{column-width:255px;column-gap:26px}
.mur-note{margin:0 0 26px;background:#FBF7EE;border:1px solid #E7DAC0;border-inline-start:4px solid #9C4A26;border-radius:14px;padding:18px;box-shadow:0 2px 4px rgba(58,36,21,.05),0 8px 20px rgba(58,36,21,.06);display:flex;flex-direction:column;gap:12px;break-inside:avoid}
.mur-note.has-img{padding-top:0;overflow:hidden}
.mur-img{height:180px;background:#E7DCC4 center/cover no-repeat;margin:0 -18px 4px;position:relative}
.mur-cred{position:absolute;bottom:10px;right:9px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;direction:ltr;unicode-bidi:isolate;font-size:9.5px;letter-spacing:.3px;color:rgba(255,255,255,.9);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;max-height:calc(100% - 20px);overflow:hidden}
.mur-t{font-family:Georgia,serif;font-size:16px;line-height:1.25;margin:0;color:#3A2415}
.mur-more-wrap{text-align:center;margin-top:8px}
.mur-more{background:transparent;border:2px solid rgba(156,74,38,.4);color:#9C4A26;font:inherit;font-weight:700;padding:11px 26px;border-radius:999px;cursor:pointer;transition:background .15s}
.mur-more:hover{background:rgba(156,74,38,.08)}
/* ---- Aimant (gabarit module = porte qui s'ouvre) ---- */
.aimant-slot{padding-top:8px;padding-bottom:0}
.aimant{--c:#9C4A26;--c2:#5e2c17;--gold:#F2CF86;position:relative;max-width:660px;margin:0 auto}
.aimant[data-c=dest]{--c:#2E7DA0;--c2:#1c4a63}
.aimant[data-c=cult]{--c:#5E8C46;--c2:#385327}
.aimant[data-c=sav]{--c:#D0702F;--c2:#7c3f18}
.aimant[data-c=prat]{--c:#8A5578;--c2:#523347}
.aimant-cover{position:relative;width:100%;border:0;cursor:pointer;font:inherit;text-align:start;color:#FBF3E2;display:block;
  border-radius:22px;overflow:hidden;padding:26px 30px;min-height:150px;max-height:360px;
  background:linear-gradient(135deg,var(--c),var(--c2));
  box-shadow:0 3px 8px rgba(40,20,8,.12),0 16px 36px rgba(40,20,8,.15);
  transition:max-height .45s ease .28s,min-height .45s ease .28s,padding .45s ease .28s,opacity .4s ease .28s,box-shadow .4s}
/* battants (couleur de la rubrique) */
.aimant-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,var(--c),var(--c2));
  box-shadow:inset 0 0 0 2px rgba(242,207,134,.28);
  transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .5s}
.aimant-leaf.l{left:0;transform-origin:left center;border-radius:22px 4px 4px 22px}
.aimant-leaf.r{right:0;transform-origin:right center;border-radius:4px 22px 22px 4px;background:linear-gradient(225deg,var(--c),var(--c2))}
/* filet de lumière au centre = la lumière qui s'échappe (l'aimant) */
.aimant-glow{position:absolute;top:9%;bottom:9%;left:calc(50% - 3px);width:6px;z-index:2;pointer-events:none;border-radius:6px;
  background:linear-gradient(180deg,transparent,var(--gold) 30%,#fff6df 50%,var(--gold) 70%,transparent);
  box-shadow:0 0 22px 7px rgba(242,207,134,.7);opacity:.85;transition:opacity .35s}
.aimant-cover-in{position:relative;z-index:3;display:flex;flex-direction:column;gap:5px;transition:opacity .3s}
.aimant-kick{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:9px}
.aimant-fennec{flex:none;width:46px;height:46px;display:inline-flex;filter:drop-shadow(0 1px 4px rgba(20,10,4,.4))}
.aimant-fennec svg{width:46px;height:46px;display:block}
.aimant-ttl{font-family:Georgia,serif;font-size:clamp(21px,3.4vw,27px);line-height:1.1;margin:5px 0 0;text-shadow:0 1px 6px rgba(20,10,4,.35)}
.aimant-sub{font-size:13.5px;opacity:.92;margin:0;text-shadow:0 1px 5px rgba(20,10,4,.3)}
.aimant-cta{font-size:13.5px;font-weight:800;color:var(--gold);margin-top:7px}
.aimant.open .aimant-leaf.l{transform:perspective(1100px) rotateY(-105deg);opacity:.12}
.aimant.open .aimant-leaf.r{transform:perspective(1100px) rotateY(105deg);opacity:.12}
.aimant.open .aimant-glow{opacity:0}
.aimant.open .aimant-cover-in{opacity:0;pointer-events:none}
.aimant.open .aimant-cover{max-height:0;min-height:0;padding-top:0;padding-bottom:0;opacity:0;box-shadow:none}
.aimant-panel{margin-top:12px;background:#FBF7EE;border:1px solid #E7DAC0;border-radius:18px;padding:26px 24px;box-shadow:0 8px 24px rgba(40,20,8,.08);animation:aimIn .5s ease .18s both}
@keyframes aimIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.aim-wx{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;text-align:center}
.aim-wx-x{color:#5B4736;font-size:15px;font-weight:600}
.aim-wx-x .e{font-size:46px;display:block;line-height:1.1}
.aim-wx-x b{font-size:44px;color:#3A2415;font-family:Georgia,serif;display:block;line-height:1}
.aim-wx-vs{font-size:12px;color:#9C4A26;font-weight:800;text-transform:uppercase;letter-spacing:.1em;max-width:120px;line-height:1.4}
.aim-wx-note{text-align:center;font-size:11px;color:#8A785F;margin:16px 0 0}
.aimant-close{display:block;margin:14px auto 0;background:transparent;border:2px solid rgba(156,74,38,.35);color:#9C4A26;font:inherit;font-weight:700;font-size:13px;padding:9px 22px;border-radius:999px;cursor:pointer}
.aimant-close:hover{background:rgba(156,74,38,.07)}
@media (prefers-reduced-motion:no-preference){.aimant:not(.open) .aimant-glow{animation:aimGlow 2.4s ease-in-out infinite}@keyframes aimGlow{0%,100%{opacity:.55;box-shadow:0 0 16px 5px rgba(242,207,134,.5)}50%{opacity:1;box-shadow:0 0 30px 10px rgba(242,207,134,.85)}}}
@media (prefers-reduced-motion:reduce){.aimant-leaf,.aimant-cover{transition:none}.aimant-panel{animation:none}}
/* ---- Chouf : disque météo (widget vivant, rail droit) ---- */
.chouf-orb{position:relative;width:100%;max-width:300px;aspect-ratio:1/1;margin:0 auto 18px;border-radius:50%;overflow:hidden;
  background:linear-gradient(90deg,#2E6E8E 0%,#2b647f 47%,#b3592a 53%,#C2632A 100%);
  box-shadow:0 10px 26px rgba(40,20,8,.18),inset 0 0 46px rgba(0,0,0,.28);
  display:flex;align-items:center;justify-content:center;color:#FBF3E2;text-align:center;margin-bottom:42px}
.chouf-orb-seam{position:absolute;top:47%;bottom:15%;left:50%;width:6px;margin-left:-3px;z-index:1;border-radius:6px;
  background:linear-gradient(180deg,transparent,#F2CF86 22%,#fff8e6 50%,#F2CF86 78%,transparent);
  box-shadow:0 0 26px 9px rgba(242,207,134,.8);opacity:.96}
.chouf-orb-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 8%}
.chouf-orb-eyes{width:62px;height:53px;display:inline-flex;filter:drop-shadow(0 2px 3px rgba(10,5,2,.4));margin-bottom:-6px}
.chouf-orb-eyes svg{width:62px;height:53px;display:block}
.chouf-orb-k{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:800;letter-spacing:.01em;font-size:34px;line-height:1;color:#F2CF86;text-shadow:0 2px 9px rgba(10,5,2,.34)}
.chouf-orb-cap{font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#ffe9c0;opacity:.92}
.chouf-orb-duo{display:flex;gap:20px;align-items:flex-start;margin-top:18px;direction:ltr}
.cob-side{display:flex;flex-direction:column;align-items:center;width:90px}
.cob-emo{font-size:36px;line-height:1;filter:drop-shadow(0 2px 5px rgba(10,5,2,.25))}
.cob-t{font-family:Georgia,serif;font-size:40px;font-weight:700;line-height:1.02;margin-top:4px}
.cob-city{font-size:14px;opacity:.95;font-family:'Helvetica Neue',Arial,sans-serif;margin-top:2px}
.chouf-orb-ecart{text-align:center;font-family:'Helvetica Neue',Arial,sans-serif;font-size:16px;color:#ffe9c0;opacity:.95;margin:11px 0 0;letter-spacing:.03em}
.chouf-orb-ecart b{color:#F2CF86;font-weight:800;font-size:1.12em}
/* l'arabe a besoin d'un corps plus grand ; pas de letter-spacing (écriture liée) */
html:not([lang="ar"]) .chouf-orb-k{margin-top:8px}
html[lang="ar"] .chouf-orb-k{font-size:42px;letter-spacing:normal}
html[lang="ar"] .chouf-orb-cap{font-size:19px;letter-spacing:normal}
html[lang="ar"] .chouf-orb-ecart{font-size:18px;letter-spacing:normal}
@media (prefers-reduced-motion:no-preference){.chouf-orb-seam{animation:aimGlow 2.4s ease-in-out infinite}}
/* bas de page : appli + Doora TV côte à côte, même hauteur */
.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.home-duo-app,.home-duo-tv{margin-bottom:0;height:100%}
.home-duo-tv{aspect-ratio:auto;min-height:220px}
@media(max-width:720px){.home-duo{grid-template-columns:1fr}.home-duo-tv{aspect-ratio:16/10;min-height:0}}
.mur-x{margin:0;font-size:15.5px;line-height:1.55;color:#3A2415;font-style:italic}
.mur-meta{font-size:12.5px;color:#8A785F;font-weight:600;letter-spacing:.2px}
.mur-dz{grid-column:1 / -1;flex-direction:row;align-items:center;gap:18px;background:linear-gradient(120deg,#F7E6C8,#FBF3E4);border:2px solid #E0A93F;border-inline-start:6px solid #C2632A}
.mur-dz-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.mur-dz-badge{width:58px;flex:none;line-height:0}
@media(max-width:520px){.mur-dz{flex-direction:column;align-items:flex-start}.mur-dz-badge{width:48px}}
.mur-dz-badge svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(40,20,8,.15))}
.mur-dz .mur-x{font-style:normal;font-weight:500}
.mur-dz-sig{color:#9C4A26;font-weight:700}
/* La Tahtaha — la place du village */
.tahtaha-amb{position:fixed;inset:0;z-index:-1;background-position:center 62%;background-size:cover;background-repeat:no-repeat;opacity:.13;pointer-events:none}
.tahtaha-top{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding-top:30px;padding-bottom:22px}
.tahtaha-intro .tt-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#9C4A26;font-weight:700;margin-bottom:8px}
.tahtaha-intro .tt-title{font-size:clamp(30px,5vw,46px);line-height:1.05;margin:0 0 12px;color:#3A2415}
.tahtaha-intro .tt-lead{font-size:16px;line-height:1.6;color:#5B4736;max-width:46ch;margin:0 0 18px}
.tahtaha-photo{margin:0;position:relative}
.tahtaha-photo img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 14px 40px rgba(40,20,8,.22)}
.tahtaha-photo figcaption{position:absolute;bottom:12px;right:11px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;direction:ltr;unicode-bidi:isolate;font-size:9.5px;letter-spacing:.3px;color:rgba(255,255,255,.9);text-shadow:0 1px 5px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;max-height:calc(100% - 24px);overflow:hidden}
@media(max-width:760px){.tahtaha-top{grid-template-columns:1fr;gap:18px;text-align:center}.tahtaha-intro .tt-lead{margin-inline:auto}}
/* réponse de DZ sous un mot */
.mur-rep{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px dashed #E0CBA4}
.mur-rep-badge{width:30px;flex:none;line-height:0;margin-top:3px}
.mur-rep-badge svg{width:100%;height:auto;display:block}
.mur-rep-x{margin:0;font-size:13px;line-height:1.45;color:#8A3F1F;font-weight:600;background:#F6E7CE;border-radius:12px;padding:8px 12px}
.foot-quiz{font-weight:700}
.foot-quiz::before{content:"🧭 "}
/* Bannière teaser (accueil) */
.quiz-teaser-wrap{padding-top:0}
.quiz-teaser{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#9C4A26,#7e3a1d);color:#fff;border-radius:20px;padding:22px 26px;text-decoration:none;box-shadow:0 14px 40px rgba(40,20,8,.18)}
.qt-fennec{width:84px;flex:0 0 auto}
.qt-fennec svg{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.qt-text{flex:1 1 auto;min-width:0}
.qt-kicker{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#f3d79a;font-weight:700}
.qt-title{display:block;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(18px,2.6vw,24px);line-height:1.2;margin:3px 0 4px}
.qt-sub{display:block;font-size:13.5px;color:rgba(255,255,255,.85)}
.qt-btn{flex:0 0 auto;background:#f3d79a;color:#5E2C14;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;white-space:nowrap}
.quiz-teaser:hover .qt-btn{background:#fff}
/* Lgasra — le coin récré (rubrique jeux/détente) */
.lgasra .qt-fennec{width:128px}
.lg-name{display:block;font-family:'Bricolage Grotesque','Cairo',sans-serif;font-size:clamp(24px,3.4vw,32px);line-height:1;font-weight:700;margin:1px 0 3px}
.lgasra .qt-title{font-size:clamp(14.5px,2vw,17px);font-style:italic;font-weight:400;opacity:.94;margin:2px 0 0}
.lg-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.lg-chip{font-size:14px;font-weight:800;background:rgba(243,215,154,.15);color:#f3d79a;border:1.5px solid rgba(243,215,154,.5);padding:9px 18px;border-radius:999px;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s}
a.lg-chip:hover{background:#f3d79a;color:#5E2C14;border-color:#f3d79a;transform:translateY(-1px)}
.lg-chip.soon{opacity:.55;font-weight:700;border-style:dashed;cursor:default}
/* Devine le lieu (jeu Lgasra) */
.geo-app{max-width:620px;margin:0 auto}
.geo-card{background:#FBF7EE;border:1px solid #E7DAC0;border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(40,20,8,.1)}
.geo-intro{text-align:center;padding:44px 22px}
.geo-startbtn,.geo-app .btn{display:inline-block;background:#9C4A26;color:#FBF3E2;font-weight:800;font-size:16px;padding:15px 34px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .2s}
.geo-startbtn:hover,.geo-app .btn:hover{background:#7e3a1d}
.geo-top{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#9C4A26;font-size:14px;margin-bottom:12px}
.geo-photo{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#e7dac0}
.geo-photo img{width:100%;height:100%;object-fit:cover;display:block}
.geo-cred{position:absolute;right:9px;bottom:10px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;direction:ltr;unicode-bidi:isolate;font-size:10px;letter-spacing:.3px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none;max-height:calc(100% - 20px);overflow:hidden;font-family:'Helvetica Neue',Arial,sans-serif}
.geo-q{text-align:center;font-family:Georgia,serif;font-size:20px;color:#3A2415;margin:16px 0 12px}
.geo-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.geo-choice{font:inherit;font-weight:700;font-size:15.5px;color:#3A2415;background:#fff;border:2px solid #E1D3B6;border-radius:12px;padding:14px 10px;cursor:pointer;transition:border-color .15s,background .15s}
.geo-choice:hover:not(:disabled){border-color:#9C4A26}
.geo-choice:disabled{cursor:default}
.geo-choice.good{background:#e7f4ec;border-color:#2f7d4f;color:#1f6b3f}
.geo-choice.bad{background:#f7e7e3;border-color:#b3402e;color:#a2382a}
.geo-reveal{margin-top:16px;text-align:center;animation:aimIn .4s ease}
.geo-verdict{font-family:Georgia,serif;font-size:18px;margin:0 0 6px}
.geo-verdict.ok{color:#1f6b3f}.geo-verdict.no{color:#a2382a}
.geo-verdict b{color:#3A2415}
.geo-fact{font-size:14.5px;line-height:1.5;color:#5B4736;margin:0 0 16px}
.geo-end{text-align:center;padding:34px 22px}
.geo-big{font-family:Georgia,serif;font-size:64px;font-weight:700;color:#9C4A26;line-height:1;margin:0}
.geo-big span{font-size:34px;color:#b89a6a}
.geo-msg{font-size:17px;color:#3A2415;margin:12px 0 22px}
.geo-endbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.geo-replay{font:inherit;font-weight:700;background:transparent;border:2px solid rgba(156,74,38,.4);color:#9C4A26;padding:13px 26px;border-radius:999px;cursor:pointer}
.geo-back{text-align:center;margin-top:22px}
.geo-back a{color:#9C4A26;font-weight:700;text-decoration:none}
@media(max-width:440px){.geo-choices{grid-template-columns:1fr}}
@media(max-width:560px){.quiz-teaser{flex-wrap:wrap;text-align:center}.qt-fennec{margin:0 auto}.qt-text{flex-basis:100%}.qt-btn{margin:0 auto}.lg-chips{justify-content:center}}

.fennec-idle{pointer-events:auto;cursor:pointer}
.fennec-idle:hover #fennec-character{animation:fnperk .7s ease}
@keyframes fnperk{0%,100%{transform:scale(1)}25%{transform:scale(1.12) rotate(-5deg)}60%{transform:scale(1.05) rotate(4deg)}}
.shop-emoji svg{width:38px;height:38px;display:inline-block;vertical-align:middle}
.prod-vis svg{width:46px;height:46px;display:inline-block}

/* Barre de partage d'article (WhatsApp · Facebook · copier le lien) */
.art-share{display:flex;align-items:center;gap:9px;margin:2px 0 24px;flex-wrap:wrap}
.art-share-lbl{font-size:13px;font-weight:600;color:#7a6249;letter-spacing:.02em}
.art-share-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(156,74,38,.28);color:#9C4A26;cursor:pointer;padding:0;transition:transform .15s ease,background .15s,color .15s,border-color .15s;box-shadow:0 2px 6px rgba(40,20,8,.08)}
.art-share-btn svg{width:19px;height:19px}
.art-share-btn:hover{transform:translateY(-2px)}
.art-share-btn.wa:hover{color:#25D366;border-color:#25D366;background:#f1fbf4}
.art-share-btn.fb:hover{color:#1877F2;border-color:#1877F2;background:#eff5fe}
.art-share-btn.cp:hover{background:#faf3ea}
.art-share-btn.cp.done{color:#1F7A53;border-color:#1F7A53;background:#e9f5ee}

/* Newsletter (page Abonnement) */
.nl-card{background:linear-gradient(135deg,#fff,#faf3ea);border:1px solid rgba(156,74,38,.16);border-radius:18px;padding:28px 24px;margin:0 0 36px;box-shadow:0 10px 30px rgba(40,20,8,.08);text-align:center}
.nl-title{color:#9C4A26;margin:0 0 6px}
.nl-sub{color:#6b5540;margin:0 0 18px;font-size:15px}
.nl-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:520px;margin:0 auto}
.nl-input{flex:1 1 240px;min-width:0;padding:13px 16px;border:1px solid rgba(156,74,38,.3);border-radius:12px;font-size:15px;font-family:inherit;background:#fff;color:#3a2412}
.nl-input:focus{outline:none;border-color:#9C4A26;box-shadow:0 0 0 3px rgba(156,74,38,.15)}
.ct-form{display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto}
.ct-form .nl-input{flex:none;width:100%}
.ct-form .nl-btn{align-self:center;min-width:200px}
.ct-area{min-height:130px;resize:vertical;line-height:1.5}
.nl-btn{padding:13px 22px;border:none;border-radius:12px;background:#9C4A26;color:#fff;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;transition:transform .15s,background .15s;white-space:nowrap}
.nl-btn:hover{background:#843c1e;transform:translateY(-1px)}
.nl-msg{min-height:20px;margin:12px 0 0;font-size:14px;font-weight:600}
.nl-msg.ok{color:#1F7A53}
.nl-msg.err{color:#b3402a}

/* Météo des grandes villes (Infos pratiques) */
.wx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px}
.wx-card{background:#fff;border:1px solid rgba(156,74,38,.14);border-radius:14px;padding:14px 10px;text-align:center;box-shadow:0 4px 12px rgba(40,20,8,.06);display:flex;flex-direction:column;align-items:center;gap:3px}
.wx-ico{font-size:30px;line-height:1}
.wx-city{font-size:13px;color:#6b5540;font-weight:600}
.wx-temp{font-size:20px;font-weight:800;color:#9C4A26}

.wx-none{color:#8a725a;font-size:14px;text-align:center;padding:12px}

/* « À lire aussi » (articles liés) */
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.related-card{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(156,74,38,.14);box-shadow:0 4px 14px rgba(40,20,8,.08);text-decoration:none;transition:transform .18s ease,box-shadow .18s}
.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(40,20,8,.16)}
.related-img{display:block;height:132px;background-size:cover;background-position:center}
.related-t{display:block;padding:12px 14px;font-weight:700;color:#3a2412;font-size:15px;line-height:1.3}

/* Favoris « Mes lieux » — cœur sur les cartes */
.card .ph{position:relative}
.fav-btn{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(40,20,8,.22);padding:0;z-index:3;transition:transform .15s ease}
.fav-btn svg{width:20px;height:20px;fill:none;stroke:#9C4A26;stroke-width:2}
.fav-btn:hover{transform:scale(1.12)}
.fav-btn.on svg{fill:#D21034;stroke:#D21034}
.card-new{position:absolute;top:10px;inset-inline-start:10px;z-index:3;background:#2E7D3A;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(20,40,15,.28)}

/* Recherche globale */
.search-btn{width:38px;height:38px;border-radius:50%;border:none;background:rgba(0,0,0,.06);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-inline-end:6px;transition:background .15s}
.bar.on-photo .search-btn{background:rgba(255,255,255,.18);color:#fff}
.search-btn svg{width:19px;height:19px}
.search-btn:hover{background:rgba(156,74,38,.16)}
.search-ov{position:fixed;inset:0;z-index:200;background:rgba(20,10,4,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:72px 16px}
.search-box{width:100%;max-width:620px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.search-row{display:flex;align-items:center;border-bottom:1px solid rgba(156,74,38,.15)}
.search-input{flex:1;border:none;outline:none;padding:18px 20px;font-size:17px;font-family:inherit;background:transparent;color:#3a2412}
.search-close{border:none;background:none;font-size:26px;line-height:1;color:#9C4A26;cursor:pointer;padding:0 18px}
.search-res{max-height:60vh;overflow-y:auto}
.search-hit{display:block;padding:13px 20px;border-bottom:1px solid rgba(156,74,38,.08);text-decoration:none;color:#3a2412}
.search-hit:hover{background:#faf3ea}
.search-hit b{display:block;color:#9C4A26;font-size:15px}
.search-hit span{display:block;font-size:13px;color:#6b5540;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-none{padding:22px;text-align:center;color:#8a725a}
body.no-scroll{overflow:hidden}

/* FIX : respecter l’attribut hidden (sinon overlay/barres restent affichés) */
.search-ov[hidden],.art-share[hidden],#art-related-sec[hidden]{display:none!important}

/* ===== Confort mobile (cibles tactiles ≥44px + textes ≥12px) — n'affecte QUE le téléphone ===== */
@media (max-width:760px){
  .fav-btn{width:44px;height:44px}
  .fav-btn svg{width:20px;height:20px}
  .social a{width:44px;height:44px}
  .social a::before{width:20px;height:20px}
  .search-btn{width:44px;height:44px}
  .search-btn svg{width:21px;height:21px}
  .snd-btn{padding:9px 13px;font-size:13px}
  .nav-toggle{width:44px;height:44px;font-size:19px}
  .langs button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
  .breves-all-link{padding:8px 0}
  /* petits textes remontés pour la lisibilité */
  .iw-label{font-size:12.5px}
  .ps-credit{font-size:12.5px}
  .qt-kicker{font-size:12.5px}
  .card .tag{font-size:12px}
  .card-new{font-size:12px}
  .brand-tag{font-size:12px}
}

/* ===== Rubrique Woujouh (portraits) – accent mauve #935E90, à part de l'Édition Web ===== */
.region-woujouh .art-p.dropcap::first-letter{color:#935E90}
.region-woujouh .art-h{color:#7a4f79}
.region-woujouh .art-quote{color:#6f4370;border-inline-start-color:#935E90}
.region-woujouh .art-backbar a{color:#8a5f88}
.region-woujouh .kicker::before{color:#c79ac4}
.region-woujouh .art-lang-tag.orig{color:#6f4370;background:#F2E8F1}
.region-woujouh #article-body>.sub-cta{background:#6f4370}
.region-woujouh .wj-hizb{text-align:center;color:#935E90;line-height:0;margin:4px 0 8px}
.region-woujouh .wj-hizb svg{display:inline-block;vertical-align:middle}

/* ---------- Point « nouveau » (non-lu) ---------- */
.has-newdot{position:relative}
.doora-newdot{position:absolute;top:8px;right:8px;width:11px;height:11px;border-radius:50%;background:#E23B3B;box-shadow:0 0 0 2.5px rgba(255,255,255,.92),0 1px 3px rgba(0,0,0,.35);z-index:6;pointer-events:none;animation:dooraNewPulse 2.4s ease-in-out infinite}
@keyframes dooraNewPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
[dir=rtl] .doora-newdot{right:auto;left:8px}
.nav .doora-newdot,nav .doora-newdot{top:-1px;right:-7px;width:9px;height:9px}
[dir=rtl] .nav .doora-newdot,[dir=rtl] nav .doora-newdot{right:auto;left:-7px}
.door.has-newdot .doora-newdot{top:14px;right:14px;width:12px;height:12px}
[dir=rtl] .door.has-newdot .doora-newdot{right:auto;left:14px}
@media(prefers-reduced-motion:reduce){.doora-newdot{animation:none}}

/* ============================================================
   ACCUEIL VIVANT AU FIL DES HEURES (jour/nuit)
   Scène ciel + soleil/lune + dunes + grain, pilotée par
   html[data-sky] = dawn | day | dusk | night (posé par app.js
   selon l'heure du visiteur, accueil uniquement).
   ============================================================ */
:root{ --sky-fade:2600ms; --orb-travel:5200ms; }
.home-min::before{ display:none !important; }        /* remplace le fond baked */
.home-min h1::before{ display:none !important; }     /* l'ancien soleil-halo -> devient l'astre positionné */
.hero.home-min{ background:none; }
.hero.home-min .hero-fil{ position:relative; z-index:2; }  /* fil d'actu au-dessus de l'astre */

.sky-scene{ position:absolute; inset:0; z-index:-4; overflow:hidden; pointer-events:none; }
.s-sky{ position:absolute; inset:0; z-index:-4; background:var(--sky-grad); }
.s-glow{ position:absolute; z-index:-3; left:var(--orb-x); top:var(--orb-y);
  width:1100px; height:1100px; max-width:150vw; max-height:150vh; transform:translate(-50%,-50%);
  border-radius:50%; background:radial-gradient(circle, var(--glow), transparent 66%);
  transition:left var(--orb-travel) cubic-bezier(.37,0,.35,1), top var(--orb-travel) cubic-bezier(.37,0,.35,1), background var(--sky-fade) ease; }
#sky-orb{ position:absolute; z-index:1; left:var(--orb-x); top:var(--orb-y);
  width:var(--orb-size); height:var(--orb-size); transform:translate(-50%,-50%);
  border-radius:50%; background:var(--orb-bg); box-shadow:var(--orb-shadow);
  transition:left var(--orb-travel) cubic-bezier(.37,0,.35,1), top var(--orb-travel) cubic-bezier(.37,0,.35,1), width var(--sky-fade) ease, height var(--sky-fade) ease, background var(--sky-fade) ease, box-shadow var(--sky-fade) ease; }
.s-stars{ position:absolute; inset:0; z-index:-3; opacity:var(--stars,0); transition:opacity var(--sky-fade) ease; }
.s-stars i{ position:absolute; width:2.5px; height:2.5px; border-radius:50%; background:#fff; box-shadow:0 0 4px 1px rgba(255,255,255,.5); }
.s-dunes{ position:absolute; left:0; right:0; bottom:0; width:100%; height:58%; z-index:-2; display:block; }
.s-dunes path{ transition:fill var(--sky-fade) ease; }
.dune1{ fill:var(--d1); } .dune2{ fill:var(--d2); } .dune3{ fill:var(--d3); } .dune4{ fill:var(--d4); }
/* grain du sable — MÊME motif que la scène d'origine (3 bruits fractals brun/crème/or, baseFrequency 0.5) */
.s-grain{ position:absolute; left:0; right:0; bottom:0; width:100%; height:58%; z-index:-1; pointer-events:none;
  opacity:.85; transition:opacity var(--sky-fade) ease;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 16%,#000 100%); mask:linear-gradient(180deg,transparent 0,#000 16%,#000 100%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cdefs%3E%3Cfilter id='gd'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' seed='11' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 0 0 0 -4.1' result='m'/%3E%3CfeFlood flood-color='%239C7442' result='c'/%3E%3CfeComposite in='c' in2='m' operator='in'/%3E%3C/filter%3E%3Cfilter id='gl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' seed='27' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 0 0 0 -3.6' result='m'/%3E%3CfeFlood flood-color='%23FFF4DC' result='c'/%3E%3CfeComposite in='c' in2='m' operator='in'/%3E%3C/filter%3E%3Cfilter id='gg'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' seed='5' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 0 0 0 -3.5' result='m'/%3E%3CfeFlood flood-color='%23C98A3E' result='c'/%3E%3CfeComposite in='c' in2='m' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='160' height='160' filter='url(%23gd)' opacity='0.4'/%3E%3Crect width='160' height='160' filter='url(%23gl)' opacity='0.8'/%3E%3Crect width='160' height='160' filter='url(%23gg)' opacity='0.55'/%3E%3C/svg%3E");
  background-size:160px 160px; }
html[data-sky="day"] .s-grain{ opacity:.85; }
html[data-sky="dusk"] .s-grain{ opacity:.55; }
html[data-sky="dawn"] .s-grain{ opacity:.36; }
html[data-sky="night"] .s-grain{ opacity:.2; }

.hero.home-min h1{ color:var(--sky-ink,#4A2410); text-shadow:var(--slogan-sh); transition:color var(--sky-fade) ease, text-shadow var(--sky-fade) ease; }

/* ---------- variables par phase ---------- */
html[data-sky="dawn"]{
  --sky-grad:linear-gradient(180deg,#182A48 0%,#274264 15%,#3E5B7E 30%,#6E8098 44%,#A5988F 58%,#D3A079 72%,#EBB57D 86%,#F6CE90 100%);
  --glow:rgba(255,196,140,.5);
  --orb-x:22%; --orb-y:63%; --orb-size:118px;
  --orb-bg:radial-gradient(circle,#FFF6E6 0%,#FFDFAC 30%,#FFB775 56%,#FF9A57 74%,rgba(255,140,80,0) 100%);
  --orb-shadow:0 0 42px 14px rgba(255,190,120,.5), 0 0 120px 46px rgba(255,160,95,.3), 0 0 230px 92px rgba(255,150,90,.15);
  --d1:#B98F84; --d2:#9C787A; --d3:#7A5D64; --d4:#5B4753;
  --sky-ink:#F1E5D3; --slogan-sh:0 2px 18px rgba(40,25,45,.5); --stars:0;
}
html[data-sky="day"]{
  --sky-grad:linear-gradient(180deg,#8FB8D8 0%,#C9D4B8 20%,#F3D488 44%,#EEC170 66%,#E4AC5C 88%,#DCA155 100%);
  --glow:rgba(255,247,222,.62);
  --orb-x:50%; --orb-y:15%; --orb-size:148px;
  --orb-bg:radial-gradient(circle,#FFFFFF 0%,#FFF8DE 24%,#FFEEB6 46%,rgba(255,230,155,.4) 72%,rgba(255,226,150,0) 100%);
  --orb-shadow:0 0 60px 24px rgba(255,246,210,.7), 0 0 165px 72px rgba(255,238,180,.38), 0 0 300px 130px rgba(255,236,175,.16);
  --d1:#EFC77E; --d2:#DCA555; --d3:#C68A3E; --d4:#B0762F;
  --sky-ink:#4A2410; --slogan-sh:0 1px 3px rgba(74,32,12,.25); --stars:0;
}
html[data-sky="dusk"]{
  --sky-grad:linear-gradient(180deg,#1C2340 0%,#372C4E 16%,#5A3646 32%,#833F2C 50%,#A2542A 68%,#B4652E 84%,#C0742F 100%);
  --glow:rgba(236,140,70,.4);
  --orb-x:78%; --orb-y:59%; --orb-size:146px;
  --orb-bg:radial-gradient(circle,#FFFBF0 0%,#FFDC90 28%,#FF9E48 56%,#EC6A2E 78%,rgba(210,80,40,0) 100%);
  --orb-shadow:0 0 54px 16px rgba(255,170,90,.55), 0 0 150px 56px rgba(240,110,55,.32), 0 0 262px 100px rgba(220,90,45,.16);
  --d1:#CE8C46; --d2:#9E5B29; --d3:#733F1D; --d4:#4E2B14;
  --sky-ink:#F3E4CE; --slogan-sh:0 2px 16px rgba(60,26,12,.55); --stars:0;
}
html[data-sky="night"]{
  --sky-grad:linear-gradient(180deg,#070C1E 0%,#0D1530 28%,#141E3C 56%,#1D2947 80%,#26314F 100%);
  --glow:rgba(150,168,220,.14);
  --orb-x:87%; --orb-y:25%; --orb-size:70px;
  --orb-bg:
    radial-gradient(circle at 63% 40%, rgba(80,90,115,0) 56%, rgba(66,76,102,.35) 80%, rgba(52,62,88,.5) 100%),
    radial-gradient(circle at 37% 32%, rgba(150,160,185,.32) 0 7%, transparent 8%),
    radial-gradient(circle at 58% 60%, rgba(135,145,172,.28) 0 5%, transparent 6%),
    radial-gradient(circle at 70% 46%, rgba(140,150,175,.26) 0 4%, transparent 5%),
    radial-gradient(circle at 47% 54%, #F6F8FD 0%, #E7EBF4 66%, #D0D6E4 100%);
  --orb-shadow:0 0 30px 6px rgba(220,228,248,.42), 0 0 72px 18px rgba(180,196,236,.22), 0 0 150px 44px rgba(150,170,220,.1);
  --d1:#333A57; --d2:#262C45; --d3:#1B1F34; --d4:#121525;
  --sky-ink:#E7DCEC; --slogan-sh:0 2px 20px rgba(0,0,0,.62); --stars:1;
}

/* ---------- portes par phase ---------- */
html[data-sky="night"] .door-interior{ filter:brightness(1.75) saturate(1.22) contrast(1.03); }
html[data-sky="night"] .door-frame{ filter:drop-shadow(0 0 14px rgba(255,196,110,.65)) drop-shadow(0 0 30px rgba(255,176,88,.45)) drop-shadow(0 5px 12px rgba(255,168,70,.4)); }
html[data-sky="night"] .door-leaf{ filter:brightness(.86) sepia(.14); }
html[data-sky="night"] .door-back{ filter:brightness(.7) saturate(.95); }
html[data-sky="night"] .enter-hint{ color:#FFE6B8; text-shadow:0 0 10px rgba(255,180,90,.7); }
html[data-sky="dawn"] .door-frame{ filter:brightness(.9) saturate(.95); }
html[data-sky="dusk"] .door-frame{ filter:brightness(.86) saturate(1.02) sepia(.06); }
.hero.home-min .door-frame,.hero.home-min .door-interior,.hero.home-min .door-back,.hero.home-min .door-leaf{ transition:filter var(--sky-fade) ease, box-shadow var(--sky-fade) ease; }

/* ---------- lisibilité hero interne sur les ciels sombres (titre via --ink ; libellés, horloge, fil d'actu) ---------- */
html[data-sky="dawn"] .hero.home-min .door-label b, html[data-sky="dusk"] .hero.home-min .door-label b, html[data-sky="night"] .hero.home-min .door-label b{
  color:#F6ECD8 !important; text-shadow:0 1px 5px rgba(0,0,0,.45); }
html[data-sky="dawn"] .hero.home-min .door-label small, html[data-sky="dusk"] .hero.home-min .door-label small, html[data-sky="night"] .hero.home-min .door-label small{
  color:#E7D3B4 !important; text-shadow:0 1px 4px rgba(0,0,0,.4); }
html[data-sky="dawn"] .doora-clock .dc-pill, html[data-sky="dusk"] .doora-clock .dc-pill, html[data-sky="night"] .doora-clock .dc-pill,
html[data-sky="dawn"] .doora-clock .dc-pill *, html[data-sky="dusk"] .doora-clock .dc-pill *, html[data-sky="night"] .doora-clock .dc-pill *{
  color:#F3E8D6 !important; text-shadow:0 1px 6px rgba(0,0,0,.5); }
html[data-sky="dawn"] .hero.home-min .fil-item, html[data-sky="dusk"] .hero.home-min .fil-item, html[data-sky="night"] .hero.home-min .fil-item,
html[data-sky="dawn"] .hero.home-min .fil-sep, html[data-sky="dusk"] .hero.home-min .fil-sep, html[data-sky="night"] .hero.home-min .fil-sep{
  color:#F5EAD2 !important; text-shadow:0 1px 6px rgba(0,0,0,.55) !important; }
.hero.home-min .door-label b,.hero.home-min .door-label small,.doora-clock .dc-pill,.hero.home-min .fil-item{ transition:color var(--sky-fade) ease; }

@media(prefers-reduced-motion:reduce){
  .s-sky,.s-glow,#sky-orb,.s-stars,.s-dunes path,.hero.home-min h1,
  .hero.home-min .door-frame,.hero.home-min .door-interior,.hero.home-min .door-back,.hero.home-min .door-leaf,
  .hero.home-min .door-label b,.hero.home-min .door-label small,.doora-clock .dc-pill,.hero.home-min .fil-item{ transition:none !important; }
}
/* ---------- écho jour/nuit sur TOUT le site : la dune du pied de page prend la teinte de la phase ---------- */
footer::before{ content:""; position:absolute; left:0; right:0; top:0; height:150px; z-index:0; pointer-events:none;
  background:var(--foot-tint, transparent);
  transition:opacity var(--sky-fade,2600ms) ease; }
footer>*{ position:relative; z-index:1; }
html[data-sky="dawn"]{ --foot-tint:linear-gradient(180deg, rgba(98,72,116,.62) 0%, rgba(74,56,96,.34) 55%, transparent 100%); }
html[data-sky="day"]{  --foot-tint:transparent; }
html[data-sky="dusk"]{ --foot-tint:linear-gradient(180deg, rgba(128,48,16,.6) 0%, rgba(96,40,20,.34) 55%, transparent 100%); }
html[data-sky="night"]{ --foot-tint:linear-gradient(180deg, rgba(16,24,52,.72) 0%, rgba(20,28,56,.42) 55%, transparent 100%); }
@media(max-width:680px){ footer::before{ height:104px; } }

/* premier rendu à la bonne phase, sans animer le chargement */
html.sky-no-anim .s-sky,html.sky-no-anim .s-glow,html.sky-no-anim #sky-orb,html.sky-no-anim .s-stars,
html.sky-no-anim .s-dunes path,html.sky-no-anim .s-grain,html.sky-no-anim .hero.home-min h1,
html.sky-no-anim .hero.home-min .door-frame,html.sky-no-anim .hero.home-min .door-interior,html.sky-no-anim .hero.home-min .door-back,
html.sky-no-anim .hero.home-min .door-leaf,html.sky-no-anim .hero.home-min .door-label b,html.sky-no-anim .hero.home-min .door-label small,
html.sky-no-anim .doora-clock .dc-pill,html.sky-no-anim .hero.home-min .fil-item{ transition:none !important; }