{"id":2,"date":"2026-04-24T20:50:54","date_gmt":"2026-04-24T20:50:54","guid":{"rendered":"https:\/\/coiffeur.procyon-agency.be\/?page_id=2"},"modified":"2026-04-24T22:30:41","modified_gmt":"2026-04-24T22:30:41","slug":"home","status":"publish","type":"page","link":"https:\/\/coiffeur.procyon-agency.be\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Maison Mohamed \u2014 L'Art de la Coupe<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --black: #080808;\r\n --off-black: #111111;\r\n --dark: #1a1a1a;\r\n --white: #fafafa;\r\n --beige: #f2ece0;\r\n --warm-beige: #e8dcc8;\r\n --gold: #c9a96e;\r\n --gold-light: #dfc090;\r\n --gray: #6b6b6b;\r\n --light-gray: #ccc7be;\r\n --green: #25d366;\r\n --font-d: 'Cormorant Garamond', Georgia, serif;\r\n --font-b: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;\r\n --ease: cubic-bezier(0.4, 0, 0.2, 1);\r\n --tr: all 0.35s var(--ease);\r\n }\r\n\r\n html { scroll-behavior: smooth; font-size: 16px; }\r\n\r\n body {\r\n font-family: var(--font-b);\r\n background: var(--white);\r\n color: var(--black);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n ::-webkit-scrollbar { width: 3px; }\r\n ::-webkit-scrollbar-track { background: var(--black); }\r\n ::-webkit-scrollbar-thumb { background: var(--gold); }\r\n\r\n .container { max-width: 1160px; margin: 0 auto; }\r\n\r\n .eyebrow {\r\n display: block;\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n letter-spacing: 0.44em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.85rem;\r\n }\r\n .sec-title {\r\n font-family: var(--font-d);\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 300;\r\n line-height: 1.15;\r\n margin-bottom: 1.2rem;\r\n }\r\n .sec-rule {\r\n width: 46px; height: 1px;\r\n background: var(--gold);\r\n margin-bottom: 3rem;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LANGUAGE TOGGLE (CSS-only)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #lang { display: none; }\r\n\r\n \/* Default: French shown, English hidden *\/\r\n .en { display: none !important; }\r\n .fr { display: inline !important; }\r\n .blk-en { display: none !important; }\r\n .blk-fr { display: block !important; }\r\n\r\n \/* When checked \u2192 English mode *\/\r\n #lang:checked ~ .page-wrap .en { display: inline !important; }\r\n #lang:checked ~ .page-wrap .fr { display: none !important; }\r\n #lang:checked ~ .page-wrap .blk-en { display: block !important; }\r\n #lang:checked ~ .page-wrap .blk-fr { display: none !important; }\r\n\r\n \/* Lang toggle button in header *\/\r\n .lang-toggle {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n cursor: pointer;\r\n border: 1px solid rgba(201,169,110,0.28);\r\n padding: 0.35rem 0.9rem;\r\n user-select: none;\r\n transition: var(--tr);\r\n }\r\n .lang-toggle:hover { border-color: var(--gold); }\r\n .lang-btn {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n transition: var(--tr);\r\n }\r\n .lang-btn--fr { color: var(--gold); }\r\n .lang-btn--en { color: rgba(250,250,250,0.35); }\r\n .lang-sep { color: rgba(250,250,250,0.2); font-size: 0.7rem; }\r\n\r\n \/* Swap active state when checked *\/\r\n #lang:checked ~ .page-wrap .lang-btn--fr { color: rgba(250,250,250,0.35); }\r\n #lang:checked ~ .page-wrap .lang-btn--en { color: var(--gold); }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .site-header {\r\n position: fixed;\r\n inset: 0 0 auto;\r\n z-index: 200;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 1rem 3.5rem;\r\n background: rgba(8,8,8,0.84);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid rgba(201,169,110,0.12);\r\n }\r\n\r\n .site-header__logo {\r\n font-family: var(--font-d);\r\n line-height: 1;\r\n text-decoration: none;\r\n }\r\n .site-header__logo-main {\r\n display: block;\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n }\r\n .site-header__logo-main span { color: var(--gold); }\r\n .site-header__logo-sub {\r\n display: block;\r\n font-size: 0.52rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n letter-spacing: 0.28em;\r\n color: rgba(201,169,110,0.6);\r\n margin-top: 0.1rem;\r\n }\r\n\r\n .site-header__right {\r\n display: flex;\r\n align-items: center;\r\n gap: 2.5rem;\r\n }\r\n\r\n .site-header__nav {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n }\r\n .site-header__nav a {\r\n font-size: 0.62rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.62);\r\n text-decoration: none;\r\n position: relative;\r\n transition: var(--tr);\r\n }\r\n .site-header__nav a::after {\r\n content: '';\r\n position: absolute;\r\n left: 0; bottom: -5px;\r\n width: 0; height: 1px;\r\n background: var(--gold);\r\n transition: var(--tr);\r\n }\r\n .site-header__nav a:hover { color: var(--gold); }\r\n .site-header__nav a:hover::after { width: 100%; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hero {\r\n position: relative;\r\n height: 100vh;\r\n min-height: 640px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n .hero__video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n }\r\n .hero__overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 150deg,\r\n rgba(8,8,8,0.90) 0%,\r\n rgba(8,8,8,0.50) 50%,\r\n rgba(16,10,2,0.88) 100%\r\n );\r\n z-index: 1;\r\n }\r\n .hero__content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n padding: 0 1.5rem;\r\n max-width: 880px;\r\n }\r\n .hero__badge {\r\n display: inline-block;\r\n font-size: 0.56rem;\r\n font-weight: 500;\r\n letter-spacing: 0.48em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n border: 1px solid rgba(201,169,110,0.34);\r\n padding: 0.45rem 1.8rem;\r\n margin-bottom: 2rem;\r\n }\r\n .hero__brand {\r\n font-family: var(--font-d);\r\n font-size: clamp(0.8rem, 1.8vw, 1rem);\r\n font-weight: 300;\r\n letter-spacing: 0.55em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.4);\r\n margin-bottom: 0.7rem;\r\n }\r\n .hero__title {\r\n font-family: var(--font-d);\r\n font-size: clamp(3.2rem, 8vw, 6.5rem);\r\n font-weight: 300;\r\n line-height: 1.06;\r\n color: var(--white);\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.5rem;\r\n }\r\n .hero__title em { font-style: italic; color: var(--gold-light); }\r\n .hero__subtitle {\r\n font-size: clamp(0.72rem, 1.4vw, 0.88rem);\r\n font-weight: 300;\r\n letter-spacing: 0.24em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.48);\r\n margin-bottom: 3rem;\r\n }\r\n .hero__cta {\r\n display: inline-block;\r\n padding: 1.05rem 3.4rem;\r\n background: transparent;\r\n border: 1px solid var(--gold);\r\n color: var(--white);\r\n font-family: var(--font-b);\r\n font-size: 0.68rem;\r\n font-weight: 500;\r\n letter-spacing: 0.35em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: var(--tr);\r\n }\r\n .hero__cta:hover {\r\n background: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 0 36px rgba(201,169,110,0.38);\r\n }\r\n .hero__scroll {\r\n position: absolute;\r\n bottom: 2.5rem; left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.55rem;\r\n }\r\n .hero__scroll span {\r\n font-size: 0.52rem;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.26);\r\n }\r\n .hero__scroll-line {\r\n width: 1px; height: 46px;\r\n background: linear-gradient(to bottom, var(--gold), transparent);\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SERVICES\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #services {\r\n background: var(--off-black);\r\n padding: 6.5rem 2rem;\r\n }\r\n #services .sec-title { color: var(--white); }\r\n\r\n .services__grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n }\r\n .service-card {\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.035);\r\n transition: var(--tr);\r\n cursor: default;\r\n }\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: var(--gold);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.45s var(--ease);\r\n z-index: 2;\r\n }\r\n .service-card:hover { transform: translateY(-5px); box-shadow: 0 24px 52px rgba(0,0,0,0.5); }\r\n .service-card:hover::before { transform: scaleX(1); }\r\n\r\n .service-card__photo-wrap { overflow: hidden; position: relative; }\r\n .service-card__photo-wrap::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 40%, var(--dark) 100%);\r\n }\r\n .service-card__photo {\r\n width: 100%; height: 200px;\r\n object-fit: cover;\r\n display: block;\r\n filter: brightness(0.75) saturate(0.82);\r\n transition: var(--tr);\r\n }\r\n .service-card:hover .service-card__photo {\r\n filter: brightness(0.9) saturate(1.05);\r\n transform: scale(1.04);\r\n }\r\n .service-card__body { padding: 1.8rem 2rem 2.2rem; }\r\n .service-card__num {\r\n font-family: var(--font-d);\r\n font-size: 4.5rem;\r\n font-weight: 300;\r\n color: rgba(201,169,110,0.08);\r\n line-height: 1;\r\n margin-bottom: 0.9rem;\r\n user-select: none;\r\n }\r\n .service-card__name {\r\n font-family: var(--font-d);\r\n font-size: 1.6rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 0.18rem;\r\n }\r\n .service-card__name-sub {\r\n font-size: 0.58rem;\r\n font-weight: 400;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n margin-bottom: 1.2rem;\r\n }\r\n .service-card__price {\r\n font-family: var(--font-d);\r\n font-size: 2.6rem;\r\n font-weight: 300;\r\n color: var(--gold);\r\n line-height: 1;\r\n margin-bottom: 1.2rem;\r\n }\r\n .service-card__price sup { font-size: 1rem; vertical-align: super; }\r\n .service-card__divider {\r\n width: 26px; height: 1px;\r\n background: rgba(201,169,110,0.25);\r\n margin-bottom: 1.1rem;\r\n }\r\n .service-card__desc {\r\n font-size: 0.82rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.48);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GALLERY\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #gallery {\r\n background: var(--black);\r\n padding: 6rem 2rem;\r\n }\r\n #gallery .sec-title { color: var(--white); }\r\n\r\n .gallery__grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n grid-template-rows: 260px 200px;\r\n gap: 3px;\r\n }\r\n .gallery__item {\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .gallery__item:nth-child(1) { grid-column: span 2; grid-row: span 2; }\r\n .gallery__item:nth-child(2) { grid-column: span 2; }\r\n .gallery__item:nth-child(3) { grid-column: span 2; }\r\n .gallery__item:nth-child(4) { grid-column: span 1; }\r\n .gallery__item:nth-child(5) { grid-column: span 2; }\r\n .gallery__item:nth-child(6) { grid-column: span 1; }\r\n\r\n .gallery__item img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n filter: brightness(0.8) saturate(0.82);\r\n transition: transform 0.6s var(--ease), filter 0.5s var(--ease);\r\n }\r\n .gallery__item::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(8,8,8,0.22);\r\n transition: var(--tr);\r\n }\r\n .gallery__item:hover img { transform: scale(1.07); filter: brightness(1) saturate(1); }\r\n .gallery__item:hover::after { background: transparent; }\r\n\r\n .gallery__caption {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n padding: 1.2rem 1rem 0.9rem;\r\n background: linear-gradient(to top, rgba(8,8,8,0.85), transparent);\r\n z-index: 1;\r\n opacity: 0;\r\n transform: translateY(8px);\r\n transition: var(--tr);\r\n }\r\n .gallery__item:hover .gallery__caption { opacity: 1; transform: translateY(0); }\r\n .gallery__caption span {\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ABOUT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #about {\r\n background: var(--black);\r\n padding: 7rem 2rem;\r\n }\r\n #about .sec-title { color: var(--white); }\r\n\r\n .about__inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 7rem;\r\n align-items: center;\r\n }\r\n .about__photo-wrap { position: relative; }\r\n .about__photo-main {\r\n width: 100%;\r\n aspect-ratio: 3\/4;\r\n object-fit: cover;\r\n display: block;\r\n filter: brightness(0.88) saturate(0.85);\r\n }\r\n .about__photo-accent {\r\n position: absolute;\r\n bottom: -2rem; right: -2rem;\r\n width: 55%;\r\n aspect-ratio: 1;\r\n object-fit: cover;\r\n border: 4px solid var(--black);\r\n filter: brightness(0.9) saturate(0.8);\r\n }\r\n .about__photo-tag {\r\n position: absolute;\r\n top: 2rem; left: -1.5rem;\r\n background: var(--gold);\r\n color: var(--black);\r\n font-family: var(--font-d);\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n letter-spacing: 0.35em;\r\n text-transform: uppercase;\r\n padding: 0.6rem 1.2rem;\r\n writing-mode: vertical-rl;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .about__text {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.62);\r\n line-height: 1.95;\r\n }\r\n .about__text-accent {\r\n font-size: 0.875rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(250,250,250,0.3);\r\n line-height: 1.9;\r\n border-left: 1px solid rgba(201,169,110,0.28);\r\n padding-left: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n .about__stats {\r\n display: flex;\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n }\r\n .stat__number {\r\n font-family: var(--font-d);\r\n font-size: 2.6rem;\r\n font-weight: 300;\r\n color: var(--gold);\r\n line-height: 1;\r\n display: block;\r\n }\r\n .stat__label {\r\n font-size: 0.56rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n display: block;\r\n margin-top: 0.3rem;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LOCATION \u2014 CETTE SEMAINE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #location {\r\n background: var(--off-black);\r\n padding: 6rem 2rem;\r\n border-top: 1px solid rgba(201,169,110,0.08);\r\n }\r\n #location .sec-title { color: var(--white); }\r\n\r\n .location__layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: start;\r\n }\r\n\r\n \/* Current location card *\/\r\n .location__card {\r\n background: var(--dark);\r\n border: 1px solid rgba(201,169,110,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .location__card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(to right, var(--gold), transparent);\r\n }\r\n\r\n .location__card-head {\r\n padding: 1.5rem 1.8rem 1.2rem;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .location__week-label {\r\n font-size: 0.58rem;\r\n font-weight: 500;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n }\r\n .location__live-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.45rem;\r\n background: rgba(201,169,110,0.08);\r\n border: 1px solid rgba(201,169,110,0.22);\r\n padding: 0.3rem 0.8rem;\r\n }\r\n .location__live-dot {\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n box-shadow: 0 0 6px var(--gold);\r\n }\r\n .location__live-text {\r\n font-size: 0.54rem;\r\n font-weight: 600;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .location__card-body { padding: 1.8rem; }\r\n\r\n .location__pin {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.9rem;\r\n margin-bottom: 1.6rem;\r\n }\r\n .location__pin-icon {\r\n width: 32px; height: 32px;\r\n background: rgba(201,169,110,0.1);\r\n border: 1px solid rgba(201,169,110,0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 0.2rem;\r\n }\r\n .location__pin-icon svg { width: 14px; height: 14px; fill: var(--gold); }\r\n .location__salon-name {\r\n font-family: var(--font-d);\r\n font-size: 1.5rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 0.2rem;\r\n }\r\n .location__salon-addr {\r\n font-size: 0.78rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.45);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Days row *\/\r\n .location__days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 4px;\r\n margin-bottom: 1.4rem;\r\n }\r\n .loc-day {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.35rem;\r\n padding: 0.6rem 0.2rem;\r\n background: rgba(255,255,255,0.03);\r\n }\r\n .loc-day--active { background: rgba(201,169,110,0.08); border: 1px solid rgba(201,169,110,0.18); }\r\n .loc-day--closed { opacity: 0.35; }\r\n .loc-day__name {\r\n font-size: 0.5rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n }\r\n .loc-day--active .loc-day__name { color: var(--gold); }\r\n .loc-day__dot {\r\n width: 5px; height: 5px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.12);\r\n }\r\n .loc-day--active .loc-day__dot {\r\n background: var(--gold);\r\n box-shadow: 0 0 5px rgba(201,169,110,0.5);\r\n }\r\n\r\n .location__note {\r\n font-size: 0.72rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.35);\r\n line-height: 1.75;\r\n font-style: italic;\r\n padding-top: 1.2rem;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n }\r\n\r\n \/* Schedule table (right side) *\/\r\n .location__schedule-title {\r\n font-family: var(--font-d);\r\n font-size: 1.2rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 1.5rem;\r\n padding-bottom: 0.8rem;\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n }\r\n\r\n .schedule-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.1rem 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.04);\r\n transition: var(--tr);\r\n }\r\n .schedule-row:last-child { border-bottom: none; }\r\n .schedule-row:hover { padding-left: 0.5rem; }\r\n\r\n .schedule-row__days {\r\n flex-shrink: 0;\r\n width: 80px;\r\n }\r\n .schedule-row__day-label {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n .schedule-row__info { flex: 1; }\r\n .schedule-row__salon {\r\n font-family: var(--font-d);\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n margin-bottom: 0.15rem;\r\n }\r\n .schedule-row__addr {\r\n font-size: 0.72rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.38);\r\n }\r\n .schedule-row__closed {\r\n font-size: 0.72rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(250,250,250,0.22);\r\n }\r\n\r\n .location__instagram {\r\n margin-top: 2rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n padding: 1rem 1.2rem;\r\n background: rgba(201,169,110,0.06);\r\n border: 1px solid rgba(201,169,110,0.15);\r\n text-decoration: none;\r\n transition: var(--tr);\r\n }\r\n .location__instagram:hover { background: rgba(201,169,110,0.12); border-color: var(--gold); }\r\n .location__instagram-icon { font-size: 1.2rem; }\r\n .location__instagram-text { flex: 1; }\r\n .location__instagram-label {\r\n font-size: 0.58rem;\r\n font-weight: 600;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n display: block;\r\n margin-bottom: 0.2rem;\r\n }\r\n .location__instagram-sub {\r\n font-size: 0.72rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.38);\r\n }\r\n .location__instagram-arrow {\r\n color: var(--gold);\r\n font-size: 1rem;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESERVATION\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #reservation {\r\n background: var(--beige);\r\n padding: 6.5rem 2rem;\r\n }\r\n .reservation__grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4.5rem;\r\n align-items: start;\r\n }\r\n\r\n .calendar { background: var(--white); box-shadow: 0 4px 32px rgba(0,0,0,0.09); }\r\n .calendar__head {\r\n background: var(--black);\r\n padding: 1.2rem 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .calendar__month-label {\r\n font-family: var(--font-d);\r\n font-size: 1rem;\r\n font-weight: 400;\r\n letter-spacing: 0.12em;\r\n color: var(--white);\r\n }\r\n .calendar__arrows { display: flex; gap: 1.2rem; }\r\n .calendar__arrows span { color: var(--gold); font-size: 1.15rem; cursor: default; user-select: none; opacity: 0.7; }\r\n .calendar__dow {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n background: #0d0d0d;\r\n padding: 0.4rem 0.75rem;\r\n }\r\n .calendar__dow span {\r\n font-size: 0.52rem;\r\n font-weight: 500;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n text-align: center;\r\n padding: 0.5rem 0;\r\n }\r\n .calendar__grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n padding: 0.9rem;\r\n background: var(--white);\r\n }\r\n .cal-day {\r\n aspect-ratio: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.75rem;\r\n font-weight: 400;\r\n color: var(--dark);\r\n border-radius: 50%;\r\n cursor: default;\r\n transition: var(--tr);\r\n }\r\n .cal-day:hover { background: var(--beige); }\r\n .cal-day--empty { visibility: hidden; pointer-events: none; }\r\n .cal-day--past { color: var(--light-gray); }\r\n .cal-day--today { border: 1px solid var(--gold); color: var(--gold); font-weight: 500; }\r\n .cal-day--active { background: var(--black) !important; color: var(--gold) !important; font-weight: 600; }\r\n\r\n .calendar__slots-wrap { padding: 1rem 0.9rem 1.5rem; border-top: 1px solid var(--beige); }\r\n .calendar__slots-label {\r\n font-size: 0.54rem;\r\n font-weight: 500;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n margin-bottom: 0.7rem;\r\n }\r\n .calendar__slots {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 6px;\r\n }\r\n .slot {\r\n padding: 0.5rem 0;\r\n text-align: center;\r\n font-size: 0.72rem;\r\n color: var(--dark);\r\n border: 1px solid var(--light-gray);\r\n cursor: default;\r\n transition: var(--tr);\r\n }\r\n .slot:hover { border-color: var(--gold); color: var(--black); }\r\n .slot--active { background: var(--black); border-color: var(--black); color: var(--gold); }\r\n .slot--off { background: var(--beige); color: var(--light-gray); cursor: not-allowed; }\r\n\r\n .reservation__form { display: flex; flex-direction: column; gap: 1.4rem; }\r\n .fgroup { display: flex; flex-direction: column; gap: 0.42rem; }\r\n .fgroup label {\r\n font-size: 0.58rem;\r\n font-weight: 500;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n }\r\n .fgroup input, .fgroup select {\r\n padding: 0.9rem 1rem;\r\n background: var(--white);\r\n border: 1px solid var(--light-gray);\r\n border-radius: 0;\r\n font-family: var(--font-b);\r\n font-size: 0.88rem;\r\n font-weight: 300;\r\n color: var(--black);\r\n outline: none;\r\n transition: var(--tr);\r\n appearance: none;\r\n -webkit-appearance: none;\r\n }\r\n .fgroup input:focus, .fgroup select:focus { border-color: var(--gold); }\r\n .fgroup input::placeholder { color: var(--light-gray); }\r\n .fgroup--select { position: relative; }\r\n .fgroup--select::after {\r\n content: '\u2193';\r\n position: absolute;\r\n right: 1rem; bottom: 0.9rem;\r\n color: var(--gold);\r\n font-size: 0.75rem;\r\n pointer-events: none;\r\n }\r\n .recap-box {\r\n background: var(--warm-beige);\r\n padding: 1.2rem 1.5rem;\r\n border-left: 2px solid var(--gold);\r\n }\r\n .recap-box__label {\r\n font-size: 0.55rem;\r\n font-weight: 500;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n margin-bottom: 0.5rem;\r\n }\r\n .recap-box__text { font-size: 0.82rem; color: var(--dark); line-height: 1.85; font-weight: 300; }\r\n .recap-box__text span { color: var(--gray); }\r\n\r\n .btn-confirm {\r\n padding: 1.1rem;\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: var(--font-b);\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n letter-spacing: 0.36em;\r\n text-transform: uppercase;\r\n border: 1px solid var(--black);\r\n cursor: pointer;\r\n transition: var(--tr);\r\n }\r\n .btn-confirm:hover {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n color: var(--black);\r\n box-shadow: 0 6px 24px rgba(201,169,110,0.3);\r\n }\r\n .form-disclaimer { font-size: 0.64rem; color: var(--gray); line-height: 1.65; font-weight: 300; }\r\n .form-disclaimer em { display: block; color: var(--light-gray); font-style: italic; font-size: 0.6rem; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n Uses <div> not <footer> to\r\n avoid WordPress\/theme CSS that\r\n targets the footer element with\r\n max-width \/ margin: auto etc.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .site-footer {\r\n background: var(--off-black);\r\n width: 100%;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n padding: 0;\r\n box-sizing: border-box;\r\n display: block;\r\n float: none;\r\n position: static;\r\n }\r\n\r\n .site-footer__gold-bar {\r\n height: 2px;\r\n background: linear-gradient(to right, transparent, var(--gold), transparent);\r\n }\r\n\r\n .site-footer__inner {\r\n padding: 4rem 3rem 0;\r\n }\r\n\r\n .site-footer__top {\r\n display: grid;\r\n grid-template-columns: 2.2fr 1.4fr 1fr;\r\n gap: 3.5rem;\r\n padding-bottom: 3rem;\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n }\r\n\r\n .footer-brand__logo {\r\n font-family: var(--font-d);\r\n font-size: 1.7rem;\r\n font-weight: 600;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n margin-bottom: 0.2rem;\r\n }\r\n .footer-brand__logo span { color: var(--gold); }\r\n .footer-brand__sub {\r\n font-family: var(--font-d);\r\n font-size: 0.65rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n letter-spacing: 0.18em;\r\n color: var(--gold);\r\n opacity: 0.6;\r\n margin-bottom: 0.6rem;\r\n display: block;\r\n }\r\n .footer-brand__tag {\r\n font-size: 0.68rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n letter-spacing: 0.1em;\r\n color: var(--gray);\r\n margin-bottom: 1.2rem;\r\n display: block;\r\n }\r\n .footer-brand__blurb {\r\n font-size: 0.76rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.28);\r\n line-height: 1.9;\r\n max-width: 280px;\r\n }\r\n .footer-brand__whatsapp {\r\n margin-top: 1.5rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.65rem;\r\n padding: 0.7rem 1.4rem;\r\n background: rgba(37,211,102,0.1);\r\n border: 1px solid rgba(37,211,102,0.25);\r\n text-decoration: none;\r\n transition: var(--tr);\r\n }\r\n .footer-brand__whatsapp:hover {\r\n background: rgba(37,211,102,0.18);\r\n border-color: var(--green);\r\n }\r\n .footer-brand__whatsapp svg { width: 16px; height: 16px; fill: var(--green); flex-shrink: 0; }\r\n .footer-brand__whatsapp span {\r\n font-size: 0.62rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--green);\r\n }\r\n\r\n .footer-col__head {\r\n font-size: 0.55rem;\r\n font-weight: 500;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 1.4rem;\r\n }\r\n .footer-address {\r\n font-style: normal;\r\n font-size: 0.78rem;\r\n font-weight: 300;\r\n color: rgba(250,250,250,0.4);\r\n line-height: 2.1;\r\n }\r\n .footer-address strong {\r\n display: block;\r\n font-weight: 400;\r\n color: rgba(250,250,250,0.7);\r\n margin-bottom: 0.1rem;\r\n }\r\n .footer-social { display: flex; flex-direction: column; gap: 0.9rem; }\r\n .footer-social a {\r\n font-size: 0.68rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.4);\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n transition: var(--tr);\r\n }\r\n .footer-social a::before { content: '\u2014'; color: var(--gold); font-size: 0.7rem; }\r\n .footer-social a:hover { color: var(--gold); }\r\n\r\n .site-footer__bottom {\r\n padding: 1.5rem 3rem 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .footer-copy {\r\n font-size: 0.6rem;\r\n font-weight: 300;\r\n letter-spacing: 0.08em;\r\n color: rgba(250,250,250,0.16);\r\n }\r\n .footer-legal { display: flex; gap: 1.8rem; }\r\n .footer-legal a {\r\n font-size: 0.58rem;\r\n font-weight: 300;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(250,250,250,0.16);\r\n text-decoration: none;\r\n transition: var(--tr);\r\n }\r\n .footer-legal a:hover { color: var(--gold); }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n WHATSAPP FAB\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .whatsapp-fab {\r\n position: fixed;\r\n bottom: 2rem;\r\n right: 2rem;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n background: var(--green);\r\n color: var(--white);\r\n text-decoration: none;\r\n padding: 0.85rem 1.5rem 0.85rem 1.1rem;\r\n box-shadow: 0 4px 20px rgba(37,211,102,0.4);\r\n transition: var(--tr);\r\n font-family: var(--font-b);\r\n }\r\n .whatsapp-fab:hover {\r\n background: #1ebe5d;\r\n box-shadow: 0 6px 28px rgba(37,211,102,0.55);\r\n transform: translateY(-2px);\r\n }\r\n .whatsapp-fab svg { width: 22px; height: 22px; fill: var(--white); flex-shrink: 0; }\r\n .whatsapp-fab__text {\r\n font-size: 0.72rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE NAV (CSS-only)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #nav-toggle { display: none; }\r\n\r\n \/* Hamburger button \u2014 hidden on desktop *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 6px 4px;\r\n flex-shrink: 0;\r\n }\r\n .hamburger span {\r\n display: block;\r\n width: 22px;\r\n height: 1.5px;\r\n background: var(--white);\r\n transition: var(--tr);\r\n transform-origin: center;\r\n }\r\n \/* Animate to X when open *\/\r\n #nav-toggle:checked ~ .page-wrap .hamburger span:nth-child(1) {\r\n transform: rotate(45deg) translate(0, 6.5px);\r\n }\r\n #nav-toggle:checked ~ .page-wrap .hamburger span:nth-child(2) {\r\n opacity: 0; transform: scaleX(0);\r\n }\r\n #nav-toggle:checked ~ .page-wrap .hamburger span:nth-child(3) {\r\n transform: rotate(-45deg) translate(0, -6.5px);\r\n }\r\n\r\n \/* Full-screen mobile nav overlay *\/\r\n .mobile-nav {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(8,8,8,0.97);\r\n z-index: 190;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 80px 2rem 2rem;\r\n }\r\n #nav-toggle:checked ~ .page-wrap .mobile-nav { display: flex; }\r\n\r\n .mobile-nav__item {\r\n width: 100%;\r\n text-align: center;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n }\r\n .mobile-nav__item:first-child { border-top: 1px solid rgba(255,255,255,0.05); }\r\n\r\n .mobile-nav__item a {\r\n display: block;\r\n font-family: var(--font-d);\r\n font-size: 1.8rem;\r\n font-weight: 300;\r\n letter-spacing: 0.12em;\r\n color: var(--white);\r\n text-decoration: none;\r\n padding: 1.1rem 0;\r\n transition: var(--tr);\r\n }\r\n .mobile-nav__item a:hover { color: var(--gold); }\r\n\r\n .mobile-nav__lang {\r\n margin-top: 2rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n .mobile-nav__lang .lang-toggle {\r\n font-size: 0.85rem;\r\n padding: 0.6rem 1.4rem;\r\n border-color: rgba(201,169,110,0.4);\r\n }\r\n .mobile-nav__lang .lang-btn { font-size: 0.75rem; }\r\n\r\n .mobile-nav__cta {\r\n margin-top: 1.5rem;\r\n display: inline-block;\r\n padding: 0.9rem 2.5rem;\r\n background: transparent;\r\n border: 1px solid var(--gold);\r\n color: var(--white);\r\n font-family: var(--font-b);\r\n font-size: 0.68rem;\r\n font-weight: 500;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1024px) {\r\n .site-header { padding: 1rem 2rem; }\r\n .about__inner { grid-template-columns: 1fr; gap: 3.5rem; }\r\n .about__photo-wrap { max-width: 440px; }\r\n .about__photo-accent { right: -1rem; bottom: -1rem; }\r\n .location__layout { grid-template-columns: 1fr; gap: 3rem; }\r\n .gallery__grid { grid-template-columns: repeat(3,1fr); grid-template-rows: auto; }\r\n .gallery__item { grid-column: span 1 !important; grid-row: span 1 !important; height: 180px; }\r\n .site-footer__top { grid-template-columns: 1fr 1fr; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n \/* Header: hide desktop nav, show hamburger *\/\r\n .site-header { padding: 0.9rem 1.4rem; flex-wrap: nowrap; }\r\n .site-header__nav { display: none; }\r\n .hamburger { display: flex; }\r\n .site-header__right { gap: 1rem; }\r\n\r\n \/* Lang toggle: compact on mobile *\/\r\n .lang-toggle { padding: 0.3rem 0.7rem; }\r\n .lang-btn { font-size: 0.58rem; }\r\n .lang-sep { font-size: 0.65rem; }\r\n\r\n \/* Logo: slightly smaller on mobile *\/\r\n .site-header__logo-main { font-size: 1.1rem; letter-spacing: 0.2em; }\r\n .site-header__logo-sub { font-size: 0.45rem; }\r\n\r\n \/* Layout *\/\r\n .services__grid { grid-template-columns: 1fr; gap: 1px; }\r\n .reservation__grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n .gallery__grid { grid-template-columns: repeat(2,1fr); }\r\n .site-footer__top { grid-template-columns: 1fr; gap: 2.5rem; }\r\n .site-footer__bottom { flex-direction: column; gap: 1rem; text-align: center; }\r\n .footer-legal { flex-wrap: wrap; justify-content: center; gap: 1rem; }\r\n .about__stats { gap: 1.8rem; flex-wrap: wrap; }\r\n .site-footer__inner { padding: 3rem 1.5rem 0; }\r\n .site-footer__bottom { padding: 1.5rem; }\r\n #services, #reservation, #about, #gallery, #location { padding: 4.5rem 1.5rem; }\r\n .location__days { grid-template-columns: repeat(7,1fr); }\r\n\r\n \/* WhatsApp FAB: smaller label on mobile *\/\r\n .whatsapp-fab__text { display: none; }\r\n .whatsapp-fab { padding: 0.85rem; border-radius: 50%; box-shadow: 0 4px 20px rgba(37,211,102,0.45); }\r\n }\r\n\r\n @media (max-width: 540px) {\r\n .hero__cta { padding: 0.9rem 2rem; }\r\n .calendar__slots { grid-template-columns: repeat(3,1fr); }\r\n .gallery__grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Checkboxes MUST be before .page-wrap for CSS sibling selectors -->\r\n <input type=\"checkbox\" id=\"lang\">\r\n <input type=\"checkbox\" id=\"nav-toggle\">\r\n\r\n <!-- WhatsApp Floating Button (outside page-wrap, always visible) -->\r\n <a href=\"https:\/\/wa.me\/32400000000\" class=\"whatsapp-fab\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <span class=\"whatsapp-fab__text\">\r\n <span class=\"fr\">\u00c9crire sur WhatsApp<\/span>\r\n <span class=\"en\">Chat on WhatsApp<\/span>\r\n <\/span>\r\n <\/a>\r\n\r\n <!-- \u2550\u2550\u2550 PAGE WRAP (sibling to #lang) \u2550\u2550\u2550 -->\r\n <div class=\"page-wrap\">\r\n\r\n <!-- \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 -->\r\n <header class=\"site-header\" id=\"top\">\r\n <a href=\"#hero\" class=\"site-header__logo\">\r\n <span class=\"site-header__logo-main\"><span>M<\/span>AISON MOHAMED<\/span>\r\n <span class=\"site-header__logo-sub\">\r\n <span class=\"fr\">L'Art de la Coupe<\/span>\r\n <span class=\"en\">The Art of the Cut<\/span>\r\n <\/span>\r\n <\/a>\r\n <div class=\"site-header__right\">\r\n <!-- Desktop nav -->\r\n <nav>\r\n <ul class=\"site-header__nav\">\r\n <li><a href=\"#hero\"><span class=\"fr\">Accueil<\/span><span class=\"en\">Home<\/span><\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#gallery\"><span class=\"fr\">R\u00e9alisations<\/span><span class=\"en\">Gallery<\/span><\/a><\/li>\r\n <li><a href=\"#location\"><span class=\"fr\">Cette semaine<\/span><span class=\"en\">This week<\/span><\/a><\/li>\r\n <li><a href=\"#reservation\"><span class=\"fr\">R\u00e9servation<\/span><span class=\"en\">Booking<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <!-- Language switcher (desktop + mobile) -->\r\n <label for=\"lang\" class=\"lang-toggle\">\r\n <span class=\"lang-btn lang-btn--fr\">FR<\/span>\r\n <span class=\"lang-sep\">|<\/span>\r\n <span class=\"lang-btn lang-btn--en\">EN<\/span>\r\n <\/label>\r\n <!-- Hamburger \u2014 mobile only -->\r\n <label for=\"nav-toggle\" class=\"hamburger\" aria-label=\"Menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/label>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- \u2550\u2550\u2550 MOBILE NAV OVERLAY \u2550\u2550\u2550 -->\r\n <div class=\"mobile-nav\">\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#hero\" onclick=\"document.getElementById('nav-toggle').checked=false\">\r\n <span class=\"fr\">Accueil<\/span><span class=\"en\">Home<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#services\" onclick=\"document.getElementById('nav-toggle').checked=false\">Services<\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#gallery\" onclick=\"document.getElementById('nav-toggle').checked=false\">\r\n <span class=\"fr\">R\u00e9alisations<\/span><span class=\"en\">Gallery<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#location\" onclick=\"document.getElementById('nav-toggle').checked=false\">\r\n <span class=\"fr\">Cette semaine<\/span><span class=\"en\">This week<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#reservation\" onclick=\"document.getElementById('nav-toggle').checked=false\">\r\n <span class=\"fr\">R\u00e9servation<\/span><span class=\"en\">Booking<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__item\">\r\n <a href=\"#contact\" onclick=\"document.getElementById('nav-toggle').checked=false\">Contact<\/a>\r\n <\/div>\r\n <div class=\"mobile-nav__lang\">\r\n <label for=\"lang\" class=\"lang-toggle\">\r\n <span class=\"lang-btn lang-btn--fr\">FR<\/span>\r\n <span class=\"lang-sep\">|<\/span>\r\n <span class=\"lang-btn lang-btn--en\">EN<\/span>\r\n <\/label>\r\n <\/div>\r\n <a href=\"#reservation\" class=\"mobile-nav__cta\" onclick=\"document.getElementById('nav-toggle').checked=false\">\r\n <span class=\"fr\">R\u00e9server maintenant<\/span>\r\n <span class=\"en\">Book Now<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n <section class=\"hero\" id=\"hero\">\r\n <video class=\"hero__video\" autoplay muted loop playsinline\r\n poster=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/11.png\">\r\n <source\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/a_cinematic_barbershop_scene_warm_lighting_modern_and_clean_interior_a_professional_barber_cutting__9pwrvhwxxos5alua88cj_1.mp4\"\r\n type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero__overlay\"><\/div>\r\n <div class=\"hero__content\">\r\n <span class=\"hero__badge\">\r\n <span class=\"fr\">Barber Studio de confiance \u2014 depuis 2016<\/span>\r\n <span class=\"en\">Trusted Barber Studio \u2014 since 2016<\/span>\r\n <\/span>\r\n <p class=\"hero__brand\">Maison Mohamed<\/p>\r\n <h1 class=\"hero__title\">\r\n <span class=\"fr\">Votre style,<br><em>notre signature<\/em><\/span>\r\n <span class=\"en\">Your style,<br><em>our signature<\/em><\/span>\r\n <\/h1>\r\n <p class=\"hero__subtitle\">\r\n <span class=\"fr\">Une exp\u00e9rience barber moderne et pr\u00e9cise<\/span>\r\n <span class=\"en\">A modern and precise barber experience<\/span>\r\n <\/p>\r\n <a href=\"#reservation\" class=\"hero__cta\">\r\n <span class=\"fr\">R\u00e9server maintenant<\/span>\r\n <span class=\"en\">Book Now<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero__scroll\">\r\n <div class=\"hero__scroll-line\"><\/div>\r\n <span>Scroll<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 -->\r\n <section id=\"services\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">\r\n <span class=\"fr\">Nos Prestations<\/span>\r\n <span class=\"en\">Our Services<\/span>\r\n <\/span>\r\n <h2 class=\"sec-title\">\r\n <span class=\"fr\">Ce que nous faisons<\/span>\r\n <span class=\"en\">What we do<\/span>\r\n <\/h2>\r\n <div class=\"sec-rule\"><\/div>\r\n <div class=\"services__grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-card__photo-wrap\">\r\n <img decoding=\"async\" class=\"service-card__photo\"\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/9.png\"\r\n alt=\"Coupe cheveux\" \/>\r\n <\/div>\r\n <div class=\"service-card__body\">\r\n <div class=\"service-card__num\">01<\/div>\r\n <div class=\"service-card__name\">\r\n <span class=\"fr\">Coupe Cheveux<\/span>\r\n <span class=\"en\">Haircut<\/span>\r\n <\/div>\r\n <div class=\"service-card__name-sub\">\r\n <span class=\"fr\">Haircut<\/span>\r\n <span class=\"en\">Coupe Cheveux<\/span>\r\n <\/div>\r\n <div class=\"service-card__price\"><sup>\u20ac<\/sup>25<\/div>\r\n <div class=\"service-card__divider\"><\/div>\r\n <p class=\"service-card__desc fr\">Coupe moderne adapt\u00e9e \u00e0 votre style, finition pr\u00e9cise et professionnelle.<\/p>\r\n <p class=\"service-card__desc blk-en\">Modern haircut tailored to your style with a precise and professional finish.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-card__photo-wrap\">\r\n <img decoding=\"async\" class=\"service-card__photo\"\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/10.png\"\r\n alt=\"Barbe\" \/>\r\n <\/div>\r\n <div class=\"service-card__body\">\r\n <div class=\"service-card__num\">02<\/div>\r\n <div class=\"service-card__name\">\r\n <span class=\"fr\">Barbe<\/span>\r\n <span class=\"en\">Beard<\/span>\r\n <\/div>\r\n <div class=\"service-card__name-sub\">\r\n <span class=\"fr\">Beard Grooming<\/span>\r\n <span class=\"en\">Taille de Barbe<\/span>\r\n <\/div>\r\n <div class=\"service-card__price\"><sup>\u20ac<\/sup>15<\/div>\r\n <div class=\"service-card__divider\"><\/div>\r\n <p class=\"service-card__desc fr\">Taille et entretien de barbe avec finition nette et soign\u00e9e.<\/p>\r\n <p class=\"service-card__desc blk-en\">Professional beard trimming and grooming with a clean, sharp finish.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-card__photo-wrap\">\r\n <img decoding=\"async\" class=\"service-card__photo\"\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/12-1.png\"\r\n alt=\"Coupe + Barbe\" \/>\r\n <\/div>\r\n <div class=\"service-card__body\">\r\n <div class=\"service-card__num\">03<\/div>\r\n <div class=\"service-card__name\">\r\n <span class=\"fr\">Coupe + Barbe<\/span>\r\n <span class=\"en\">Hair + Beard<\/span>\r\n <\/div>\r\n <div class=\"service-card__name-sub\">\r\n <span class=\"fr\">Full Grooming<\/span>\r\n <span class=\"en\">Service Complet<\/span>\r\n <\/div>\r\n <div class=\"service-card__price\"><sup>\u20ac<\/sup>35<\/div>\r\n <div class=\"service-card__divider\"><\/div>\r\n <p class=\"service-card__desc fr\">Service complet pour un look impeccable de la t\u00eate aux \u00e9paules.<\/p>\r\n <p class=\"service-card__desc blk-en\">Full grooming service for an impeccable head-to-shoulder look.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 GALLERY \u2550\u2550\u2550 -->\r\n <section id=\"gallery\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">\r\n <span class=\"fr\">Nos R\u00e9alisations<\/span>\r\n <span class=\"en\">Our Work<\/span>\r\n <\/span>\r\n <h2 class=\"sec-title\">\r\n <span class=\"fr\">L'art en images<\/span>\r\n <span class=\"en\">Craftsmanship in pictures<\/span>\r\n <\/h2>\r\n <div class=\"sec-rule\"><\/div>\r\n <div class=\"gallery__grid\">\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/11.png\" alt=\"R\u00e9alisation 1\" \/>\r\n <div class=\"gallery__caption\"><span>Signature Cut<\/span><\/div>\r\n <\/div>\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/8.png\" alt=\"R\u00e9alisation 2\" \/>\r\n <div class=\"gallery__caption\"><span>Fade & Style<\/span><\/div>\r\n <\/div>\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/7.png\" alt=\"R\u00e9alisation 3\" \/>\r\n <div class=\"gallery__caption\"><span>Classic Taper<\/span><\/div>\r\n <\/div>\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/9.png\" alt=\"R\u00e9alisation 4\" \/>\r\n <div class=\"gallery__caption\"><span>Clean Finish<\/span><\/div>\r\n <\/div>\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/10.png\" alt=\"R\u00e9alisation 5\" \/>\r\n <div class=\"gallery__caption\"><span>Beard Design<\/span><\/div>\r\n <\/div>\r\n <div class=\"gallery__item\">\r\n <img decoding=\"async\" src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/12-1.png\" alt=\"R\u00e9alisation 6\" \/>\r\n <div class=\"gallery__caption\"><span>Full Grooming<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 ABOUT \u2550\u2550\u2550 -->\r\n <section id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"about__inner\">\r\n <div class=\"about__photo-wrap\">\r\n <img decoding=\"async\" class=\"about__photo-main\"\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/8.png\"\r\n alt=\"Mohamed \u2014 The Barber\" \/>\r\n <img decoding=\"async\" class=\"about__photo-accent\"\r\n src=\"https:\/\/coiffeur.procyon-agency.be\/wp-content\/uploads\/2026\/04\/7.png\"\r\n alt=\"D\u00e9tail de coupe\" \/>\r\n <div class=\"about__photo-tag\">Mohamed<\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"eyebrow\">\r\n <span class=\"fr\">Notre Histoire<\/span>\r\n <span class=\"en\">Our Story<\/span>\r\n <\/span>\r\n <h2 class=\"sec-title\">\r\n <span class=\"fr\">L'art du d\u00e9tail,<br>la signature du style<\/span>\r\n <span class=\"en\">The art of detail,<br>the signature of style<\/span>\r\n <\/h2>\r\n <div class=\"sec-rule\"><\/div>\r\n <p class=\"about__text fr\">\r\n Chez <strong style=\"color:var(--gold-light);font-weight:400;\">Maison Mohamed<\/strong>, chaque coupe est un geste ma\u00eetris\u00e9. Nous croyons que la v\u00e9ritable \u00e9l\u00e9gance na\u00eet de la pr\u00e9cision, du soin du d\u00e9tail et d'une compr\u00e9hension profonde de votre identit\u00e9. Notre atelier est un espace o\u00f9 tradition et modernit\u00e9 se rencontrent \u2014 un lieu pens\u00e9 pour vous offrir bien plus qu'une coupe : une exp\u00e9rience unique.\r\n <\/p>\r\n <p class=\"about__text blk-en\">\r\n At <strong style=\"color:var(--gold-light);font-weight:400;\">Maison Mohamed<\/strong>, every cut is a mastered gesture. We believe that true elegance is born from precision, attention to detail, and a deep understanding of your identity. Our studio is where tradition meets modernity \u2014 a place designed to offer you far more than a haircut: a transformative experience.\r\n <\/p>\r\n <div class=\"about__stats\">\r\n <div>\r\n <span class=\"stat__number\">8+<\/span>\r\n <span class=\"stat__label\">\r\n <span class=\"fr\">Ann\u00e9es d'exp\u00e9rience<\/span>\r\n <span class=\"en\">Years of experience<\/span>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"stat__number\">2k+<\/span>\r\n <span class=\"stat__label\">\r\n <span class=\"fr\">Clients fid\u00e8les<\/span>\r\n <span class=\"en\">Loyal clients<\/span>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"stat__number\">\u2605 5<\/span>\r\n <span class=\"stat__label\">\r\n <span class=\"fr\">Avis Google<\/span>\r\n <span class=\"en\">Google Reviews<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 LOCATION \u2014 CETTE SEMAINE \u2550\u2550\u2550 -->\r\n <section id=\"location\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">\r\n <span class=\"fr\">O\u00f9 trouver Mohamed<\/span>\r\n <span class=\"en\">Where to find Mohamed<\/span>\r\n <\/span>\r\n <h2 class=\"sec-title\">\r\n <span class=\"fr\">Cette semaine<\/span>\r\n <span class=\"en\">This week<\/span>\r\n <\/h2>\r\n <div class=\"sec-rule\"><\/div>\r\n <div class=\"location__layout\">\r\n\r\n <!-- Current Location Card -->\r\n <div>\r\n <div class=\"location__card\">\r\n <div class=\"location__card-head\">\r\n <span class=\"location__week-label\">\r\n <span class=\"fr\">Semaine du 21 \u2013 26 Avril 2026<\/span>\r\n <span class=\"en\">Week of April 21 \u2013 26, 2026<\/span>\r\n <\/span>\r\n <div class=\"location__live-badge\">\r\n <div class=\"location__live-dot\"><\/div>\r\n <span class=\"location__live-text\">\r\n <span class=\"fr\">En ce moment<\/span>\r\n <span class=\"en\">Now here<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location__card-body\">\r\n <div class=\"location__pin\">\r\n <div class=\"location__pin-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"location__salon-name\">Salon Le Prestige<\/div>\r\n <div class=\"location__salon-addr\">\r\n 15 Rue du Commerce, Ixelles<br>\r\n 1050 Bruxelles, Belgique\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Day pills -->\r\n <div class=\"location__days\">\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Lun<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Mar<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Mer<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Jeu<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Ven<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--active\">\r\n <span class=\"loc-day__name\">Sam<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <div class=\"loc-day loc-day--closed\">\r\n <span class=\"loc-day__name\">Dim<\/span>\r\n <div class=\"loc-day__dot\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"location__note\">\r\n <span class=\"fr\">Mohamed se d\u00e9place chaque semaine. Suivez notre Instagram pour conna\u00eetre sa localisation en temps r\u00e9el et ne jamais rater un rendez-vous.<\/span>\r\n <span class=\"en\">Mohamed moves each week. Follow our Instagram to track his current location in real time and never miss an appointment.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Weekly Schedule -->\r\n <div>\r\n <div class=\"location__schedule-title\">\r\n <span class=\"fr\">Planning du mois<\/span>\r\n <span class=\"en\">Monthly schedule<\/span>\r\n <\/div>\r\n\r\n <div class=\"schedule-row\">\r\n <div class=\"schedule-row__days\">\r\n <span class=\"schedule-row__day-label\">21 \u2013 26 Avr<\/span>\r\n <\/div>\r\n <div class=\"schedule-row__info\">\r\n <div class=\"schedule-row__salon\">Salon Le Prestige<\/div>\r\n <div class=\"schedule-row__addr\">Ixelles, Bruxelles — <span style=\"color:var(--gold);font-size:0.68rem;\">Maintenant \/ Now<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"schedule-row\">\r\n <div class=\"schedule-row__days\">\r\n <span class=\"schedule-row__day-label\">28 Avr \u2013 3 Mai<\/span>\r\n <\/div>\r\n <div class=\"schedule-row__info\">\r\n <div class=\"schedule-row__salon\">Barbershop 1900<\/div>\r\n <div class=\"schedule-row__addr\">Avenue Louise, Bruxelles<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"schedule-row\">\r\n <div class=\"schedule-row__days\">\r\n <span class=\"schedule-row__day-label\">5 \u2013 10 Mai<\/span>\r\n <\/div>\r\n <div class=\"schedule-row__info\">\r\n <div class=\"schedule-row__salon\">Studio \u00c9lite Coiff<\/div>\r\n <div class=\"schedule-row__addr\">Rue Neuve, Schaerbeek<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"schedule-row\">\r\n <div class=\"schedule-row__days\">\r\n <span class=\"schedule-row__day-label\">12 \u2013 17 Mai<\/span>\r\n <\/div>\r\n <div class=\"schedule-row__info\">\r\n <div class=\"schedule-row__salon\">Le Barber Moderne<\/div>\r\n <div class=\"schedule-row__addr\">Chauss\u00e9e d'Ixelles, Bruxelles<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"schedule-row\">\r\n <div class=\"schedule-row__days\">\r\n <span class=\"schedule-row__day-label\">Tous les Dim<\/span>\r\n <\/div>\r\n <div class=\"schedule-row__info\">\r\n <span class=\"schedule-row__closed\">\r\n <span class=\"fr\">\u2014 Ferm\u00e9 \/ Repos<\/span>\r\n <span class=\"en\">\u2014 Closed \/ Rest day<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"location__instagram\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"location__instagram-icon\">\ud83d\udcf8<\/span>\r\n <span class=\"location__instagram-text\">\r\n <span class=\"location__instagram-label\">\r\n <span class=\"fr\">Suivre sur Instagram<\/span>\r\n <span class=\"en\">Follow on Instagram<\/span>\r\n <\/span>\r\n <span class=\"location__instagram-sub\">\r\n <span class=\"fr\">Mises \u00e0 jour en temps r\u00e9el chaque semaine<\/span>\r\n <span class=\"en\">Real-time updates every week<\/span>\r\n <\/span>\r\n <\/span>\r\n <span class=\"location__instagram-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 RESERVATION \u2550\u2550\u2550 -->\r\n <section id=\"reservation\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">\r\n <span class=\"fr\">Prendre Rendez-vous<\/span>\r\n <span class=\"en\">Book an Appointment<\/span>\r\n <\/span>\r\n <h2 class=\"sec-title\">\r\n <span class=\"fr\">R\u00e9servation<\/span>\r\n <span class=\"en\">Booking<\/span>\r\n <\/h2>\r\n <div class=\"sec-rule\"><\/div>\r\n <div class=\"reservation__grid\">\r\n\r\n <div>\r\n <div class=\"calendar\">\r\n <div class=\"calendar__head\">\r\n <span class=\"calendar__month-label\">\r\n <span class=\"fr\">Mai 2026<\/span>\r\n <span class=\"en\">May 2026<\/span>\r\n <\/span>\r\n <div class=\"calendar__arrows\">\r\n <span>‹<\/span>\r\n <span>›<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"calendar__dow\">\r\n <span class=\"fr\">Lun<\/span><span class=\"en\">Mon<\/span>\r\n <span class=\"fr\">Mar<\/span><span class=\"en\">Tue<\/span>\r\n <span class=\"fr\">Mer<\/span><span class=\"en\">Wed<\/span>\r\n <span class=\"fr\">Jeu<\/span><span class=\"en\">Thu<\/span>\r\n <span class=\"fr\">Ven<\/span><span class=\"en\">Fri<\/span>\r\n <span class=\"fr\">Sam<\/span><span class=\"en\">Sat<\/span>\r\n <span class=\"fr\">Dim<\/span><span class=\"en\">Sun<\/span>\r\n <\/div>\r\n <div class=\"calendar__grid\">\r\n <div class=\"cal-day cal-day--empty\"><\/div>\r\n <div class=\"cal-day cal-day--empty\"><\/div>\r\n <div class=\"cal-day cal-day--empty\"><\/div>\r\n <div class=\"cal-day cal-day--empty\"><\/div>\r\n <div class=\"cal-day cal-day--past\">1<\/div>\r\n <div class=\"cal-day cal-day--past\">2<\/div>\r\n <div class=\"cal-day cal-day--past\">3<\/div>\r\n <div class=\"cal-day cal-day--past\">4<\/div>\r\n <div class=\"cal-day cal-day--past\">5<\/div>\r\n <div class=\"cal-day cal-day--past\">6<\/div>\r\n <div class=\"cal-day cal-day--past\">7<\/div>\r\n <div class=\"cal-day cal-day--past\">8<\/div>\r\n <div class=\"cal-day cal-day--past\">9<\/div>\r\n <div class=\"cal-day cal-day--past\">10<\/div>\r\n <div class=\"cal-day cal-day--past\">11<\/div>\r\n <div class=\"cal-day cal-day--past\">12<\/div>\r\n <div class=\"cal-day cal-day--past\">13<\/div>\r\n <div class=\"cal-day cal-day--past\">14<\/div>\r\n <div class=\"cal-day cal-day--past\">15<\/div>\r\n <div class=\"cal-day cal-day--past\">16<\/div>\r\n <div class=\"cal-day cal-day--past\">17<\/div>\r\n <div class=\"cal-day cal-day--past\">18<\/div>\r\n <div class=\"cal-day cal-day--past\">19<\/div>\r\n <div class=\"cal-day cal-day--past\">20<\/div>\r\n <div class=\"cal-day cal-day--today\">21<\/div>\r\n <div class=\"cal-day cal-day--active\">22<\/div>\r\n <div class=\"cal-day cal-day--past\">23<\/div>\r\n <div class=\"cal-day cal-day--past\">24<\/div>\r\n <div class=\"cal-day\">25<\/div>\r\n <div class=\"cal-day\">26<\/div>\r\n <div class=\"cal-day\">27<\/div>\r\n <div class=\"cal-day\">28<\/div>\r\n <div class=\"cal-day\">29<\/div>\r\n <div class=\"cal-day\">30<\/div>\r\n <div class=\"cal-day\">31<\/div>\r\n <\/div>\r\n <div class=\"calendar__slots-wrap\">\r\n <div class=\"calendar__slots-label\">\r\n <span class=\"fr\">Horaires disponibles<\/span>\r\n <span class=\"en\">Available time slots<\/span>\r\n <\/div>\r\n <div class=\"calendar__slots\">\r\n <div class=\"slot slot--off\">09:00<\/div>\r\n <div class=\"slot\">10:00<\/div>\r\n <div class=\"slot slot--active\">11:00<\/div>\r\n <div class=\"slot\">12:00<\/div>\r\n <div class=\"slot slot--off\">13:00<\/div>\r\n <div class=\"slot\">14:00<\/div>\r\n <div class=\"slot\">15:00<\/div>\r\n <div class=\"slot slot--off\">16:00<\/div>\r\n <div class=\"slot\">17:00<\/div>\r\n <div class=\"slot\">18:00<\/div>\r\n <div class=\"slot slot--off\">19:00<\/div>\r\n <div class=\"slot\">20:00<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reservation__form\">\r\n <div class=\"fgroup\">\r\n <label>\r\n <span class=\"fr\">Nom complet<\/span>\r\n <span class=\"en\">Full Name<\/span>\r\n <\/label>\r\n <input type=\"text\" placeholder=\"Mohamed Ali\" \/>\r\n <\/div>\r\n <div class=\"fgroup\">\r\n <label>\r\n <span class=\"fr\">T\u00e9l\u00e9phone<\/span>\r\n <span class=\"en\">Phone<\/span>\r\n <\/label>\r\n <input type=\"tel\" placeholder=\"+32 4 00 00 00 00\" \/>\r\n <\/div>\r\n <div class=\"fgroup fgroup--select\">\r\n <label>\r\n <span class=\"fr\">Prestation<\/span>\r\n <span class=\"en\">Service<\/span>\r\n <\/label>\r\n <select>\r\n <option value=\"\">\r\n <\/option>\r\n <option>\r\n <span class=\"fr\">Coupe Cheveux \u2014 25 \u20ac<\/span>\r\n <span class=\"en\">Haircut \u2014 25 \u20ac<\/span>\r\n <\/option>\r\n <option>\r\n <span class=\"fr\">Barbe \u2014 15 \u20ac<\/span>\r\n <span class=\"en\">Beard \u2014 15 \u20ac<\/span>\r\n <\/option>\r\n <option>\r\n <span class=\"fr\">Coupe + Barbe \u2014 35 \u20ac<\/span>\r\n <span class=\"en\">Hair + Beard \u2014 35 \u20ac<\/span>\r\n <\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"fgroup\">\r\n <label>\r\n <span class=\"fr\">Note (optionnel)<\/span>\r\n <span class=\"en\">Note (optional)<\/span>\r\n <\/label>\r\n <input type=\"text\" placeholder=\"...\" \/>\r\n <\/div>\r\n <div class=\"recap-box\">\r\n <div class=\"recap-box__label\">\r\n <span class=\"fr\">R\u00e9capitulatif<\/span>\r\n <span class=\"en\">Summary<\/span>\r\n <\/div>\r\n <div class=\"recap-box__text\">\r\n <span class=\"fr\"><span>Date :<\/span> Jeudi 22 Mai 2026<br><span>Heure :<\/span> 11:00<br><span>Barber :<\/span> Mohamed<\/span>\r\n <span class=\"en\"><span>Date:<\/span> Thursday, May 22, 2026<br><span>Time:<\/span> 11:00<br><span>Barber:<\/span> Mohamed<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"btn-confirm\">\r\n <span class=\"fr\">Confirmer la r\u00e9servation<\/span>\r\n <span class=\"en\">Confirm Booking<\/span>\r\n <\/button>\r\n <p class=\"form-disclaimer\">\r\n <span class=\"fr\">* Interface de d\u00e9monstration. Aucune r\u00e9servation n'est transmise.<\/span>\r\n <span class=\"en\">* Demo interface only \u2014 no booking is submitted.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\r\n <div class=\"site-footer\" id=\"contact\">\r\n <div class=\"site-footer__gold-bar\"><\/div>\r\n <div class=\"site-footer__inner\">\r\n <div class=\"site-footer__top\">\r\n\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-brand__logo\"><span>M<\/span>AISON MOHAMED<\/div>\r\n <span class=\"footer-brand__sub\">\r\n <span class=\"fr\">L'Art de la Coupe<\/span>\r\n <span class=\"en\">The Art of the Cut<\/span>\r\n <\/span>\r\n <span class=\"footer-brand__tag\">\r\n <span class=\"fr\">Votre style, notre signature<\/span>\r\n <span class=\"en\">Your style, our signature<\/span>\r\n <\/span>\r\n <p class=\"footer-brand__blurb fr\">\r\n Un espace d\u00e9di\u00e9 \u00e0 l'\u00e9l\u00e9gance masculine et au soin du d\u00e9tail. Chaque visite, une exp\u00e9rience \u00e0 part enti\u00e8re.\r\n <\/p>\r\n <p class=\"footer-brand__blurb blk-en\">\r\n A space dedicated to masculine elegance and attention to detail. Every visit, a one-of-a-kind experience.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/32400000000\" class=\"footer-brand__whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <span>\r\n <span class=\"fr\">\u00c9crire sur WhatsApp<\/span>\r\n <span class=\"en\">Chat on WhatsApp<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"footer-col__head\">\r\n <span class=\"fr\">Adresse & Horaires<\/span>\r\n <span class=\"en\">Address & Hours<\/span>\r\n <\/div>\r\n <address class=\"footer-address\">\r\n <strong>Maison Mohamed Studio<\/strong>\r\n <span class=\"fr\">12 Rue de la Paix<br>1000 Bruxelles, Belgique<\/span>\r\n <span class=\"en\">12 Rue de la Paix<br>1000 Brussels, Belgium<\/span>\r\n <br><br>\r\n <strong>\r\n <span class=\"fr\">Lundi \u2013 Samedi<\/span>\r\n <span class=\"en\">Monday \u2013 Saturday<\/span>\r\n <\/strong>\r\n 09:00 \u2013 20:00<br><br>\r\n <strong>\r\n <span class=\"fr\">T\u00e9l\u00e9phone<\/span>\r\n <span class=\"en\">Phone<\/span>\r\n <\/strong>\r\n +32 4 00 00 00 00\r\n <\/address>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"footer-col__head\">\r\n <span class=\"fr\">Nous Suivre<\/span>\r\n <span class=\"en\">Follow Us<\/span>\r\n <\/div>\r\n <nav class=\"footer-social\">\r\n <a href=\"#\">Instagram<\/a>\r\n <a href=\"#\">Facebook<\/a>\r\n <a href=\"#\">TikTok<\/a>\r\n <a href=\"#\">Google Maps<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"site-footer__bottom\">\r\n <span class=\"footer-copy\">\r\n <span class=\"fr\">© 2026 Maison Mohamed. Tous droits r\u00e9serv\u00e9s.<\/span>\r\n <span class=\"en\">© 2026 Maison Mohamed. All rights reserved.<\/span>\r\n <\/span>\r\n <nav class=\"footer-legal\">\r\n <a href=\"#\">\r\n <span class=\"fr\">Mentions l\u00e9gales<\/span>\r\n <span class=\"en\">Legal notice<\/span>\r\n <\/a>\r\n <a href=\"#\">\r\n <span class=\"fr\">Confidentialit\u00e9<\/span>\r\n <span class=\"en\">Privacy<\/span>\r\n <\/a>\r\n <\/nav>\r\n <\/div>\r\n <\/div><!-- end .site-footer -->\r\n\r\n <\/div><!-- end .page-wrap -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Maison Mohamed \u2014 L’Art de la Coupe \u00c9crire sur WhatsApp Chat on WhatsApp MAISON MOHAMED L’Art de la Coupe The Art of the Cut AccueilHome Services R\u00e9alisationsGallery Cette semaineThis week R\u00e9servationBooking FR | EN AccueilHome Services R\u00e9alisationsGallery Cette semaineThis week R\u00e9servationBooking Contact FR | EN R\u00e9server maintenant Book Now Barber Studio de confiance \u2014 depuis […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":20,"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/coiffeur.procyon-agency.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}