{"id":3,"date":"2026-09-04T20:42:37","date_gmt":"2026-09-04T20:42:37","guid":{"rendered":"https:\/\/wonderlookstore.com\/?page_id=3"},"modified":"2026-09-10T02:03:46","modified_gmt":"2026-09-10T02:03:46","slug":"privacy-policy","status":"publish","type":"page","link":"https:\/\/wonderlookstore.com\/?page_id=3","title":{"rendered":"Politique de confidentialit\u00e9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3\" class=\"elementor elementor-3\">\n\t\t\t\t<div class=\"elementor-element elementor-element-868cdbb e-con-full e-flex e-con e-parent\" data-id=\"868cdbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbf93cd elementor-widget elementor-widget-html\" data-id=\"fbf93cd\" 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 \u2013 POLITIQUE DE CONFIDENTIALIT\u00c9\r\n     ========================================================================== *\/\r\n  \r\n  \/* HERO *\/\r\n  .privacy-hero {\r\n    position: relative;\r\n    padding: 60px 0 50px;\r\n    background: linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-body) 100%);\r\n    border-bottom: 1px solid var(--color-border);\r\n    text-align: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .privacy-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -10%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(197, 168, 128, 0.12) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .privacy-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -40%;\r\n    left: -10%;\r\n    width: 350px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, rgba(197, 168, 128, 0.08) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .privacy-hero .container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 760px;\r\n  }\r\n\r\n  .privacy-hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.65rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--color-gold);\r\n    margin-bottom: 6px;\r\n    background: rgba(197, 168, 128, 0.12);\r\n    padding: 4px 16px;\r\n    border-radius: var(--radius-pill);\r\n    border: 1px solid rgba(197, 168, 128, 0.25);\r\n  }\r\n\r\n  .privacy-hero h1 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: clamp(2.2rem, 4vw, 3rem) !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: 6px !important;\r\n  }\r\n\r\n  .privacy-hero h1 em {\r\n    font-style: italic !important;\r\n    color: var(--color-gold) !important;\r\n  }\r\n\r\n  .gold-divider {\r\n    width: 48px;\r\n    height: 2px;\r\n    background: var(--color-gold);\r\n    margin: 12px auto 16px;\r\n    border-radius: var(--radius-pill);\r\n  }\r\n\r\n  .privacy-hero .intro-text {\r\n    font-size: 1rem;\r\n    color: var(--color-text);\r\n    line-height: 1.7;\r\n    max-width: 540px;\r\n    margin: 0 auto;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* CONTENU PRINCIPAL *\/\r\n  .privacy-content {\r\n    padding: 50px 0 70px;\r\n    background: var(--bg-body);\r\n    border-bottom: 1px solid var(--color-border);\r\n  }\r\n\r\n  .privacy-content .container {\r\n    max-width: 860px;\r\n  }\r\n\r\n  \/* Carte d'introduction *\/\r\n  .privacy-intro-card {\r\n    background: linear-gradient(135deg, #FFFFFF 0%, var(--bg-surface) 100%);\r\n    border: 1px solid rgba(197, 168, 128, 0.25);\r\n    border-radius: var(--radius-lg);\r\n    padding: 30px 32px;\r\n    margin-bottom: 40px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n  }\r\n\r\n  .privacy-intro-card .intro-icon {\r\n    width: 52px;\r\n    height: 52px;\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.3rem;\r\n    flex-shrink: 0;\r\n    border: 1px solid rgba(197, 168, 128, 0.25);\r\n  }\r\n\r\n  .privacy-intro-card h2 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: 1.3rem !important;\r\n    font-weight: 600 !important;\r\n    color: var(--color-dark) !important;\r\n    margin-bottom: 6px !important;\r\n  }\r\n\r\n  .privacy-intro-card p {\r\n    font-size: 0.95rem;\r\n    color: var(--color-text);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* Article de confidentialit\u00e9 *\/\r\n  .privacy-article {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--color-border);\r\n    border-radius: var(--radius-md);\r\n    padding: 30px 32px;\r\n    margin-bottom: 24px;\r\n    transition: all var(--transition-smooth);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .privacy-article::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, var(--color-gold) 0%, var(--color-gold-hover) 100%);\r\n    opacity: 0.4;\r\n    transition: opacity var(--transition-smooth);\r\n  }\r\n\r\n  .privacy-article:hover {\r\n    border-color: var(--color-gold);\r\n    transform: translateY(-3px);\r\n    box-shadow: var(--shadow-hover);\r\n  }\r\n\r\n  .privacy-article:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .privacy-article .article-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .privacy-article .article-number {\r\n    font-family: var(--font-body);\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    color: #FFFFFF;\r\n    background: var(--color-gold);\r\n    min-width: 34px;\r\n    height: 34px;\r\n    padding: 0 10px;\r\n    border-radius: var(--radius-pill);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 10px rgba(197, 168, 128, 0.25);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .privacy-article h3 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: 1.25rem !important;\r\n    font-weight: 600 !important;\r\n    color: var(--color-dark) !important;\r\n    margin: 0 !important;\r\n    line-height: 1.25 !important;\r\n  }\r\n\r\n  .privacy-article p {\r\n    color: var(--color-text);\r\n    line-height: 1.7;\r\n    margin-bottom: 10px;\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .privacy-article p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .privacy-article ul {\r\n    padding-left: 0;\r\n    margin: 10px 0 12px;\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n  }\r\n\r\n  .privacy-article ul li {\r\n    position: relative;\r\n    padding-left: 24px;\r\n    font-size: 0.93rem;\r\n    color: var(--color-text);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .privacy-article ul li::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 6px;\r\n    top: 9px;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--color-gold);\r\n  }\r\n\r\n  .privacy-article ul li strong {\r\n    color: var(--color-dark);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Highlight box \u2013 avec email affich\u00e9 proprement *\/\r\n  .privacy-highlight-box {\r\n    background: var(--bg-surface);\r\n    border-left: 3px solid var(--color-gold);\r\n    padding: 14px 20px;\r\n    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n    margin: 14px 0 6px;\r\n    font-size: 0.9rem;\r\n    color: var(--color-text);\r\n    line-height: 1.65;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n\r\n  .privacy-highlight-box i {\r\n    color: var(--color-gold);\r\n    font-size: 1rem;\r\n    margin-top: 3px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .privacy-highlight-box .highlight-text {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .privacy-highlight-box strong.email-inline {\r\n    color: var(--color-dark);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Carte de contact pour les questions *\/\r\n  .privacy-contact-card {\r\n    margin-top: 30px;\r\n    background: var(--bg-dark);\r\n    color: #FFFFFF;\r\n    border-radius: var(--radius-lg);\r\n    padding: 32px 36px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .privacy-contact-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -15%;\r\n    bottom: -40%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(197, 168, 128, 0.18) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .privacy-contact-card .contact-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .privacy-contact-card h3 {\r\n    font-family: var(--font-heading) !important;\r\n    font-size: 1.5rem !important;\r\n    font-weight: 600 !important;\r\n    color: #FFFFFF !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  .privacy-contact-card h3 em {\r\n    font-style: italic !important;\r\n    color: var(--color-gold) !important;\r\n  }\r\n\r\n  .privacy-contact-card p {\r\n    color: #D5D0C8;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 20px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .privacy-contact-btns {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .privacy-contact-btns a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 22px;\r\n    border-radius: var(--radius-pill);\r\n    font-weight: 600;\r\n    font-size: 0.85rem;\r\n    transition: all var(--transition-smooth);\r\n  }\r\n\r\n  .privacy-contact-btns .btn-whatsapp {\r\n    background: var(--color-whatsapp);\r\n    color: #FFFFFF !important;\r\n    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.3);\r\n  }\r\n\r\n  .privacy-contact-btns .btn-whatsapp:hover {\r\n    background: #20BD5A;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.4);\r\n  }\r\n\r\n  .privacy-contact-btns .btn-email {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: #FFFFFF !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .privacy-contact-btns .btn-email:hover {\r\n    background: #FFFFFF;\r\n    color: var(--color-dark) !important;\r\n    border-color: #FFFFFF;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     RESPONSIVE (EXACTEMENT LA HOMEPAGE)\r\n     ========================================================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .nav-desktop { display: none; }\r\n    .mobile-menu-toggle { display: block; }\r\n    .footer-grid { grid-template-columns: 1fr 1fr; }\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    \/* HERO mobile *\/\r\n    .privacy-hero {\r\n      padding: 30px 0 26px;\r\n    }\r\n    .privacy-hero h1 { font-size: 1.75rem !important; }\r\n    .privacy-hero .intro-text {\r\n      font-size: 0.88rem;\r\n      line-height: 1.6;\r\n      padding: 0 8px;\r\n    }\r\n    .privacy-hero-eyebrow {\r\n      font-size: 0.58rem;\r\n      padding: 3px 12px;\r\n      letter-spacing: 2px;\r\n    }\r\n    .gold-divider {\r\n      width: 36px;\r\n      margin: 10px auto 12px;\r\n    }\r\n\r\n    \/* Contenu mobile *\/\r\n    .privacy-content { padding: 26px 0 40px; }\r\n\r\n    \/* Intro card *\/\r\n    .privacy-intro-card {\r\n      padding: 20px 18px;\r\n      flex-direction: row;\r\n      gap: 12px;\r\n      margin-bottom: 22px;\r\n      border-radius: var(--radius-md);\r\n      align-items: flex-start;\r\n    }\r\n    .privacy-intro-card .intro-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      font-size: 1rem;\r\n    }\r\n    .privacy-intro-card h2 {\r\n      font-size: 1.05rem !important;\r\n      margin-bottom: 4px !important;\r\n    }\r\n    .privacy-intro-card p { font-size: 0.85rem; line-height: 1.6; }\r\n\r\n    \/* Articles *\/\r\n    .privacy-article {\r\n      padding: 20px 18px;\r\n      margin-bottom: 16px;\r\n      border-radius: var(--radius-sm);\r\n    }\r\n    .privacy-article::before {\r\n      width: 3px;\r\n    }\r\n    .privacy-article .article-header {\r\n      gap: 10px;\r\n      margin-bottom: 10px;\r\n      align-items: center;\r\n    }\r\n    .privacy-article .article-number {\r\n      font-size: 0.7rem;\r\n      min-width: 28px;\r\n      height: 28px;\r\n      padding: 0 8px;\r\n    }\r\n    .privacy-article h3 {\r\n      font-size: 1.02rem !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n    .privacy-article p,\r\n    .privacy-article ul li { font-size: 0.86rem; line-height: 1.6; }\r\n    .privacy-article ul {\r\n      margin: 8px 0 10px;\r\n      gap: 4px;\r\n    }\r\n    .privacy-article ul li {\r\n      padding-left: 20px;\r\n    }\r\n    .privacy-article ul li::before {\r\n      width: 5px;\r\n      height: 5px;\r\n      top: 8px;\r\n      left: 5px;\r\n    }\r\n\r\n    \/* Highlight box \u2013 CORRECTION EMAIL SUR UNE LIGNE *\/\r\n    .privacy-highlight-box {\r\n      padding: 12px 14px;\r\n      font-size: 0.82rem;\r\n      gap: 8px;\r\n      border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n      align-items: flex-start;\r\n    }\r\n    .privacy-highlight-box i {\r\n      font-size: 0.9rem;\r\n      margin-top: 2px;\r\n    }\r\n    .privacy-highlight-box .highlight-text {\r\n      line-height: 1.55;\r\n    }\r\n    \/* Email forc\u00e9 sur une seule ligne, avec fond dor\u00e9 subtil *\/\r\n    .privacy-highlight-box strong.email-inline {\r\n      display: inline-block;\r\n      white-space: nowrap;\r\n      word-break: keep-all;\r\n      overflow-wrap: normal;\r\n      font-size: 0.78rem;\r\n      letter-spacing: 0.2px;\r\n      background: rgba(197, 168, 128, 0.15);\r\n      color: var(--color-dark);\r\n      padding: 2px 8px;\r\n      border-radius: var(--radius-pill);\r\n      margin-top: 4px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* Carte contact *\/\r\n    .privacy-contact-card {\r\n      padding: 24px 18px;\r\n      margin-top: 22px;\r\n      border-radius: var(--radius-md);\r\n    }\r\n    .privacy-contact-card h3 {\r\n      font-size: 1.15rem !important;\r\n    }\r\n    .privacy-contact-card p {\r\n      font-size: 0.84rem;\r\n      margin-bottom: 16px;\r\n    }\r\n    .privacy-contact-btns {\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n    .privacy-contact-btns a {\r\n      width: 100%;\r\n      justify-content: center;\r\n      padding: 10px 16px;\r\n      font-size: 0.78rem;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* Footer mobile *\/\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\r\n  \/* Tr\u00e8s petits \u00e9crans *\/\r\n  @media (max-width: 480px) {\r\n    .privacy-hero h1 { font-size: 1.55rem !important; }\r\n    .privacy-hero .intro-text { font-size: 0.82rem; }\r\n    .privacy-article {\r\n      padding: 16px 14px;\r\n    }\r\n    .privacy-article h3 {\r\n      font-size: 0.96rem !important;\r\n    }\r\n    .privacy-article .article-header {\r\n      gap: 8px;\r\n    }\r\n    .privacy-article .article-number {\r\n      font-size: 0.65rem;\r\n      min-width: 26px;\r\n      height: 26px;\r\n      padding: 0 6px;\r\n    }\r\n    .privacy-article p,\r\n    .privacy-article ul li { font-size: 0.82rem; }\r\n\r\n    .privacy-highlight-box {\r\n      padding: 10px 12px;\r\n      font-size: 0.78rem;\r\n    }\r\n    \/* Email encore plus compact sur tr\u00e8s petits \u00e9crans *\/\r\n    .privacy-highlight-box strong.email-inline {\r\n      font-size: 0.72rem;\r\n      padding: 2px 6px;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .privacy-intro-card {\r\n      padding: 16px 14px;\r\n    }\r\n    .privacy-intro-card .intro-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      font-size: 0.9rem;\r\n    }\r\n    .privacy-intro-card h2 {\r\n      font-size: 0.98rem !important;\r\n    }\r\n    .privacy-intro-card p { font-size: 0.8rem; }\r\n\r\n    .privacy-contact-card h3 { font-size: 1.05rem !important; }\r\n    .privacy-contact-card p { font-size: 0.78rem; }\r\n    .privacy-contact-btns a {\r\n      font-size: 0.72rem;\r\n      padding: 9px 12px;\r\n    }\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 POLITIQUE DE CONFIDENTIALIT\u00c9 ================= -->\r\n  <main>\r\n\r\n    <!-- HERO -->\r\n    <section class=\"privacy-hero\">\r\n      <div class=\"container\">\r\n        <span class=\"privacy-hero-eyebrow\"><i class=\"fas fa-shield-halved\"><\/i> Votre vie priv\u00e9e<\/span>\r\n        <h1>Politique de <em>Confidentialit\u00e9<\/em><\/h1>\r\n        <div class=\"gold-divider\"><\/div>\r\n        <p class=\"intro-text\">\r\n          Chez Wonder Look, la protection de vos donn\u00e9es personnelles est une priorit\u00e9 absolue. \r\n          Cette politique vous explique clairement comment nous collectons, utilisons et prot\u00e9geons vos informations.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTENU -->\r\n    <section class=\"privacy-content\">\r\n      <div class=\"container\">\r\n\r\n        <!-- CARTE D'INTRODUCTION -->\r\n        <div class=\"privacy-intro-card\">\r\n          <div class=\"intro-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n          <div>\r\n            <h2>Engagement de confidentialit\u00e9<\/h2>\r\n            <p>\r\n              Wonder Look s'engage \u00e0 respecter scrupuleusement la loi 09\u201108 relative \u00e0 la protection \r\n              des donn\u00e9es \u00e0 caract\u00e8re personnel au Maroc. Nous ne collectons que les informations strictement \r\n              n\u00e9cessaires \u00e0 la fourniture de nos services et ne les partageons jamais \u00e0 des fins commerciales \r\n              avec des tiers.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Article 1 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">1<\/span>\r\n            <h3>Donn\u00e9es que nous collectons<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Nous collectons uniquement les informations n\u00e9cessaires pour traiter vos commandes et am\u00e9liorer \r\n            votre exp\u00e9rience sur notre site.\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Informations d'identit\u00e9<\/strong> \u2013 Nom, pr\u00e9nom, adresse de livraison.<\/li>\r\n            <li><strong>Coordonn\u00e9es<\/strong> \u2013 Num\u00e9ro de t\u00e9l\u00e9phone, adresse e\u2011mail.<\/li>\r\n            <li><strong>Donn\u00e9es de commande<\/strong> \u2013 Produits achet\u00e9s, historique d'achat, montant.<\/li>\r\n            <li><strong>Donn\u00e9es de navigation<\/strong> \u2013 Cookies, adresse IP, pages visit\u00e9es (anonymis\u00e9es).<\/li>\r\n          <\/ul>\r\n          <div class=\"privacy-highlight-box\">\r\n            <i class=\"fas fa-circle-info\"><\/i>\r\n            <span class=\"highlight-text\">Nous ne collectons jamais vos donn\u00e9es bancaires directement. Les paiements en ligne sont trait\u00e9s par des prestataires certifi\u00e9s.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Article 2 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">2<\/span>\r\n            <h3>Utilisation de vos donn\u00e9es<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Vos donn\u00e9es sont utilis\u00e9es exclusivement dans le cadre de nos services :\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Traitement des commandes<\/strong> \u2013 Pr\u00e9paration, exp\u00e9dition et suivi de vos achats.<\/li>\r\n            <li><strong>Service client<\/strong> \u2013 R\u00e9ponses \u00e0 vos questions, r\u00e9clamations et demandes de conseil visagisme.<\/li>\r\n            <li><strong>Am\u00e9lioration du site<\/strong> \u2013 Analyse anonyme pour optimiser l'exp\u00e9rience utilisateur.<\/li>\r\n            <li><strong>Communication<\/strong> \u2013 Informations sur nos nouveaut\u00e9s et offres (uniquement avec votre accord).<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Article 3 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">3<\/span>\r\n            <h3>Partage de vos informations<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Wonder Look ne vend, ne loue et ne c\u00e8de jamais vos donn\u00e9es personnelles \u00e0 des tiers. \r\n            Elles peuvent \u00eatre partag\u00e9es uniquement dans les cas suivants :\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Partenaires logistiques<\/strong> \u2013 Pour la livraison de vos commandes (nom, adresse, t\u00e9l\u00e9phone).<\/li>\r\n            <li><strong>Prestataires de paiement<\/strong> \u2013 Pour la validation s\u00e9curis\u00e9e de vos transactions.<\/li>\r\n            <li><strong>Obligations l\u00e9gales<\/strong> \u2013 Si la loi marocaine l'exige formellement.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Article 4 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">4<\/span>\r\n            <h3>Cookies et technologies similaires<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Le site <strong>wonderlookstore.com<\/strong> utilise des cookies pour am\u00e9liorer votre navigation et \r\n            m\u00e9moriser vos pr\u00e9f\u00e9rences. Ces cookies ne contiennent aucune information personnelle sensible.\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Cookies essentiels<\/strong> \u2013 Indispensables au fonctionnement du panier et de la navigation.<\/li>\r\n            <li><strong>Cookies analytiques<\/strong> \u2013 Mesurent l'audience de mani\u00e8re anonyme (Google Analytics).<\/li>\r\n            <li><strong>Cookies marketing<\/strong> \u2013 Personnalisation des offres (avec votre consentement).<\/li>\r\n          <\/ul>\r\n          <p>\r\n            Vous pouvez \u00e0 tout moment d\u00e9sactiver les cookies dans les param\u00e8tres de votre navigateur.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Article 5 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">5<\/span>\r\n            <h3>Conservation de vos donn\u00e9es<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Vos donn\u00e9es sont conserv\u00e9es uniquement pendant la dur\u00e9e n\u00e9cessaire \u00e0 l'accomplissement des \r\n            finalit\u00e9s d\u00e9crites ci\u2011dessus :\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Donn\u00e9es de commande<\/strong> \u2013 5 ans apr\u00e8s le dernier achat (obligation comptable).<\/li>\r\n            <li><strong>Donn\u00e9es de contact<\/strong> \u2013 3 ans apr\u00e8s le dernier contact.<\/li>\r\n            <li><strong>Donn\u00e9es de navigation<\/strong> \u2013 13 mois maximum (cookies).<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Article 6 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">6<\/span>\r\n            <h3>Vos droits<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Conform\u00e9ment \u00e0 la loi 09\u201108, vous disposez de droits que vous pouvez exercer \u00e0 tout moment :\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Droit d'acc\u00e8s<\/strong> \u2013 Consulter les donn\u00e9es que nous d\u00e9tenons sur vous.<\/li>\r\n            <li><strong>Droit de rectification<\/strong> \u2013 Corriger toute information inexacte.<\/li>\r\n            <li><strong>Droit de suppression<\/strong> \u2013 Demander l'effacement de vos donn\u00e9es personnelles.<\/li>\r\n            <li><strong>Droit d'opposition<\/strong> \u2013 Refuser l'utilisation de vos donn\u00e9es \u00e0 des fins marketing.<\/li>\r\n            <li><strong>Droit \u00e0 la portabilit\u00e9<\/strong> \u2013 Recevoir vos donn\u00e9es dans un format structur\u00e9.<\/li>\r\n          <\/ul>\r\n          <div class=\"privacy-highlight-box\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n            <span class=\"highlight-text\">Pour exercer vos droits, contactez\u2011nous \u00e0 <strong class=\"email-inline\">wonderlookstore@protonmail.com<\/strong>. Nous r\u00e9pondons sous 30 jours maximum.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Article 7 -->\r\n        <div class=\"privacy-article\">\r\n          <div class=\"article-header\">\r\n            <span class=\"article-number\">7<\/span>\r\n            <h3>S\u00e9curit\u00e9 de vos donn\u00e9es<\/h3>\r\n          <\/div>\r\n          <p>\r\n            Wonder Look met en \u0153uvre toutes les mesures techniques et organisationnelles n\u00e9cessaires pour \r\n            prot\u00e9ger vos donn\u00e9es contre tout acc\u00e8s non autoris\u00e9, perte, alt\u00e9ration ou divulgation.\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Chiffrement SSL<\/strong> \u2013 Toutes les communications sont s\u00e9curis\u00e9es par HTTPS.<\/li>\r\n            <li><strong>Acc\u00e8s restreint<\/strong> \u2013 Seuls les employ\u00e9s habilit\u00e9s peuvent consulter vos donn\u00e9es.<\/li>\r\n            <li><strong>Sauvegardes r\u00e9guli\u00e8res<\/strong> \u2013 Pour \u00e9viter toute perte accidentelle.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- CARTE DE CONTACT -->\r\n        <div class=\"privacy-contact-card\">\r\n          <div class=\"contact-inner\">\r\n            <h3>Une question sur vos <em>donn\u00e9es<\/em> ?<\/h3>\r\n            <p>\r\n              Notre \u00e9quipe est disponible pour r\u00e9pondre \u00e0 toutes vos questions concernant la protection de vos informations personnelles.\r\n            <\/p>\r\n            <div class=\"privacy-contact-btns\">\r\n              <a href=\"https:\/\/wa.me\/212660462426?text=Bonjour%20Wonder%20Look,%20j'ai%20une%20question%20sur%20la%20protection%20de%20mes%20donn%C3%A9es\" target=\"_blank\" rel=\"noopener\" class=\"btn-whatsapp\">\r\n                <i class=\"fab fa-whatsapp\"><\/i> WhatsApp : 06 60 46 24 26\r\n              <\/a>\r\n              <a href=\"mailto:wonderlookstore@protonmail.com\" class=\"btn-email\">\r\n                <i class=\"fas fa-envelope\"><\/i> wonderlookstore@protonmail.com\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\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)\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-3","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3","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=3"}],"version-history":[{"count":5,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":3539,"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=\/wp\/v2\/pages\/3\/revisions\/3539"}],"wp:attachment":[{"href":"https:\/\/wonderlookstore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}