{"id":3127,"date":"2024-02-08T07:14:59","date_gmt":"2024-02-08T07:14:59","guid":{"rendered":"https:\/\/startersites.io\/elementor\/garderobe\/?page_id=3127"},"modified":"2026-09-10T00:17:28","modified_gmt":"2026-09-10T00:17:28","slug":"about-us","status":"publish","type":"page","link":"https:\/\/wonderlookstore.com\/?page_id=3127","title":{"rendered":"\u00c0 Propos de Nous"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3127\" class=\"elementor elementor-3127\">\n\t\t\t\t<div class=\"elementor-element elementor-element-995d17f e-con-full e-flex e-con e-parent\" data-id=\"995d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-714cffd elementor-widget elementor-widget-html\" data-id=\"714cffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts & Font Awesome -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n  \/* ==========================================================================\r\n     VARIABLES & DESIGN SYSTEM LUXE (EXACTEMENT LA HOMEPAGE)\r\n     ========================================================================== *\/\r\n  :root {\r\n    --bg-body: #FBF9F5;\r\n    --bg-card: #FFFFFF;\r\n    --bg-surface: #F5F1EA;\r\n    --bg-dark: #121212;\r\n    --bg-dark-accent: #1A1A1A;\r\n    \r\n    --color-gold: #C5A880;\r\n    --color-gold-hover: #AF8F63;\r\n    --color-gold-light: rgba(197, 168, 128, 0.12);\r\n    --color-dark: #161616;\r\n    --color-charcoal: #2A2A2A;\r\n    --color-text: #42403D;\r\n    --color-muted: #827E77;\r\n    --color-border: #ECE7DF;\r\n    --color-border-dark: #2C2A28;\r\n    --color-whatsapp: #25D366;\r\n\r\n    --font-heading: 'Playfair Display', Georgia, serif;\r\n    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n\r\n    --radius-sm: 8px;\r\n    --radius-md: 14px;\r\n    --radius-lg: 24px;\r\n    --radius-pill: 999px;\r\n\r\n    --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    --shadow-hover: 0 16px 36px rgba(0, 0, 0, 0.08);\r\n    --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.15);\r\n\r\n    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    --container-width: 1280px;\r\n  }\r\n\r\n  .wonderlook-wrapper {\r\n    font-family: var(--font-body);\r\n    background-color: var(--bg-body);\r\n    color: var(--color-text);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .wonderlook-wrapper *, .wonderlook-wrapper *::before, .wonderlook-wrapper *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .wonderlook-wrapper a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: color var(--transition-fast);\r\n  }\r\n\r\n  .wonderlook-wrapper button {\r\n    font-family: inherit;\r\n    border: none;\r\n    cursor: pointer;\r\n    background: none;\r\n    transition: all var(--transition-fast);\r\n  }\r\n\r\n  .wonderlook-wrapper img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .wonderlook-wrapper .container {\r\n    width: 100%;\r\n    max-width: var(--container-width);\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* TOP ANNOUNCEMENT BAR *\/\r\n  .top-announcement {\r\n    background: var(--bg-dark);\r\n    color: #E2DDD5;\r\n    font-size: 0.75rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.3px;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid var(--color-border-dark);\r\n    position: relative;\r\n    z-index: 100;\r\n  }\r\n\r\n  .top-announcement .container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .top-announcement-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .top-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .top-badge i {\r\n    color: var(--color-gold);\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .top-announcement-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .top-pill {\r\n    background: rgba(197, 168, 128, 0.15);\r\n    color: var(--color-gold);\r\n    padding: 2px 10px;\r\n    border-radius: var(--radius-pill);\r\n    font-weight: 600;\r\n    font-size: 0.7rem;\r\n    border: 1px solid rgba(197, 168, 128, 0.3);\r\n  }\r\n\r\n  \/* HEADER & LOGO (EXACTEMENT LA HOMEPAGE) *\/\r\n  .header {\r\n    background: rgba(255, 255, 255, 0.94);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 990;\r\n    border-bottom: 1px solid var(--color-border);\r\n    transition: box-shadow var(--transition-fast);\r\n  }\r\n\r\n  .header.scrolled {\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);\r\n  }\r\n\r\n  .header-inner {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    height: 94px !important;\r\n  }\r\n\r\n  .wonderlook-wrapper .brand-logo,\r\n  .brand-logo {\r\n    display: inline-flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-decoration: none !important;\r\n    padding: 0 !important;\r\n    max-width: 230px !important;\r\n    max-height: 90px !important;\r\n    flex-shrink: 0 !important;\r\n    gap: 0 !important;\r\n  }\r\n\r\n  .wonderlook-wrapper .header-logo-img,\r\n  .header-logo-img {\r\n    height: 56px !important;\r\n    max-height: 56px !important;\r\n    width: auto !important;\r\n    max-width: 200px !important;\r\n    object-fit: contain !important;\r\n    display: block !important;\r\n    margin: 0 auto !important;\r\n    mix-blend-mode: multiply;\r\n    filter: contrast(1.06) saturate(1.05);\r\n    transition: transform var(--transition-smooth), opacity var(--transition-fast);\r\n  }\r\n\r\n  .brand-logo:hover .header-logo-img {\r\n    transform: scale(1.03);\r\n    opacity: 0.95;\r\n  }\r\n\r\n  .wonderlook-wrapper .logo-subtext,\r\n  .logo-subtext {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    line-height: 1.15 !important;\r\n    margin-top: 0px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  .wonderlook-wrapper .logo-subtext .subtext-line-1,\r\n  .logo-subtext .subtext-line-1 {\r\n    font-family: var(--font-body) !important;\r\n    font-size: 0.54rem !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 2.8px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--color-dark) !important;\r\n    display: block !important;\r\n    margin-bottom: 1px !important;\r\n  }\r\n\r\n  .wonderlook-wrapper .logo-subtext .subtext-line-2,\r\n  .logo-subtext .subtext-line-2 {\r\n    font-family: var(--font-body) !important;\r\n    font-size: 0.46rem !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--color-gold) !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .brand-logo:hover .subtext-line-2 {\r\n    color: var(--color-gold-hover) !important;\r\n  }\r\n\r\n  .nav-desktop {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n    list-style: none;\r\n  }\r\n\r\n  .nav-item {\r\n    position: relative;\r\n  }\r\n\r\n  .nav-link {\r\n    font-size: 0.88rem;\r\n    font-weight: 500;\r\n    color: var(--color-dark);\r\n    padding: 8px 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    transition: color var(--transition-fast);\r\n  }\r\n\r\n  .nav-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--color-gold);\r\n    transition: width var(--transition-smooth);\r\n  }\r\n\r\n  .nav-link:hover {\r\n    color: var(--color-gold);\r\n  }\r\n\r\n  .nav-link:hover::after,\r\n  .nav-item.active .nav-link::after {\r\n    width: 100%;\r\n  }\r\n\r\n  .mega-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(14px);\r\n    width: 820px;\r\n    max-width: 92vw;\r\n    background: var(--bg-card);\r\n    border-radius: var(--radius-md);\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);\r\n    border: 1px solid var(--color-border);\r\n    padding: 24px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transition: all var(--transition-smooth);\r\n    z-index: 1000;\r\n  }\r\n\r\n  .nav-item:hover .mega-menu {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n\r\n  .mega-menu-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding-bottom: 14px;\r\n    margin-bottom: 16px;\r\n    border-bottom: 1px solid var(--color-border);\r\n  }\r\n\r\n  .mega-menu-header h4 {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.1rem;\r\n    color: var(--color-dark);\r\n  }\r\n\r\n  .mega-menu-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 10px;\r\n  }\r\n\r\n  .mega-brand-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 12px;\r\n    border-radius: var(--radius-sm);\r\n    border: 1px solid transparent;\r\n    transition: all var(--transition-fast);\r\n    background: var(--bg-surface);\r\n  }\r\n\r\n  .mega-brand-card:hover {\r\n    background: #FFFFFF;\r\n    border-color: var(--color-gold);\r\n    transform: translateY(-2px);\r\n    box-shadow: var(--shadow-subtle);\r\n  }\r\n\r\n  .mega-brand-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--color-gold);\r\n    font-size: 1rem;\r\n    flex-shrink: 0;\r\n    border: 1px solid var(--color-border);\r\n    transition: all var(--transition-fast);\r\n  }\r\n\r\n  .mega-brand-card:hover .mega-brand-icon {\r\n    background: var(--color-gold);\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .mega-brand-card h5 {\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n    color: var(--color-dark);\r\n    margin-bottom: 1px;\r\n  }\r\n\r\n  .mega-brand-card p {\r\n    font-size: 0.65rem;\r\n    color: var(--color-muted);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .header-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .action-btn {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--color-dark);\r\n    font-size: 1.05rem;\r\n    background: var(--bg-surface);\r\n    position: relative;\r\n    transition: all var(--transition-fast);\r\n    cursor: pointer !important;\r\n    touch-action: manipulation;\r\n  }\r\n\r\n  .action-btn:hover {\r\n    background: var(--color-gold-light);\r\n    color: var(--color-gold);\r\n  }\r\n\r\n  .cart-counter {\r\n    position: absolute;\r\n    top: -2px;\r\n    right: -2px;\r\n    background: var(--color-gold);\r\n    color: #FFFFFF;\r\n    font-size: 0.65rem;\r\n    font-weight: 700;\r\n    width: 19px;\r\n    height: 19px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 6px rgba(197, 168, 128, 0.4);\r\n    transition: transform var(--transition-bounce);\r\n  }\r\n\r\n  .mobile-menu-toggle {\r\n    display: none;\r\n    font-size: 1.3rem;\r\n    color: var(--color-dark);\r\n  }\r\n\r\n  \/* MENU MOBILE ACCORD\u00c9ON (EXACTEMENT LA HOMEPAGE) *\/\r\n  .mobile-nav-drawer {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 300px;\r\n    height: 100%;\r\n    background: #FFFFFF;\r\n    z-index: 99999 !important;\r\n    transform: translateX(-100%);\r\n    transition: transform var(--transition-smooth);\r\n    padding: 24px 18px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.15);\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .mobile-nav-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.6);\r\n    backdrop-filter: blur(4px);\r\n    z-index: 99990 !important;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all var(--transition-smooth);\r\n  }\r\n\r\n  .mobile-nav-overlay.open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .mobile-nav-overlay.open .mobile-nav-drawer {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .mobile-nav-links {\r\n    list-style: none;\r\n    margin-top: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .mobile-nav-links a.mobile-nav-item {\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    color: var(--color-dark);\r\n    display: block;\r\n    padding: 6px 0;\r\n  }\r\n\r\n  .mobile-nav-sub-toggle {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    color: var(--color-dark);\r\n    padding: 6px 0;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mobile-nav-sub-toggle i {\r\n    font-size: 0.8rem;\r\n    color: var(--color-gold);\r\n    transition: transform var(--transition-fast);\r\n  }\r\n\r\n  .mobile-nav-sub-toggle.active i {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .mobile-brands-dropdown {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    padding: 10px 0 10px 10px;\r\n    border-left: 2px solid var(--color-gold);\r\n    margin: 4px 0 8px 4px;\r\n  }\r\n\r\n  .mobile-brands-dropdown.show {\r\n    display: flex;\r\n  }\r\n\r\n  .mobile-brand-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 6px 8px;\r\n    border-radius: var(--radius-sm);\r\n    background: var(--bg-surface);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .mobile-brand-link .m-brand-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    color: var(--color-gold);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 0.75rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .mobile-brand-link strong {\r\n    font-size: 0.8rem;\r\n    color: var(--color-dark);\r\n    display: block;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .mobile-brand-link span {\r\n    font-size: 0.65rem;\r\n    color: var(--color-muted);\r\n    display: block;\r\n  }\r\n\r\n  \/* FOOTER (EXACTEMENT CELUI DE LA HOMEPAGE) *\/\r\n  .footer {\r\n    background: var(--bg-dark);\r\n    color: #A6A097;\r\n    padding: 55px 0 25px;\r\n    font-size: 0.86rem;\r\n  }\r\n\r\n  .footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1.2fr 1.2fr 1.4fr;\r\n    gap: 40px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .wonderlook-wrapper .footer-brand .logo-title,\r\n  .footer-brand .logo-title {\r\n    color: #FFFFFF !important;\r\n    font-family: var(--font-heading);\r\n    font-size: 1.8rem;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .footer-brand p {\r\n    line-height: 1.55;\r\n    margin-bottom: 18px;\r\n    max-width: 320px;\r\n  }\r\n\r\n  .wonderlook-wrapper .footer-col h5,\r\n  .footer-col h5 {\r\n    color: #FFFFFF !important;\r\n    font-family: var(--font-heading);\r\n    font-size: 1.05rem;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .footer-links {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .footer-links a:hover {\r\n    color: var(--color-gold);\r\n    padding-left: 4px;\r\n  }\r\n\r\n  .footer-bottom {\r\n    border-top: 1px solid var(--color-border-dark);\r\n    padding-top: 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    font-size: 0.78rem;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     STYLES SP\u00c9CIFIQUES \u00c0 LA PAGE \"\u00c0 PROPOS\" (CONTENU UNIQUEMENT)\r\n     ========================================================================== *\/\r\n  .about-hero {\r\n    padding: 80px 0 60px;\r\n    background: var(--bg-body);\r\n    border-bottom: 1px solid var(--color-border);\r\n    text-align: center;\r\n  }\r\n\r\n  .about-hero .container {\r\n    max-width: 720px;\r\n  }\r\n\r\n  .about-hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--color-gold);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .about-hero h1 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: clamp(2.4rem, 4.5vw, 3.6rem) !important;\r\n    font-weight: 600 !important;\r\n    color: var(--color-dark) !important;\r\n    line-height: 1.1 !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  .about-hero h1 em {\r\n    font-style: italic !important;\r\n    color: var(--color-gold) !important;\r\n  }\r\n\r\n  .about-hero p {\r\n    font-size: 1.05rem;\r\n    color: var(--color-muted);\r\n    line-height: 1.7;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .about-story {\r\n    padding: 60px 0 50px;\r\n    background: var(--bg-card);\r\n    border-bottom: 1px solid var(--color-border);\r\n  }\r\n\r\n  .about-story .container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  .about-story-image {\r\n    border-radius: var(--radius-lg);\r\n    overflow: hidden;\r\n    border: 1px solid var(--color-border);\r\n    box-shadow: var(--shadow-subtle);\r\n  }\r\n\r\n  .about-story-image img {\r\n    width: 100%;\r\n    height: 350px;\r\n    object-fit: cover;\r\n    transition: transform var(--transition-smooth);\r\n  }\r\n\r\n  .about-story-image:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  .about-story-text h2 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: clamp(1.8rem, 2.8vw, 2.4rem) !important;\r\n    font-weight: 600 !important;\r\n    color: var(--color-dark) !important;\r\n    line-height: 1.15 !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  .about-story-text h2 em {\r\n    font-style: italic !important;\r\n    color: var(--color-gold) !important;\r\n  }\r\n\r\n  .about-story-text p {\r\n    color: var(--color-text);\r\n    line-height: 1.7;\r\n    margin-bottom: 12px;\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .about-story-text p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .about-values {\r\n    padding: 60px 0 70px;\r\n    background: var(--bg-body);\r\n    border-bottom: 1px solid var(--color-border);\r\n  }\r\n\r\n  .about-values-header {\r\n    text-align: center;\r\n    max-width: 620px;\r\n    margin: 0 auto 44px;\r\n  }\r\n\r\n  .about-values-header .section-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--color-gold);\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .about-values-header h2 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: clamp(1.8rem, 2.8vw, 2.4rem) !important;\r\n    font-weight: 600 !important;\r\n    color: var(--color-dark) !important;\r\n    line-height: 1.15 !important;\r\n    margin-bottom: 10px !important;\r\n  }\r\n\r\n  .about-values-header h2 em {\r\n    font-style: italic !important;\r\n    color: var(--color-gold) !important;\r\n  }\r\n\r\n  .about-values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n  }\r\n\r\n  .about-value-card {\r\n    background: var(--bg-card);\r\n    border-radius: var(--radius-md);\r\n    padding: 32px 24px 28px;\r\n    border: 1px solid var(--color-border);\r\n    transition: all var(--transition-smooth);\r\n    text-align: center;\r\n  }\r\n\r\n  .about-value-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--color-gold);\r\n    box-shadow: var(--shadow-hover);\r\n  }\r\n\r\n  .about-value-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 50%;\r\n    background: var(--color-gold-light);\r\n    color: var(--color-gold);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    margin: 0 auto 16px;\r\n    border: 1px solid rgba(197, 168, 128, 0.25);\r\n    transition: all var(--transition-fast);\r\n  }\r\n\r\n  .about-value-card:hover .about-value-icon {\r\n    background: var(--color-gold);\r\n    color: #FFFFFF;\r\n    border-color: var(--color-gold);\r\n    transform: scale(1.08);\r\n    box-shadow: 0 8px 18px rgba(197, 168, 128, 0.3);\r\n  }\r\n\r\n  .about-value-card h3 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: 1.15rem !important;\r\n    color: var(--color-dark) !important;\r\n    margin-bottom: 8px !important;\r\n    font-weight: 600 !important;\r\n  }\r\n\r\n  .about-value-card p {\r\n    font-size: 0.88rem;\r\n    color: var(--color-muted);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     RESPONSIVE (EXACTEMENT LA HOMEPAGE)\r\n     ========================================================================== *\/\r\n  @media (max-width: 1200px) {\r\n    .about-values-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .nav-desktop { display: none; }\r\n    .mobile-menu-toggle { display: block; }\r\n    .about-story .container {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n    .about-story-image img {\r\n      height: 260px;\r\n    }\r\n    .footer-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n    .mega-menu { width: 92vw; left: 50%; transform: translateX(-50%) translateY(14px); }\r\n    .nav-item:hover .mega-menu { transform: translateX(-50%) translateY(0); }\r\n    .mega-menu-grid { grid-template-columns: 1fr 1fr; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .top-announcement-right { display: none; }\r\n    \r\n    .header-inner { height: 80px !important; }\r\n    .wonderlook-wrapper .header-logo-img,\r\n    .header-logo-img { height: 44px !important; max-height: 44px !important; max-width: 160px !important; }\r\n    .logo-subtext .subtext-line-1 { font-size: 0.46rem !important; letter-spacing: 2px !important; }\r\n    .logo-subtext .subtext-line-2 { font-size: 0.38rem !important; letter-spacing: 1.4px !important; }\r\n\r\n    .action-btn { width: 38px !important; height: 38px !important; font-size: 1rem !important; }\r\n\r\n    .about-hero { padding: 60px 0 40px; }\r\n    .about-hero p { font-size: 0.95rem; }\r\n\r\n    .about-values-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .footer { padding: 30px 0 15px !important; }\r\n    .footer-grid {\r\n      grid-template-columns: 1fr 1fr !important;\r\n      gap: 20px 14px !important;\r\n      margin-bottom: 20px !important;\r\n    }\r\n    .footer-brand {\r\n      grid-column: 1 \/ -1;\r\n      text-align: center;\r\n    }\r\n    .wonderlook-wrapper .footer-brand .logo-title,\r\n    .footer-brand .logo-title { font-size: 1.4rem !important; margin-bottom: 4px !important; }\r\n    .footer-brand p { font-size: 0.76rem !important; margin: 0 auto 10px !important; }\r\n    .wonderlook-wrapper .footer-col h5,\r\n    .footer-col h5 { font-size: 0.85rem !important; margin-bottom: 8px !important; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 4px; }\r\n    .footer-links { gap: 6px; }\r\n    .footer-links a { font-size: 0.74rem !important; }\r\n    .footer-col p { font-size: 0.74rem !important; margin-bottom: 4px !important; }\r\n    .footer-bottom { padding-top: 14px !important; font-size: 0.7rem !important; flex-direction: column; gap: 8px; text-align: center; }\r\n\r\n    .mega-menu-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"wonderlook-wrapper\">\r\n\r\n  <!-- ================= TOP BAR LOCALE (EXACTE) ================= -->\r\n  <aside class=\"top-announcement\" aria-label=\"Informations de service\">\r\n    <div class=\"container\">\r\n      <div class=\"top-announcement-left\">\r\n        <span class=\"top-badge\"><i class=\"fas fa-truck-fast\"><\/i> Livraison Gratuite d\u00e8s 600 DH partout au Maroc<\/span>\r\n        <span class=\"top-badge\"><i class=\"fas fa-wand-magic-sparkles\"><\/i> Conseil Visagisme &amp; Morphologie Personnalis\u00e9<\/span>\r\n      <\/div>\r\n      <div class=\"top-announcement-right\">\r\n        <span class=\"top-badge\"><i class=\"fas fa-phone-alt\"><\/i> Fez : 05 22 12 34 56<\/span>\r\n        <span class=\"top-pill\"><i class=\"fas fa-money-bill-wave\"><\/i> Paiement \u00e0 la livraison (Cash \/ TPE)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <!-- ================= HEADER PRINCIPAL (EXACT) ================= -->\r\n  <header class=\"header\" id=\"main-header\">\r\n    <div class=\"container\">\r\n      <div class=\"header-inner\">\r\n        \r\n        <button class=\"mobile-menu-toggle\" id=\"open-menu-btn\" aria-label=\"Menu Mobile\">\r\n          <i class=\"fas fa-bars-staggered\"><\/i>\r\n        <\/button>\r\n\r\n        <!-- Logo & Double Signature \u00c9ditoriale -->\r\n        <a href=\"#\" class=\"brand-logo\" aria-label=\"Wonder Look Accueil\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VpJ5C7mV\/Logo.png\" alt=\"Wonder Look\" class=\"header-logo-img\" style=\"height: 56px !important; max-height: 56px !important; width: auto !important; max-width: 200px !important; object-fit: contain !important; display: block !important;\" \/>\r\n          <div class=\"logo-subtext\">\r\n            <span class=\"subtext-line-1\">OPTICAL &amp; SUNGLASSES<\/span>\r\n            <span class=\"subtext-line-2\">MAISON D'OPTIQUE &ndash; MAROC<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <nav aria-label=\"Navigation principale\">\r\n          <ul class=\"nav-desktop\">\r\n            <li class=\"nav-item\"><a href=\"#\" class=\"nav-link\">Accueil<\/a><\/li>\r\n            <li class=\"nav-item\">\r\n              <a href=\"#collections\" class=\"nav-link\">\r\n                Montures de Cr\u00e9ateurs <i class=\"fas fa-chevron-down\" style=\"font-size:0.65rem;\"><\/i>\r\n              <\/a>\r\n              <div class=\"mega-menu\">\r\n                <div class=\"mega-menu-header\">\r\n                  <h4>Collections Internationales &amp; Exclusives<\/h4>\r\n                  <a href=\"https:\/\/wonderlookstore.com\/?page_id=3505\" style=\"font-size:0.8rem; font-weight:600; color:var(--color-gold);\">Voir tout le catalogue &rarr;<\/a>\r\n                <\/div>\r\n                <div class=\"mega-menu-grid\">\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-palette\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>WOOW<\/h5>\r\n                      <p>Designs cr\u00e9atifs, color\u00e9s et audacieux<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-landmark\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>FACE \u00c0 FACE Paris<\/h5>\r\n                      <p>Inspir\u00e9 de l'art et de l'architecture<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-child\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>NIFTIES<\/h5>\r\n                      <p>Montures l\u00e9g\u00e8res pour petits visages<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-city\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>CHARLES STONE New York<\/h5>\r\n                      <p>Style new-yorkais, \u00e9l\u00e9gance contemporaine<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>INFACE<\/h5>\r\n                      <p>Lignes \u00e9pur\u00e9es et intemporelles<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-crown\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>WILLIAM MORRIS London<\/h5>\r\n                      <p>\u00c9l\u00e9gance londonienne, raffinement et qualit\u00e9<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-signature\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>PRODESIGN Denmark<\/h5>\r\n                      <p>Design scandinave, \u00e9l\u00e9gance et confort<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>BELVA<\/h5>\r\n                      <p>Montures contemporaines made in Morocco<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>FRESHVUE Lens<\/h5>\r\n                      <p>Lentilles de contact, vision nette et confort<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                  <a href=\"#\" class=\"mega-brand-card\">\r\n                    <div class=\"mega-brand-icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n                    <div>\r\n                      <h5>KILSGAARD<\/h5>\r\n                      <p>Minimalisme scandinave, montures raffin\u00e9es<\/p>\r\n                    <\/div>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"nav-item\"><a href=\"https:\/\/wonderlookstore.com\/?page_id=3472\" class=\"nav-link\">Conseil Visagisme<\/a><\/li>\r\n            <li class=\"nav-item\"><a href=\"https:\/\/wonderlookstore.com\/?page_id=3505\" class=\"nav-link\">Boutiques<\/a><\/li>\r\n          <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"header-actions\">\r\n          <button class=\"action-btn\" title=\"Rechercher\" aria-label=\"Rechercher\"><i class=\"fas fa-magnifying-glass\"><\/i><\/button>\r\n          <button class=\"action-btn\" id=\"open-cart-btn\" title=\"Mon Panier\" aria-label=\"Mon Panier\">\r\n            <i class=\"fas fa-bag-shopping\"><\/i>\r\n            <span class=\"cart-counter\" id=\"cart-count\">0<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ================= MENU MOBILE (EXACT) ================= -->\r\n  <div class=\"mobile-nav-overlay\" id=\"mobile-overlay\">\r\n    <div class=\"mobile-nav-drawer\">\r\n      <div style=\"display:flex; justify-content:space-between; align-items:center;\">\r\n        <a href=\"#\" class=\"brand-logo\" aria-label=\"Wonder Look Accueil\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VpJ5C7mV\/Logo.png\" alt=\"Wonder Look\" class=\"header-logo-img\" style=\"height:44px !important; max-height:44px !important; width:auto !important; max-width:150px !important; object-fit:contain !important; display:block !important;\" \/>\r\n        <\/a>\r\n        <button id=\"close-menu-btn\" style=\"font-size:1.3rem; color:var(--color-dark);\"><i class=\"fas fa-times\"><\/i><\/button>\r\n      <\/div>\r\n      \r\n      <ul class=\"mobile-nav-links\">\r\n        <li><a href=\"#\" class=\"mobile-nav-item\">Accueil<\/a><\/li>\r\n        \r\n        <li>\r\n          <div class=\"mobile-nav-sub-toggle\" id=\"mobile-brands-toggle\">\r\n            <span>Nos Montures de Cr\u00e9ateurs<\/span>\r\n            <i class=\"fas fa-chevron-down\" id=\"mobile-chevron\"><\/i>\r\n          <\/div>\r\n          <div class=\"mobile-brands-dropdown\" id=\"mobile-brands-list\">\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-palette\"><\/i><\/div>\r\n              <div><strong>WOOW<\/strong><span>Designs cr\u00e9atifs &amp; audacieux<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-landmark\"><\/i><\/div>\r\n              <div><strong>FACE \u00c0 FACE Paris<\/strong><span>Art &amp; architecture<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-child\"><\/i><\/div>\r\n              <div><strong>NIFTIES<\/strong><span>Pour petits visages<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-city\"><\/i><\/div>\r\n              <div><strong>CHARLES STONE New York<\/strong><span>Style new-yorkais<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n              <div><strong>INFACE<\/strong><span>Lignes \u00e9pur\u00e9es<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-crown\"><\/i><\/div>\r\n              <div><strong>WILLIAM MORRIS London<\/strong><span>\u00c9l\u00e9gance londonienne<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-signature\"><\/i><\/div>\r\n              <div><strong>PRODESIGN Denmark<\/strong><span>Design scandinave<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-star\"><\/i><\/div>\r\n              <div><strong>BELVA<\/strong><span>Made in Morocco<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n              <div><strong>FRESHVUE Lens<\/strong><span>Lentilles de contact<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"mobile-brand-link\">\r\n              <div class=\"m-brand-icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n              <div><strong>KILSGAARD<\/strong><span>Minimalisme scandinave<\/span><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3472\" class=\"mobile-nav-item\">Conseil &amp; Visagisme<\/a><\/li>\r\n        <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3505\" class=\"mobile-nav-item\">Boutiques<\/a><\/li>\r\n      <\/ul>\r\n\r\n      <div style=\"margin-top:auto; padding-top:16px; border-top:1px solid var(--color-border);\">\r\n        <p style=\"font-size:0.75rem; color:var(--color-muted); margin-bottom:4px;\">Service Client Fez<\/p>\r\n        <a href=\"tel:+212522123456\" style=\"font-weight:700; color:var(--color-dark); display:block; margin-bottom:8px; font-size:0.9rem;\">+212 5 22 12 34 56<\/a>\r\n        <a href=\"https:\/\/wa.me\/212600000000\" style=\"background:#25D366; color:#FFFFFF !important; padding:8px 12px; border-radius:999px; font-weight:600; font-size:0.8rem; display:inline-flex; align-items:center; gap:8px; width:100%; justify-content:center;\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> WhatsApp Direct\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ================= CONTENU PRINCIPAL \u2013 \u00c0 PROPOS ================= -->\r\n  <main>\r\n\r\n    <!-- HERO -->\r\n    <section class=\"about-hero\">\r\n      <div class=\"container\">\r\n        <span class=\"about-hero-eyebrow\"><i class=\"fas fa-crown\"><\/i> Notre ADN<\/span>\r\n        <h1>Une maison d\u2019optique <em>\u00e0 l\u2019\u00e2me<\/em> marocaine.<\/h1>\r\n        <p>\r\n          Wonder Look r\u00e9unit l\u2019excellence des cr\u00e9ateurs internationaux et l\u2019hospitalit\u00e9 chaleureuse du Maroc. \r\n          Chaque monture est choisie pour son design, sa mati\u00e8re et son histoire, afin de r\u00e9v\u00e9ler le style unique de chacun.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- HISTOIRE -->\r\n    <section class=\"about-story\">\r\n      <div class=\"container\">\r\n        <div class=\"about-story-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1577803645773-f96470509666?w=800&auto=format&fit=crop&q=80\" alt=\"Lunettes de cr\u00e9ateur\" \/>\r\n        <\/div>\r\n        <div class=\"about-story-text\">\r\n          <h2>L\u2019<em>art<\/em> de voir autrement.<\/h2>\r\n          <p>\r\n            Wonder Look est n\u00e9 d\u2019une conviction : la lunette n\u2019est pas un simple accessoire, \r\n            mais une extension de la personnalit\u00e9. Nous avons b\u00e2ti une maison o\u00f9 l\u2019optique \r\n            rencontre la couture, o\u00f9 chaque pi\u00e8ce est s\u00e9lectionn\u00e9e pour sa qualit\u00e9, son \u00e9l\u00e9gance \r\n            et sa capacit\u00e9 \u00e0 sublimer le regard.\r\n          <\/p>\r\n          <p>\r\n            De notre boutique historique de Fez \u00e0 notre rayonnement national, nous restons \r\n            fid\u00e8les \u00e0 une exigence : proposer des collections exclusives (ProDesign, Inface, \r\n            William Morris, Kilsgaard, Belva Paris) et un accompagnement sur\u2011mesure qui fait \r\n            la diff\u00e9rence.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- VALEURS -->\r\n    <section class=\"about-values\">\r\n      <div class=\"container\">\r\n        <div class=\"about-values-header\">\r\n          <span class=\"section-tag\"><i class=\"fas fa-gem\"><\/i> Nos Piliers<\/span>\r\n          <h2>Ce qui nous <em>anime<\/em>.<\/h2>\r\n          <p>Trois valeurs qui guident chacun de nos gestes, de la s\u00e9lection des marques \u00e0 l\u2019accueil de nos clients.<\/p>\r\n        <\/div>\r\n        <div class=\"about-values-grid\">\r\n          <div class=\"about-value-card\">\r\n            <div class=\"about-value-icon\"><i class=\"fas fa-hand-sparkles\"><\/i><\/div>\r\n            <h3>Excellence Curatoriale<\/h3>\r\n            <p>Nous ne s\u00e9lectionnons que des cr\u00e9ateurs reconnus pour leur savoir\u2011faire, leurs mat\u00e9riaux nobles et leur design intemporel.<\/p>\r\n          <\/div>\r\n          <div class=\"about-value-card\">\r\n            <div class=\"about-value-icon\"><i class=\"fas fa-user-check\"><\/i><\/div>\r\n            <h3>Conseil Sur\u2011Mesure<\/h3>\r\n            <p>Chaque visage est unique. Nos experts en visagisme vous guident vers la monture qui r\u00e9v\u00e9lera votre personnalit\u00e9.<\/p>\r\n          <\/div>\r\n          <div class=\"about-value-card\">\r\n            <div class=\"about-value-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n            <h3>Hospitalit\u00e9 Marocaine<\/h3>\r\n            <p>L\u2019accueil chaleureux est notre signature. Dans nos boutiques, chaque client est re\u00e7u comme un invit\u00e9 de marque.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n\r\n  <!-- ================= FOOTER (EXACTEMENT LA HOMEPAGE) ================= -->\r\n  <footer class=\"footer\" id=\"contact\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-grid\">\r\n        \r\n        <div class=\"footer-brand\">\r\n          <div class=\"logo-title\">Wonder<span>Look<\/span><\/div>\r\n          <p>\r\n            Maison d'optique haut de gamme. Nous combinons l'artisanat scandinave, la finesse londonienne et l'accueil marocain pour magnifier votre vue.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Nos Marques<\/h5>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#\">WOOW<\/a><\/li>\r\n            <li><a href=\"#\">FACE \u00c0 FACE Paris<\/a><\/li>\r\n            <li><a href=\"#\">NIFTIES<\/a><\/li>\r\n            <li><a href=\"#\">CHARLES STONE New York<\/a><\/li>\r\n            <li><a href=\"#\">INFACE<\/a><\/li>\r\n            <li><a href=\"#\">WILLIAM MORRIS London<\/a><\/li>\r\n            <li><a href=\"#\">PRODESIGN Denmark<\/a><\/li>\r\n            <li><a href=\"#\">BELVA<\/a><\/li>\r\n            <li><a href=\"#\">FRESHVUE Lens<\/a><\/li>\r\n            <li><a href=\"#\">KILSGAARD<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Pages Utilitaires<\/h5>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3\">Politique de confidentialit\u00e9<\/a><\/li>\r\n            <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3127\">\u00c0 propos<\/a><\/li>\r\n            <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3472\">Contactez-nous<\/a><\/li>\r\n            <li><a href=\"https:\/\/wonderlookstore.com\/?page_id=3474\">Conditions d'utilisation<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Boutiques au Maroc<\/h5>\r\n          <p style=\"margin-bottom:10px;\"><i class=\"fas fa-location-dot\" style=\"color:var(--color-gold);\"><\/i> Angle Bd d'Anfa &amp; Rue Jean Jaur\u00e8s, Fez<\/p>\r\n          <p><i class=\"fas fa-phone\" style=\"color:var(--color-gold);\"><\/i> 05 22 12 34 56<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"footer-bottom\">\r\n        <span>&copy; 2026 Wonder Look Maroc. Soci\u00e9t\u00e9 de Lunetterie et d'Optique. Tous droits r\u00e9serv\u00e9s.<\/span>\r\n        <div style=\"display:flex; gap:16px; align-items:center;\">\r\n          <span><i class=\"fab fa-cc-visa\"><\/i> Visa<\/span>\r\n          <span><i class=\"fab fa-cc-mastercard\"><\/i> Mastercard<\/span>\r\n          <span><i class=\"fas fa-money-bill-1\"><\/i> Cash \u00e0 la livraison<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- ================= JAVASCRIPT (MENU MOBILE \/ SCROLL HEADER) ================= -->\r\n<script>\r\n  (function() {\r\n    \/\/ Mobile menu\r\n    const openBtn = document.getElementById('open-menu-btn');\r\n    const closeBtn = document.getElementById('close-menu-btn');\r\n    const overlay = document.getElementById('mobile-overlay');\r\n\r\n    function toggleMobile(open) {\r\n      if (open) {\r\n        overlay.classList.add('open');\r\n        document.body.style.overflow = 'hidden';\r\n      } else {\r\n        overlay.classList.remove('open');\r\n        document.body.style.overflow = '';\r\n      }\r\n    }\r\n\r\n    if (openBtn) openBtn.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      toggleMobile(true);\r\n    });\r\n    if (closeBtn) closeBtn.addEventListener('click', function() { toggleMobile(false); });\r\n    if (overlay) overlay.addEventListener('click', function(e) {\r\n      if (e.target === overlay) toggleMobile(false);\r\n    });\r\n\r\n    \/\/ Mobile brands toggle\r\n    const brandToggle = document.getElementById('mobile-brands-toggle');\r\n    const brandList = document.getElementById('mobile-brands-list');\r\n    if (brandToggle && brandList) {\r\n      brandToggle.addEventListener('click', function() {\r\n        brandList.classList.toggle('show');\r\n        this.classList.toggle('active');\r\n      });\r\n    }\r\n\r\n    \/\/ Header scroll shadow\r\n    const header = document.getElementById('main-header');\r\n    if (header) {\r\n      window.addEventListener('scroll', function() {\r\n        if (window.scrollY > 30) {\r\n          header.classList.add('scrolled');\r\n        } else {\r\n          header.classList.remove('scrolled');\r\n        }\r\n      });\r\n    }\r\n\r\n    \/\/ Cart counter (dummy - vide par d\u00e9faut)\r\n    const cartCount = document.getElementById('cart-count');\r\n    if (cartCount) {\r\n      cartCount.textContent = '0';\r\n    }\r\n  })();\r\n<\/script>\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>Livraison Gratuite d\u00e8s 600 DH partout au Maroc Conseil Visagisme &amp; Morphologie Personnalis\u00e9 Fez : 05 22 12 34 56 Paiement \u00e0 la livraison (Cash \/ TPE) OPTICAL &amp; SUNGLASSES MAISON D&rsquo;OPTIQUE &ndash; MAROC Accueil Montures de Cr\u00e9ateurs Collections Internationales &amp; Exclusives Voir tout le catalogue &rarr; WOOW Designs cr\u00e9atifs, color\u00e9s et audacieux FACE \u00c0 [&hellip;]<\/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-3127","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3127"}],"version-history":[{"count":5,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3127\/revisions"}],"predecessor-version":[{"id":3518,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3127\/revisions\/3518"}],"wp:attachment":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}