/* Page styles ported from the design canvas — each block is scoped to its page body class. */

/* ===== Header (global) ===== */
.hd .nav a.is-on::after{bottom:-1px;height:2px}
.hd .sugg{display:flex;flex-wrap:wrap;gap:8px}
.hd .sugg a{text-decoration:none}

/* ===== Footer (global) ===== */
.ft .hours{margin-top:22px;display:grid;gap:4px}
.ft .hours b{font:600 26px/1.1 var(--display);letter-spacing:-.02em}

/* ===== MapSetif (global) ===== */
.mapx{position:relative;border-radius:10px;overflow:hidden;background:#EFEBE3;border:1px solid var(--line);aspect-ratio:960 / 654;isolation:isolate}
.mapx .mapc{position:absolute;inset:0}
.mapx svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mapx .grns path{fill:#DCE8CF;stroke:none}
.mapx .grns .park{fill:#D3E5C2}
.mapx .blds path{fill:#E2DBCD;stroke:none}
.mapx .grns,.mapx .blds{opacity:0;transition:opacity .9s var(--ease)}
.mapx .rd path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s var(--ease)}
.mapx .rd-svc path{stroke:#FBF9F5;stroke-width:1.6}
.mapx .rd-minor path{stroke:#fff;stroke-width:3.4}
.mapx .rd-mid path{stroke:#fff;stroke-width:5.4}
.mapx .rd-major path{stroke:#FFF8E6;stroke-width:8}
.mapx .case path{stroke:#D3CAB8}
.mapx .rd-minor.case path{stroke-width:5}
.mapx .rd-mid.case path{stroke-width:7.4}
.mapx .rd-major.case path{stroke-width:10.4;stroke:#E2C98E}
.mapx .rd-major path{transition-delay:.15s}
.mapx .rd-mid path{transition-delay:.4s}
.mapx .rd-minor path{transition-delay:.65s}
.mapx .rd-svc path{transition-delay:.9s}
.mapx .cx{stroke-width:1.2;opacity:0;transition:opacity .7s var(--ease) 1.5s}
.mapx .cx-mall{fill:#009DE1;stroke:#0B6E9C}
.mapx .cx-dome{fill:#FFCD34;stroke:#B98F00}
.mapx .cx-hotel{fill:#0B0C26;stroke:#0B0C26}
.mapx.is-in .grns,.mapx.is-in .blds,.mapx.is-in .cx{opacity:1}
.mapx.is-in .rd path{stroke-dashoffset:0}
.mapx .mk{position:absolute;z-index:2;direction:ltr;display:flex;align-items:center;gap:6px;white-space:nowrap;font:600 12.5px/1 var(--text);color:#0B0C26;opacity:0;transform:translate(var(--tx, -50%), calc(-50% + 6px));transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--d, 1.9s)}
.mapx.is-in .mk{opacity:1;transform:translate(var(--tx, -50%), -50%)}
.mapx .mk .dot{width:10px;height:10px;border-radius:50%;background:var(--c, #0B0C26);box-shadow:0 0 0 2.5px #fff;flex:none}
.mapx .mk .pill{padding:5px 9px;border-radius:999px;background:#fff;box-shadow:0 4px 12px -6px rgba(11,12,38,.45)}
.mapx .mk.end{--tx:-100%;flex-direction:row-reverse}
.mapx .mk.start{--tx:0}
.mapx .mk.area{font:italic 500 13px/1.2 var(--text);color:#3F6B23;white-space:normal;text-align:center;max-width:150px;--tx:-50%}
.mapx .mk.street{font:600 10.5px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:#7A6A45;transform:translate(-50%, -50%) rotate(var(--a, 0deg));transition:opacity .6s var(--ease)}
.mapx.is-in .mk.street{transform:translate(-50%, -50%) rotate(var(--a, 0deg))}
.mapx .mk.minor .dot{width:7px;height:7px;background:#8E8676;box-shadow:0 0 0 2px #fff}
.mapx .mk.minor{color:#5B5547;font-weight:500}
[lang="ar"] .mapx .mk{font-size:13.5px}
[lang="ar"] .mapx .mk.street{letter-spacing:0;font-size:12px}
.mapx .mpin{position:absolute;z-index:3;transform:translate(-50%, calc(-100% - 22px));opacity:0;transition:opacity .5s var(--ease) 2.1s,transform .7s cubic-bezier(.3,1.5,.5,1) 2.1s;pointer-events:none}
.mapx.is-in .mpin{opacity:1;transform:translate(-50%, -100%)}
.mapx .mpin .tag{display:block;background:#fff;border-radius:8px;padding:8px 11px;box-shadow:0 14px 28px -12px rgba(11,12,38,.55)}
.mapx .mpin .tag img{display:block;height:30px;width:auto}
.mapx .mpin .stem{display:block;width:2px;height:16px;margin:0 auto;background:#0B0C26}
.mapx .mpin .base{position:absolute;left:50%;bottom:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#0B0C26;box-shadow:0 0 0 3px rgba(255,255,255,.9)}
.mapx .osm{position:absolute;z-index:3;inset-inline-end:8px;bottom:6px;font:400 10.5px/1 var(--text);color:#6F6A5E;background:rgba(255,255,255,.75);padding:3px 6px;border-radius:4px}
.mapx .osm a{color:inherit}
@media (prefers-reduced-motion: reduce){
.mapx *{transition:none !important}
}
@media (max-width: 560px){
.mapx{aspect-ratio:auto;height:340px}
.mapx .mapc{inset:auto;left:50%;top:50%;width:175%;aspect-ratio:960 / 654;transform:translate(-63.56%, -53.34%)}
.mapx .mk.minor,.mapx .mk.area{display:none}
.mapx .mpin .tag img{height:24px}
}

/* ===== Main (.pg-home) ===== */
.pg-home .home{--vh:900px;--sy:0}
.pg-home .pin{position:relative;height:calc(var(--vh) * var(--len, 2.4))}
.pg-home .pin-in{position:sticky;top:0;height:var(--vh);overflow:hidden}
.pg-home .is-static .pin{height:auto}
.pg-home .is-static .pin-in{position:relative;height:auto;min-height:var(--vh)}
.pg-home .hero{position:relative;min-height:max(680px, calc(var(--vh) - 124px));display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#0B0C26}
.pg-home .hero .bg{position:absolute;inset:-6% 0 0 0}
.pg-home .hero .bg img{width:100%;height:100%;object-fit:cover;transform:translateY(calc(var(--sy) * .22px)) scale(1.04);animation:heroIn 2.2s var(--ease) both}
@keyframes heroIn{from{transform:scale(1.14)}to{transform:scale(1.04)}}
.pg-home .hero .in{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:132px;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:end}
.pg-home .hero .t-lead{color:rgba(255,255,255,.86);margin-top:24px}
.pg-home .hero .ln > span{animation-delay:calc(.15s + var(--d, 0s))}
.pg-home .hero .fade{animation-delay:calc(.15s + var(--d, 0s))}
.pg-home .hero .hl::before{animation-delay:calc(.6s + var(--d, 0s))}
.pg-home .today{background:#fff;color:#0F1035;border-radius:8px;padding:24px 24px 22px;display:grid;gap:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.pg-home .today .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pg-home .today .big{font:600 34px/1 var(--display);letter-spacing:-.03em}
.pg-home .today hr{border:0;height:1px;background:var(--line);margin:0}
.pg-home .quick{position:relative;z-index:3;margin-top:-56px}
.pg-home .quick-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 50px -40px rgba(15,16,53,.5)}
.pg-home .quick a{display:flex;gap:14px;align-items:center;padding:22px 22px;text-decoration:none;color:#0F1035;border-inline-start:1px solid var(--line);transition:background var(--t-ui) var(--ease)}
.pg-home .quick a:first-child{border-inline-start:0}
.pg-home .quick a:hover{background:var(--stone)}
.pg-home .quick .ico{width:30px;height:30px;color:#0F1035}
.pg-home .quick .ico path,.pg-home .quick .ico circle,.pg-home .quick .ico rect{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s var(--ease) both;animation-delay:calc(.6s + var(--d, 0s))}
.pg-home .quick b{display:block;font:600 16px/1.2 var(--text)}
.pg-home .quick small{display:block;font:400 13.5px/1.3 var(--text);color:var(--ink-3);margin-top:3px}
.pg-home .quick .k{width:4px;align-self:stretch;border-radius:2px;background:var(--u);flex:none}
.pg-home .uni{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 32px;align-items:start}
.pg-home .uni .card:nth-child(1){grid-column:1 / span 7}
.pg-home .uni .card:nth-child(2){grid-column:9 / span 4;margin-top:96px}
.pg-home .uni .card:nth-child(3){grid-column:1 / span 5}
.pg-home .uni .card:nth-child(4){grid-column:7 / span 6}
.pg-home .uni .card:nth-child(1) .ph{aspect-ratio:7/5}
.pg-home .uni .card:nth-child(2) .ph{aspect-ratio:4/5}
.pg-home .uni .card:nth-child(3) .ph{aspect-ratio:4/5}
.pg-home .uni .card:nth-child(4) .ph{aspect-ratio:3/2}
.pg-home .uni .meta{display:grid;gap:12px}
.pg-home .uni .sub{height:40px;width:auto;object-fit:contain}
.pg-home .brands-top{display:grid;grid-template-columns:1fr 520px;gap:48px;align-items:end;margin-bottom:44px}
.pg-home .wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pg-home .wall a{text-decoration:none}
.pg-home .floors .pin-in{display:flex;align-items:center;background:var(--stone)}
.pg-home .floors-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center;width:100%}
.pg-home .lift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}
.pg-home .lift-win{position:relative;height:300px;overflow:hidden;border-radius:12px;background:#0B0C26;color:#FFCD34}
.pg-home .lift-win::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0B0C26 0%,rgba(11,12,38,0) 18%,rgba(11,12,38,0) 82%,#0B0C26 100%);pointer-events:none}
.pg-home .lift-strip{display:flex;flex-direction:column-reverse;transform:translateY(calc((4 - var(--i, 2)) * -300px));transition:transform .9s cubic-bezier(.65,0,.35,1)}
.pg-home .lift-strip > span{height:300px;display:grid;place-items:center;font:800 150px/1 var(--display);letter-spacing:-.05em}
[dir="rtl"] .pg-home .lift-strip > span{font-family:var(--display)}
.pg-home .lift-cap{position:absolute;z-index:2;left:0;right:0;bottom:18px;text-align:center;font:600 12px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pg-home .lift-btns{display:flex;flex-direction:column-reverse;gap:10px}
.pg-home .lift-btns button{width:58px;height:58px;border-radius:50%;border:1px solid var(--line-2);background:#fff;font:600 15px/1 var(--text);color:#0B0C26;cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.pg-home .lift-btns button:hover{border-color:#0B0C26}
.pg-home .lift-btns button.is-on{background:#FFCD34;border-color:#E2B21C;box-shadow:0 0 0 5px rgba(255,205,52,.25)}
.pg-home .fl-card{min-height:360px}
.pg-home .fl-card .t-h1{margin-top:12px}
.pg-home .fl-names{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pg-home .fl-names > span{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 14px/1 var(--text)}
.pg-home .fl-names > span.f{background:#0B0C26;border-color:#0B0C26;color:#fff;font-weight:600}
.pg-home .fl-key{display:flex;align-items:center;gap:8px;margin-top:16px;font:500 13px/1 var(--text);color:var(--ink-3)}
.pg-home .fl-key i{width:12px;height:12px;border-radius:50%;background:#0B0C26}
.pg-home .fl-swap{animation:fadeUp .7s var(--ease) both}
.pg-home .rail .pin-in{display:flex;flex-direction:column;justify-content:center;background:var(--ivory)}
.pg-home .h-view{overflow:hidden;padding:6px 0 10px}
.pg-home .h-track{display:flex;gap:28px;padding:0 48px;width:max-content;transform:translateX(calc(var(--p) * var(--hx, 0) * 1px))}
.pg-home .is-static .h-track{animation:railLoop 16s ease-in-out infinite alternate}
@keyframes railLoop{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(calc(var(--hx, -900) * 1px))}}
.pg-home .fd{width:380px;flex:none;text-decoration:none;color:#0F1035;display:grid;gap:14px}
.pg-home .fd .ph{aspect-ratio:4/5}
.pg-home .fd .ph img{transform:scale(1.08) translateX(calc((var(--p) - .5) * -24px))}
.pg-home .fd .badge{position:absolute;left:14px;bottom:14px;width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.pg-home .fd .badge img{width:100%;height:100%;object-fit:contain;transform:none}
.pg-home .fd-end{width:340px;flex:none;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;padding:32px;border-radius:8px;background:#0B0C26;color:#fff;text-decoration:none}
.pg-home .rail-count{display:flex;align-items:center;gap:14px;margin-top:26px}
.pg-home .rail-count .bar{position:relative;flex:1;height:2px;background:var(--line);max-width:260px}
.pg-home .rail-count .bar i{position:absolute;inset:0;background:#F57B20;transform-origin:left;transform:scaleX(calc(.12 + var(--p) * .88))}
.pg-home .dg-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:48px}
.pg-home .dg-logo{height:64px;width:auto;margin-bottom:24px}
.pg-home .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pg-home .acts .ph{aspect-ratio:3/4}
.pg-home .acts h3{margin-top:18px}
.pg-home .dome-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center}
.pg-home .dome-logo{height:56px;width:auto}
.pg-home .formats{list-style:none;padding:0;margin:34px 0 36px;border-top:1px solid var(--line)}
.pg-home .formats li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.pg-home .formats li span{font:600 14px var(--text);color:var(--ink-3);font-variant-numeric:tabular-nums}
.pg-home .formats li b{font:600 20px/1.3 var(--display);letter-spacing:-.01em}
[dir="rtl"] .pg-home .formats li b{font-family:var(--text);font-weight:700}
.pg-home .dome-grid .ph{aspect-ratio:5/4}
.pg-home .cx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.pg-home .cx .card .ph{aspect-ratio:4/5}
.pg-home .cx .sub{height:36px;width:auto;max-width:200px;object-fit:contain;object-position:left center}
[dir="rtl"] .pg-home .cx .sub{object-position:right center}
.pg-home .cx .cx-name{display:flex;align-items:center;height:40px;font:800 26px/1 var(--display);letter-spacing:-.02em;color:#fff}
.pg-home .cx .facts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:rgba(255,255,255,.8)}
.pg-home .cx .facts li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line-dk);padding-top:8px}
.pg-home .cx .facts b{color:#fff;font-weight:500}
.pg-home .visit{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
.pg-home .facts-l{list-style:none;padding:0;margin:28px 0 30px;border-top:1px solid var(--line)}
.pg-home .facts-l li{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.pg-home .facts-l b{font:600 18px var(--text);text-align:end}
.pg-home .facts-l span{color:var(--ink-2)}
@media (max-width: 760px){
.pg-home .hero{min-height:620px}
.pg-home .hero .in{grid-template-columns:1fr;padding-top:96px;padding-bottom:110px;gap:26px}
.pg-home .today{padding:18px}
.pg-home .today .big{font-size:28px}
.pg-home .quick{margin-top:-44px}
.pg-home .quick-in{grid-template-columns:1fr 1fr}
.pg-home .quick a{border-inline-start:0;border-top:1px solid var(--line);padding:16px}
.pg-home .quick a:nth-child(-n+2){border-top:0}
.pg-home .quick a:last-child{grid-column:1 / -1}
.pg-home .uni{grid-template-columns:1fr;gap:44px}
.pg-home .uni .card:nth-child(n){grid-column:auto;margin-top:0}
.pg-home .uni .card:nth-child(n) .ph{aspect-ratio:4/3}
.pg-home .brands-top{grid-template-columns:1fr;gap:24px}
.pg-home .brands-top > *{min-width:0}
.pg-home .wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pg-home .wall a:nth-child(n+13){display:none}
.pg-home .floors-grid{grid-template-columns:1fr;gap:24px}
.pg-home .lift{grid-template-columns:minmax(0,1fr) auto;gap:16px}
.pg-home .lift-win{height:150px}
.pg-home .lift-strip{transform:translateY(calc((4 - var(--i, 2)) * -150px))}
.pg-home .lift-strip > span{height:150px;font-size:76px}
.pg-home .lift-btns{flex-direction:row-reverse;flex-wrap:wrap;gap:8px}
.pg-home .lift{grid-template-columns:1fr}
.pg-home .lift-btns button{width:50px;height:50px;font-size:14px}
.pg-home .fl-card{min-height:0}
.pg-home .h-track{padding:0 20px;gap:16px}
.pg-home .fd{width:260px}
.pg-home .fd-end{width:240px;padding:22px}
.pg-home .dg-head{grid-template-columns:1fr}
.pg-home .dg-logo{height:40px;margin-bottom:16px}
.pg-home .dome-logo{height:38px}
.pg-home .cx .sub{height:28px}
.pg-home .cx .cx-name{height:28px;font-size:22px}
.pg-home .acts{grid-template-columns:1fr}
.pg-home .acts .ph{aspect-ratio:4/3}
.pg-home .dome-grid{grid-template-columns:1fr;gap:36px}
.pg-home .cx{grid-template-columns:1fr;gap:48px}
.pg-home .cx .card .ph{aspect-ratio:4/3}
.pg-home .visit{grid-template-columns:1fr;gap:28px}
}

/* ===== Boutiques (.pg-boutiques) ===== */
.pg-boutiques .b-hero{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:56px;align-items:end}
.pg-boutiques .filters{position:sticky;top:0;z-index:5;background:rgba(250,248,243,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.pg-boutiques .filters .wrap{display:grid;gap:14px;padding-top:18px;padding-bottom:18px}
.pg-boutiques .f-line{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pg-boutiques .f-line::-webkit-scrollbar{display:none}
.pg-boutiques .f-line .flabel{flex:none;width:72px;font:600 12.5px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pg-boutiques .chip.fr-chip{border-color:var(--night)}
.pg-boutiques .floors-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;background:#fff;gap:2px;flex:none}
.pg-boutiques .floors-seg button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:500 14px var(--text);color:var(--ink);cursor:pointer;white-space:nowrap}
.pg-boutiques .floors-seg button.is-on{background:var(--night);color:#fff}
.pg-boutiques .res-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:44px 0 26px;flex-wrap:wrap}
.pg-boutiques .sort{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-3);flex-wrap:wrap}
.pg-boutiques .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.pg-boutiques .st{display:grid;gap:12px;text-decoration:none;color:var(--ink);align-content:start}
.pg-boutiques .st .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pg-boutiques .st b{font:600 17px/1.25 var(--text)}
.pg-boutiques .st small{display:block;margin-top:3px;font-size:14px;color:var(--ink-3)}
.pg-boutiques .st .fr{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:600 11.5px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:#0B6E9C}
.pg-boutiques .st .fr::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.pg-boutiques .st .soon{position:absolute;inset-inline-start:10px;top:10px;padding:5px 9px;border-radius:999px;background:var(--night);color:#fff;font:600 11.5px/1 var(--text);letter-spacing:.06em}
.pg-boutiques .empty{grid-column:1/-1;padding:64px 24px;text-align:center;border:1px dashed var(--line-2);border-radius:8px}
.pg-boutiques .more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:56px}
.pg-boutiques .more .bar{width:240px;height:2px;background:var(--line);position:relative}
.pg-boutiques .more .bar i{position:absolute;inset:0;background:var(--blue);transform-origin:left}
@media (max-width: 760px){
.pg-boutiques .b-hero{grid-template-columns:1fr;gap:28px}
.pg-boutiques .grid{grid-template-columns:1fr 1fr;gap:26px 14px}
.pg-boutiques .f-line .flabel{display:none}
.pg-boutiques .st b{font-size:15px}
.pg-boutiques .st .fr{font-size:10.5px;letter-spacing:.08em}
}

/* ===== Boutique (.pg-fiche) ===== */
.pg-fiche .fiche{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:start;padding:28px 0 112px}
.pg-fiche .fiche .photo{aspect-ratio:4/5}
.pg-fiche .id{display:flex;align-items:center;gap:18px}
.pg-fiche .id .logo-tile{width:132px;flex:none}
.pg-fiche .facts{list-style:none;padding:0;margin:30px 0 32px;border-top:1px solid var(--line)}
.pg-fiche .facts li{display:grid;grid-template-columns:28px 120px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.pg-fiche .facts li span{color:var(--ink-3);font-size:15px}
.pg-fiche .facts li b{font-weight:500}
.pg-fiche .where{display:grid;gap:12px;margin-top:40px;padding:24px 26px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.pg-fiche .where .names{display:flex;flex-wrap:wrap;gap:8px}
.pg-fiche .near{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pg-fiche .near a{display:grid;gap:10px;text-decoration:none;color:var(--ink)}
@media (max-width: 760px){
.pg-fiche .fiche{grid-template-columns:1fr;gap:32px;padding:12px 0 72px}
.pg-fiche .fiche .photo{aspect-ratio:4/3}
.pg-fiche .facts li{grid-template-columns:28px 100px 1fr}
.pg-fiche .near{grid-template-columns:1fr 1fr}
}

/* ===== Restaurants (.pg-restaurants) ===== */
.pg-restaurants .feat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 28px}
.pg-restaurants .feat .card:nth-child(1){grid-column:1 / span 7}
.pg-restaurants .feat .card:nth-child(2){grid-column:8 / span 5}
.pg-restaurants .feat .card:nth-child(3),.pg-restaurants .feat .card:nth-child(4),.pg-restaurants .feat .card:nth-child(5){grid-column:span 4}
.pg-restaurants .feat .card:nth-child(1) .ph{aspect-ratio:7/5}
.pg-restaurants .feat .card:nth-child(2) .ph{aspect-ratio:5/5}
.pg-restaurants .feat .badge{position:absolute;left:16px;bottom:16px;width:68px;height:68px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
[dir="rtl"] .pg-restaurants .feat .badge{left:auto;right:16px}
.pg-restaurants .feat .badge img{width:100%;height:100%;object-fit:contain}
.pg-restaurants .feat .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pg-restaurants .ctrl{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.pg-restaurants .seg2{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;background:#fff;gap:2px}
.pg-restaurants .seg2 button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:500 14.5px var(--text);color:var(--ink);cursor:pointer}
.pg-restaurants .seg2 button.is-on{background:var(--night);color:#fff}
.pg-restaurants .list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}
.pg-restaurants .li{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.pg-restaurants .li .logo-tile{aspect-ratio:1;padding:8px;border-radius:6px}
.pg-restaurants .li b{font:600 17px/1.25 var(--text)}
.pg-restaurants .li small{display:block;margin-top:3px;font-size:14px;color:var(--ink-3)}
.pg-restaurants .li:hover b{text-decoration:underline}
.pg-restaurants .frb{display:inline-flex;align-items:center;gap:6px;margin-top:7px;font:600 11.5px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:#B4570F}
.pg-restaurants .frb::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
@media (max-width: 760px){
.pg-restaurants .feat{grid-template-columns:1fr;gap:40px}
.pg-restaurants .feat .card:nth-child(n){grid-column:auto}
.pg-restaurants .feat .card:nth-child(n) .ph{aspect-ratio:4/3}
.pg-restaurants .list{grid-template-columns:1fr}
}

/* ===== DreamGames (.pg-dreamgames) ===== */
.pg-dreamgames .dg-logo{height:72px;width:auto;margin-bottom:24px}
.pg-dreamgames .act{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:72px;align-items:center;padding:56px 0;border-top:1px solid var(--line-dk)}
.pg-dreamgames .act:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.pg-dreamgames .act:nth-child(even) .ph-col{order:2}
.pg-dreamgames .act .ph{aspect-ratio:5/4}
.pg-dreamgames .act .num{font:800 15px var(--text);color:var(--green-n);letter-spacing:.16em}
.pg-dreamgames .thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.pg-dreamgames .thumbs .ph{aspect-ratio:1}
.pg-dreamgames .mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:300px 300px;gap:16px}
.pg-dreamgames .mosaic .ph:first-child{grid-row:1 / 3}
.pg-dreamgames .info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg-dreamgames .info .panel{display:grid;gap:10px}
.pg-dreamgames .dg-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:0;margin-top:40px;border-top:1px solid rgba(255,255,255,.22)}
.pg-dreamgames .dg-kpis div{padding:18px 44px 0 0}
.pg-dreamgames .dg-kpis b{display:block;font:800 40px/1 var(--display);letter-spacing:-.03em;color:#fff}
.pg-dreamgames .dg-kpis span{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.76);max-width:200px}
.pg-dreamgames .also{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
@media (max-width: 760px){
.pg-dreamgames .dg-logo{height:44px;margin-bottom:16px}
.pg-dreamgames .dg-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-dreamgames .dg-kpis div{padding:14px 10px 0 0}
.pg-dreamgames .dg-kpis b{font-size:26px}
.pg-dreamgames .dg-kpis span{font-size:12.5px}
.pg-dreamgames .act,.pg-dreamgames .act:nth-child(even){grid-template-columns:1fr;gap:24px;padding:36px 0}
.pg-dreamgames .act:nth-child(even) .ph-col{order:0}
.pg-dreamgames .mosaic{grid-template-columns:1fr;grid-template-rows:240px 200px 200px}
.pg-dreamgames .mosaic .ph:first-child{grid-row:auto}
.pg-dreamgames .info{grid-template-columns:1fr}
}

/* ===== TheDome (.pg-dome) ===== */
.pg-dome .dome-logo{height:56px;width:auto;margin-bottom:24px}
.pg-dome .intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.pg-dome .dome-svg{width:100%;height:auto;overflow:visible}
.pg-dome .dome-svg .d{fill:none;stroke:#0F1035;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s var(--ease) both;animation-delay:var(--s,0s)}
.pg-dome .dome-svg .d2{stroke:#A39B89;stroke-width:1}
.pg-dome .formats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}
.pg-dome .formats li{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:26px 0;border-bottom:1px solid var(--line)}
.pg-dome .formats .n{font:800 15px var(--text);color:var(--ink-3);letter-spacing:.1em}
.pg-dome .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:s}
.pg-dome .steps li{list-style:none;padding:26px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;gap:10px}
.pg-dome .steps b{font:600 18px/1.3 var(--text)}
.pg-dome .devis{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.pg-dome .devis .card-f{background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px}
.pg-dome .contact-l{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.pg-dome .contact-l li{display:flex;gap:12px;align-items:center}
@media (max-width: 760px){
.pg-dome .dome-logo{height:38px;margin-bottom:16px}
.pg-dome .intro,.pg-dome .devis{grid-template-columns:1fr;gap:36px}
.pg-dome .formats{grid-template-columns:1fr}
.pg-dome .steps{grid-template-columns:1fr}
.pg-dome .devis .card-f{padding:22px}
}

/* ===== Evenements (.pg-evenements) ===== */
.pg-evenements .months{display:flex;gap:8px;flex-wrap:wrap}
.pg-evenements .month{min-width:108px;min-height:72px;border-radius:8px;border:1px solid var(--line-2);background:#fff;cursor:pointer;display:grid;place-items:center;align-content:center;gap:4px;font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pg-evenements .month b{font:800 22px/1 var(--display);letter-spacing:-.02em;text-transform:none;color:var(--ink)}
.pg-evenements .month.is-on{background:var(--night);border-color:var(--night);color:rgba(255,255,255,.7)}
.pg-evenements .month.is-on b{color:#fff}
.pg-evenements .agenda{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin-top:36px;align-items:stretch}
.pg-evenements .empty{display:grid;justify-items:center;align-content:center;gap:14px;text-align:center;padding:56px 32px;border:1px dashed var(--line-2);border-radius:8px;background:#fff}
.pg-evenements .empty svg{width:72px;height:72px}
.pg-evenements .dome-card{position:relative;border-radius:8px;overflow:hidden;color:#fff;min-height:360px;display:flex;align-items:flex-end;text-decoration:none}
.pg-evenements .dome-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pg-evenements .dome-card .tx{position:relative;z-index:2;padding:28px;display:grid;gap:12px}
.pg-evenements .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pg-evenements .cats li{list-style:none;padding:24px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;gap:10px}
@media (max-width: 760px){
.pg-evenements .agenda{grid-template-columns:1fr}
.pg-evenements .cats{grid-template-columns:1fr 1fr}
.pg-evenements .month{min-width:84px}
}

/* ===== Hotels (.pg-hotels) ===== */
.pg-hotels .pk-logo{height:44px;width:auto;margin-bottom:24px}
.pg-hotels .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:-64px;position:relative;z-index:3}
.pg-hotels .trio a{display:grid;justify-items:center;align-content:center;gap:12px;padding:30px 18px;text-decoration:none;color:var(--ink);border-inline-start:1px solid var(--line);transition:background .45s var(--ease)}
.pg-hotels .trio a:first-child{border-inline-start:0}
.pg-hotels .trio a:hover{background:var(--stone)}
.pg-hotels .trio img{height:72px;width:auto;max-width:200px;object-fit:contain}
.pg-hotels .hotel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center;padding:96px 0;border-bottom:1px solid var(--line)}
.pg-hotels .hotel:nth-of-type(even) .gal{order:2}
.pg-hotels .gal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:240px 240px;gap:12px}
.pg-hotels .gal .ph:first-child{grid-row:1 / 3}
.pg-hotels .gal.single{grid-template-columns:1fr;grid-template-rows:480px}
.pg-hotels .h-logo{height:64px;width:auto;max-width:220px;object-fit:contain;object-position:left center}
.pg-hotels .stars{letter-spacing:4px;color:var(--ink);font-size:15px}
.pg-hotels .kv{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--line)}
.pg-hotels .kv li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.pg-hotels .kv li span{color:var(--ink-3)}
.pg-hotels .kv li b{font-weight:500;text-align:end}
.pg-hotels .amen{display:flex;flex-wrap:wrap;gap:8px}
.pg-hotels .restos{display:flex;gap:14px;align-items:center;margin-top:22px;flex-wrap:wrap}
.pg-hotels .restos .logo-tile{width:150px;aspect-ratio:5/2;padding:10px 14px}
.pg-hotels .restos .logo-tile img{aspect-ratio:auto;width:100%;height:100%}
@media (max-width: 760px){
.pg-hotels .pk-logo{height:30px;margin-bottom:16px}
.pg-hotels .trio{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-36px}
.pg-hotels .trio a{padding:14px 6px;gap:6px}
.pg-hotels .trio img{height:40px;max-width:100%}
.pg-hotels .trio .stars{font-size:10px;letter-spacing:2px}
.pg-hotels .hotel{grid-template-columns:1fr;gap:28px;padding:64px 0}
.pg-hotels .hotel:nth-of-type(even) .gal{order:0}
.pg-hotels .gal{grid-template-rows:180px 180px}
.pg-hotels .gal.single{grid-template-rows:280px}
.pg-hotels .h-logo{height:40px}
}

/* ===== BusinessCenter (.pg-business) ===== */
.pg-business .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-dk);margin-top:44px;max-width:760px}
.pg-business .kpis div{padding:18px 0}
.pg-business .kpis b{display:block;font:800 44px/1 var(--display);letter-spacing:-.03em;color:#fff}
.pg-business .kpis span{font-size:14px;color:rgba(255,255,255,.72)}
.pg-business .dir{display:grid;grid-template-columns:420px minmax(0,1fr);gap:64px;align-items:start}
.pg-business .tower{position:sticky;top:24px;display:grid;gap:0;padding:20px 18px 14px;border-radius:10px;background:#0B0C26;color:#fff}
.pg-business .tower .bh{display:flex;justify-content:space-between;align-items:center;padding:0 10px 14px;border-bottom:1px solid rgba(255,255,255,.14);font:600 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.pg-business .tower .bh button{border:0;background:transparent;color:#fff;font:500 13px var(--text);cursor:pointer;text-decoration:underline;text-underline-offset:3px;letter-spacing:0;text-transform:none}
.pg-business .lv{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-height:52px;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;font:400 14px/1.35 var(--text);color:rgba(255,255,255,.86);cursor:pointer;text-align:start;transition:background .35s var(--ease)}
.pg-business .lv:last-child{border-bottom:0}
.pg-business .lv .no{font:800 22px/1 var(--display);letter-spacing:-.02em;color:#FFCD34}
.pg-business .lv .no small{display:inline-block;font:700 12px/1 var(--text);letter-spacing:0;margin-inline-start:1px;vertical-align:top;color:rgba(255,205,52,.85)}
.pg-business .lv:hover{background:rgba(255,255,255,.06)}
.pg-business .lv.is-on{background:rgba(255,255,255,.12);color:#fff}
.pg-business .panel-f h3{margin-top:10px}
.pg-business .tenants{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--line)}
.pg-business .tenants li{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.pg-business .tenants .unit{font:600 13px/1.3 var(--text);color:var(--ink-3);font-variant-numeric:tabular-nums}
.pg-business .tenants b{display:block;font:600 18px/1.3 var(--text)}
.pg-business .tenants small{display:block;margin-top:4px;color:var(--ink-2);font-size:14.5px}
.pg-business .rent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pg-business .rent .panel{display:grid;gap:12px;align-content:start}
@media (max-width: 760px){
.pg-business .kpis b{font-size:32px}
.pg-business .dir{grid-template-columns:1fr;gap:28px}
.pg-business .tower{position:relative;top:0}
.pg-business .rent{grid-template-columns:1fr}
.pg-business .tenants li{grid-template-columns:72px 1fr}
}

/* ===== Isken (.pg-isken) ===== */
.pg-isken .isk{--teal:#0F373D;--teal-2:#174B51;--orange-i:#D98139;--orange-ink:#A2561A;--ivory-i:#F4F1EA;--sand-i:#E6E0D2;--mint:#C3D6D2}
.pg-isken .isk .hero-a{background:var(--teal)}
.pg-isken .isk .hero-a .scrim-l::after{background:linear-gradient(90deg,rgba(11,40,44,.92) 0%,rgba(11,40,44,.62) 48%,rgba(11,40,44,.1) 100%)}
.pg-isken .isk .hl{--hl:#D98139}
.pg-isken .isk .label .k{background:var(--orange-i)}
.pg-isken .isk-logo{height:64px;width:auto;margin-bottom:24px}
.pg-isken .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.2);margin-top:40px;max-width:720px}
.pg-isken .kpis div{padding:18px 0}
.pg-isken .kpis b{display:block;font:800 46px/1 var(--display);letter-spacing:-.03em;color:#fff}
.pg-isken .kpis span{font-size:14px;color:var(--mint)}
.pg-isken .subnav{position:sticky;top:0;z-index:5;background:rgba(244,241,234,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--sand-i)}
.pg-isken .subnav .wrap{display:flex;gap:6px;align-items:center;min-height:62px;overflow-x:auto;scrollbar-width:none}
.pg-isken .subnav .wrap::-webkit-scrollbar{display:none}
.pg-isken .subnav a{padding:10px 16px;border-radius:999px;text-decoration:none;font:500 15px var(--text);color:var(--teal);white-space:nowrap}
.pg-isken .subnav a:hover{background:var(--sand-i)}
.pg-isken .subnav .cta{margin-inline-start:auto}
.pg-isken .res{padding:120px 0;background:var(--ivory-i)}
.pg-isken .res:nth-of-type(even){background:#fff}
.pg-isken .res-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:56px}
.pg-isken .res-head .t-h1{color:var(--teal)}
.pg-isken .figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sand-i);border-bottom:1px solid var(--sand-i)}
.pg-isken .figs div{padding:22px 4px}
.pg-isken .figs b{display:block;font:800 40px/1 var(--display);letter-spacing:-.03em;color:var(--teal)}
.pg-isken .figs span{font-size:14px;color:#4A5D60}
.pg-isken .gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:280px 280px;gap:12px;margin:48px 0}
.pg-isken .gal .ph:first-child{grid-row:1 / 3}
.pg-isken .gal .ph:nth-child(2){grid-column:2 / 4}
.pg-isken .tbl{width:100%;border-collapse:collapse;font-size:15.5px}
.pg-isken .tbl th{text-align:start;font:600 12.5px var(--text);letter-spacing:.14em;text-transform:uppercase;color:#4A5D60;padding:0 12px 12px 0;border-bottom:1px solid var(--teal)}
.pg-isken .tbl td{padding:15px 12px 15px 0;border-bottom:1px solid var(--sand-i);font-variant-numeric:tabular-nums}
.pg-isken .tbl td:first-child{font:800 18px var(--display);color:var(--teal)}
.pg-isken .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:48px}
.pg-isken .amen{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pg-isken .amen li{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--sand-i);border-radius:8px;background:#fff}
.pg-isken .amen b{display:block;font-weight:600;color:var(--teal)}
.pg-isken .amen small{color:#4A5D60}
.pg-isken .amen .ico{color:var(--orange-ink)}
.pg-isken .note{font-size:13px;color:#4A5D60;margin-top:14px}
.pg-isken .contact{background:var(--teal);color:#fff;padding:120px 0}
.pg-isken .contact-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.pg-isken .contact .card-f{background:#fff;color:var(--ink);border-radius:8px;padding:34px}
.pg-isken .contact .chip.is-on{background:var(--teal);border-color:var(--teal)}
.pg-isken .contact .btn{background:var(--teal);border-color:var(--teal)}
.pg-isken .contact .btn:hover{background:var(--teal-2);border-color:var(--teal-2)}
.pg-isken .contact ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.pg-isken .contact ul li{display:flex;gap:12px;align-items:center;color:#EDE7DA}
.pg-isken .contact ul a{color:#fff}
@media (max-width: 760px){
.pg-isken .isk-logo{height:40px;margin-bottom:16px}
.pg-isken .kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pg-isken .kpis span{display:block;font-size:12.5px;line-height:1.35}
.pg-isken .kpis b{font-size:32px}
.pg-isken .res{padding:72px 0}
.pg-isken .res-head,.pg-isken .two,.pg-isken .contact-g{grid-template-columns:1fr;gap:28px}
.pg-isken .figs{grid-template-columns:1fr 1fr}
.pg-isken .gal{grid-template-columns:1fr 1fr;grid-template-rows:220px 160px 160px}
.pg-isken .gal .ph:first-child{grid-row:auto;grid-column:1 / 3}
.pg-isken .gal .ph:nth-child(2){grid-column:auto}
.pg-isken .amen{grid-template-columns:1fr}
.pg-isken .tbl{font-size:14px}
.pg-isken .contact{padding:72px 0}
.pg-isken .contact .card-f{padding:22px}
.pg-isken .subnav .cta{display:none}
}

/* ===== Contact (.pg-contact) ===== */
.pg-contact .info3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pg-contact .info3 .panel{display:grid;gap:14px;align-content:start}
.pg-contact .info3 .big{font:800 40px/1 var(--display);letter-spacing:-.03em}
.pg-contact .hrs{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.pg-contact .hrs li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.pg-contact .hrs li span{color:var(--ink-3)}
.pg-contact .depts{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.pg-contact .depts li{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
.pg-contact .depts b{font-weight:600}
.pg-contact .depts a{font-size:15px;color:var(--ink-2)}
.pg-contact .cform{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.pg-contact .cform .card-f{background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px}
.pg-contact .route{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:var(--stone);font-size:14.5px}
@media (max-width: 760px){
.pg-contact .info3{grid-template-columns:1fr}
.pg-contact .cform{grid-template-columns:1fr;gap:28px}
.pg-contact .cform .card-f{padding:22px}
}

/* ===== Recrutement (.pg-recrutement) ===== */
.pg-recrutement .jobs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.pg-recrutement .metiers{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}
.pg-recrutement .metiers li{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.pg-recrutement .metiers b{font-weight:600}
.pg-recrutement .metiers span{color:var(--ink-3);font-size:14.5px}
.pg-recrutement .state{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px dashed var(--line-2);border-radius:8px;background:#fff;margin-top:34px}
.pg-recrutement .card-f{background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px}
.pg-recrutement .drop{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border:1px dashed var(--field);border-radius:8px;background:var(--ivory);cursor:pointer}
.pg-recrutement .drop:hover{border-color:var(--night)}
.pg-recrutement .drop b{font-weight:500}
@media (max-width: 760px){
.pg-recrutement .jobs{grid-template-columns:1fr;gap:32px}
.pg-recrutement .card-f{padding:22px}
}

/* ===== Legal (.pg-legal) ===== */
.pg-legal .lg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start;padding-top:72px;padding-bottom:120px}
.pg-legal .toc{position:sticky;top:24px;display:grid;gap:4px;border-inline-start:1px solid var(--line);padding-inline-start:20px}
.pg-legal .toc button{text-align:start;background:none;border:0;padding:10px 0;font:500 15.5px var(--text);color:var(--ink-3);cursor:pointer}
.pg-legal .toc button.is-on{color:var(--ink)}
.pg-legal .toc button.is-on::before{content:"";display:inline-block;width:8px;height:8px;border-radius:1px;background:var(--yellow);margin-inline-end:10px}
.pg-legal .doc{max-width:760px}
.pg-legal .doc h2{margin:44px 0 12px}
.pg-legal .doc h2:first-child{margin-top:0}
.pg-legal .doc p,.pg-legal .doc li{color:var(--ink-2)}
.pg-legal .doc dl{display:grid;grid-template-columns:180px 1fr;gap:10px 24px;margin:0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pg-legal .doc dt{color:var(--ink-3)}
.pg-legal .doc dd{margin:0;font-weight:500}
@media (max-width: 760px){
.pg-legal .lg{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:72px}
.pg-legal .toc{position:relative;top:0;border:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}
.pg-legal .doc dl{grid-template-columns:1fr}
}