/*
 Theme Name: Bricks Child - Manzili
 Template: bricks
 Version: 1.0.0
*/

:root {
  --mz-ink: #211912;
  --mz-cream: #f9f4ec;
  --mz-paper: #fefbf7;
  --mz-white: #ffffff;
  --mz-accent: #ae785a;
  --mz-accent-dark: #b44e2e;
  --mz-muted: rgba(33, 25, 18, .65);
  --mz-footer-text: rgba(249, 244, 236, .8);
  --mz-font-display: "Cinzel", Georgia, serif;
  --mz-font-body: "Montserrat", Arial, sans-serif;
  --mz-font-accent: "Cormorant Garamond", Georgia, serif;
  --mz-font-note: "Caveat", cursive;
  --mz-container: 1280px;
  --mz-inner: 1200px;
}

body { margin: 0; background: #fff; color: var(--mz-ink); }
body.bricks-is-frontend :where(a, button):focus-visible { outline: 2px solid var(--mz-accent); outline-offset: 4px; }
.mz-page, .mz-page * { box-sizing: border-box; }
.mz-page { overflow: hidden; background: #fff; font-family: var(--mz-font-body); color: var(--mz-ink); }
.mz-page img { display: block; max-width: 100%; }
.mz-section { position: relative; width: 100%; }
.mz-container { width: min(100% - 160px, var(--mz-container)); margin: 0 auto; padding-inline: 40px; }
.mz-kicker { margin: 0; color: var(--mz-accent); font: 500 11.5px/19px var(--mz-font-body); letter-spacing: 2.534px; text-transform: uppercase; }
.mz-heading { margin: 0; font: 400 54.4px/54.4px var(--mz-font-display); letter-spacing: -1.36px; text-transform: uppercase; }
.mz-heading em { display: inline; font-family: var(--mz-font-accent); font-style: normal; text-transform: none; }
.mz-copy { margin: 0; color: var(--mz-muted); font: 400 16px/26px var(--mz-font-body); letter-spacing: .16px; }
.mz-link-line { display: inline-flex; gap: 12px; align-items: center; width: fit-content; border-bottom: 1px solid currentColor; padding-bottom: 3px; color: var(--mz-ink); font: 500 11px/18.15px var(--mz-font-body); letter-spacing: 2.75px; text-transform: uppercase; }
.mz-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 999px; padding: 16px 32px; background: #fbf6ee; color: #211912; font: 500 12px/19.8px var(--mz-font-body); letter-spacing: 2.64px; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.mz-btn:hover { transform: translateY(-1px); }
.mz-btn-outline { background: transparent; border-color: rgba(249,244,236,.4); color: var(--mz-cream); }

.mz-header-shell { position: absolute; inset: 0 0 auto; z-index: 20; padding: 24px 20px; }
.mz-header-inner { width: min(100%, 1400px); height: 62px; margin: 0 auto; padding-inline: 40px; display: flex; align-items: center; justify-content: space-between; }
.mz-header-logo { width: 168.5px; height: 62px; }
.mz-header-logo img, .mz-footer-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mz-footer-logo img { object-position: center; }
.mz-nav { display: flex; align-items: center; gap: 36px; }
.mz-nav a { color: rgba(255,255,255,.85); text-decoration: none; font: 500 13px/21.45px var(--mz-font-body); letter-spacing: .325px; white-space: nowrap; }
.mz-header-cta { min-height: 40px; padding: 10px 20px; border-radius: 999px; background: #fff; color: var(--mz-ink); text-decoration: none; font: 500 12px/19.8px var(--mz-font-body); letter-spacing: 2.16px; text-transform: uppercase; }

.mz-hero { height: 900px; background: #000; color: var(--mz-cream); display: grid; place-items: center; text-align: center; }
.mz-hero-content { width: min(1024px, calc(100% - 40px)); transform: translateY(33px); }
.mz-hero .mz-kicker { color: rgba(249,244,236,.8); text-align: center; }
.mz-hero h1 { margin: 24px 0 0; color: var(--mz-cream); font: 400 72px/1.1 var(--mz-font-display); letter-spacing: -1.872px; text-transform: uppercase; }
.mz-hero h1 span { display: block; }
.mz-hero h1 span:last-child { color: rgba(249,244,236,.9); }
.mz-hero-copy { width: min(996px, 100%); margin: 32px auto 0; color: rgba(249,244,236,.85); font: 400 18px/29.25px var(--mz-font-body); letter-spacing: .16px; }
.mz-hero-quote { margin-top: 8px; color: rgba(249,244,236,.95); font: italic 20px/28px var(--mz-font-accent); letter-spacing: -.4px; }
.mz-hero-actions { margin-top: 42px; display: flex; justify-content: center; align-items: center; gap: 16px; }
.mz-hero .mz-link-line { color: rgba(249,244,236,.9); }

.mz-intro { height: 718px; margin-top: 50px; padding-block: 75px; background: #fff; }
.mz-intro-grid { height: 568px; display: grid; grid-template-columns: 453.333px 666.667px; gap: 80px; align-items: start; }
.mz-intro-media { position: relative; height: 568px; overflow: hidden; border-radius: 40px; }
.mz-intro-media figure, .mz-intro-media img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; }
.mz-intro-media img { transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
.mz-intro-media:hover img, .mz-intro-media:focus-within img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) { .mz-intro-media:hover img, .mz-intro-media:focus-within img { transform: none; } }
.mz-intro-badge { position: absolute; left: 24px; right: 24px; bottom: 19px; display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; border-radius: 24px; background: rgba(251,246,238,.85); backdrop-filter: blur(6px); }
.mz-intro-badge strong { color: var(--mz-accent-dark); font: 400 24px/32px var(--mz-font-accent); }
.mz-intro-badge span { color: #665b53; font: 400 12px/16px var(--mz-font-body); text-transform: uppercase; }
.mz-intro-text { padding-top: 33px; display: flex; flex-direction: column; gap: 12px; }
.mz-intro .mz-heading em { display: block; }
.mz-intro-copy { display: grid; gap: 8px; padding-top: 10.875px; }

.mz-testimonials { height: 812px; margin-top: 50px; padding-block: 75px; background: #fff; overflow: hidden; }
.mz-testimonial-head { min-height: 172px; display: flex; justify-content: space-between; align-items: end; margin-bottom: 55px; }
.mz-testimonial-title { max-width: 672px; display: grid; gap: 20px; }
.mz-testimonial-title .mz-heading { font-size: 60px; line-height: 63px; letter-spacing: -1.2px; }
.mz-testimonial-title .mz-heading em { display: block; }
.mz-review-arrows { display: flex; gap: 14px; padding: 0 80px 34px 0; }
.mz-icon-btn { width: 36px; height: 36px; border: 0; padding: 0; border-radius: 999px; background: transparent; cursor: pointer; }
.mz-icon-btn img { width: 36px; height: 36px; }
.mz-review-track { display: flex; gap: 32px; width: calc(100vw + 588px); overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; padding-bottom: 24px; }
.mz-review-track::-webkit-scrollbar { display: none; }
.mz-review-card { flex: 0 0 380px; height: 294.5px; border-radius: 20px; background: var(--mz-cream); padding: 36px; display: flex; flex-direction: column; scroll-snap-align: start; }
.mz-review-card header { display: flex; align-items: center; gap: 16px; }
.mz-avatar { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 50%; background: var(--mz-accent); color: var(--mz-cream); font: 400 18px/28px var(--mz-font-accent); }
.mz-review-person { display: grid; gap: 2px; min-width: 86px; }
.mz-review-person strong { font: 500 14px/20px var(--mz-font-body); }
.mz-review-person small { color: rgba(33,25,18,.55); font: 400 12px/16px var(--mz-font-body); }
.mz-stars { display: flex; gap: 2px; margin-left: auto; }
.mz-stars img { width: 16px; height: 16px; }
.mz-review-text { flex: 1; display: flex; align-items: center; margin: 24px 0; color: rgba(33,25,18,.85); font: italic 20px/27.5px var(--mz-font-accent); letter-spacing: -.4px; }
.mz-review-source { color: rgba(33,25,18,.45); font: 400 10px/16.5px var(--mz-font-body); letter-spacing: 2.5px; text-transform: uppercase; }
.mz-review-link { display: flex; justify-content: center; margin-top: 26px; }

.mz-packages { height: 708.55px; margin-top: 50px; padding-block: 75px; background: #fff; }
.mz-section-head { height: 132.55px; display: flex; justify-content: space-between; align-items: end; margin-bottom: 50px; }
.mz-section-head-text { max-width: 672px; display: grid; gap: 12px; }
.mz-card-grid { display: grid; gap: 24px; }
.mz-package-grid { grid-template-columns: repeat(4, 1fr); height: 376px; }
.mz-media-card { position: relative; overflow: hidden; border-radius: 28px; color: var(--mz-cream); background: #eee; }
.mz-media-card figure, .mz-media-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mz-media-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%); }
.mz-card-content { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 26px; display: grid; gap: 8px; }
.mz-card-title { margin: 0; color: var(--mz-cream); font: 400 20px/32px var(--mz-font-display); letter-spacing: -.6px; text-transform: uppercase; }
.mz-card-copy { margin: 0; color: rgba(251,246,238,.85); font: 400 14px/20px var(--mz-font-body); }
.mz-card-link { display: inline-flex; gap: 8px; align-items: center; padding-top: 11.5px; color: var(--mz-cream); font: 400 12px/16px var(--mz-font-body); letter-spacing: 2.64px; text-transform: uppercase; }
.mz-card-link img { position: static; width: 14px; height: 14px; object-fit: contain; }

.mz-rooms { height: 1550.45px; margin-top: 50px; padding-block: 75px; background: #fff; }
.mz-rooms-head { max-width: 672px; display: grid; gap: 12px; }
.mz-room-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, 260px); gap: 20px; height: 1100px; }
.mz-room-card { position: relative; overflow: hidden; border-radius: 28px; color: var(--mz-cream); background: #f1e6da; }
.mz-room-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0) 50%); }
.mz-room-card figure, .mz-room-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mz-room-card:nth-child(1) { grid-column: 1 / span 7; grid-row: 1 / span 2; }
.mz-room-card:nth-child(2) { grid-column: 8 / span 5; grid-row: 1; }
.mz-room-card:nth-child(3) { grid-column: 8 / span 5; grid-row: 2; }
.mz-room-card:nth-child(4) { grid-column: 1 / span 6; grid-row: 3; }
.mz-room-card:nth-child(5) { grid-column: 7 / span 6; grid-row: 3; }
.mz-room-card:nth-child(6) { grid-column: 1 / span 12; grid-row: 4; }
.mz-room-content { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.mz-room-title { margin: 0; color: var(--mz-cream); font: 400 24px/32px var(--mz-font-display); letter-spacing: -.6px; }
.mz-room-copy { margin: 4px 0 0; color: rgba(251,246,238,.8); font: 400 14px/20px var(--mz-font-body); }
.mz-card-round-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 50%; background: #fbf6ee; }
.mz-card-round-icon img { position: static; width: 16px; height: 16px; }
.mz-rooms-cta { display: flex; justify-content: center; margin-top: 48.45px; }
.mz-rooms-cta .mz-btn { background: var(--mz-ink); color: var(--mz-cream); }

.mz-excursions { height: 687.66px; margin-top: 50px; padding-block: 75px; background: #fff; }
.mz-excursion-grid { margin-top: 50px; grid-template-columns: repeat(4, 1fr); height: 356.25px; gap: 20px; }
.mz-excursion-card { border-radius: 24px; }
.mz-excursion-card .mz-card-content { top: 252.25px; bottom: auto; }
.mz-excursion-card .mz-card-round-icon { width: 36px; height: 36px; margin-top: 12px; }

.mz-cowork { height: 735.06px; margin-top: 50px; padding-block: 75px; background: var(--mz-accent); color: #fff; overflow: hidden; }
.mz-cowork::before { content: ""; position: absolute; inset: 0; background: var(--mz-texture) center/cover no-repeat; opacity: .04; }
.mz-cowork-grid { position: relative; height: 585.06px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; align-items: center; }
.mz-cowork-media { width: 560px; border-radius: 32px; overflow: hidden; }
.mz-cowork-media figure, .mz-cowork-media img { width: 560px; aspect-ratio: 560 / 420; height: auto; object-fit: cover; border-radius: 32px; }
.mz-cowork-text { width: 560px; display: grid; gap: 12px; }
.mz-cowork .mz-kicker { color: rgba(255,255,255,.7); letter-spacing: 3.686px; }
.mz-cowork .mz-heading { color: #fff; }
.mz-cowork-copy { display: grid; gap: 8px; padding: 6.875px 0 12px; }
.mz-cowork .mz-copy { color: rgba(255,255,255,.8); font-size: 15px; line-height: 24.38px; }
.mz-experience-box { display: flex; gap: 16px; align-items: start; padding: 21px; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; background: rgba(255,255,255,.05); backdrop-filter: blur(4px); }
.mz-experience-box strong { color: #fff; font: 400 30px/1 var(--mz-font-accent); white-space: nowrap; }
.mz-experience-box span { color: rgba(255,255,255,.85); font: italic 14px/20px var(--mz-font-body); }
.mz-cowork .mz-btn { width: fit-content; margin-top: 12px; color: var(--mz-accent); background: #fff; }

.mz-gallery { height: 779px; margin-top: 50px; padding-block: 75px; background: #fff; overflow: hidden; }
.mz-gallery-inner { position: relative; height: 629px; }
.mz-gallery-head { max-width: 672px; display: grid; gap: 12px; }
.mz-gallery .mz-heading { font-size: 60px; line-height: 63px; letter-spacing: -1.2px; }
.mz-gallery-arrows { position: absolute; top: 0; right: 120px; display: flex; gap: 20px; }
.mz-gallery-arrows .mz-icon-btn, .mz-gallery-arrows img { width: 48px; height: 48px; }
.mz-gallery-track { margin-top: 50px; display: flex; gap: 24px; width: calc(100vw + 900px); overflow-x: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; scrollbar-width: none; }
.mz-gallery-track::-webkit-scrollbar { display: none; }
.mz-gallery-slide { flex: 0 0 285px; height: 369px; border-radius: 20px; overflow: hidden; scroll-snap-align: start; box-shadow: 0 1px 4px rgba(12,12,13,.05); }
.mz-gallery-slide figure, .mz-gallery-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.mz-gallery-slide img { transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
.mz-gallery-slide:hover img, .mz-gallery-slide:focus-within img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) { .mz-gallery-slide:hover img, .mz-gallery-slide:focus-within img { transform: none; } }

.mz-partners { height: 527.938px; margin-top: 50px; padding: 75px 20px 125px; background: #fff; text-align: center; }
.mz-partners .mz-container { width: min(100%, 1400px); height: 327.938px; }
.mz-partners-head { width: 672px; margin: 0 auto 50px; display: grid; gap: 12px; justify-items: center; }
.mz-partners .mz-heading { font-size: 36px; line-height: 45px; letter-spacing: -.72px; }
.mz-partner-row { width: 1200px; height: 158.938px; margin: 0 auto; display: flex; align-items: center; gap: 32px; }
.mz-partner { flex: 0 0 173.333px; height: 158.938px; border-radius: 20px; }
.mz-partner figure, .mz-partner img { width: 100%; height: 100%; object-fit: contain; border-radius: 20px; }

.mz-cta { height: 720px; display: grid; place-items: center; color: var(--mz-cream); text-align: center; overflow: hidden; }
.mz-cta-bg, .mz-cta-gradient { position: absolute; inset: 0; }
.mz-cta-bg figure, .mz-cta-bg img, .mz-cta-gradient figure, .mz-cta-gradient img { width: 100%; height: 100%; object-fit: cover; }
.mz-cta-content { position: relative; width: 768px; min-height: 619.79px; padding: 111px 24px 112px; display: grid; align-content: center; justify-items: center; }
.mz-cta-content .mz-kicker { color: rgba(249,244,236,.7); }
.mz-cta-content .mz-heading { width: 752px; color: var(--mz-cream); font-size: 64px; line-height: 1.34; letter-spacing: -1.44px; }
.mz-cta-content .mz-copy { width: 672px; color: rgba(249,244,236,.85); text-align: center; font-size: 18px; line-height: 29.25px; }
.mz-cta-actions { display: flex; gap: 16px; justify-content: center; margin-top: 16px; }

.mz-footer { height: 495px; padding: 96px 20px 40px; background: #000; color: var(--mz-footer-text); }
.mz-footer-inner { width: min(100%, 1400px); margin: 0 auto; padding-inline: 40px; display: grid; gap: 80px; }
.mz-footer-main { display: grid; grid-template-columns: 335px 891px; gap: 94px; height: 251px; }
.mz-footer-brand { display: grid; justify-items: center; align-content: start; text-align: center; }
.mz-footer-logo { width: 241px; height: 89px; margin-bottom: -1px; }
.mz-footer-brand p { margin: 0; color: rgba(249,244,236,.7); font: 400 14px/22.75px var(--mz-font-body); letter-spacing: .16px; }
.mz-footer-brand em { color: rgba(249,244,236,.9); font: italic 18px/28px var(--mz-font-accent); letter-spacing: -.36px; }
.mz-socials { display: flex; gap: 12px; align-items: center; margin-top: 8px; }
.mz-socials img { width: 32px; height: 32px; object-fit: contain; }
.mz-socials img.youtube { width: 46px; }
.mz-footer-cols { display: flex; align-items: start; justify-content: space-between; }
.mz-footer-col { display: grid; gap: 20px; }
.mz-footer-col h3 { margin: 0; color: rgba(249,244,236,.6); font: 500 11.5px/19px var(--mz-font-body); letter-spacing: 2.534px; text-transform: uppercase; }
.mz-footer-list { display: grid; gap: 12px; }
.mz-footer-list a, .mz-footer-list span { color: rgba(249,244,236,.8); text-decoration: none; font: 400 14px/20px var(--mz-font-body); letter-spacing: .16px; }
.mz-newsletter p { width: 294px; margin: 0; color: rgba(249,244,236,.7); font: 400 14px/22.75px var(--mz-font-body); }
/* Newsletter = Contact Form 7 (form #74), styled to keep the pill look */
.mz-newsletter-form { width: 369px; max-width: 100%; margin-top: 0; }
.mz-newsletter-form .wpcf7 { width: 100%; }
.mz-newsletter-form .screen-reader-response { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mz-newsletter-form .mz-nl-row { margin: 0; display: flex; align-items: center; width: 369px; max-width: 100%; height: 48px; }
.mz-newsletter-form .wpcf7-form-control-wrap { flex: 1 1 auto; min-width: 0; height: 100%; display: block; }
.mz-newsletter-form input.wpcf7-email { width: 100%; height: 48px; border: 1px solid rgba(249,244,236,.25); border-right: 0; border-radius: 999px 0 0 999px; background: transparent; padding: 0 17px; color: var(--mz-cream); font: 400 14px/1 var(--mz-font-body); }
.mz-newsletter-form input.wpcf7-email::placeholder { color: rgba(249,244,236,.4); }
.mz-newsletter-form input.wpcf7-submit { flex: 0 0 128px; width: 128px; height: 48px; border: 0; border-radius: 0 999px 999px 0; background: var(--mz-cream); color: var(--mz-ink); font: 500 12px/16px var(--mz-font-body); letter-spacing: 2.16px; text-transform: uppercase; text-align: center; cursor: pointer; }
.mz-newsletter-form .wpcf7-spinner { display: none; }
.mz-newsletter-form .wpcf7-not-valid-tip { color: #ffd9c2; font: 400 12px/16px var(--mz-font-body); margin-top: 6px; }
.mz-newsletter-form .wpcf7-response-output { flex-basis: 100%; margin: 10px 0 0 !important; padding: 6px 12px !important; border-color: rgba(249,244,236,.4) !important; border-radius: 8px; font: 400 12.5px/18px var(--mz-font-body); color: rgba(249,244,236,.88); }
.mz-footer-bottom { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(249,244,236,.15); padding-top: 33px; color: rgba(249,244,236,.55); font: 400 12px/16px var(--mz-font-body); }
.mz-footer-bottom nav { display: flex; gap: 24px; }
.mz-footer-bottom a { color: inherit; text-decoration: none; }

@media (max-width: 1100px) {
  .mz-container { width: min(100% - 48px, 960px); padding-inline: 0; }
  .mz-header-inner { padding-inline: 24px; }
  .mz-nav { display: none; }
  .mz-hero h1 { font-size: 54px; }
  .mz-intro, .mz-testimonials, .mz-packages, .mz-rooms, .mz-excursions, .mz-cowork, .mz-gallery, .mz-partners, .mz-cta, .mz-footer { height: auto; }
  .mz-intro-grid, .mz-cowork-grid, .mz-footer-main { height: auto; grid-template-columns: 1fr; }
  .mz-intro-grid { gap: 48px; }
  .mz-package-grid, .mz-excursion-grid { grid-template-columns: repeat(2, 1fr); height: auto; }
  .mz-media-card { min-height: 356px; }
  .mz-room-grid { height: auto; grid-template-columns: repeat(2, 1fr); grid-template-rows: none; }
  .mz-room-card, .mz-room-card:nth-child(n) { grid-column: auto; grid-row: auto; min-height: 330px; }
  .mz-footer-cols { gap: 40px; flex-wrap: wrap; }
}

@media (max-width: 700px) {
  .mz-container { width: min(100% - 40px, 480px); }
  .mz-header-logo { width: 136px; height: 50px; }
  .mz-header-cta { font-size: 10px; padding-inline: 14px; }
  .mz-hero { min-height: 720px; height: auto; padding: 120px 0 80px; }
  .mz-hero h1 { font-size: 42px; }
  .mz-hero-copy { font-size: 15px; line-height: 24px; }
  .mz-hero-actions, .mz-section-head, .mz-cta-actions { flex-direction: column; align-items: center; }
  .mz-heading, .mz-testimonial-title .mz-heading, .mz-gallery .mz-heading, .mz-cta-content .mz-heading { width: auto; font-size: 38px; line-height: 42px; white-space: normal; }
  .mz-intro-grid, .mz-package-grid, .mz-excursion-grid, .mz-room-grid { grid-template-columns: 1fr; }
  .mz-intro-media { height: 420px; }
  .mz-testimonial-head { display: block; min-height: 0; }
  .mz-review-arrows { padding: 24px 0 0; }
  .mz-review-track, .mz-gallery-track { width: 100%; }
  .mz-review-card { flex-basis: 84vw; }
  .mz-cowork-media, .mz-cowork-media figure, .mz-cowork-media img, .mz-cowork-text { width: 100%; }
  .mz-partner-row { width: 100%; height: auto; flex-wrap: wrap; justify-content: center; }
  .mz-partner { flex-basis: 42%; }
  .mz-cta-content, .mz-cta-content .mz-copy, .mz-partners-head { width: 100%; min-width: 0; }
  .mz-footer-main { grid-template-columns: 1fr; gap: 48px; }
  .mz-footer-bottom { flex-direction: column; gap: 16px; align-items: start; }
  .mz-footer-bottom nav { flex-direction: column; gap: 10px; }
  /* Buttons: allow wrapping and take full width so they never overflow on mobile */
  .mz-btn { white-space: normal; max-width: 100%; padding-left: 24px; padding-right: 24px; text-align: center; }
  .mz-hero-actions, .mz-cta-actions, .mz-rooms-cta { width: 100%; }
  .mz-hero-actions .mz-btn,
  .mz-cta-actions .mz-btn,
  .mz-cta-actions .mz-btn-outline,
  .mz-rooms-cta .mz-btn,
  .mz-cowork .mz-btn { width: 100%; }
}

.mz-cowork::before { background-image: url('https://manzili.top-energiedin.com/wp-content/uploads/manzili-bricks/cowork-texture.png'); }


.mz-header-logo a { display: block; width: 100%; height: 100%; }
.mz-header-cta > a, .mz-btn > a, .mz-link-line > a { display: inline-flex; align-items: center; gap: inherit; color: inherit; text-decoration: none; }
.mz-card-link > span { display: inline-flex; align-items: center; gap: 8px; }


/* Figma recheck fixes */
.mz-intro .mz-heading { font-size: 52px; line-height: 52px; letter-spacing: -1.3px; }
.mz-btn span, .mz-link-line span { display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 19.8px; }
.mz-review-arrows .mz-icon-btn, .mz-gallery-arrows .mz-icon-btn { width: 48px; height: 48px; padding: 0; border: 0; background: transparent; display: inline-grid; place-items: center; }
.mz-review-arrows .mz-icon-btn img, .mz-gallery-arrows .mz-icon-btn img { width: 48px; height: 48px; object-fit: contain; display: block; }
.mz-cowork .mz-btn { gap: 8px; padding: 16px 28px; font-size: 14px; line-height: 20px; letter-spacing: 2.52px; }
.mz-cowork .mz-btn > a { gap: 8px; }
.mz-cowork .mz-btn span { width: 16px; height: 16px; font-size: 0; background: url('/wp-content/uploads/manzili-bricks/cowork-arrow.svg') center/contain no-repeat; }
.mz-gallery-track { width: calc(100vw - 120px); max-width: 1320px; }
.mz-header-logo, .mz-footer-logo { background-color: transparent; }
@media (max-width: 767px) {
  .mz-intro .mz-heading { font-size: 38px; line-height: 42px; }
  .mz-gallery-track { width: 100%; max-width: none; }
}


/* Figma interaction states */
.mz-media-card,
.mz-room-card,
.mz-excursion-card,
.mz-cowork-media,
.mz-btn,
.mz-link-line,
.mz-icon-btn {
  transition: transform 360ms cubic-bezier(.22, 1, .36, 1), background-color 240ms ease, color 240ms ease, border-color 240ms ease;
}
.mz-media-card figure,
.mz-media-card > img,
.mz-room-card figure,
.mz-room-card > img,
.mz-excursion-card figure,
.mz-excursion-card > img,
.mz-cowork-media figure,
.mz-cowork-media img {
  transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}
.mz-media-card::after,
.mz-room-card::after,
.mz-excursion-card::after {
  transition: background 360ms ease;
}
.mz-card-content,
.mz-room-content,
.mz-card-link,
.mz-card-round-icon,
.mz-card-link img,
.mz-card-round-icon img,
.mz-btn span,
.mz-link-line span {
  transition: transform 360ms cubic-bezier(.22, 1, .36, 1), opacity 300ms ease;
}
.mz-media-card:hover figure,
.mz-media-card:focus-within figure,
.mz-media-card:hover > img,
.mz-media-card:focus-within > img,
.mz-room-card:hover figure,
.mz-room-card:focus-within figure,
.mz-room-card:hover > img,
.mz-room-card:focus-within > img,
.mz-excursion-card:hover figure,
.mz-excursion-card:focus-within figure,
.mz-excursion-card:hover > img,
.mz-excursion-card:focus-within > img,
.mz-cowork-media:hover figure,
.mz-cowork-media:hover img {
  transform: scale(1.25);
}
.mz-media-card:hover::after,
.mz-media-card:focus-within::after {
  background: linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
}
.mz-room-card:hover::after,
.mz-room-card:focus-within::after {
  background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0) 50%);
}
.mz-excursion-card::before {
  content: attr(data-mz-excerpt);
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 100px;
  color: rgba(251,246,238,.7);
  font: 400 10px/15px var(--mz-font-body);
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 300ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
}
.mz-excursion-card:hover::before,
.mz-excursion-card:focus-within::before {
  opacity: 1;
  transform: translateY(0);
}
.mz-excursion-card:hover .mz-card-content,
.mz-excursion-card:focus-within .mz-card-content {
  transform: translateY(-42px);
}
.mz-excursion-card:hover::after,
.mz-excursion-card:focus-within::after {
  background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
}
.mz-card-link img,
.mz-card-round-icon img {
  transform-origin: center;
}
.mz-media-card:hover .mz-card-link img,
.mz-media-card:focus-within .mz-card-link img,
.mz-room-card:hover .mz-card-round-icon img,
.mz-room-card:focus-within .mz-card-round-icon img,
.mz-excursion-card:hover .mz-card-round-icon img,
.mz-excursion-card:focus-within .mz-card-round-icon img {
  transform: translate(2px, -2px);
}
.mz-btn:hover,
.mz-btn:focus-visible,
.mz-link-line:hover,
.mz-link-line:focus-visible {
  transform: translateY(-1px);
}
.mz-btn:hover span,
.mz-btn:focus-visible span,
.mz-link-line:hover span,
.mz-link-line:focus-visible span {
  transform: translateX(3px);
}
.mz-gallery-arrows .mz-icon-btn:hover,
.mz-gallery-arrows .mz-icon-btn:focus-visible,
.mz-review-arrows .mz-icon-btn:hover,
.mz-review-arrows .mz-icon-btn:focus-visible {
  transform: scale(1.03);
}
@media (prefers-reduced-motion: reduce) {
  .mz-media-card,
  .mz-room-card,
  .mz-excursion-card,
  .mz-cowork-media,
  .mz-btn,
  .mz-link-line,
  .mz-icon-btn,
  .mz-media-card figure,
  .mz-media-card > img,
  .mz-room-card figure,
  .mz-room-card > img,
  .mz-excursion-card figure,
  .mz-excursion-card > img,
  .mz-cowork-media figure,
  .mz-cowork-media img,
  .mz-card-content,
  .mz-room-content,
  .mz-card-link,
  .mz-card-round-icon,
  .mz-card-link img,
  .mz-card-round-icon img,
  .mz-btn span,
  .mz-link-line span,
  .mz-excursion-card::before {
    transition: none;
  }
}
.mz-excursion-card:nth-child(1)::before { content: "Bassins naturels et canyon de palmiers"; }
.mz-excursion-card:nth-child(2)::before { content: "Mers de sable à l’heure dorée"; }
.mz-excursion-card:nth-child(3)::before { content: "La plus longue vague droite du Maroc"; }
.mz-excursion-card:nth-child(4)::before { content: "Épices, tissus, vie locale"; }
/* Figma coworking section background */
.brxe-section.mz-section.mz-cowork,
#brxe-379fb2 {
  background-color: #ae785a;
  overflow: hidden;
}
.brxe-section.mz-section.mz-cowork::before,
#brxe-379fb2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background-image: url('/wp-content/uploads/manzili-bricks/cowork-texture.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  pointer-events: none;
}
.brxe-section.mz-section.mz-cowork > *,
#brxe-379fb2 > * {
  position: relative;
  z-index: 1;
}
.mz-gallery-arrows .mz-icon-btn:first-child img {
  transform: rotate(180deg);
}
/* Figma testimonial slider buttons */
.mz-review-arrows {
  gap: 14px;
}
.mz-review-arrows .mz-icon-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(251,246,238,.95);
  display: inline-grid;
  place-items: center;
}
.mz-review-arrows .mz-icon-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.mz-review-arrows .mz-icon-btn:first-child img {
  opacity: .5;
  transform: rotate(225deg);
}
.mz-review-arrows .mz-icon-btn:last-child img {
  opacity: 1;
  transform: rotate(45deg);
}
/* Figma testimonial track: extend to viewport right edge */
#brxe-bd0d0b,
.mz-review-track {
  width: calc(100vw - ((100vw - min(100% - 160px, var(--mz-container))) / 2) - 40px);
  max-width: none;
}
@media (max-width: 1024px) {
  #brxe-bd0d0b,
  .mz-review-track {
    width: 100%;
  }
}
/* Correct testimonial track full-right bleed */
@media (min-width: 1025px) {
  .mz-testimonials .mz-container {
    overflow: visible;
  }
  #brxe-bd0d0b.mz-review-track,
  .mz-testimonials .mz-review-track {
    width: calc(100vw - ((100vw - 1280px) / 2) - 40px) !important;
    max-width: none !important;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  #brxe-bd0d0b.mz-review-track,
  .mz-testimonials .mz-review-track {
    width: calc(100vw - 120px) !important;
  }
}
/* Correct gallery track full-right bleed */
@media (min-width: 1025px) {
  .mz-gallery .mz-container {
    overflow: visible;
  }
  #brxe-27fca0.mz-gallery-track,
  .mz-gallery .mz-gallery-track {
    width: calc(100vw - ((100vw - 1280px) / 2) - 40px) !important;
    max-width: none !important;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  #brxe-27fca0.mz-gallery-track,
  .mz-gallery .mz-gallery-track {
    width: calc(100vw - 120px) !important;
  }
}
.mz-link-line img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex: 0 0 16px;
}
.mz-link-line-packages {
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2.52px;
}
/* Figma hero CTA arrow */
.mz-hero .mz-btn span {
  width: auto;
  height: auto;
  background: none;
  color: #211912;
  font-family: var(--mz-font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 19.8px;
  letter-spacing: 2.64px;
}
/* Figma text-arrow links */
.mz-link-line span {
  width: auto;
  height: auto;
  background: none;
  color: currentColor;
  font-family: var(--mz-font-body);
  font-size: 11px;
  font-weight: 400;
  line-height: 18.15px;
  letter-spacing: 2.75px;
}
.mz-link-line-packages span,
.mz-link-line-packages img {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2.52px;
}
.mz-rooms-cta .mz-btn {
  gap: 0;
  padding: 16px 36px;
}
/* Responsive overflow fixes from real tablet/mobile tests */
@media (max-width: 1100px) {
  .mz-page {
    overflow-x: hidden;
  }
  .mz-partners {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-block: 64px 80px;
  }
  .mz-partners .mz-container {
    height: auto !important;
    overflow: visible !important;
  }
  .mz-partner-row {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .mz-partner {
    flex: 0 1 calc(33.333% - 20px);
    max-width: 173px;
    height: 120px;
  }
  .mz-cta {
    height: auto !important;
    min-height: 620px;
    overflow: hidden;
  }
  .mz-cta-content,
  .mz-cta-content .mz-heading,
  .mz-cta-content .mz-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .mz-cta-content {
    padding-inline: 24px;
  }
}
@media (max-width: 700px) {
  .mz-partners {
    padding-block: 56px 72px;
  }
  .mz-partner-row {
    gap: 16px;
  }
  .mz-partner {
    flex-basis: calc(50% - 12px);
    height: 112px;
  }
  .mz-cta-content {
    padding-block: 72px;
  }
}
/* Tablet/mobile header menu */
.mz-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  cursor: pointer;
  place-items: center;
  position: relative;
}
.mz-menu-toggle span {
  position: absolute;
  left: 13px;
  right: 13px;
  height: 1.5px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 220ms ease, opacity 180ms ease, top 220ms ease;
}
.mz-menu-toggle span:nth-child(1) { top: 15px; }
.mz-menu-toggle span:nth-child(2) { top: 21px; }
.mz-menu-toggle span:nth-child(3) { top: 27px; }
body.mz-menu-open .mz-menu-toggle span:nth-child(1) { top: 21px; transform: rotate(45deg); }
body.mz-menu-open .mz-menu-toggle span:nth-child(2) { opacity: 0; }
body.mz-menu-open .mz-menu-toggle span:nth-child(3) { top: 21px; transform: rotate(-45deg); }
@media (max-width: 1100px) {
  .mz-header-shell { z-index: 50; }
  .mz-menu-toggle { display: grid; }
  .mz-header-cta { display: none; }
  .mz-header-inner { position: relative; }
  .mz-nav {
    position: absolute;
    top: calc(100% + 16px);
    left: 24px;
    right: 24px;
    display: grid;
    gap: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    background: rgba(33,25,18,.94);
    box-shadow: 0 18px 48px rgba(0,0,0,.28);
    backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
  }
  body.mz-menu-open .mz-nav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .mz-nav a {
    display: flex;
    min-height: 44px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: rgba(249,244,236,.92);
    font-size: 13px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
  }
  .mz-nav a:last-child { border-bottom: 0; }
  .mz-nav::after {
    content: "Réserve ta place";
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    border-radius: 999px;
    background: #fff;
    color: #211912;
    font: 500 12px/19.8px var(--mz-font-body);
    letter-spacing: 2.16px;
    text-transform: uppercase;
  }
}
@media (max-width: 700px) {
  .mz-header-shell { padding-inline: 12px; }
  .mz-header-inner { padding-inline: 12px; }
  .mz-nav { left: 12px; right: 12px; }
}
.mz-mobile-nav-cta { display: none; }
@media (max-width: 1100px) {
  .mz-nav::after { content: none; }
  .mz-nav a.mz-mobile-nav-cta {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    border-bottom: 0;
    border-radius: 999px;
    background: #fff;
    color: #211912;
    font: 500 12px/19.8px var(--mz-font-body);
    letter-spacing: 2.16px;
    text-transform: uppercase;
  }
}
/* Full-screen mobile/tablet menu */
@media (max-width: 1100px) {
  body.mz-menu-open {
    overflow: hidden;
  }
  body.mz-menu-open .mz-header-shell {
    position: fixed;
    inset: 0 0 auto;
    z-index: 9999;
  }
  body.mz-menu-open .mz-header-logo {
    filter: invert(1);
  }
  body.mz-menu-open .mz-menu-toggle {
    border-color: rgba(33,25,18,.18);
    background: #f9f4ec;
    color: #211912;
  }
  .mz-nav {
    z-index: 9998;
  }
  body.mz-menu-open .mz-nav {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    padding: 132px 32px 40px;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    overflow-y: auto;
  }
  body.mz-menu-open .mz-nav::before {
    content: "";
    display: block;
    width: 176px;
    height: 65px;
    margin: 0 auto 28px;
    background: url('/wp-content/uploads/manzili-bricks/header-logo.png') center/contain no-repeat;
    filter: invert(1);
    opacity: .95;
    flex: 0 0 auto;
  }
  body.mz-menu-open .mz-nav a {
    min-height: 56px;
    justify-content: center;
    border-bottom: 1px solid rgba(33,25,18,.1);
    color: #211912;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.4px;
    text-align: center;
  }
  body.mz-menu-open .mz-nav a:hover,
  body.mz-menu-open .mz-nav a:focus-visible {
    color: #ae785a;
  }
  body.mz-menu-open .mz-nav a.mz-mobile-nav-cta {
    width: min(100%, 340px);
    min-height: 52px;
    margin: 28px auto 0;
    border: 0;
    background: #211912;
    color: #f9f4ec;
  }
}
@media (max-width: 700px) {
  body.mz-menu-open .mz-nav {
    padding: 116px 24px 34px;
  }
  body.mz-menu-open .mz-nav::before {
    width: 150px;
    height: 55px;
    margin-bottom: 22px;
  }
  body.mz-menu-open .mz-nav a {
    min-height: 52px;
    font-size: 13px;
    letter-spacing: 2px;
  }
  .mz-gallery-arrows {
    top: -30px;
  }
}
@media (max-width: 1100px) {
  body.mz-menu-open .mz-nav {
    transform: none !important;
  }
}
.mz-gallery-arrows {
  right: 0;
}
/* Aux alentours hover: keep title and button fixed */
.mz-excursion-card:hover .mz-card-content,
.mz-excursion-card:focus-within .mz-card-content {
  transform: none !important;
}
.mz-review-arrows {
  padding: 0 0px 34px 0;
}
/* Local placeholder hero background video */
.mz-hero {
  overflow: hidden;
  isolation: isolate;
}
.mz-hero-video,
.mz-hero-video-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mz-hero-video {
  z-index: 0;
  object-fit: cover;
  opacity: 1;
}
.mz-hero-video-overlay {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.80), rgba(0,0,0,.95));
  opacity: .5;
  pointer-events: none;
}
.mz-hero-content {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .mz-hero-video {
    display: none;
  }
}

/* Bricks-native header/footer compatibility */
.mz-nav-menu,
.mz-nav-menu .bricks-nav-menu-wrapper,
.mz-nav-menu .bricks-nav-menu {
  display: flex;
  align-items: center;
}
.mz-nav-menu .bricks-nav-menu {
  gap: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mz-nav-menu .bricks-nav-menu > li {
  margin: 0;
}
.mz-nav-menu .bricks-nav-menu > li > a {
  padding: 0;
}
.mz-nav-menu .bricks-mobile-menu-toggle,
.mz-nav-menu .bricks-mobile-menu-wrapper,
.mz-nav-menu .bricks-mobile-menu-overlay {
  display: none !important;
}
@media (max-width: 1100px) {
  body.mz-menu-open .mz-nav-menu,
  body.mz-menu-open .mz-nav-menu .bricks-nav-menu-wrapper,
  body.mz-menu-open .mz-nav-menu .bricks-nav-menu {
    display: flex !important;
    width: 100%;
  }
  body.mz-menu-open .mz-nav-menu .bricks-nav-menu {
    flex-direction: column;
    gap: 0;
  }
}


/* Header nav closed state fix for tablet/mobile */
@media (max-width: 1100px) {
  body:not(.mz-menu-open) .mz-nav-menu,
  body:not(.mz-menu-open) .mz-mobile-nav-cta {
    display: none !important;
  }
  body.mz-menu-open .mz-mobile-nav-cta {
    display: flex !important;
  }
}

/* Footer mobile overflow fix */
@media (max-width: 640px) {
  .mz-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .mz-footer-inner,
  .mz-footer-main,
  .mz-footer-brand,
  .mz-footer-cols,
  .mz-footer-col,
  .mz-newsletter {
    width: 100% !important;
    max-width: 100% !important;
  }
  .mz-footer-inner {
    padding-inline: 0 !important;
  }
  .mz-footer-main,
  .mz-footer-cols {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .mz-footer-cols {
    gap: 32px !important;
  }
  .mz-newsletter p,
  .mz-newsletter-form {
    width: 100% !important;
    max-width: 100% !important;
  }
  .mz-newsletter-form .mz-nl-row {
    width: 100%;
  }
  .mz-newsletter-form input.wpcf7-email {
    flex: 1 1 auto;
    min-width: 0;
  }
  .mz-newsletter-form input.wpcf7-submit {
    flex: 0 0 128px;
  }
}


/* About page - editable Figma build node 165:6852 */
.mz-about-page{background:#fff;color:var(--mz-ink);overflow-x:clip}.mz-about-container{width:min(100% - 160px,1200px);margin-inline:auto}.mz-about-section{position:relative;width:100%;padding:75px 0}.mz-about-page>.mz-about-section+.mz-about-section{margin-top:50px}.mz-about-hero{height:630px;padding:0;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}.mz-about-hero-bg,.mz-about-hero-bg img,.mz-about-cta-bg,.mz-about-cta-bg img{position:absolute;inset:0;width:100%;height:100%}.mz-about-hero-bg img,.mz-about-cta-bg img{object-fit:cover}.mz-about-hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.58));z-index:1;pointer-events:none}.mz-about-hero-inner{position:relative;z-index:2;width:min(1304px,calc(100% - 136px));margin-top:11px}.mz-about-hero-kicker,.mz-about-page .mz-kicker{margin:0;color:#b98261;font:500 11.5px/19px var(--mz-font-body);letter-spacing:2.534px;text-transform:uppercase}.mz-about-hero-kicker{color:rgba(255,255,255,.88);text-align:center;margin-bottom:12px}.mz-about-hero-title{margin:0;color:#fff;font:400 88px/91px var(--mz-font-display);letter-spacing:0}.mz-about-hero-copy{width:min(576px,100%);margin:0 auto;color:rgba(255,255,255,.86);font:400 17px/24.75px var(--mz-font-body);letter-spacing:.16px}.mz-about-welcome{height:627px}.mz-about-welcome-grid{height:477px;display:grid;grid-template-columns:527px 1fr;gap:0;align-items:start}.mz-about-welcome-media{display:grid;grid-template-columns:258.5px 258.5px;gap:10px;height:477px}.mz-about-welcome-media img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mz-about-text{max-width:638px}.mz-about-welcome .mz-about-text{padding-left:35px;margin-top:77.5px}.mz-about-heading{margin:0;color:var(--mz-ink);font:400 52px/54.4px var(--mz-font-display);letter-spacing:0}.mz-about-heading em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400}.mz-about-copy{display:grid;gap:8px;margin-top:12px}.mz-about-copy p,.mz-about-location .mz-copy{margin:0;color:rgba(33,25,18,.7);font:400 15px/24.75px var(--mz-font-body);letter-spacing:.16px}.mz-about-quote{margin:12px 0 0;padding-left:10px;border-left:2px solid var(--mz-accent);color:rgba(33,25,18,.7);font:italic 16px/32px var(--mz-font-accent)}.mz-about-team{height:666px;background:#b98261 url(/wp-content/uploads/manzili-bricks/cowork-texture.png) center/cover;color:#fff;overflow:hidden}.mz-about-team-grid{display:grid;grid-template-columns:1fr 600px;gap:72px;align-items:center;height:500px}.mz-about-team-text{max-width:480px}.mz-about-team .mz-kicker,.mz-about-team .mz-about-heading{color:#f9f4ec}.mz-about-team .mz-about-copy p{color:rgba(249,244,236,.78)}.mz-about-team-image img{display:block;width:600px;height:500px;object-fit:cover;object-position:center;border-radius:8px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.mz-about-philosophy{height:750.55px}.mz-about-section-head{text-align:center;width:100%;margin:0 auto 38.55px}.mz-about-section-head .mz-kicker{margin-bottom:12px}.mz-about-section-head .mz-copy{width:min(701px,100%);margin:12px auto 0;color:rgba(33,25,18,.68);font:400 15px/28px var(--mz-font-body)}.mz-about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.mz-about-value{height:309px;padding:33px;background:#fff;border-radius:4px;box-shadow:0 12px 36px rgba(33,25,18,.08);transition:transform .45s ease,box-shadow .45s ease}.mz-about-value:hover,.mz-about-value:focus-within{transform:translateY(-8px);box-shadow:0 20px 50px rgba(33,25,18,.14)}.mz-about-value-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(185,130,97,.12);margin-bottom:24px}.mz-about-value-icon img{width:20px;height:20px}.mz-about-value h3{margin:0 0 14px;color:var(--mz-ink);font:400 30px/32px var(--mz-font-display)}.mz-about-value p{margin:0;color:rgba(33,25,18,.62);font:400 14px/22.75px var(--mz-font-body)}.mz-about-culture{height:766px}.mz-about-culture-grid{display:grid;grid-template-columns:642px 523px;gap:35px;align-items:start}.mz-about-culture-media{display:grid;grid-template-columns:316px 316px;gap:10px;height:616px}.mz-about-culture-media img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mz-about-culture-media>div{display:grid;grid-template-rows:382px 224px;gap:10px}.mz-about-culture-media .mz-tall{height:616px}.mz-about-culture .mz-about-text{margin-top:126.22px}.mz-about-life{height:853.73px}.mz-about-life .mz-about-section-head{margin-bottom:45.4px}.mz-about-life-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.mz-about-life-card{height:376px;position:relative;overflow:hidden;border-radius:8px;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.12)}.mz-about-life-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.mz-about-life-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 100%)}.mz-about-life-card:hover img,.mz-about-life-card:focus-within img{transform:scale(1.16)}.mz-about-life-card>div{position:absolute;z-index:1;left:24px;right:24px;bottom:23px}.mz-about-life-card h3{margin:0 0 8px;color:#fff;font:400 27px/28px var(--mz-font-display)}.mz-about-life-card p{margin:0;color:rgba(255,255,255,.86);font:400 13.5px/21.5px var(--mz-font-body)}.mz-about-location{height:835.875px}.mz-about-location-grid{display:grid;grid-template-columns:601px 496px;gap:103px;align-items:start}.mz-about-location-image img{display:block;width:601px;height:687px;object-fit:cover;border-radius:8px}.mz-about-location-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}.mz-about-location-list li{display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start}.mz-about-location-list span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(185,130,97,.12)}.mz-about-location-list span img{width:16px;height:16px}.mz-about-location-list p{margin:4px 0 0;color:rgba(33,25,18,.78);font:400 15px/23px var(--mz-font-body)}.mz-about-cta{height:720px;position:relative;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}.mz-about-cta-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.72));z-index:1;pointer-events:none}.mz-about-cta-content{position:relative;z-index:2;width:min(877px,calc(100% - 48px));margin-top:18px}.mz-about-cta-content .mz-kicker{color:rgba(255,255,255,.82)}.mz-about-cta-content h2{margin:0;color:#fff;font:400 70px/70px var(--mz-font-display)}.mz-about-cta-content p:not(.mz-kicker){width:min(672px,100%);margin:12px auto 0;color:rgba(255,255,255,.82);font:400 15px/24.75px var(--mz-font-body)}.mz-about-cta-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.mz-about-cta .mz-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
@media (max-width:1100px){.mz-about-container{width:min(100% - 48px,760px)}.mz-about-page>.mz-about-section+.mz-about-section{margin-top:0}.mz-about-section,.mz-about-welcome,.mz-about-team,.mz-about-philosophy,.mz-about-culture,.mz-about-life,.mz-about-location{height:auto}.mz-about-hero{height:560px}.mz-about-hero-title{font-size:62px;line-height:66px}.mz-about-welcome-grid,.mz-about-team-grid,.mz-about-culture-grid,.mz-about-location-grid{height:auto;grid-template-columns:1fr;gap:40px}.mz-about-welcome-media{grid-template-columns:1fr 1fr;height:420px}.mz-about-welcome .mz-about-text,.mz-about-culture .mz-about-text{padding-left:0;margin-top:0}.mz-about-team-image img,.mz-about-location-image img{width:100%;height:auto;max-height:620px}.mz-about-values,.mz-about-life-grid{grid-template-columns:repeat(2,1fr)}.mz-about-culture-media{width:100%;grid-template-columns:1fr 1fr}.mz-about-cta-content h2{font-size:54px;line-height:58px}}
@media (max-width:640px){.mz-about-container{width:calc(100% - 32px)}.mz-about-section{padding:56px 0}.mz-about-hero{height:520px}.mz-about-hero-inner{width:calc(100% - 32px)}.mz-about-hero-title{font-size:42px;line-height:46px}.mz-about-hero-copy{font-size:14px;line-height:22px}.mz-about-heading{font-size:38px;line-height:42px}.mz-about-welcome-media{height:auto;grid-template-columns:1fr}.mz-about-welcome-media img{height:320px}.mz-about-team{padding:60px 0}.mz-about-values,.mz-about-life-grid{grid-template-columns:1fr}.mz-about-value{height:auto;min-height:240px}.mz-about-culture-media{height:auto;grid-template-columns:1fr}.mz-about-culture-media>div{grid-template-rows:none}.mz-about-culture-media img,.mz-about-culture-media .mz-tall{height:320px}.mz-about-location-grid{gap:30px}.mz-about-location-list li{grid-template-columns:32px 1fr;gap:12px}.mz-about-location-list span{width:32px;height:32px}.mz-about-cta{height:600px}.mz-about-cta-content h2{font-size:40px;line-height:44px}.mz-about-cta-actions{flex-direction:column;align-items:center}.mz-about-cta-actions .mz-btn{width:min(100%,260px);justify-content:center}}
@media (min-width:1101px){.mz-about-page>.mz-about-cta{margin-top:50px}}

/* About page typography override hardening */
.mz-about-page .mz-about-hero-title{display:block !important;font-family:var(--mz-font-display) !important;font-size:88px !important;line-height:91px !important;font-weight:400 !important;letter-spacing:0 !important;color:#fff !important;margin:0 !important}.mz-about-page .mz-about-heading{display:block !important;font-family:var(--mz-font-display) !important;font-size:54.4px !important;line-height:57.12px !important;font-weight:400 !important;letter-spacing:.544px !important;color:var(--mz-ink) !important;margin:0 !important}
.mz-about-page .mz-about-section-head .mz-about-heading{line-height:54.4px !important;letter-spacing:-1.36px !important}.mz-about-page .mz-about-team .mz-about-heading{color:#f9f4ec !important}.mz-about-page .mz-about-value h3{font-family:var(--mz-font-display) !important;font-size:30px !important;line-height:32px !important;font-weight:400 !important}.mz-about-page .mz-about-life-card h3{font-family:var(--mz-font-display) !important;font-size:27px !important;line-height:28px !important;font-weight:400 !important;color:#fff !important}.mz-about-page .mz-about-cta-content h2{font-family:var(--mz-font-display) !important;font-size:66.2px !important;line-height:69.55px !important;letter-spacing:.662px !important;font-weight:400 !important;color:#fff !important;margin:0 !important;white-space:nowrap !important}@media (max-width:1100px){.mz-about-page .mz-about-hero-title{font-size:62px !important;line-height:66px !important}.mz-about-page .mz-about-heading{font-size:52px !important;line-height:54.4px !important}.mz-about-page .mz-about-cta-content h2{font-size:54px !important;line-height:58px !important;white-space:normal !important}}@media (max-width:640px){.mz-about-page .mz-about-hero-title{font-size:42px !important;line-height:46px !important}.mz-about-page .mz-about-heading{font-size:38px !important;line-height:42px !important}.mz-about-page .mz-about-cta-content h2{font-size:40px !important;line-height:44px !important}}

/* About page fidelity overrides */
.mz-about-hero-bg,.mz-about-cta-bg,.mz-about-location-image,.mz-about-team-image{display:block}
.mz-about-team{background:#ae785a url(/wp-content/uploads/manzili-bricks/about-assets/about-team-texture.png) center/cover}
.mz-about-team-grid{grid-template-columns:560px 560px;justify-content:space-between;height:516px}
.mz-about-team-text{max-width:560px}
.mz-about-team .mz-kicker{color:rgba(255,255,255,.7);font:500 11.5px/17.28px var(--mz-font-body);letter-spacing:3.686px;margin-bottom:12px}
.mz-about-team .mz-about-heading{color:#fff !important;font:400 54.4px/54.4px var(--mz-font-display) !important;letter-spacing:-1.36px !important;text-transform:uppercase}
.mz-about-team .mz-about-heading em{display:block;font-family:var(--mz-font-accent);font-style:italic;font-size:51.8px;line-height:54.43px;letter-spacing:.518px;text-transform:none;color:#fff}
.mz-about-copy-light{display:grid;gap:8px;padding-top:6px}
.mz-about-team .mz-about-copy p{color:rgba(255,255,255,.8);font:400 16px/24.38px var(--mz-font-body)}
.mz-about-team-quote{max-width:448px;margin-top:12px;padding-left:22px;border-left:2px solid #fff;color:rgba(255,255,255,.9);font:italic 24px/32px var(--mz-font-accent)}
.mz-about-team-image{position:relative;justify-self:end;width:560px;height:516px;overflow:hidden;border-radius:32px;display:flex;align-items:center}
.mz-about-team-image img{position:absolute;width:100%;height:auto;max-width:none;display:block;object-fit:cover}
.mz-about-culture-media img{object-position:bottom}
@media (max-width:1100px){.mz-about-team-image{width:min(100%,560px);height:516px;justify-self:start}.mz-about-team-image img{left:-7.5%;top:-42%;width:100%}.mz-about-location-image img{width:100%;height:auto;max-height:620px}}
@media (max-width:640px){.mz-about-team .mz-about-heading{font-size:42px !important;line-height:42px !important}.mz-about-team .mz-about-heading em{font-size:40px;line-height:42px}.mz-about-team .mz-about-copy p{font-size:15px;line-height:23px}.mz-about-team-quote{font-size:21px;line-height:29px}.mz-about-team-image{width:100%;height:420px}.mz-about-team-image img{left:0;top:-16%;width:100%}}
/* About hero kicker — Caveat script in warm gold, to match Figma (was invisible white uppercase) */
.mz-about-page .mz-about-hero-kicker,.mz-cowork-page .mz-about-hero-kicker{font-family:"Caveat",cursive;font-style:normal;font-weight:400;font-size:30px;line-height:36px;letter-spacing:.3px;text-transform:none;color:#f3c98a;margin-bottom:8px}
@media (max-width:640px){.mz-about-page .mz-about-hero-kicker,.mz-cowork-page .mz-about-hero-kicker{font-size:24px}}
/* Philosophy cards — match Figma: 20px radius, 1px border, no drop shadow, 24px heading */
.mz-about-page .mz-about-value{border:1px solid rgba(223,214,203,.7);border-radius:20px;box-shadow:none}
.mz-about-page .mz-about-value:hover,.mz-about-page .mz-about-value:focus-within{transform:translateY(-6px);box-shadow:0 14px 32px rgba(33,25,18,.07)}
.mz-about-page .mz-about-value-icon{background:rgba(197,106,62,.1)}
.mz-about-page .mz-about-value h3{font-size:24px !important;line-height:32px !important;letter-spacing:.24px}
.mz-about-page .mz-about-value p{color:#594941}
/* Location list — divider lines + icon bg to match Figma */
.mz-about-page .mz-about-location-list li{border-bottom:1px solid rgba(223,214,203,.6);padding-bottom:17px}
.mz-about-page .mz-about-location-list span{background:rgba(197,106,62,.1)}
.mz-about-page .mz-about-location-list p{color:#291c15;font-size:14px;line-height:22.75px}
/* Location image — rounder corners to match Figma */
.mz-about-page .mz-about-location-image img{border-radius:24px}
/* Keep the location heading lines unwrapped on desktop, as in Figma */
@media (min-width:1101px){.mz-about-page .mz-about-location .mz-about-heading{white-space:nowrap}}

/* ===================== NOS PACKAGES PAGE ===================== */
.mz-pack-page .mz-about-heading em{color:#ae785a}
/* Hero copy a touch narrower, matching Figma */
.mz-pack-page .mz-about-hero-copy{width:min(420px,100%)}
.mz-pack-hero .mz-about-hero-gradient{background:linear-gradient(0deg,rgba(28,20,16,.82) 0%,rgba(28,20,16,.34) 50%,rgba(28,20,16,.55) 100%)}
/* --- Intro (image grid + text) --- */
.mz-pack-intro .mz-about-container{width:min(100% - 240px,1200px)}
.mz-pack-intro-grid{display:grid;grid-template-columns:527px 1fr;gap:0;align-items:center;min-height:477px}
.mz-pack-intro-media{display:grid;grid-template-columns:258.5px 258.5px;gap:10px;height:477px}
.mz-pack-intro-media img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 30px 60px -40px rgba(60,30,10,.45)}
.mz-pack-intro-text{max-width:673px;padding-left:35px}
.mz-pack-intro-text .mz-about-copy{display:grid;gap:16px;margin-top:18px}
.mz-pack-intro-text .mz-about-copy .lead{color:#60524b;font-weight:400}
/* --- Packages cards --- */
.mz-pack-cards{padding:75px 0}
.mz-pack-cards .mz-about-container{width:min(100% - 240px,1200px)}
.mz-pack-cards-head{text-align:center;max-width:672px;margin:0 auto 40px}
.mz-pack-cards-head .mz-kicker{margin-bottom:12px}
.mz-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mz-pack-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(60,30,10,.35);text-decoration:none;transition:transform .4s ease,box-shadow .4s ease}
.mz-pack-card:hover{transform:translateY(-6px);box-shadow:0 36px 66px -38px rgba(60,30,10,.45)}
.mz-pack-card-media{position:relative;height:380px;overflow:hidden}
.mz-pack-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.mz-pack-card:hover .mz-pack-card-media img{transform:scale(1.06)}
.mz-pack-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,20,16,.4) 0%,rgba(28,20,16,0) 50%)}
.mz-pack-card-label{position:absolute;top:21px;left:20px;z-index:1;color:rgba(255,255,255,.9);font:500 11.5px/17.28px var(--mz-font-body);letter-spacing:3.686px;text-transform:uppercase}
.mz-pack-card-body{display:flex;flex-direction:column;padding:32px}
.mz-pack-card-body h3{margin:0 0 16px;color:#231811;font:400 28.8px/31.68px var(--mz-font-display);letter-spacing:.288px}
.mz-pack-name{font-family:var(--mz-font-accent);font-weight:400;font-style:normal;color:#ae785a;text-transform:none}
.mz-pack-name.is-italic{font-style:italic}
.mz-pack-card-body p{margin:0 0 18px;color:#60524b;font:400 14px/22.75px var(--mz-font-body)}
.mz-pack-more{display:inline-flex;align-items:center;gap:8px;color:#c56a3e;font:600 11px/16.5px var(--mz-font-body);letter-spacing:3.08px;text-transform:uppercase;margin-top:auto}
.mz-pack-more span{font-size:15px;line-height:1}
/* --- Retreat (terracotta rounded panel) --- */
.mz-pack-retreat-wrap{padding:30px 0 80px}
.mz-pack-retreat{position:relative;width:min(100% - 240px,1200px);margin-inline:auto;background:#ae785a;border-radius:40px;overflow:hidden;padding:75px 80px}
.mz-pack-retreat:before{content:"";position:absolute;inset:0;background:url(/wp-content/uploads/manzili-bricks/about-assets/about-team-texture.png) center/cover;opacity:1;pointer-events:none}
.mz-pack-retreat-grid{position:relative;z-index:1;display:grid;grid-template-columns:432px 560px;gap:64px;align-items:center;justify-content:space-between}
.mz-pack-retreat-text{max-width:432px}
.mz-pack-retreat-text .mz-kicker{color:rgba(255,255,255,.85);margin-bottom:12px}
.mz-pack-retreat-text h2{margin:0;color:#fff;font:400 54.7px/57.46px var(--mz-font-display);letter-spacing:.547px}
.mz-pack-retreat-text h2 .mz-pack-name{color:#fff}
.mz-pack-retreat-text p{margin:18px 0 0;color:rgba(255,255,255,.85);font:400 16px/26px var(--mz-font-body)}
.mz-pack-retreat-text .mz-btn{margin-top:24px;background:#fff;color:#ae785a;border-color:#fff}
.mz-pack-retreat-img{height:392px;border-radius:32px;overflow:hidden}
.mz-pack-retreat-img img{width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:1100px){
  .mz-pack-intro .mz-about-container,.mz-pack-cards .mz-about-container,.mz-pack-retreat{width:min(100% - 48px,760px)}
  .mz-pack-intro-grid,.mz-pack-retreat-grid{grid-template-columns:1fr;gap:40px}
  .mz-pack-intro-media{height:380px}
  .mz-pack-intro-text{padding-left:0}
  .mz-pack-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .mz-pack-retreat{padding:56px 48px}
  .mz-pack-retreat-text,.mz-pack-retreat-img{max-width:none;width:100%}
}
@media (max-width:640px){
  .mz-pack-intro .mz-about-container,.mz-pack-cards .mz-about-container,.mz-pack-retreat{width:calc(100% - 32px)}
  .mz-pack-intro-media{grid-template-columns:1fr 1fr;height:300px}
  .mz-pack-retreat-text h2{font-size:40px;line-height:44px}
  .mz-pack-retreat{padding:44px 28px;border-radius:28px}
}
/* ===== PACKAGES — Figma desktop pixel parity (typography) ===== */
@media (min-width:1101px){
  .mz-pack-page .mz-about-hero-title{font-size:86.4px !important;line-height:90.72px !important;letter-spacing:.864px !important}
  .mz-pack-page .mz-pack-intro-text .mz-about-heading{font-size:54.4px !important;line-height:57.12px !important;letter-spacing:.544px !important}
  .mz-pack-page .mz-about-cta-content h2{font-size:66.2px !important;line-height:69.55px !important;letter-spacing:.662px !important}
}
/* CTA heading: Figma keeps "Prêt à vivre l'expérience" on one line then "Manzili ?" below (desktop only) */
@media (min-width:1101px){.mz-about-cta-content h2{white-space:nowrap !important}}
/* intro body copy: Figma is Montserrat 16/26 #60524b, lead is NOT bold */
.mz-pack-intro-text .mz-about-copy p{font-size:16px;line-height:26px;color:#60524b}

/* ===================== RESPONSIVE FIXES (about page welcome/team stacking) ===================== */
/* These must come AFTER the "About page fidelity overrides" base rules above, which re-declare
   .mz-about-team-grid as a 2-column base rule and were beating the earlier max-width:1100 media query,
   leaving the team photo (and the welcome heading) overlapping/overflowing on tablet and mobile. */
@media (max-width:1100px){
  .mz-about-page .mz-about-welcome-grid,
  .mz-about-page .mz-about-team-grid{grid-template-columns:1fr;height:auto;gap:40px;justify-content:stretch;align-items:start}
  .mz-about-page .mz-about-welcome-media{position:relative;height:auto;grid-template-columns:1fr 1fr;gap:12px}
  .mz-about-page .mz-about-welcome-media img{height:300px}
  .mz-about-page .mz-about-welcome .mz-about-text,
  .mz-about-page .mz-about-team-text{margin-top:0;padding-left:0;max-width:none;width:100%}
  .mz-about-page .mz-about-team-image{position:relative;justify-self:start;width:100%;max-width:560px;height:auto;overflow:visible;border-radius:24px}
  .mz-about-page .mz-about-team-image img{position:static;left:auto;top:auto;width:100%;height:auto;max-width:100%;border-radius:24px}
}
@media (max-width:640px){
  .mz-about-page .mz-about-welcome-media{grid-template-columns:1fr}
  .mz-about-page .mz-about-welcome-media img{height:240px}
}

/* ===================== CONTACT PAGE ===================== */
.mz-contact-section{padding:120px 0 75px}
.mz-contact-grid{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:start}
.mz-contact-info{background:#fbf6ee;border-radius:24px;padding:48px;box-shadow:0 1px 2px rgba(12,12,13,.05);display:flex;flex-direction:column;gap:40px}
.mz-contact-info-head{display:flex;flex-direction:column;gap:12px}
.mz-contact-info-head .mz-kicker{color:#ae785a;margin:0}
.mz-contact-info-head h2{margin:0;font:400 24px/32px var(--mz-font-display);color:var(--mz-ink)}
.mz-contact-info-head p{margin:0;color:#60524b;font:400 14px/26px var(--mz-font-body)}
.mz-contact-list{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}
.mz-contact-list li{display:flex;gap:16px;align-items:center}
.mz-contact-list li>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px}
.mz-contact-list li>span img{width:18px;height:18px}
.mz-contact-list li>p{margin:0;color:#60524b;font:400 14px/26px var(--mz-font-body)}
.mz-contact-list li>p a{color:inherit;text-decoration:none;transition:color .2s ease}
.mz-contact-list li>p a:hover,.mz-contact-list li>p a:focus-visible{color:var(--mz-accent,#ae785a)}
.mz-contact-map{position:relative;height:160px;border-radius:16px;overflow:hidden;display:grid;place-items:center}
.mz-contact-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-contact-map span{position:relative;z-index:1;background:#fff;border-radius:8px;padding:8px 16px;font:600 12px/26px var(--mz-font-body);color:var(--mz-ink);box-shadow:0 1px 2px rgba(12,12,13,.05)}
.mz-contact-form-col{display:flex;flex-direction:column;gap:40px}
.mz-contact-form-head .mz-kicker{color:#ae785a;margin:0}
.mz-contact-form-head h2{margin:12px 0 0;font:400 40px/52px var(--mz-font-display);letter-spacing:-.5px;color:var(--mz-ink)}
/* Contact Form 7 styling */
.mz-contact-form .wpcf7-form{display:flex;flex-direction:column;gap:24px}
.mz-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mz-cf-field{display:flex;flex-direction:column;gap:8px}
.mz-cf-field>label{font:600 14px/26px var(--mz-font-body);color:var(--mz-ink)}
.mz-contact-form .wpcf7-form-control-wrap{display:block}
.mz-contact-form input.wpcf7-form-control,
.mz-contact-form textarea.wpcf7-form-control{width:100%;border:1px solid #e7e5e4;border-radius:8px;padding:12px 16px;font:400 14px/26px var(--mz-font-body);color:var(--mz-ink);background:#fff;box-sizing:border-box}
.mz-contact-form input.wpcf7-form-control{height:44px}
.mz-contact-form textarea.wpcf7-form-control{height:150px;resize:vertical}
.mz-contact-form input.wpcf7-form-control::placeholder,
.mz-contact-form textarea.wpcf7-form-control::placeholder{color:#6b5e55;opacity:.6}
.mz-contact-form input.wpcf7-form-control:focus,
.mz-contact-form textarea.wpcf7-form-control:focus{outline:none;border-color:#ae785a}
.mz-cf-actions{margin-top:0}
.mz-contact-form input.wpcf7-submit{width:fit-content;height:auto;background:#211912;color:#fbf6ee;border:0;border-radius:78px;padding:16px 40px;font:500 14px/1 var(--mz-font-body);letter-spacing:2.64px;text-transform:uppercase;cursor:pointer;transition:background .25s ease}
.mz-contact-form input.wpcf7-submit:hover{background:#3a2c20}
.mz-contact-form .wpcf7-spinner{margin:0 0 0 12px}
@media (max-width:1100px){
  .mz-contact-section{padding:80px 0 60px}
  .mz-contact-grid{grid-template-columns:1fr;gap:40px}
  .mz-contact-info{max-width:560px}
}
@media (max-width:640px){
  .mz-contact-section{padding:56px 0}
  .mz-contact-form-head h2{font-size:32px;line-height:38px}
  .mz-cf-row{grid-template-columns:1fr}
  .mz-contact-info{padding:32px}
}

/* ===================== HÉBERGEMENT (listing) ===================== */
.mz-heb-section{padding:120px 0 80px}
.mz-heb-head{text-align:center;margin:0 auto 56px;max-width:760px}
.mz-heb-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-heb-head h2{margin:0;font:400 52px/1.12 var(--mz-font-display);letter-spacing:-1px;color:var(--mz-ink)}
.mz-heb-list{display:flex;flex-direction:column;gap:40px}
.mz-heb-room{display:grid;grid-template-columns:437px 1fr;background:#fff;border:1px solid rgba(223,214,203,.8);border-radius:20px;overflow:hidden;min-height:480px}
.mz-heb-room-photo{position:relative}
.mz-heb-room-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-heb-room-info{padding:48px;display:flex;flex-direction:column;gap:24px}
.mz-heb-room-eyebrow{margin:0;color:#ae785a;font:500 11.5px/19px var(--mz-font-body);letter-spacing:2.5px;text-transform:uppercase}
.mz-heb-room-info h3{margin:6px 0 0;font:400 28px/1.15 var(--mz-font-display);color:var(--mz-ink);text-transform:uppercase;letter-spacing:.3px}
.mz-heb-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mz-heb-badge{border:1px solid rgba(174,120,90,.4);color:#ae785a;border-radius:999px;padding:5px 12px;font:500 10px/1.2 var(--mz-font-body);letter-spacing:1.4px;text-transform:uppercase}
.mz-heb-room-desc{margin:0;color:rgba(33,25,18,.7);font:400 14px/24px var(--mz-font-body)}
.mz-heb-divider{height:1px;background:rgba(223,214,203,.9);border:0;margin:0}
.mz-heb-amenities{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0}
.mz-heb-amenities li{position:relative;padding-left:14px;color:rgba(33,25,18,.72);font:400 13px/16px var(--mz-font-body)}
.mz-heb-amenities li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#ae785a}
.mz-heb-actions{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:24px;padding-top:8px}
.mz-heb-link{color:var(--mz-ink);font:500 12px/1 var(--mz-font-body);letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.mz-heb-link:hover{color:#ae785a}
.mz-heb-btn{background:#211912;color:#fbf6ee;border-radius:999px;padding:14px 28px;font:500 12px/1 var(--mz-font-body);letter-spacing:1.8px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .25s ease}
.mz-heb-btn:hover{background:#3a2c20}
/* Shared spaces */
.mz-heb-shared{padding:0 0 120px}
.mz-heb-shared-head{text-align:center;margin:0 auto 48px;max-width:760px}
.mz-heb-shared-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-heb-shared-head h2{margin:0;font:400 52px/1.12 var(--mz-font-display);letter-spacing:-1px;color:var(--mz-ink)}
.mz-heb-shared-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mz-heb-shared-card{background:#fff;border:1px solid rgba(223,214,203,.8);border-radius:16px;overflow:hidden;box-shadow:0 14px 36px rgba(33,25,18,.06)}
.mz-heb-shared-card .mz-heb-shared-img{height:280px;overflow:hidden}
.mz-heb-shared-card .mz-heb-shared-img img{width:100%;height:100%;object-fit:cover;display:block}
.mz-heb-shared-card h3{margin:0;padding:28px 28px 0;font:400 24px/1.2 var(--mz-font-display);color:var(--mz-ink)}
.mz-heb-shared-card p{margin:10px 0 0;padding:0 28px 28px;color:rgba(33,25,18,.68);font:400 14px/22px var(--mz-font-body)}
@media (max-width:1100px){
  .mz-heb-section{padding:80px 0 56px}
  .mz-heb-room{grid-template-columns:1fr;min-height:0}
  .mz-heb-room-photo{height:300px}
  .mz-heb-room-info{padding:32px}
  .mz-heb-head h2,.mz-heb-shared-head h2{font-size:40px}
  .mz-heb-shared-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .mz-heb-section{padding:56px 0 40px}
  .mz-heb-shared{padding:0 0 56px}
  .mz-heb-shared-grid{grid-template-columns:1fr}
  .mz-heb-actions{flex-direction:column;align-items:stretch;gap:14px}
  .mz-heb-btn,.mz-heb-link{text-align:center;justify-content:center}
  .mz-heb-head h2,.mz-heb-shared-head h2{font-size:32px}
  .mz-heb-room-info h3{font-size:24px}
}
.mz-heb-room-body{display:flex;flex-direction:column;gap:18px}
.mz-heb-room-head{display:block}

/* ===================== EXCURSIONS (listing) ===================== */
.mz-exc-section{padding:72px 0 120px}
.mz-exc-intro{text-align:center;max-width:1000px;margin:0 auto 56px}
.mz-exc-intro h2{margin:0;font:400 52px/1.12 var(--mz-font-display);letter-spacing:-1px;color:var(--mz-ink)}
.mz-exc-intro h2 em{font-family:var(--mz-font-accent);font-style:italic;color:#ae785a}
.mz-exc-intro p{margin:18px auto 0;max-width:840px;color:rgba(33,25,18,.7);font:400 15px/26px var(--mz-font-body)}
.mz-exc-intro .mz-exc-introquote{display:block;margin:18px auto 0;color:#ae785a;font:italic 16px/28px var(--mz-font-accent)}
.mz-exc-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 56px}
.mz-exc-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(223,214,203,.8);border-radius:16px;overflow:hidden;box-shadow:0 14px 36px rgba(33,25,18,.06)}
.mz-exc-card-img{height:380px;overflow:hidden}
.mz-exc-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.mz-exc-card:hover .mz-exc-card-img img{transform:scale(1.06)}
.mz-exc-eyebrow{margin:0;padding:32px 36px 0;color:#ae785a;font:500 11.5px/17px var(--mz-font-body);letter-spacing:2.5px;text-transform:uppercase}
.mz-exc-card h3{margin:6px 0 0;padding:0 36px;font:400 40px/1.1 var(--mz-font-display);letter-spacing:-.5px;color:var(--mz-ink)}
.mz-exc-sub{margin:8px 0 0;padding:0 36px;color:rgba(33,25,18,.66);font:italic 20px/1.3 var(--mz-font-accent)}
.mz-exc-desc{margin:18px 0 0;padding:0 36px;color:rgba(33,25,18,.7);font:400 14px/26px var(--mz-font-body)}
.mz-exc-more{margin:18px 0 36px;padding:0 36px;display:inline-flex;align-items:center;gap:8px;color:#ae785a;font:500 12px/1 var(--mz-font-body);letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.mz-exc-more:hover{gap:12px}
.mz-exc-card>.mz-exc-desc:last-child{margin-bottom:36px}
@media (max-width:1100px){
  .mz-exc-section{padding:56px 0 80px}
  .mz-exc-intro h2{font-size:40px}
  .mz-exc-grid{gap:40px}
  .mz-exc-card h3{font-size:34px}
}
@media (max-width:640px){
  .mz-exc-grid{grid-template-columns:1fr;gap:40px}
  .mz-exc-intro h2{font-size:32px}
  .mz-exc-card h3{font-size:30px}
}

/* ===================== ROOM DETAIL ===================== */
.mz-room-ov{padding:100px 0}
.mz-room-ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.mz-room-ov-text .mz-kicker{color:#ae785a;margin:0 0 16px}
.mz-room-ov-text h2{margin:0;font:400 48px/1.12 var(--mz-font-display);letter-spacing:-1px;color:var(--mz-ink);text-transform:uppercase}
.mz-room-ov-body{margin-top:24px;display:flex;flex-direction:column;gap:18px}
.mz-room-ov-body p{margin:0;color:rgba(33,25,18,.72);font:400 15px/26px var(--mz-font-body)}
.mz-room-ov-media{display:grid;gap:24px}
.mz-room-ov-media .mz-room-ov-big{aspect-ratio:3/2;border-radius:20px;overflow:hidden}
.mz-room-ov-media .mz-room-ov-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mz-room-ov-media .mz-room-ov-row div{aspect-ratio:288/220;border-radius:16px;overflow:hidden}
.mz-room-ov-media img{width:100%;height:100%;object-fit:cover;display:block}
.mz-room-feat{padding:90px 0;background:#faf6ef}
.mz-room-feat-head{text-align:center;margin:0 auto 48px;max-width:760px}
.mz-room-feat-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-room-feat-head h2{margin:0;font:400 44px/1.12 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink);text-transform:uppercase}
.mz-room-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mz-room-feat-card{background:#fff;border:1px solid rgba(223,214,203,.7);border-radius:16px;padding:32px}
.mz-room-feat-card .mz-room-feat-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(174,120,90,.1);margin-bottom:18px}
.mz-room-feat-card svg{width:22px;height:22px;stroke:#ae785a}
.mz-room-feat-card h3{margin:0 0 8px;font:400 20px/1.2 var(--mz-font-display);color:var(--mz-ink)}
.mz-room-feat-card p{margin:0;color:rgba(33,25,18,.62);font:400 13px/20px var(--mz-font-body)}
.mz-room-gallery{padding:100px 0}
.mz-room-gallery-head{text-align:center;margin:0 auto 48px;max-width:760px}
.mz-room-gallery-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-room-gallery-head h2{margin:0;font:400 44px/1.12 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink)}
.mz-room-gallery-grid{display:grid;gap:24px}
.mz-room-gallery-grid a{border-radius:16px;overflow:hidden;display:block}
.mz-room-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.mz-room-gallery-grid a:hover img{transform:scale(1.06)}
/* room gallery: Figma layout — full-width / row of 3 / full-width (5 images) */
.mz-room-gallery .mz-room-gallery-grid{grid-template-columns:repeat(3,1fr)}
.mz-room-gallery .mz-room-gallery-grid a:nth-child(1){grid-column:1/-1;aspect-ratio:1280/600}
.mz-room-gallery .mz-room-gallery-grid a:nth-child(2),
.mz-room-gallery .mz-room-gallery-grid a:nth-child(3),
.mz-room-gallery .mz-room-gallery-grid a:nth-child(4){grid-column:span 1;aspect-ratio:411/340}
.mz-room-gallery .mz-room-gallery-grid a:nth-child(5){grid-column:1/-1;aspect-ratio:1280/420}
.mz-room-gallery .mz-room-gallery-grid a:nth-child(n+6){display:none}
.mz-room-other{padding:0 0 110px}
.mz-room-other-head{text-align:center;margin:0 auto 44px}
.mz-room-other-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-room-other-head h2{margin:0;font:400 44px/1.12 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink)}
.mz-room-other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mz-room-other-card{display:block;text-decoration:none}
.mz-room-other-card .mz-room-other-img{aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:18px}
.mz-room-other-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.mz-room-other-card:hover img{transform:scale(1.06)}
.mz-room-other-card h3{margin:0;font:400 24px/1.2 var(--mz-font-display);color:var(--mz-ink)}
.mz-room-other-card span{margin-top:10px;display:inline-flex;gap:8px;color:#ae785a;font:500 12px/1 var(--mz-font-body);letter-spacing:2px;text-transform:uppercase}
@media (max-width:1100px){
  .mz-room-ov{padding:64px 0}
  .mz-room-ov-grid{grid-template-columns:1fr;gap:40px}
  .mz-room-ov-text h2{font-size:38px}
  .mz-room-feat-grid{grid-template-columns:repeat(2,1fr)}
  .mz-room-feat-head h2,.mz-room-gallery-head h2,.mz-room-other-head h2{font-size:36px}
  .mz-room-other-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .mz-room-gallery{padding:64px 0}
}
@media (max-width:640px){
  .mz-room-feat-grid{grid-template-columns:1fr}
  .mz-room-gallery .mz-room-gallery-grid{grid-template-columns:1fr}
  .mz-room-gallery .mz-room-gallery-grid a:nth-child(1),
  .mz-room-gallery .mz-room-gallery-grid a:nth-child(2),
  .mz-room-gallery .mz-room-gallery-grid a:nth-child(3),
  .mz-room-gallery .mz-room-gallery-grid a:nth-child(4),
  .mz-room-gallery .mz-room-gallery-grid a:nth-child(5){grid-column:1/-1;aspect-ratio:16/10}
  .mz-room-other-grid{grid-template-columns:1fr}
  .mz-room-ov-text h2{font-size:30px}
}

/* ===================== PACKAGE DETAIL ===================== */
.mz-pkg-ov{padding:90px 0}
.mz-pkg-ov-grid{display:grid;grid-template-columns:527px 1fr;gap:80px;align-items:center}
.mz-pkg-ov-img{aspect-ratio:527/477;border-radius:20px;overflow:hidden}
.mz-pkg-ov-img img{width:100%;height:100%;object-fit:cover;display:block}
.mz-pkg-ov-text .mz-kicker{color:#ae785a;margin:0 0 14px}
.mz-pkg-ov-text h2{margin:0;font:400 46px/1.12 var(--mz-font-display);letter-spacing:-1px;color:var(--mz-ink)}
.mz-pkg-ov-body{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.mz-pkg-ov-body p{margin:0;color:rgba(33,25,18,.72);font:400 15px/26px var(--mz-font-body)}
.mz-pkg-day{padding:0 0 90px}
.mz-pkg-day-box{position:relative;background:#ae785a;border-radius:40px;overflow:hidden;padding:64px 72px;color:#fff}
.mz-pkg-day-box::before{content:"";position:absolute;inset:0;background:url(/wp-content/uploads/manzili-bricks/about-assets/about-team-texture.png) center/cover;opacity:1;pointer-events:none}
.mz-pkg-day-inner{position:relative;z-index:1}
.mz-pkg-day-box .mz-kicker{color:rgba(255,255,255,.8);margin:0 0 10px}
.mz-pkg-day-box h2{margin:0 0 32px;font:400 40px/1.12 var(--mz-font-display);color:#fff}
.mz-pkg-day-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.mz-pkg-day-list li{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:16px 0;border-top:1px solid rgba(255,255,255,.18);align-items:baseline}
.mz-pkg-day-list li:first-child{border-top:0}
.mz-pkg-day-time{font:500 14px/1.4 var(--mz-font-body);letter-spacing:1px;color:#fff}
.mz-pkg-day-act{color:rgba(255,255,255,.88);font:400 15px/1.5 var(--mz-font-body)}
.mz-pkg-inc{padding:0 0 90px}
.mz-pkg-inc-head{text-align:center;margin:0 auto 44px;max-width:760px}
.mz-pkg-inc-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-pkg-inc-head h2{margin:0;font:400 44px/1.12 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink)}
.mz-pkg-inc-head h2 em{font-family:var(--mz-font-accent);font-style:italic;color:#ae785a}
.mz-pkg-inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mz-pkg-inc-card{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid rgba(223,214,203,.75);border-radius:12px;padding:24px 28px}
.mz-pkg-inc-card .mz-pkg-inc-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(174,120,90,.1);flex:0 0 48px}
.mz-pkg-inc-card svg{width:20px;height:20px;stroke:#ae785a}
.mz-pkg-inc-card span{font:400 18px/1.3 var(--mz-font-display);color:var(--mz-ink)}
.mz-pkg-banner{position:relative;min-height:420px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}
.mz-pkg-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-pkg-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.6))}
.mz-pkg-banner-in{position:relative;z-index:1;padding:40px}
.mz-pkg-banner-in .mz-kicker{color:rgba(255,255,255,.82);margin:0 0 12px}
.mz-pkg-banner-in h2{margin:0 0 24px;font:400 56px/1.05 var(--mz-font-display);color:#fff}
.mz-pkg-other{padding:90px 0 110px}
.mz-pkg-other-head{text-align:center;margin:0 auto 44px}
.mz-pkg-other-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-pkg-other-head h2{margin:0;font:400 44px/1.12 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink)}
.mz-pkg-other-head h2 em{font-family:var(--mz-font-accent);font-style:italic;color:#ae785a}
.mz-pkg-other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mz-pkg-other-card{position:relative;display:block;height:300px;border-radius:16px;overflow:hidden;text-decoration:none}
.mz-pkg-other-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.mz-pkg-other-card:hover img{transform:scale(1.08)}
.mz-pkg-other-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.7))}
.mz-pkg-other-card span{position:absolute;z-index:1;left:24px;bottom:22px;right:24px;color:#fff;font:400 24px/1.2 var(--mz-font-display)}
@media (max-width:1100px){
  .mz-pkg-ov{padding:64px 0}
  .mz-pkg-ov-grid{grid-template-columns:1fr;gap:36px}
  .mz-pkg-ov-img{aspect-ratio:16/10}
  .mz-pkg-ov-text h2{font-size:36px}
  .mz-pkg-day-box{padding:44px 40px}
  .mz-pkg-inc-grid{grid-template-columns:1fr 1fr}
  .mz-pkg-other-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .mz-pkg-inc-head h2,.mz-pkg-other-head h2,.mz-pkg-day-box h2{font-size:34px}
  .mz-pkg-banner-in h2{font-size:42px}
}
@media (max-width:640px){
  .mz-pkg-inc-grid{grid-template-columns:1fr}
  .mz-pkg-other-grid{grid-template-columns:1fr}
  .mz-pkg-day-box{padding:32px 24px}
  .mz-pkg-day-list li{grid-template-columns:72px 1fr;gap:14px}
  .mz-pkg-ov-text h2{font-size:30px}
  .mz-pkg-banner-in h2{font-size:34px}
}

/* ===================== EXCURSION DETAIL ===================== */
.mz-exd-hl{padding:0 0 90px}
.mz-exd-hl-head{text-align:center;margin:0 auto 44px;max-width:980px}
.mz-exd-hl-head .mz-kicker{color:#ae785a;margin:0 0 12px}
.mz-exd-hl-head h2{margin:0;font:400 40px/1.14 var(--mz-font-display);letter-spacing:-.8px;color:var(--mz-ink);text-transform:uppercase}
.mz-exd-hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mz-exd-hl-card{background:#fff;border:1px solid rgba(223,214,203,.75);border-radius:16px;padding:36px}
.mz-exd-hl-card .mz-exd-hl-ico{width:56px;height:56px;border-radius:50%;background:rgba(174,120,90,.1);display:grid;place-items:center;margin-bottom:24px}
.mz-exd-hl-card svg{width:26px;height:26px;stroke:#ae785a}
.mz-exd-hl-card h3{margin:0 0 10px;font:400 24px/1.2 var(--mz-font-display);color:var(--mz-ink)}
.mz-exd-hl-card p{margin:0;color:rgba(33,25,18,.66);font:400 14px/22px var(--mz-font-body)}
.mz-exd-gallery{padding:0 0 100px}
@media (max-width:1100px){
  .mz-exd-hl-grid{grid-template-columns:1fr}
  .mz-exd-hl-head h2{font-size:32px}
}
@media (max-width:640px){
  .mz-exd-hl-head h2{font-size:28px}
}

/* ===== Pack pages: Figma-accurate timeline / banner / other-cards ===== */
.mz-pkg-day-box{padding:75px 80px}
.mz-pkg-day-box::before{opacity:1}
.mz-pkg-day-inner{display:flex;flex-direction:column;gap:50px;align-items:center}
.mz-pkg-day-head{display:flex;flex-direction:column;gap:11.5px;align-items:center;width:100%}
.mz-pkg-day-kicker{text-align:center;color:#fff;margin:0}
.mz-pkg-day-title{margin:0;text-align:center;color:#fff;font:400 51.2px/53.76px var(--mz-font-display);letter-spacing:.512px}
.mz-pkg-day-title em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400}
.mz-pkg-day-list{border-left:1px solid #fff;display:flex;flex-direction:column;gap:40px;align-items:flex-start;width:600px;max-width:100%;margin:0;padding:0;list-style:none}
.mz-pkg-day-list li{position:relative;display:flex;flex-direction:column;gap:7px;padding:0 0 0 48px;border:0;width:100%}
.mz-pkg-day-list li::before{content:"";position:absolute;left:-6.5px;top:3px;width:12px;height:12px;border-radius:50%;background:#ae785a;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.mz-pkg-day-time{font:600 11px/16.5px var(--mz-font-body);letter-spacing:3.08px;text-transform:uppercase;color:#fff}
.mz-pkg-day-act{color:#fff;font:400 25.6px/30.72px var(--mz-font-display);letter-spacing:.256px}

.mz-pkg-banner-in h2 em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400}
.mz-pkg-banner-actions{display:flex;justify-content:center;gap:16px;margin-top:8px;flex-wrap:wrap}

.mz-pkg-other-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;text-align:left;margin:0 auto 44px}
.mz-pkg-other-head-l{display:flex;flex-direction:column;gap:8px}
.mz-pkg-other-head h2{font-size:40px;letter-spacing:-.4px}
.mz-pkg-other-head h2 em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400}
.mz-pkg-other-link{display:inline-flex;align-items:center;gap:8px;color:var(--mz-accent);font:500 13px/1 var(--mz-font-body);letter-spacing:1px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.mz-pkg-other-link span{transition:transform .3s ease}
.mz-pkg-other-link:hover span{transform:translateX(4px)}
.mz-pkg-other-card{height:475px}
.mz-pkg-other-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.72) 100%);z-index:0}
.mz-pkg-other-body{position:absolute;z-index:1;left:28px;right:28px;bottom:28px;color:#fff}
.mz-pkg-other-card .mz-pkg-other-num{position:static;display:block;font:600 11px/1.5 var(--mz-font-body);letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.85)}
.mz-pkg-other-card h3{margin:6px 0 8px;color:#fff;font:400 25.6px/1.2 var(--mz-font-display)}
.mz-pkg-other-card h3 em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400}
.mz-pkg-other-desc{margin:0;font:400 14px/1.5 var(--mz-font-body);color:rgba(255,255,255,.82)}

@media (max-width:1100px){
  .mz-pkg-day-box{padding:48px 40px}
  .mz-pkg-day-title{font-size:40px;line-height:44px}
  .mz-pkg-other-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .mz-pkg-other-card{height:420px}
}
@media (max-width:760px){
  .mz-pkg-other-head{flex-direction:column;align-items:flex-start;gap:16px}
  .mz-pkg-other-grid{grid-template-columns:1fr}
  .mz-pkg-other-card{height:380px}
}
@media (max-width:640px){
  .mz-pkg-day-box{padding:32px 22px}
  .mz-pkg-day-title{font-size:32px;line-height:36px}
  .mz-pkg-day-act{font-size:21px;line-height:26px}
  .mz-pkg-day-list li{padding-left:36px}
}

/* inclus grid -> flex center so partial last rows (5 items = 3+2) center like Figma */
.mz-pkg-inc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.mz-pkg-inc-card{flex:0 0 calc((100% - 48px)/3);box-sizing:border-box}
@media (max-width:1100px){.mz-pkg-inc-card{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:640px){.mz-pkg-inc-card{flex-basis:100%}}

/* excursion-detail gallery: heading left-aligned like Figma */
.mz-exd-gallery .mz-room-gallery-head{text-align:left;margin-left:0;margin-right:0;max-width:none}

/* excursion-detail gallery: asymmetric 6-image masonry (Figma) — row1 380/280/500, row2 500/280/380 */
.mz-exd-gallery .mz-room-gallery-grid{grid-template-columns:380fr 120fr 180fr 120fr 400fr;grid-auto-rows:340px;gap:20px}
.mz-exd-gallery .mz-room-gallery-grid a:first-child{grid-column:1;grid-row:1}
.mz-exd-gallery .mz-room-gallery-grid a:nth-child(2){grid-column:2/4;grid-row:1}
.mz-exd-gallery .mz-room-gallery-grid a:nth-child(3){grid-column:4/6;grid-row:1}
.mz-exd-gallery .mz-room-gallery-grid a:nth-child(4){grid-column:1/3;grid-row:2}
.mz-exd-gallery .mz-room-gallery-grid a:nth-child(5){grid-column:3/5;grid-row:2}
.mz-exd-gallery .mz-room-gallery-grid a:nth-child(6){grid-column:5/6;grid-row:2}
@media (max-width:900px){
  .mz-exd-gallery .mz-room-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px}
  .mz-exd-gallery .mz-room-gallery-grid a:first-child,
  .mz-exd-gallery .mz-room-gallery-grid a:nth-child(2),
  .mz-exd-gallery .mz-room-gallery-grid a:nth-child(3),
  .mz-exd-gallery .mz-room-gallery-grid a:nth-child(4),
  .mz-exd-gallery .mz-room-gallery-grid a:nth-child(5),
  .mz-exd-gallery .mz-room-gallery-grid a:nth-child(6){grid-column:auto;grid-row:auto}
}

/* excursion-detail CTA: allow heading to wrap naturally (Figma wraps long titles) */
@media (min-width:1101px){.mz-exd-page .mz-about-cta-content h2{white-space:normal !important}}

/* room detail: hero CTA button + other-room card descriptions (match Figma) */
.mz-room-hero-actions{margin-top:26px}
.mz-room-other-card p{margin:8px 0 0;color:rgba(33,25,18,.62);font:400 14px/1.55 var(--mz-font-body)}

/* =========================================================
   Réservation — floating side tab + modal form
   ========================================================= */
.mz-reserve-lock{overflow:hidden}

/* Floating tab, fixed at right-middle */
.mz-reserve-tab{
  position:fixed;top:50%;right:0;transform:translateY(-50%);
  z-index:9998;display:flex;flex-direction:column;align-items:center;gap:10px;
  margin:0;padding:18px 12px;border:0;cursor:pointer;
  border-radius:14px 0 0 14px;
  background:linear-gradient(180deg,var(--mz-accent),var(--mz-accent-dark));
  color:#fff;box-shadow:0 10px 30px rgba(33,25,18,.28);
  text-decoration:none;
  transition:padding-right .25s ease,box-shadow .25s ease,filter .25s ease;
}
.mz-reserve-tab:hover{padding-right:18px;filter:brightness(1.05);box-shadow:0 14px 38px rgba(33,25,18,.36)}
.mz-reserve-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mz-reserve-tab svg{display:block}
.mz-reserve-tab-text{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font:600 12px/1 var(--mz-font-body);letter-spacing:2.6px;text-transform:uppercase;
}

/* Modal */
.mz-reserve-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;padding:24px;
}
.mz-reserve-modal.is-open{display:flex}
.mz-reserve-overlay{
  position:absolute;inset:0;background:rgba(20,14,9,.62);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  animation:mzReserveFade .25s ease both;
}
.mz-reserve-dialog{
  position:relative;z-index:1;width:min(880px,100%);max-height:92vh;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--mz-paper);border-radius:24px;
  box-shadow:0 40px 90px rgba(20,14,9,.45);
  animation:mzReserveRise .32s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes mzReserveFade{from{opacity:0}to{opacity:1}}
@keyframes mzReserveRise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}

.mz-reserve-close{
  position:absolute;top:16px;right:16px;z-index:2;
  width:40px;height:40px;display:grid;place-items:center;
  border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.85);color:var(--mz-ink);
  box-shadow:0 4px 14px rgba(33,25,18,.18);transition:background .2s,transform .2s}
.mz-reserve-close:hover{background:#fff;transform:rotate(90deg)}
.mz-reserve-close::before,.mz-reserve-close::after{content:"";grid-area:1/1;width:17px;height:1.8px;border-radius:2px;background:currentColor}
.mz-reserve-close::before{transform:rotate(45deg)}
.mz-reserve-close::after{transform:rotate(-45deg)}

/* Header band — warm Manzili photo + scrim */
.mz-reserve-head{
  position:relative;padding:44px 44px 32px;text-align:center;color:var(--mz-cream);
  background:
    linear-gradient(180deg,rgba(28,20,13,.50) 0%,rgba(28,20,13,.74) 100%),
    url("/wp-content/uploads/manzili-bricks/hebergement-cta.jpg");
  background-size:cover;background-position:center 40%;
}
.mz-reserve-head-inner{position:relative;z-index:1}
.mz-reserve-kicker{margin:0;color:rgba(249,244,236,.78);font:500 11px/1 var(--mz-font-body);letter-spacing:3px;text-transform:uppercase}
.mz-reserve-h2{margin:12px 0 0;color:#fff;font:400 42px/1.02 var(--mz-font-display);letter-spacing:-.5px;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.mz-reserve-hand{font-family:"Caveat",cursive;font-style:normal;font-weight:400;font-size:30px;line-height:36px;letter-spacing:.3px;text-transform:none;color:#f3c98a;margin:0 0 8px}

/* Body (scrollable) */
.mz-reserve-body{padding:30px 44px 40px;overflow-y:auto}
.mz-reserve-section{display:flex;align-items:center;gap:16px;margin:0 0 16px;color:var(--mz-accent);font:600 11px/1 var(--mz-font-body);letter-spacing:2.4px;text-transform:uppercase}
.mz-reserve-section span{white-space:nowrap}
.mz-reserve-section::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(174,120,90,.4),rgba(33,25,18,.06))}
.mz-reserve-grid + .mz-reserve-section{margin-top:30px}
.mz-reserve-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.mz-reserve-grid > *:nth-child(7){grid-column:1/-1}
.mz-reserve-field{display:flex;flex-direction:column;gap:7px}
.mz-reserve-field--full{grid-column:1/-1}
.mz-reserve-body form > .mz-reserve-field--full{margin-top:18px}
.mz-reserve-label{
  font:600 11px/1.3 var(--mz-font-body);letter-spacing:1.4px;text-transform:uppercase;color:var(--mz-ink)}
.mz-reserve-label i{color:var(--mz-accent);font-style:normal}
.mz-reserve-label small{color:var(--mz-muted);font-weight:500;letter-spacing:.5px;text-transform:none}

.mz-reserve-field input,
.mz-reserve-field textarea,
.mz-reserve-select select{
  width:100%;box-sizing:border-box;
  padding:13px 15px;border:1px solid rgba(33,25,18,.16);border-radius:12px;
  background:#fff;color:var(--mz-ink);
  font:400 15px/1.4 var(--mz-font-body);
  transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}
.mz-reserve-field textarea{resize:vertical;min-height:84px}
.mz-reserve-field input::placeholder,
.mz-reserve-field textarea::placeholder{color:rgba(33,25,18,.4)}
.mz-reserve-field input:focus,
.mz-reserve-field textarea:focus,
.mz-reserve-select select:focus{
  outline:none;border-color:var(--mz-accent);box-shadow:0 0 0 3px rgba(174,120,90,.16)}

/* custom select arrow */
.mz-reserve-select{position:relative;display:block}
.mz-reserve-select::after{
  content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--mz-accent);border-bottom:2px solid var(--mz-accent);
  transform:translateY(-65%) rotate(45deg);pointer-events:none}
.mz-reserve-select select{padding-right:38px;cursor:pointer}

/* Extras */
.mz-reserve-extras{margin:22px 0 0;padding:0;border:0}
.mz-reserve-extras legend{padding:0;margin:0 0 12px}
.mz-reserve-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mz-reserve-extra{
  display:flex;align-items:center;gap:12px;cursor:pointer;
  padding:12px 14px;border:1px solid rgba(33,25,18,.16);border-radius:12px;
  background:#fff;transition:border-color .18s,background .18s,box-shadow .18s}
.mz-reserve-extra:hover{border-color:rgba(174,120,90,.5)}
.mz-reserve-extra input{position:absolute;opacity:0;width:0;height:0}
.mz-reserve-extra-box{
  flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;
  border:1.5px solid rgba(33,25,18,.3);border-radius:6px;color:#fff;
  transition:background .18s,border-color .18s}
.mz-reserve-extra-box svg{opacity:0;transition:opacity .15s}
.mz-reserve-extra-text{font:500 13.5px/1.35 var(--mz-font-body);color:var(--mz-ink)}
.mz-reserve-extra.is-checked{border-color:var(--mz-accent);background:rgba(174,120,90,.08)}
.mz-reserve-extra.is-checked .mz-reserve-extra-box{background:var(--mz-accent);border-color:var(--mz-accent)}
.mz-reserve-extra.is-checked .mz-reserve-extra-box svg{opacity:1}
.mz-reserve-extra input:focus-visible + .mz-reserve-extra-box{outline:2px solid var(--mz-accent);outline-offset:2px}

/* honeypot */
.mz-reserve-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Submit + notes + feedback */
/* matches the site primary button (.mz-btn dark variant): flat ink pill + arrow */
.mz-reserve-submit{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;
  display:block;width:fit-content;min-width:min(260px,100%);margin:30px auto 0;cursor:pointer;
  min-height:52px;padding:16px 52px 16px 34px;border:1px solid transparent;border-radius:999px;
  color:var(--mz-cream);text-align:center;
  font:500 12px/19.8px var(--mz-font-body);letter-spacing:2.64px;text-transform:uppercase;
  background:var(--mz-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9f4ec' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") right 26px center / 16px 16px no-repeat;
  transition:transform .2s ease,background-position .2s ease,opacity .2s ease}
.mz-reserve-submit:hover{transform:translateY(-1px);background-position:right 22px center,0 0}
.mz-reserve-submit:active{transform:translateY(0)}
.mz-reserve-submit:disabled{opacity:.6;cursor:default;transform:none}
.mz-reserve-note{margin:14px 0 0;text-align:center;color:var(--mz-muted);font:400 12px/1.5 var(--mz-font-body)}
.mz-reserve-note i{color:var(--mz-accent);font-style:normal}
.mz-reserve-feedback{margin:18px 0 0;display:none;padding:16px 18px;border-radius:12px;font:500 14px/1.5 var(--mz-font-body);text-align:center}
.mz-reserve-feedback.is-visible{display:block}
.mz-reserve-feedback.is-success{background:rgba(96,140,90,.12);color:#3f6b3a;border:1px solid rgba(96,140,90,.35)}
.mz-reserve-feedback.is-error{background:rgba(180,78,46,.1);color:var(--mz-accent-dark);border:1px solid rgba(180,78,46,.35)}

@media (max-width:680px){
  .mz-reserve-grid,.mz-reserve-extra-grid{grid-template-columns:1fr}
  .mz-reserve-head{padding:30px 24px 22px}
  .mz-reserve-h2{font-size:32px}
  .mz-reserve-body{padding:24px 22px 32px}
  .mz-reserve-tab{padding:14px 9px}
  .mz-reserve-tab-text{font-size:11px;letter-spacing:2px}
  .mz-reserve-submit{width:100%;letter-spacing:2px}
}
@media (prefers-reduced-motion:reduce){
  .mz-reserve-overlay,.mz-reserve-dialog{animation:none}
  .mz-reserve-close:hover{transform:none}
}

/* ---- Contact Form 7 markup inside the reservation modal ---- */
/* CF7 wraps each control in a .wpcf7-form-control-wrap span — make it fill the field */
.mz-reserve-body .wpcf7 .wpcf7-form-control-wrap{display:block;width:100%}
.mz-reserve-select .wpcf7-form-control-wrap{display:block}
/* the CF7 <form> takes the place of the old #mz-reserve-form */
.mz-reserve-body .wpcf7-form > .mz-reserve-field--full{margin-top:18px}
/* hide CF7's default required-field asterisks (we mark them ourselves) */
.mz-reserve-body .wpcf7-form .wpcf7-not-valid-tip{
  display:block;margin-top:6px;color:var(--mz-accent-dark);
  font:500 12px/1.4 var(--mz-font-body)}
.mz-reserve-body .wpcf7-not-valid{border-color:var(--mz-accent-dark)!important}

/* Extras (CF7 checkbox list) */
.mz-reserve-extras .wpcf7-checkbox{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mz-reserve-extras .wpcf7-list-item{margin:0}
.mz-reserve-extras .wpcf7-list-item > label{
  display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;
  padding:12px 14px;border:1px solid rgba(33,25,18,.16);border-radius:12px;
  background:#fff;transition:border-color .18s,background .18s,box-shadow .18s}
.mz-reserve-extras .wpcf7-list-item > label:hover{border-color:rgba(174,120,90,.5)}
.mz-reserve-extras .wpcf7-list-item:last-child > label::after{
  content:"Jusqu'à 6 personnes par trajet";display:inline-flex;align-items:center;
  flex:0 0 auto;margin-left:auto;padding:4px 7px;border-radius:999px;
  background:#b42318;color:#fff;white-space:nowrap;
  font:600 9px/1.2 var(--mz-font-body);letter-spacing:.15px;text-transform:none}
html[lang^="en"] .mz-reserve-extras .wpcf7-list-item:last-child > label::after{
  content:"Up to 6 people per trip"}
.mz-reserve-extras .wpcf7-list-item input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.mz-reserve-extras .wpcf7-list-item-label{
  position:relative;padding-left:32px;
  font:500 13.5px/1.35 var(--mz-font-body);color:var(--mz-ink)}
.mz-reserve-extras .wpcf7-list-item-label::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:20px;height:20px;border:1.5px solid rgba(33,25,18,.3);border-radius:6px;
  background:#fff;transition:background .18s,border-color .18s}
.mz-reserve-extras .wpcf7-list-item-label::after{
  content:"";position:absolute;left:7px;top:50%;width:5px;height:10px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;
  transform:translateY(-62%) rotate(45deg);opacity:0;transition:opacity .15s}
.mz-reserve-extras input[type="checkbox"]:checked + .wpcf7-list-item-label::before{
  background:var(--mz-accent);border-color:var(--mz-accent)}
.mz-reserve-extras input[type="checkbox"]:checked + .wpcf7-list-item-label::after{opacity:1}
.mz-reserve-extras input[type="checkbox"]:focus-visible + .wpcf7-list-item-label::before{
  outline:2px solid var(--mz-accent);outline-offset:2px}

/* Submit spinner + CF7 response message */
.mz-reserve-body .wpcf7-spinner{margin:14px auto 0;display:block}
.mz-reserve-body .wpcf7-response-output{
  margin:18px 0 0!important;padding:16px 18px;border-radius:12px;
  font:500 14px/1.5 var(--mz-font-body);text-align:center}
.mz-reserve-body .wpcf7-form.sent .wpcf7-response-output{
  background:rgba(96,140,90,.12);color:#3f6b3a;border:1px solid rgba(96,140,90,.35)}
.mz-reserve-body .wpcf7-form.invalid .wpcf7-response-output,
.mz-reserve-body .wpcf7-form.failed .wpcf7-response-output,
.mz-reserve-body .wpcf7-form.spam .wpcf7-response-output{
  background:rgba(180,78,46,.1);color:var(--mz-accent-dark);border:1px solid rgba(180,78,46,.35)}

@media (max-width:680px){
  .mz-reserve-extras .wpcf7-checkbox{grid-template-columns:1fr}
}

/* =====================================================================
   Legal pages (Mentions légales / Politique de confidentialité / CGV)
   ===================================================================== */
.mz-legal-hero{height:360px;min-height:360px}
.mz-legal-page .mz-about-hero-title{font-size:60px!important;line-height:64px!important}
@media(max-width:680px){
  .mz-legal-hero{height:280px;min-height:280px}
  .mz-legal-page .mz-about-hero-title{font-size:40px!important;line-height:44px!important}
}
.mz-legal-section{padding:64px 0 96px}
.mz-legal-content{max-width:840px}
.mz-legal-updated{margin:0 0 26px;color:var(--mz-muted);font:italic 16px/1.4 var(--mz-font-accent)}
.mz-legal-content .mz-legal-lead{font:400 19px/30px var(--mz-font-accent);color:var(--mz-ink);margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid rgba(33,25,18,.12)}
.mz-legal-content h2{font:400 27px/1.25 var(--mz-font-display);letter-spacing:.4px;color:var(--mz-ink);margin:38px 0 14px}
.mz-legal-content h2:first-of-type{margin-top:0}
.mz-legal-content p{margin:0 0 14px;color:rgba(33,25,18,.74);font:400 15px/27px var(--mz-font-body)}
.mz-legal-content ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.mz-legal-content li{position:relative;padding-left:22px;color:rgba(33,25,18,.74);font:400 15px/25px var(--mz-font-body)}
.mz-legal-content li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--mz-accent)}
.mz-legal-content strong{color:var(--mz-ink);font-weight:600}
.mz-legal-content a{color:var(--mz-accent);text-decoration:underline;text-underline-offset:2px}
.mz-legal-content a:hover{color:var(--mz-accent-dark)}
.mz-legal-cookie-btn{display:inline-block;margin-top:4px;cursor:pointer}

/* =====================================================================
   Cookie consent — "Gestion des cookies"
   ===================================================================== */
#mz-cookie{position:fixed;left:24px;bottom:24px;z-index:9998;width:min(440px,calc(100vw - 32px));display:none}
#mz-cookie.is-open{display:block}
#mz-cookie .mz-cookie-banner,#mz-cookie .mz-cookie-panel{
  background:var(--mz-paper);border:1px solid rgba(33,25,18,.12);
  border-radius:20px;padding:26px 26px 24px;
  box-shadow:0 24px 60px -20px rgba(33,25,18,.45);
  animation:mzCookieIn .45s cubic-bezier(.16,.84,.44,1) both}
#mz-cookie .mz-cookie-panel{display:none;max-height:min(78vh,640px);overflow-y:auto}
#mz-cookie.is-panel .mz-cookie-banner{display:none}
#mz-cookie.is-panel .mz-cookie-panel{display:block}
@keyframes mzCookieIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.mz-cookie-eyebrow{margin:0 0 4px;font:400 22px/1 var(--mz-font-note);color:var(--mz-accent)}
.mz-cookie-title{margin:0 0 10px;font:400 22px/1.2 var(--mz-font-display);letter-spacing:.4px;color:var(--mz-ink)}
.mz-cookie-text{margin:0;font:400 13px/21px var(--mz-font-body);color:var(--mz-muted)}
.mz-cookie-text a{color:var(--mz-accent);text-decoration:underline;text-underline-offset:2px}
.mz-cookie-text a:hover{color:var(--mz-accent-dark)}

.mz-cookie-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.mz-cookie-btn{flex:1 1 auto;min-width:120px;padding:12px 16px;border-radius:999px;cursor:pointer;
  font:600 12.5px/1 var(--mz-font-body);letter-spacing:.6px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.mz-cookie-btn--ghost{background:transparent;border:1px solid rgba(33,25,18,.28);color:var(--mz-ink)}
.mz-cookie-btn--ghost:hover{border-color:var(--mz-accent);color:var(--mz-accent)}
.mz-cookie-btn--solid{flex-basis:100%;border:1px solid transparent;color:#fff;
  background:linear-gradient(135deg,var(--mz-accent),var(--mz-accent-dark));
  box-shadow:0 12px 24px -12px rgba(174,120,90,.8)}
.mz-cookie-btn--solid:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(174,120,90,.9)}

.mz-cookie-panel-head{margin-bottom:18px}
.mz-cookie-cats{display:grid;gap:4px}
.mz-cookie-cat{padding:16px 0;border-top:1px solid rgba(33,25,18,.1)}
.mz-cookie-cat:first-child{border-top:0;padding-top:6px}
.mz-cookie-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}
.mz-cookie-toggle.is-locked{cursor:default}
.mz-cookie-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mz-cookie-cat-name{order:-1;margin-right:auto;font:600 14px/1.2 var(--mz-font-body);color:var(--mz-ink)}
.mz-cookie-switch{position:relative;flex:0 0 auto;width:40px;height:23px;border-radius:999px;background:rgba(33,25,18,.22);transition:background .25s ease}
.mz-cookie-switch::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.16,.84,.44,1)}
.mz-cookie-toggle input:checked + .mz-cookie-switch{background:linear-gradient(135deg,var(--mz-accent),var(--mz-accent-dark))}
.mz-cookie-toggle input:checked + .mz-cookie-switch::after{transform:translateX(17px)}
.mz-cookie-toggle.is-locked .mz-cookie-switch{opacity:.55}
.mz-cookie-cat-desc{margin:8px 0 0;font:400 12.5px/19px var(--mz-font-body);color:var(--mz-muted)}

#mz-cookie-reopen{position:fixed;left:22px;bottom:22px;z-index:9997;display:none;
  width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;
  background:var(--mz-paper);border:1px solid rgba(33,25,18,.18);color:var(--mz-accent);
  box-shadow:0 10px 26px -10px rgba(33,25,18,.5);cursor:pointer;transition:transform .2s ease,color .2s ease,border-color .2s ease}
#mz-cookie-reopen.is-visible{display:flex}
#mz-cookie-reopen:hover{transform:translateY(-2px) rotate(-8deg);color:var(--mz-accent-dark);border-color:var(--mz-accent)}

@media(max-width:680px){
  #mz-cookie{left:12px;right:12px;bottom:12px;width:auto}
  #mz-cookie .mz-cookie-banner,#mz-cookie .mz-cookie-panel{padding:22px 20px}
  #mz-cookie-reopen{left:14px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  #mz-cookie .mz-cookie-banner,#mz-cookie .mz-cookie-panel{animation:none}
  .mz-cookie-btn--solid:hover,#mz-cookie-reopen:hover{transform:none}
}

/* Make the whole media card clickable (stretched link).
   .mz-card-content is position:absolute, so extend the overlay out to the
   card edges; .mz-media-card overflow:hidden clips the upward extension. */
a.mz-card-link{text-decoration:none;color:inherit;cursor:pointer}
.mz-card-stretch::after{content:"";position:absolute;left:-24px;right:-24px;bottom:-26px;top:-1200px;z-index:1}

/* Make the whole room card (Hébergement) clickable — anchor is a direct
   child of .mz-room-card (position:relative), so a simple inset overlay covers it. */
.mz-room-card a.mz-room-stretch{position:absolute;inset:0;z-index:3;display:block;cursor:pointer;font-size:0;text-decoration:none}
.mz-room-card{cursor:pointer}

/* Generic full-card cover link (excursion cards, etc.) — anchor is a direct
   child of .mz-media-card (position:relative), inset overlay covers the card. */
.mz-media-card a.mz-card-cover{position:absolute;inset:0;z-index:3;display:block;font-size:0;text-decoration:none;cursor:pointer}

/* Native-Bricks normalization for converted legal pages (prose only).
   .brxe-* containers default to flex; legal content is a plain vertical
   text stack, so force block. Specificity stays at .brxe-* (via :where)
   so it overrides Bricks defaults but not any .mz-* rule. Hero is NOT
   scoped here so it keeps .mz-about-hero's grid centering. */
:where(.mz-legal-section) .brxe-div,
:where(.mz-legal-section) .brxe-container,
:where(.mz-legal-section) .brxe-block{display:block;gap:0}

/* Native-Bricks conversion (Option A): every page converted from HTML blocks to
   native elements gets its structural Bricks containers reset to display:block so
   the .mz-* layout CSS (which sets its own flex/grid where needed, specificity >=1)
   drives the design. :where() keeps this at 0 specificity so .mz-* always wins.
   Scoped to converted page roots so header/footer/native widgets are untouched. */
:where(.mz-native) :where(.brxe-section,.brxe-div,.brxe-block,.brxe-container){display:block;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:normal;gap:0}

/* Coworking page: inline-SVG icons inside the .mz-about-value cards */
.mz-about-value-icon svg{width:20px;height:20px;color:var(--mz-accent)}

/* Coworking overview: spacing for the booking button under the description */
.mz-about-team-text .mz-btn{margin-top:26px}

/* =========================================================
   Coworking page — editorial split layout (.mz-cw-*)
   Self-contained; does not reuse .mz-about-* so /a-propos is untouched.
   ========================================================= */
.mz-cowork-page{background:#fff;color:var(--mz-ink);overflow-x:clip;font-family:var(--mz-font-body)}
.mz-cw-wrap{width:min(100% - 120px,1200px);margin-inline:auto}

/* hero — reuses shared .mz-about-hero-* styling so it matches /hebergement, plus a CTA button */
.mz-cw-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}
.mz-cw-hero-actions .mz-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}

/* light-bg buttons (CTA primary) */
.mz-cowork-page .mz-cw-btn-dark{background:var(--mz-ink);color:var(--mz-cream);border-color:var(--mz-ink)}
.mz-cowork-page .mz-cw-btn-dark span{color:var(--mz-cream)}

/* editorial alternating rows */
.mz-cw-rows{padding:96px 0 104px;display:grid;gap:88px}
.mz-cw-row{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.mz-cw-row-media{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 18px 46px rgba(33,25,18,.14)}
.mz-cw-row-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.mz-cw-row:hover .mz-cw-row-media img,.mz-cw-row:focus-within .mz-cw-row-media img{transform:scale(1.05)}
.mz-cw-row:nth-child(even) .mz-cw-row-media{order:2}
.mz-cw-row-num{display:inline-block;font:400 15px/1 var(--mz-font-accent);font-style:italic;color:var(--mz-accent);letter-spacing:3px}
.mz-cw-row-text h3{margin:14px 0 0;color:var(--mz-ink);font:400 40px/43px var(--mz-font-display);letter-spacing:-.5px}
.mz-cw-row-text h3 em{font-family:var(--mz-font-accent);font-style:italic;font-weight:400;text-transform:none;color:var(--mz-accent)}
.mz-cw-row-text p{margin:16px 0 0;color:rgba(33,25,18,.68);font:400 15.5px/26px var(--mz-font-body);letter-spacing:.1px}
.mz-cw-row-rule{display:block;width:46px;height:1px;margin-top:24px;background:var(--mz-accent);opacity:.55}

/* info strip */
.mz-cw-strip{background:#b98261 url(/wp-content/uploads/manzili-bricks/cowork-texture.png) center/cover;color:#f9f4ec}
.mz-cw-strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:56px 0}
.mz-cw-stat{text-align:center;padding:0 8px}
.mz-cw-stat strong{display:block;font:400 22px/26px var(--mz-font-display);letter-spacing:.4px}
.mz-cw-stat span{display:block;margin-top:9px;color:rgba(249,244,236,.82);font:400 13px/20px var(--mz-font-body);letter-spacing:.3px}

/* cta */
.mz-cw-cta{position:relative;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;min-height:560px;padding:90px 0}
.mz-cw-cta-bg,.mz-cw-cta-bg img{position:absolute;inset:0;width:100%;height:100%}
.mz-cw-cta-bg img{object-fit:cover}
.mz-cw-cta-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.7));z-index:1;pointer-events:none}
.mz-cw-cta-content{position:relative;z-index:2;width:min(820px,calc(100% - 48px))}
.mz-cw-cta-content .mz-kicker{color:rgba(255,255,255,.82)}
.mz-cw-cta-content h2{margin:14px 0 0;color:#fff;font:400 62px/64px var(--mz-font-display)}
.mz-cw-cta-content p:not(.mz-kicker){margin:18px auto 0;width:min(620px,100%);color:rgba(255,255,255,.84);font:400 15px/25px var(--mz-font-body)}
.mz-cw-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:30px}
.mz-cw-cta-actions .mz-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}

/* responsive */
@media (max-width:900px){
  .mz-cw-wrap{width:calc(100% - 48px)}
  .mz-cw-row{grid-template-columns:1fr;gap:30px}
  .mz-cw-row:nth-child(even) .mz-cw-row-media{order:0}
  .mz-cw-rows{gap:54px;padding:64px 0 70px}
  .mz-cw-row-text h3{font-size:32px;line-height:35px}
  .mz-cw-strip-in{grid-template-columns:1fr 1fr;gap:30px 16px;padding:44px 0}
  .mz-cw-cta{min-height:520px}
  .mz-cw-cta-content h2{font-size:40px;line-height:44px}
  .mz-cw-cta-actions{flex-direction:column;align-items:center}
  .mz-cw-cta-actions .mz-btn{width:min(100%,280px)}
}

/* Réservation page (/reservation/) — form-focused; reuses the popup's form styling on a standalone page. */
.mz-reservation-page .mz-about-container{width:min(100% - 48px,760px)}
.mz-reserve-page-form{margin-top:28px;background:#fff;border:1px solid #ece9e6;border-radius:16px;box-shadow:0 18px 46px rgba(33,25,18,.08)}
.mz-reserve-page-form .mz-reserve-section:first-child{margin-top:0}

/* ============ WhatsApp floating button + message popup ============ */
.mz-wa-btn{
  position:fixed;right:20px;bottom:20px;z-index:9997;
  width:60px;height:60px;padding:0;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;color:#fff;background:#25d366;
  box-shadow:0 8px 26px rgba(37,211,102,.45);
  transition:transform .2s ease,box-shadow .2s ease;
  animation:mzWaPulse 2.6s ease-in-out infinite;
}
.mz-wa-btn:hover{transform:scale(1.06);box-shadow:0 12px 32px rgba(37,211,102,.55)}
.mz-wa-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mz-wa-btn svg{display:block}
@keyframes mzWaPulse{0%,100%{box-shadow:0 8px 26px rgba(37,211,102,.45)}50%{box-shadow:0 8px 26px rgba(37,211,102,.45),0 0 0 12px rgba(37,211,102,.12)}}

.mz-wa-pop{
  position:fixed;right:20px;bottom:92px;z-index:9998;
  width:min(340px,calc(100vw - 32px));
  background:var(--mz-paper);border-radius:18px;overflow:hidden;
  box-shadow:0 26px 64px rgba(20,14,9,.32);
  transform:translateY(14px) scale(.97);opacity:0;pointer-events:none;
  transform-origin:bottom right;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.3,1);
  font-family:var(--mz-font-body);
}
.mz-wa-pop.is-open{opacity:1;transform:none;pointer-events:auto}
.mz-wa-pop[hidden]{display:none}

.mz-wa-head{display:flex;align-items:center;gap:11px;padding:14px 14px;background:#075e54;color:#fff}
.mz-wa-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.mz-wa-head-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.mz-wa-name{font:600 14.5px/1.25 var(--mz-font-body)}
.mz-wa-status{font:400 11.5px/1.2 var(--mz-font-body);opacity:.85;display:flex;align-items:center;gap:5px}
.mz-wa-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#4be37a}
.mz-wa-close{display:flex;align-items:center;justify-content:center;margin-left:auto;flex:0 0 auto;width:28px;height:28px;border:0;cursor:pointer;background:transparent;color:#fff;font-size:22px;line-height:1;border-radius:8px;opacity:.85;transition:opacity .15s,background .15s}
.mz-wa-close:hover{opacity:1;background:rgba(255,255,255,.14)}

.mz-wa-body{padding:16px 16px 18px;background:#ece5dd}
.mz-wa-greeting{margin:0 0 14px;padding:11px 13px;background:#fff;border-radius:4px 14px 14px 14px;box-shadow:0 1px 2px rgba(0,0,0,.08);font:400 13px/1.5 var(--mz-font-body);color:var(--mz-ink)}
.mz-wa-label{display:block;margin:0 0 6px;font:600 11px/1 var(--mz-font-body);letter-spacing:1.4px;text-transform:uppercase;color:var(--mz-muted)}
.mz-wa-text{width:100%;box-sizing:border-box;resize:vertical;min-height:64px;padding:11px 12px;border:1px solid #d5cdc4;border-radius:12px;background:#fff;font:400 13.5px/1.5 var(--mz-font-body);color:var(--mz-ink)}
.mz-wa-text:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px rgba(37,211,102,.18)}
.mz-wa-send{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px 16px;border:0;cursor:pointer;border-radius:12px;background:#25d366;color:#fff;font:600 13.5px/1 var(--mz-font-body);letter-spacing:.4px;box-shadow:0 6px 18px rgba(37,211,102,.35);transition:filter .18s,transform .12s}
.mz-wa-send:hover{filter:brightness(1.04)}
.mz-wa-send:active{transform:translateY(1px)}
.mz-wa-send svg{display:block}

@media (max-width:600px){
  .mz-wa-btn{width:54px;height:54px;right:14px;bottom:14px}
  .mz-wa-pop{right:12px;left:12px;bottom:80px;width:auto}
}

/* ============ Header right cluster + language switcher ============ */
.mz-header-right{display:flex;align-items:center;gap:18px}
/* Bricks shortcode wrapper (div#brxe-...) is block-level — keep it hugging the switcher */
.mz-lang-el{display:flex;align-items:center;width:fit-content}

.mz-lang{
  display:inline-flex;align-items:center;gap:2px;padding:3px;
  border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(255,255,255,.06);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  line-height:1;flex:0 0 auto;
}
.mz-lang-opt{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 11px;border-radius:999px;text-decoration:none;
  font:600 11px/1 var(--mz-font-body);letter-spacing:1.4px;text-transform:uppercase;
  color:rgba(255,255,255,.82);transition:color .2s ease,background .2s ease;
}
.mz-lang-opt:hover:not(.is-active){color:#fff;background:rgba(255,255,255,.14)}
.mz-lang-opt.is-active{background:#fff;color:var(--mz-ink);box-shadow:0 2px 8px rgba(0,0,0,.16)}
.mz-lang-opt:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (max-width:1100px){
  /* CTA button is hidden here — dock the switcher next to the hamburger,
     with a gap so it doesn't crowd the menu button */
  .mz-header-right{margin-left:auto;gap:12px;margin-right:18px}
  .mz-lang-opt{padding:5px 9px;letter-spacing:1px}
}

/* ============ Homepage Instagram strip ============ */
#brxe-ucjsgz,#brxe-cfqfiz{width:100%;max-width:none}
.mz-instagram-strip{width:100%;padding-top:16px;overflow:hidden;background:#fff}
.mz-instagram-title{
  margin:0 0 24px;padding:0 20px;text-align:center;color:#34384d;
  font:300 25px/1.3 var(--mz-font-body);letter-spacing:1.3px}
.mz-instagram-title a{color:#34384d;font-weight:600;text-decoration:none}
.mz-instagram-title a:hover{text-decoration:underline;text-underline-offset:4px}
.mz-instagram-title a:focus-visible{outline:2px solid var(--mz-accent);outline-offset:4px;border-radius:2px}

/* Interactive media renderer (videos + multi-image posts). */
.mz-instagram-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
  width:100%;background:var(--mz-cream)}
.mz-instagram-card{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--mz-cream)}
.mz-instagram-viewport,.mz-instagram-track,.mz-instagram-slide{width:100%;height:100%}
.mz-instagram-viewport{overflow:hidden;touch-action:pan-y}
.mz-instagram-track{display:flex;transform:translate3d(0,0,0);transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform}
.mz-instagram-slide{position:relative;flex:0 0 100%;overflow:hidden}
.mz-instagram-slide img,.mz-instagram-slide video{
  display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);
  transition:transform .3s ease;background:var(--mz-cream)}
.mz-instagram-card::before,.mz-instagram-card::after{
  content:"";position:absolute;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}
.mz-instagram-card::before{inset:0;background:rgba(0,0,0,.4)}
.mz-instagram-card::after{
  left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E")}
.mz-instagram-card:hover::before,.mz-instagram-card:hover::after,
.mz-instagram-card:focus-within::before,.mz-instagram-card:focus-within::after{opacity:1}
.mz-instagram-card:hover .mz-instagram-slide img,
.mz-instagram-card:hover .mz-instagram-slide video,
.mz-instagram-card:focus-within .mz-instagram-slide img,
.mz-instagram-card:focus-within .mz-instagram-slide video{transform:scale(1.05)}
.mz-instagram-card-link{position:absolute;inset:0;z-index:3}
.mz-instagram-card-link:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.mz-instagram-nav{
  position:absolute;z-index:5;top:50%;width:34px;height:34px;padding:0;border:0;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(25,20,16,.62);
  opacity:0;transform:translateY(-50%);transition:opacity .2s,background .2s}
.mz-instagram-nav:hover{background:rgba(25,20,16,.84)}
.mz-instagram-nav:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px}
.mz-instagram-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mz-instagram-prev{left:9px}.mz-instagram-next{right:9px}
.mz-instagram-card:hover .mz-instagram-nav,.mz-instagram-card:focus-within .mz-instagram-nav{opacity:1}
.mz-instagram-count{
  position:absolute;z-index:5;right:9px;bottom:9px;padding:4px 8px;border-radius:999px;
  color:#fff;background:rgba(25,20,16,.68);font:600 10px/1 var(--mz-font-body);letter-spacing:.3px}

.mz-instagram-strip #sb_instagram{width:100%!important;padding:0!important;margin:0!important}
.mz-instagram-strip #sb_instagram .sb_instagram_header,
.mz-instagram-strip #sb_instagram .sbi_load_btn,
.mz-instagram-strip #sb_instagram .sbi_follow_btn{display:none!important}
.mz-instagram-strip #sb_instagram #sbi_images{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;width:100%!important;padding:0!important;background:var(--mz-cream)}
.mz-instagram-strip #sb_instagram #sbi_images .sbi_item{
  width:100%!important;margin:0!important;padding:0!important;overflow:hidden}
.mz-instagram-strip #sb_instagram #sbi_images .sbi_item:nth-child(n+6){display:none!important}
.mz-instagram-strip #sb_instagram .sbi_photo_wrap{height:100%;overflow:hidden}
.mz-instagram-strip #sb_instagram .sbi_photo{
  position:relative!important;display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:1/1;overflow:hidden;background-position:center!important;background-size:cover!important}
.mz-instagram-strip #sb_instagram .sbi_photo img{
  position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;
  transform:scale(1);transition:transform .3s ease}
.mz-instagram-strip #sb_instagram .sbi_photo::before,
.mz-instagram-strip #sb_instagram .sbi_photo::after{
  content:"";position:absolute;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease}
.mz-instagram-strip #sb_instagram .sbi_photo::before{inset:0;background:rgba(0,0,0,.4)}
.mz-instagram-strip #sb_instagram .sbi_photo::after{
  left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E")}
.mz-instagram-strip #sb_instagram .sbi_photo:hover::before,
.mz-instagram-strip #sb_instagram .sbi_photo:hover::after,
.mz-instagram-strip #sb_instagram .sbi_photo:focus-visible::before,
.mz-instagram-strip #sb_instagram .sbi_photo:focus-visible::after{opacity:1}
.mz-instagram-strip #sb_instagram .sbi_photo:hover img,
.mz-instagram-strip #sb_instagram .sbi_photo:focus-visible img{transform:scale(1.05)}
.mz-instagram-strip #sb_instagram .sbi_photo:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.mz-instagram-strip #sb_instagram .sbi_playbtn,
.mz-instagram-strip #sb_instagram .fa-clone{display:none!important}

@media (max-width:680px){
  .mz-instagram-title{font-size:20px!important}
  .mz-instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mz-instagram-grid .mz-instagram-card:last-child{display:none}
  .mz-instagram-nav{width:30px;height:30px;opacity:1}
  .mz-instagram-strip #sb_instagram #sbi_images{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mz-instagram-strip #sb_instagram #sbi_images .sbi_item:nth-child(n+5){display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mz-instagram-strip #sb_instagram .sbi_photo img,
  .mz-instagram-strip #sb_instagram .sbi_photo::before,
  .mz-instagram-strip #sb_instagram .sbi_photo::after,
  .mz-instagram-track,.mz-instagram-slide img,.mz-instagram-slide video,
  .mz-instagram-card::before,.mz-instagram-card::after{transition:none}
}

/* ============ Form submission thank-you page ============ */
.page-id-379 .mz-header-shell{background:#211912}
.page-id-379 #mz-reserve-tab{display:none}
.mz-thank-you-page{background:var(--mz-cream);color:var(--mz-ink);font-family:var(--mz-font-body)}
.mz-thank-you-section{width:100%;padding:110px 0 0;overflow:hidden}
.mz-thank-you-inner{width:100%}
.mz-thank-you-card{min-height:620px;display:flex;align-items:center;justify-content:center;background:var(--mz-cream)}
.mz-thank-you-content{width:min(100% - 40px,680px);padding:100px 0;text-align:center}
.mz-thank-you-card h1{margin:0;color:var(--mz-ink);font:400 clamp(54px,6vw,76px)/1.08 var(--mz-font-display);letter-spacing:-1px}
.mz-thank-you-text{max-width:580px;margin:26px auto 0;color:rgba(33,25,18,.68);font:400 15px/1.75 var(--mz-font-body)}
.mz-thank-you-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:26px;margin-top:38px}
.mz-thank-you-actions a{display:inline-flex;align-items:center;justify-content:center;color:var(--mz-ink);text-decoration:none;text-transform:uppercase;font:500 11px/1 var(--mz-font-body);letter-spacing:2px;transition:transform .2s ease,color .2s ease,background .2s ease}
.mz-thank-you-primary{min-height:52px;padding:0 30px;border-radius:999px;background:var(--mz-ink);color:var(--mz-cream)!important}
.mz-thank-you-primary:hover{transform:translateY(-1px);background:#3a2c20;color:#fff!important}
.mz-thank-you-secondary{padding:7px 0;border-bottom:1px solid currentColor}
.mz-thank-you-secondary:hover{color:var(--mz-accent)}
.mz-thank-you-actions a:focus-visible{outline:3px solid rgba(174,120,90,.45);outline-offset:4px}

@media (max-width:800px){
  .mz-thank-you-section{padding-top:110px}
  .mz-thank-you-card{min-height:620px}
  .mz-thank-you-content{width:calc(100% - 40px);padding:80px 0}
  .mz-thank-you-card h1{font-size:52px;line-height:1.08}
  .mz-thank-you-text{margin-top:22px;font-size:14.5px;line-height:1.7}
  .mz-thank-you-actions{flex-direction:column;gap:20px;margin-top:32px}
}