{"id":513,"date":"2026-05-13T17:43:09","date_gmt":"2026-05-13T15:43:09","guid":{"rendered":"https:\/\/sapora.be\/?page_id=513"},"modified":"2026-06-23T14:16:08","modified_gmt":"2026-06-23T12:16:08","slug":"accueil-2-0","status":"publish","type":"page","link":"https:\/\/sapora.be\/","title":{"rendered":"Accueil 2.0"},"content":{"rendered":"\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Sapora : Produits Italiens d&rsquo;Exception<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&amp;family=Jost:wght@200;300;400;500&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --cream: #F7F2EA;\n    --warm-white: #FDFAF5;\n    --deep-olive: #2C2A1E;\n    --olive: #4A4530;\n    --gold: #B8932A;\n    --gold-light: #D4A843;\n    --terracotta: #8B3E2F;\n    --terracotta-light: #C4634D;\n    --sage: #6B7C5E;\n    --charcoal: #1C1A15;\n    --text-muted: #7A7260;\n    --border: rgba(184, 147, 42, 0.25);\n  }\n\n  html { scroll-behavior: smooth; background: #1A1913 !important; }\n\n  body {\n    font-family: 'Jost', sans-serif;\n    background: var(--warm-white);\n    color: var(--deep-olive);\n    overflow-x: hidden;\n    margin: 0;\n  }\n\n  \/* --- MODIF TRADUCTION SABRINA --- *\/\n  .trans-link { cursor: pointer; color: var(--gold); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: underline; display: block; margin-bottom: 1.5rem; transition: color 0.3s ease; }\n  .trans-link:hover { color: var(--terracotta); }\n\n  \/* \u2500\u2500\u2500 NETTOYAGE RADICAL ET COMPLET DU MENU MOBILE WORDPRESS \u2500\u2500\u2500 *\/\n  @media (max-width: 860px) {\n    .wp-block-navigation__responsive-container,\n    .wp-block-navigation__responsive-container.is-menu-open,\n    .wp-block-navigation__responsive-container-content,\n    .wp-block-navigation__responsive-container-settings,\n    div[class*=\"menu-overlay\"],\n    div[class*=\"responsive-container\"] {\n      background-color: #1A1913 !important;\n      background: #1A1913 !important;\n    }\n\n    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,\n    .wp-block-navigation__responsive-container-content ul,\n    .wp-block-navigation__responsive-container-content li,\n    .wp-block-navigation__responsive-container ul,\n    .wp-block-navigation__responsive-container li,\n    div[class*=\"menu-container\"] ul,\n    div[class*=\"menu-container\"] li {\n      background-color: #1A1913 !important;\n      background: #1A1913 !important;\n      border: none !important;\n      border-color: transparent !important;\n      box-shadow: none !important;\n    }\n\n    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,\n    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,\n    .wp-block-navigation__responsive-container .wp-block-navigation-item a,\n    div[class*=\"menu-container\"] a,\n    div[class*=\"responsive-container\"] a {\n      font-family: 'Cormorant Garamond', serif !important;\n      font-size: 1.8rem !important;\n      font-weight: 400 !important;\n      color: #F7F2EA !important;\n      text-decoration: none !important;\n      padding: 1.25rem 1.5rem !important;\n      border-bottom: 1px solid rgba(184, 147, 42, 0.3) !important;\n      display: block !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      letter-spacing: 0.03em !important;\n      text-align: left !important;\n      background: transparent !important;\n    }\n\n    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child a,\n    .wp-block-navigation__responsive-container .wp-block-navigation-item:last-child a,\n    div[class*=\"menu-container\"] li:last-child a {\n      border-bottom: none !important;\n    }\n\n    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,\n    div[class*=\"menu-container\"] a:hover {\n      color: var(--gold-light) !important;\n    }\n\n    .wp-block-navigation__responsive-container-close,\n    .wp-block-navigation__responsive-container-close svg,\n    .wp-block-navigation__responsive-container-close span,\n    button[aria-label*=\"Fermer\"],\n    button[aria-label*=\"close\"],\n    .components-button {\n      color: var(--gold) !important;\n      fill: var(--gold) !important;\n    }\n  }\n\n  \/* \u2500\u2500\u2500 BLOCAGE RADICAL DU FOND WORDPRESS (SUPPRIME LA BANDE BLANCHE) \u2500\u2500\u2500 *\/\n  #page, .site, .wp-site-blocks, .main, .site-container, #wp--skip-link--target {\n    background-color: transparent !important;\n    background: transparent !important;\n    padding-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  \/* \u2500\u2500\u2500 MODIFICATION PLEINE LARGEUR (FULL WIDTH) \u2500\u2500\u2500 *\/\n  .hero, .marquee-wrap, section, .site-footer-premium {\n    width: 100vw !important;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n  }\n\n  \/* \u2500\u2500\u2500 MASQUAGE DE L'ANCIEN FOOTER THEME WORDPRESS DEGEU \u2500\u2500\u2500 *\/\n  footer:not(.site-footer-premium), .site-footer, #colophon, .wp-block-template-part {\n    display: none !important;\n    height: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    opacity: 0 !important;\n    visibility: hidden !important;\n    }\n\n  \/* \u2500\u2500\u2500 FOOTER PREMIUM COMPACT ET \u00c9PUR\u00c9 \u2500\u2500\u2500 *\/\n  .site-footer-premium {\n    background-color: #1A1913 !important;\n    color: var(--cream) !important;\n    padding: 4rem 5% 2rem 5% !important;\n    border-top: 1px solid rgba(184, 147, 42, 0.15);\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    position: relative;\n    z-index: 10 !important;\n    display: block !important;\n    box-shadow: 0px 500px 0px 500px #1A1913;\n  }\n\n  .footer-container {\n    max-width: 1800px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr;\n    gap: 8rem;\n    padding-bottom: 3rem;\n    border-bottom: 1px solid rgba(247, 242, 234, 0.1);\n  }\n\n  .footer-brand h3 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.4rem;\n    font-weight: 400;\n    letter-spacing: 0.05em;\n    color: var(--gold-light);\n    margin-bottom: 1.25rem;\n  }\n\n  .footer-brand p {\n    font-size: 0.95rem;\n    font-weight: 300;\n    line-height: 1.9;\n    color: rgba(247, 242, 234, 0.65);\n    max-width: 600px;\n  }\n\n  .footer-column h4 {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--cream);\n    margin-bottom: 1.5rem;\n  }\n\n  .footer-links {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .footer-links li {\n    margin-bottom: 0.85rem;\n  }\n\n  .footer-links a {\n    font-size: 0.95rem;\n    font-weight: 300;\n    color: rgba(247, 242, 234, 0.65) !important;\n    text-decoration: none;\n    transition: color 0.3s ease, padding-left 0.3s ease;\n    display: inline-block;\n  }\n\n  .footer-links a:hover {\n    color: var(--gold-light) !important;\n    padding-left: 6px;\n  }\n\n  .footer-info-text {\n    font-size: 0.95rem;\n    font-weight: 300;\n    line-height: 1.8;\n    color: rgba(247, 242, 234, 0.65);\n  }\n\n  .footer-bottom {\n    max-width: 1800px;\n    margin: 0 auto;\n    padding-top: 1.75rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 0.85rem;\n    font-weight: 300;\n    color: rgba(247, 242, 234, 0.4);\n  }\n\n  .footer-bottom-tagline {\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    font-size: 0.75rem;\n    color: rgba(184, 147, 42, 0.7);\n  }\n\n  \/* \u2500\u2500\u2500 HERO PLEINE LARGEUR AVEC VID\u00c9O EN FOND \u2500\u2500\u2500 *\/\n  .hero {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    margin-top: -160px !important; \n    z-index: 1 !important; \n  }\n\n  header, .site-header, #masthead {\n    position: relative !important;\n    z-index: 9999 !important;\n  }\n\n  .hero-content-overlay {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    max-width: 800px;\n    padding: 12rem 6rem 6rem 6rem; \n  }\n\n  .hero-tagline {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 2rem;\n    opacity: 0;\n    animation: fadeUp 1s ease 0.2s forwards;\n  }\n\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(3.5rem, 6vw, 5.5rem);\n    font-weight: 300;\n    line-height: 1.05;\n    color: var(--cream);\n    margin-bottom: 2rem;\n    opacity: 0;\n    animation: fadeUp 1s ease 0.4s forwards;\n  }\n\n  .hero-title em {\n    font-style: italic;\n    color: var(--gold-light);\n  }\n\n  .hero-desc {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.875rem;\n    font-weight: 300;\n    line-height: 1.9;\n    color: rgba(247, 242, 234, 0.85);\n    max-width: 460px;\n    margin-bottom: 3.5rem;\n    opacity: 0;\n    animation: fadeUp 1s ease 0.6s forwards;\n  }\n\n  .hero-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 1.25rem;\n    opacity: 0;\n    animation: fadeUp 1s ease 0.8s forwards;\n  }\n\n  .btn-primary {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    background: var(--gold);\n    border: none;\n    padding: 1rem 2.5rem;\n    cursor: pointer;\n    text-decoration: none;\n    transition: background 0.3s ease, transform 0.2s ease;\n    display: inline-block;\n  }\n\n  .btn-primary:hover {\n    background: var(--gold-light);\n    transform: translateY(-1px);\n  }\n\n  .btn-ghost {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(247, 242, 234, 0.8);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    transition: color 0.3s ease;\n  }\n\n  .btn-ghost::after { content: '\u2192'; transition: transform 0.3s ease; }\n  .btn-ghost:hover { color: var(--cream); }\n  .btn-ghost:hover::after { transform: translateX(4px); }\n\n  .hero-video-background {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    overflow: hidden;\n    background: #1A1913;\n  }\n\n  .hero-video-background video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    animation: fadeIn 1.4s ease 0.3s forwards;\n  }\n\n  .hero-video-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background: linear-gradient(90deg, rgba(26,25,19,0.75) 0%, rgba(26,25,19,0.4) 60%, rgba(26,25,19,0.2) 100%);\n  }\n\n  .hero-badge {\n    position: absolute;\n    bottom: 3rem;\n    right: 3rem;\n    width: 110px;\n    height: 110px;\n    border-radius: 50%;\n    background: var(--deep-olive);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 1rem;\n    opacity: 0;\n    animation: fadeIn 1s ease 1.2s forwards;\n    z-index: 3;\n  }\n\n  .hero-badge-top {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.5rem;\n    font-weight: 300;\n    color: var(--gold);\n    line-height: 1;\n  }\n\n  .hero-badge-bottom {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.5rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(247, 242, 234, 0.65);\n    margin-top: 0.3rem;\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500\u2500 MARQUEE \u2500\u2500\u2500 *\/\n  .marquee-wrap {\n    background: var(--gold);\n    overflow: hidden;\n    padding: 0.85rem 0;\n  }\n\n  .marquee-track {\n    display: flex;\n    width: max-content;\n    animation: marquee 41s linear infinite;\n  }\n\n  .marquee-item {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 0.9rem;\n    font-weight: 400;\n    font-style: italic;\n    letter-spacing: 0.05em;\n    color: var(--charcoal);\n    padding: 0 2.5rem;\n    display: flex;\n    align-items: center;\n    gap: 2.5rem;\n  }\n\n  .marquee-item::after {\n    content: '\u2726';\n    font-style: normal;\n    font-size: 0.6rem;\n  }\n\n  \/* \u2500\u2500\u2500 INTRO \u2500\u2500\u2500 *\/\n  .section-intro {\n    padding: 8rem 6rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 6rem;\n    align-items: center;\n  }\n\n  .intro-label {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1.5rem;\n  }\n\n  .intro-heading {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.5rem, 4vw, 3.75rem);\n    font-weight: 300;\n    line-height: 1.15;\n    color: var(--deep-olive);\n    margin-bottom: 2rem;\n  }\n\n  .intro-heading em { font-style: italic; color: var(--terracotta); }\n\n  .intro-body {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 300;\n    line-height: 2;\n    color: var(--text-muted);\n    max-width: 420px;\n  }\n\n  .intro-stats {\n    display: flex;\n    flex-direction: column;\n    gap: 2.5rem;\n  }\n\n  .reveal-stat {\n    display: flex;\n    align-items: flex-end;\n    gap: 1.5rem;\n    padding-bottom: 2.5rem;\n    border-bottom: 0.5px solid var(--border);\n  }\n\n  .reveal-stat:last-child { border-bottom: none; padding-bottom: 0; }\n\n  .stat-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 4rem;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--deep-olive);\n    white-space: nowrap;\n  }\n\n  .stat-label {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 300;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    line-height: 1.7;\n    padding-bottom: 0.5rem;\n  }\n\n  \/* \u2500\u2500\u2500 SECTION EN-T\u00caTE GENERIQUE \u2500\u2500\u2500 *\/\n  .section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 4rem;\n    gap: 2rem;\n  }\n\n  .section-header-left {\n    flex: 1;\n  }\n\n  \/* \u2500\u2500\u2500 CATEGORIES \u2500\u2500\u2500 *\/\n  .section-categories {\n    padding: 8rem 6rem;\n    background: var(--deep-olive);\n  }\n\n  .section-categories .section-header-left .label {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 1rem;\n    display: block;\n  }\n\n  .section-categories .section-header-left h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 3.5vw, 3rem);\n    color: var(--cream);\n    line-height: 1.2;\n  }\n\n  .section-categories .section-header-left h2 em { font-style: italic; color: var(--gold-light); }\n\n  \/* FIX TOTAL CONTRE LE BLEU WORDPRESS GENERIQUE *\/\n  .btn-outline-light {\n    font-family: 'Jost', sans-serif !important;\n    font-size: 0.7rem !important;\n    font-weight: 400 !important;\n    letter-spacing: 0.2em !important;\n    text-transform: uppercase !important;\n    color: rgba(247, 242, 234, 0.75) !important; \n    border: 0.5px solid rgba(247, 242, 234, 0.35) !important;\n    background-color: transparent !important;\n    background: transparent !important;\n    padding: 0.75rem 2rem !important;\n    text-decoration: none !important;\n    transition: border-color 0.3s ease, color 0.3s ease !important;\n    white-space: nowrap !important;\n    display: inline-block !important;\n    margin-bottom: 5px !important;\n  }\n\n  .btn-outline-light:hover {\n    border-color: var(--gold) !important;\n    color: var(--gold) !important;\n    background-color: transparent !important;\n    background: transparent !important;\n  }\n\n  .btn-outline-dark {\n    font-family: 'Jost', sans-serif !important;\n    font-size: 0.7rem !important;\n    font-weight: 400 !important;\n    letter-spacing: 0.2em !important;\n    text-transform: uppercase !important;\n    color: var(--deep-olive) !important; \n    border: 0.5px solid rgba(44, 42, 30, 0.35) !important;\n    background-color: transparent !important;\n    background: transparent !important;\n    padding: 0.75rem 2rem !important;\n    text-decoration: none !important;\n    transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease !important;\n    white-space: nowrap !important;\n    display: inline-block !important;\n    margin-bottom: 5px !important;\n  }\n\n  .btn-outline-dark:hover {\n    border-color: var(--gold) !important;\n    color: var(--gold) !important;\n    background-color: transparent !important;\n    background: transparent !important;\n  }\n\n  .cat-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 1.5rem;\n  }\n\n  .cat-card {\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    text-decoration: none;\n    background: #111; \n    min-height: 320px;\n  }\n\n  .cat-1 { grid-column: span 5; }\n  .cat-2 { grid-column: span 4; }\n  .cat-3 { grid-column: span 3; }\n  .cat-4 { grid-column: span 6; }\n  .cat-5 { grid-column: span 6; }\n\n  .cat-card-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    transition: transform 1.2s cubic-bezier(0.15, 0.85, 0.45, 1);\n    opacity: 0.55; \n  }\n\n  .cat-card:hover .cat-card-bg { \n    transform: scale(1.06); \n    opacity: 0.75; \n  }\n\n  .cat-1 .cat-card-bg { background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-anna-khomutova-3562984-5781231-scaled.jpg\"); }\n  .cat-2 .cat-card-bg { background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-andre-124356440-27391412-scaled.jpg\"); }\n  .cat-3 .cat-card-bg { background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-diosix-208945810-11726089-scaled.jpg\"); }\n  .cat-4 .cat-card-bg { background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-marta-dzedyshko-1042863-7175543-scaled.jpg\"); }\n  .cat-5 .cat-card-bg { background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-maxime-levrel-874047-6420910-scaled.jpg\"); }\n\n  .cat-card-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(0deg, rgba(17,16,12,0.95) 0%, rgba(17,16,12,0.4) 50%, rgba(17,16,12,0.1) 100%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .cat-content {\n    position: relative;\n    padding: 2rem 1.75rem;\n    z-index: 2;\n    width: 100%;\n  }\n\n  .cat-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.2rem, 1.8vw, 1.5rem);\n    font-weight: 400;\n    color: var(--cream);\n    margin-bottom: 0.6rem;\n    letter-spacing: 0.01em;\n    line-height: 1.3;\n  }\n\n  .cat-count {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n  }\n\n  .cat-arrow {\n    position: absolute;\n    top: 1.5rem;\n    right: 1.5rem;\n    width: 36px;\n    height: 36px;\n    border: 0.5px solid rgba(184, 147, 42, 0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--gold);\n    font-size: 0.9rem;\n    opacity: 0;\n    transform: translate(4px, -4px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    z-index: 2;\n  }\n\n  .cat-card:hover .cat-arrow { opacity: 1; transform: translate(0, 0); }\n\n  \/* \u2500\u2500\u2500 FEATURED PRODUCTS \u2500\u2500\u2500 *\/\n  #notre-selection-anchor { scroll-margin-top: 50px; }\n\n  .section-products {\n    padding: 8rem 6rem;\n    background: var(--warm-white);\n  }\n\n  .prod-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2.5rem;\n    margin-top: 4rem;\n  }\n\n  .prod-card {\n    display: flex;\n    flex-direction: column;\n    background: transparent;\n    height: 100%; \n  }\n\n  .prod-image {\n    aspect-ratio: 4\/5;\n    background: var(--cream);\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 1.5rem;\n  }\n\n  .prod-image-inner {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.6s ease;\n  }\n  \n  .prod-image-inner img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .prod-card:hover .prod-image-inner { transform: scale(1.05); }\n\n  .prod-badge {\n    position: absolute;\n    top: 1rem;\n    left: 1rem;\n    font-family: 'Jost', sans-serif;\n    font-size: 0.6rem;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 0.35rem 0.75rem;\n    background: var(--terracotta);\n    color: var(--cream);\n    z-index: 2;\n  }\n\n  .prod-badge.gold { background: var(--gold); color: var(--charcoal); }\n\n  .prod-action {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: var(--deep-olive);\n    color: var(--cream) !important;\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 0.9rem;\n    transform: translateY(100%);\n    transition: transform 0.35s ease, background 0.3s ease;\n    z-index: 3;\n    text-decoration: none;\n    display: block;\n  }\n\n  .prod-action:hover {\n    background: var(--gold);\n    color: var(--charcoal) !important;\n  }\n\n  .prod-card:hover .prod-action { transform: translateY(0); }\n\n  .prod-card.coming-soon-card {\n    cursor: default;\n  }\n  .prod-card.coming-soon-card .prod-image-inner {\n    transform: none !important;\n  }\n  .prod-card.coming-soon-card:hover .prod-action {\n    transform: translateY(100%) !important;\n  }\n\n  .prod-region {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 0.5rem;\n  }\n\n  .prod-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.3rem, 2vw, 1.6rem);\n    font-weight: 400;\n    color: var(--deep-olive);\n    margin-bottom: 0.75rem;\n    line-height: 1.2;\n    min-height: 3.8rem; \n  }\n\n  .prod-desc {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 300;\n    color: var(--text-muted);\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n    flex-grow: 1; \n  }\n\n  .prod-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 1.25rem;\n    border-top: 0.5px solid var(--border);\n    margin-top: auto; \n  }\n\n  .prod-price {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.5rem;\n    font-weight: 400;\n    color: var(--deep-olive);\n  }\n\n  .prod-price span {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 300;\n    color: var(--text-muted);\n    margin-left: 0.25rem;\n  }\n\n  .prod-add {\n    width: 38px;\n    height: 38px;\n    border: 0.5px solid var(--border);\n    background: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--deep-olive);\n    font-size: 1.25rem;\n    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n    text-decoration: none;\n  }\n\n  .prod-add:hover {\n    background: var(--gold);\n    border-color: var(--gold);\n    color: var(--charcoal);\n  }\n\n  \/* \u2500\u2500\u2500 BANNER \u2500\u2500\u2500 *\/\n  .section-banner {\n    position: relative;\n    overflow: hidden;\n    background: var(--terracotta);\n    padding: 7rem 6rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4rem;\n  }\n\n  .banner-text { max-width: 560px; }\n\n  .banner-label {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: rgba(247, 242, 234, 0.65);\n    margin-bottom: 1.25rem;\n    display: block;\n  }\n\n  .banner-heading {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.5rem, 4vw, 3.75rem);\n    font-weight: 300;\n    line-height: 1.1;\n    color: var(--cream);\n    margin-bottom: 1.5rem;\n  }\n\n  .banner-body {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.875rem;\n    font-weight: 300;\n    line-height: 1.9;\n    color: rgba(247, 242, 234, 0.7);\n    max-width: 440px;\n  }\n\n  .banner-cta {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    align-items: flex-end;\n  }\n\n  .btn-cream {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--terracotta);\n    background: var(--cream);\n    padding: 1rem 2.5rem;\n    text-decoration: none;\n    transition: background 0.3s ease, transform 0.2s ease;\n    display: inline-block;\n    text-align: center;\n  }\n\n  .btn-cream:hover {\n    background: var(--warm-white);\n    transform: translateY(-1px);\n  }\n\n  \/* \u2500\u2500\u2500 ORIGIN STORY \u2500\u2500\u2500 *\/\n  .section-story {\n    padding: 4rem 6rem; \n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    gap: 7rem;\n    align-items: center;\n  }\n\n  .story-visual { position: relative; }\n\n  .story-image-main {\n    aspect-ratio: 3\/4;\n    background: var(--cream);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 8rem;\n  }\n  \n  .story-image-main img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .story-image-accent {\n    position: absolute;\n    bottom: -2rem;\n    right: -2rem;\n    width: 45%;\n    aspect-ratio: 1;\n    background: var(--deep-olive);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    padding: 1.5rem;\n    text-align: center;\n  }\n\n  .story-accent-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 3rem;\n    font-weight: 300;\n    color: var(--gold);\n    line-height: 1;\n  }\n\n  .story-accent-label {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.6rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(247, 242, 234, 0.65);\n    margin-top: 0.4rem;\n    line-height: 1.6;\n  }\n\n  .story-content { padding-right: 2rem; }\n\n  .story-quote {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.75rem, 2.8vw, 2.5rem);\n    font-weight: 300;\n    font-style: italic;\n    line-height: 1.3;\n    color: var(--deep-olive);\n    margin-bottom: 2.5rem;\n    position: relative;\n    padding-left: 2rem;\n  }\n\n  .story-quote::before {\n    content: '\"';\n    position: absolute;\n    left: 0;\n    top: -0.5rem;\n    font-size: 4rem;\n    color: var(--gold);\n    line-height: 1;\n    opacity: 0.6;\n  }\n\n  .story-body {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.875rem;\n    font-weight: 300;\n    line-height: 2;\n    color: var(--text-muted);\n    margin-bottom: 2.5rem;\n  }\n\n  .story-signature {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.1rem;\n    font-style: italic;\n    color: var(--olive);\n  }\n\n  .story-signature-role {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-top: 0.25rem;\n  }\n\n  \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n  .section-testimonials {\n    padding: 7rem 6rem;\n    background: var(--cream);\n  }\n\n  .testimonial-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2.5rem;\n    margin-top: 4rem;\n  }\n\n  .testimonial-card {\n    padding: 2.5rem;\n    background: var(--warm-white);\n    border: 0.5px solid var(--border);\n    position: relative;\n  }\n\n  .stars {\n    display: flex;\n    gap: 0.25rem;\n    margin-bottom: 1.5rem;\n  }\n\n  .star { color: var(--gold); font-size: 0.8rem; }\n\n  .testimonial-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.2rem;\n    font-weight: 400;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--deep-olive);\n    margin-bottom: 2rem;\n  }\n\n  .testimonial-author {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    padding-top: 1.5rem;\n    border-top: 0.5px solid var(--border);\n  }\n\n  .author-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: var(--deep-olive);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1rem;\n    font-weight: 400;\n    color: var(--gold);\n    flex-shrink: 0;\n  }\n\n  .author-name {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.8rem;\n    font-weight: 400;\n    color: var(--deep-olive);\n  }\n\n  .author-city {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 300;\n    letter-spacing: 0.15em;\n    color: var(--text-muted);\n    margin-top: 0.15rem;\n  }\n\n  \/* \u2500\u2500\u2500 NEWSLETTER \u2500\u2500\u2500 *\/\n  .section-newsletter {\n    position: relative;\n    padding: 8rem 6rem;\n    background-color: var(--deep-olive);\n    text-align: center;\n    margin-bottom: 0 !important;\n    z-index: 1 !important;\n    overflow: hidden;\n  }\n\n  .section-newsletter::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-shots2go-36815698-scaled.jpg\"); \n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center 35%;\n    opacity: 0.25; \n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .section-newsletter::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle, rgba(44, 42, 30, 0.2) 0%, rgba(44, 42, 30, 0.85) 100%); \n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .newsletter-inner { \n    max-width: 560px; \n    margin: 0 auto; \n    position: relative;\n    z-index: 2;\n  }\n\n  .newsletter-heading {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 3.5vw, 3rem);\n    font-weight: 300;\n    color: var(--cream);\n    margin-bottom: 1rem;\n    line-height: 1.2;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65); \n  }\n\n  .newsletter-heading em { font-style: italic; color: var(--gold-light); }\n\n  .newsletter-sub {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 300;\n    line-height: 1.9;\n    color: #FFFFFF; \n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); \n    margin-bottom: 3rem;\n  }\n\n  .newsletter-form {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1.5rem; \n    max-width: 550px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .newsletter-input {\n    box-sizing: border-box;\n    flex: 1;\n    font-family: 'Jost', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    background: #ffffff !important; \n    border: 0.5px solid rgba(184, 147, 42, 0.5);\n    border-radius: 8px;\n    color: #000000 !important;\n    padding: 1.1rem 1.75rem;\n    outline: none;\n    height: 52px;\n  }\n\n  .newsletter-input::placeholder { color: #333333 !important; opacity: 1 !important; }\n\n  .newsletter-btn {\n    font-family: 'Jost', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 400;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    background: var(--gold);\n    color: var(--charcoal);\n    border: none;\n    border-radius: 8px;\n    padding: 0 2.5rem;\n    cursor: pointer;\n    transition: background 0.3s ease;\n    white-space: nowrap;\n    height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .newsletter-btn:hover { background: var(--gold-light); }\n\n  \/* Notification de succ\u00e8s *\/\n  .newsletter-success-msg {\n    display: none;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.4rem;\n    font-style: italic;\n    color: var(--gold);\n    margin-top: 1.5rem;\n    animation: fadeIn 0.6s ease;\n  }\n\n  \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n\n  @keyframes marquee {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n\n  .reveal {\n    opacity: 0;\n    transform: translateY(32px);\n    transition: opacity 0.9s ease, transform 0.9s ease;\n  }\n\n  .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n  @media (max-width: 1100px) {\n    .hero-content-overlay { padding: 8rem 3rem 4rem 3rem; }\n    .section-intro, .section-story { padding: 6rem 3rem; gap: 3rem; }\n    .section-categories, .section-products, .section-testimonials,\n    .section-newsletter, .section-banner { padding-left: 3rem; padding-right: 3rem; }\n    .prod-grid { gap: 1.5rem; }\n    .cat-card { min-height: 280px; }\n  }\n\n  @media (max-width: 860px) {\n    .hero, .marquee-wrap, section {\n      width: 100% !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      left: auto;\n      right: auto;\n    }\n    .hero { \n      min-height: auto;\n      margin-top: 0 !important;\n    }\n    .section-header {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 1.5rem;\n    }\n    .hero-content-overlay { padding: 8rem 2rem 4rem; min-height: 90vh; }\n    .section-intro { grid-template-columns: 1fr; }\n    \n    .cat-grid { grid-template-columns: 1fr; gap: 1.25rem; }\n    .cat-1, .cat-2, .cat-3, .cat-4, .cat-5 { grid-column: span 1; min-height: 250px; }\n\n    .prod-grid { grid-template-columns: 1fr; gap: 3rem; }\n    .prod-name { min-height: auto; }\n    .section-story { grid-template-columns: 1fr; gap: 3rem; }\n    .testimonial-grid { grid-template-columns: 1fr; }\n    \n    .section-banner { flex-direction: column; align-items: flex-start; padding: 4rem 2rem; }\n    .banner-cta { align-items: stretch; width: 100%; }\n    \n    .btn-cream { \n      width: 100%; \n      padding: 1.1rem 1.5rem; \n      font-size: 0.68rem; \n      line-height: 1.4;\n    }\n    \n    .newsletter-form { flex-direction: column; gap: 1rem; }\n    .newsletter-input { width: 100%; border-radius: 8px; }\n    .newsletter-btn { width: 100%; border-radius: 8px; }\n\n    .footer-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }\n    .footer-brand p { max-width: 100%; margin: 0 auto; }\n    .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }\n  }\n<\/style>\n\n<section class=\"hero\">\n  <div class=\"hero-content-overlay\">\n    <p class=\"hero-tagline\">Italie : Artisans : Terroir<\/p>\n    <h1 class=\"hero-title\">L&rsquo;Italie dans<br>toute sa <em>splendeur<\/em><\/h1>\n    <p class=\"hero-desc\">Des produits d&rsquo;exception s\u00e9lectionn\u00e9s directement aupr\u00e8s de petits producteurs italiens passionn\u00e9s. Chaque produit raconte une histoire, chaque bocal pr\u00e9serve un savoir-faire ancestral.<\/p>\n    <div class=\"hero-cta\">\n      <a href=\"https:\/\/sapora.be\/index.php\/boutique\/\" class=\"btn-primary\">D\u00e9couvrir la boutique<\/a>\n      <a href=\"#notre-selection-anchor\" class=\"btn-ghost\">Notre s\u00e9lection<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-video-background\">\n    <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" webkit-playsinline=\"\">\n      <source src=\"https:\/\/sapora.be\/wp-content\/uploads\/2025\/09\/8357290-uhd_4096_2160_25fps-1.mp4\" type=\"video\/mp4\">\n      Votre navigateur ne supporte pas la lecture de vid\u00e9os.\n    <\/video>\n    <div class=\"hero-video-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"hero-badge\">\n    <span class=\"hero-badge-top\">100%<\/span>\n    <span class=\"hero-badge-bottom\">Artisans<br>Italiens<\/span>\n  <\/div>\n<\/section>\n\n<div class=\"marquee-wrap\" aria-hidden=\"true\">\n  <div class=\"marquee-track\">\n    <span class=\"marquee-item\">Huile d&rsquo;olive extra vierge 1 L<\/span>\n    <span class=\"marquee-item\">Spaghetti N\u00b05 au bl\u00e9 ancien<\/span>\n    <span class=\"marquee-item\">Fusilli au bl\u00e9 ancien<\/span>\n    <span class=\"marquee-item\">Casarecce au bl\u00e9 ancien<\/span>\n    <span class=\"marquee-item\">Paccheri au bl\u00e9 ancien<\/span>\n    <span class=\"marquee-item\">Busiate au bl\u00e9 ancien<\/span>\n    <span class=\"marquee-item\">Linguine Integrali<\/span>\n    <span class=\"marquee-item\">Tagliatelle al Tartufo<\/span>\n    <span class=\"marquee-item\">Pesto au Pistacchio<\/span>\n    <span class=\"marquee-item\">Pesto Genovese artisanal<\/span>\n    <span class=\"marquee-item\">Salsa alla Norma<\/span>\n    <span class=\"marquee-item\">Crema al Pistacchio<\/span>\n    <span class=\"marquee-item\">Torrone Siciliano<\/span>\n    <span class=\"marquee-item\">Baba au Rhum<\/span>\n    <span class=\"marquee-item\">Huile d&rsquo;olive extra vierge 3L<\/span>\n    <span class=\"marquee-item\">Huile d&rsquo;olive extra vierge 5L<\/span>\n    <span class=\"marquee-item\">Casarecce int\u00e9gral<\/span>\n  <\/div>\n<\/div>\n\n<section class=\"section-intro\">\n  <div class=\"reveal\">\n    <p class=\"intro-label\">Notre philosophie<\/p>\n    <h2 class=\"intro-heading\">Une \u00e9picerie fine<br>pas comme <em>les autres<\/em><\/h2>\n    <p class=\"intro-body\">Sapora is n\u00e9e d&rsquo;une obsession : retrouver les saveurs authentiques d&rsquo;Italie. Nous parcourons la p\u00e9ninsule pour d\u00e9nicher les producteurs qui refusent les compromis, ceux dont le travail perp\u00e9tue des traditions vieilles de plusieurs si\u00e8cles.<\/p>\n  <\/div>\n  <div class=\"intro-stats reveal\" style=\"transition-delay: 0.2s;\">\n    <div class=\"reveal-stat\">\n      <span class=\"stat-num\">+40<\/span>\n      <span class=\"stat-label\">Produits s\u00e9lectionn\u00e9s<br>chaque ann\u00e9e<\/span>\n    <\/div>\n    <div class=\"reveal-stat\">\n      <span class=\"stat-num\">5<\/span>\n      <span class=\"stat-label\">Producteurs<br>partenaires<\/span>\n    <\/div>\n    <div class=\"reveal-stat\">\n      <span class=\"stat-num\">4<\/span>\n      <span class=\"stat-label\">R\u00e9gions<br>italiennes<\/span>\n    <\/div>\n    <div class=\"reveal-stat\">\n      <span class=\"stat-num\">+400<\/span>\n      <span class=\"stat-label\">Clients<br>conquis<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-categories\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-header-left\">\n      <span class=\"label\">Explorer par univers<\/span>\n      <h2>Nos <em>familles<\/em><br>de produits<\/h2>\n    <\/div>\n    <a href=\"https:\/\/sapora.be\/index.php\/boutique\/\" class=\"btn-outline-light\">Tout voir<\/a>\n  <\/div>\n  <div class=\"cat-grid reveal\" style=\"transition-delay: 0.15s;\">\n    <a href=\"https:\/\/sapora.be\/index.php\/categorie-produit\/huiles-dolive\/\" class=\"cat-card cat-1\">\n      <div class=\"cat-card-bg\"><\/div>\n      <div class=\"cat-card-overlay\"><\/div>\n      <span class=\"cat-arrow\">\u2192<\/span>\n      <div class=\"cat-content\">\n        <p class=\"cat-name\">Huiles d&rsquo;olives Extra Vierge, press\u00e9 \u00e0 froid.<\/p>\n        <p class=\"cat-count\">3 produits<\/p>\n      <\/div>\n    <\/a>\n    <a href=\"https:\/\/sapora.be\/index.php\/categorie-produit\/pates-artisanales-classiques\/\" class=\"cat-card cat-2\">\n      <div class=\"cat-card-bg\"><\/div>\n      <div class=\"cat-card-overlay\"><\/div>\n      <span class=\"cat-arrow\">\u2192<\/span>\n      <div class=\"cat-content\">\n        <p class=\"cat-name\">P\u00e2tes bl\u00e9s anciens classique.<\/p>\n        <p class=\"cat-count\">9 produits<\/p>\n      <\/div>\n    <\/a>\n    <a href=\"https:\/\/sapora.be\/index.php\/categorie-produit\/pates-artisanales-integrales-truffe\/\" class=\"cat-card cat-3\">\n      <div class=\"cat-card-bg\"><\/div>\n      <div class=\"cat-card-overlay\"><\/div>\n      <span class=\"cat-arrow\">\u2192<\/span>\n      <div class=\"cat-content\">\n        <p class=\"cat-name\">P\u00e2tes bl\u00e9s anciens int\u00e9gral.<\/p>\n        <p class=\"cat-count\">5 produits<\/p>\n      <\/div>\n    <\/a>\n    <a href=\"https:\/\/sapora.be\/index.php\/categorie-produit\/cremes-condiments\/\" class=\"cat-card cat-4\">\n      <div class=\"cat-card-bg\"><\/div>\n      <div class=\"cat-card-overlay\"><\/div>\n      <span class=\"cat-arrow\">\u2192<\/span>\n      <div class=\"cat-content\">\n        <p class=\"cat-name\">Cr\u00e8mes et sauces.<\/p>\n        <p class=\"cat-count\">5 produits<\/p>\n      <\/div>\n    <\/a>\n    <a href=\"https:\/\/sapora.be\/index.php\/categorie-produit\/douceurs-sucrees-salees\/\" class=\"cat-card cat-5\">\n      <div class=\"cat-card-bg\"><\/div>\n      <div class=\"cat-card-overlay\"><\/div>\n      <span class=\"cat-arrow\">\u2192<\/span>\n      <div class=\"cat-content\">\n        <p class=\"cat-name\">Douceurs sal\u00e9es\/sucr\u00e9es.<\/p>\n        <p class=\"cat-count\">1 produit<\/p>\n      <\/div>\n    <\/a>\n  <\/div>\n<\/section>\n\n<section class=\"section-products\" id=\"notre-selection-anchor\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-header-left\">\n      <span class=\"label\" style=\"color: var(--gold);\">Coup de c\u0153ur<\/span>\n      <h2>Les <em style=\"color: var(--terracotta);\">incontournables<\/em><br>du moment<\/h2>\n    <\/div>\n    <a href=\"https:\/\/sapora.be\/index.php\/boutique\/\" class=\"btn-outline-dark\">Voir tout le catalogue<\/a>\n  <\/div>\n  <div class=\"prod-grid\">\n    <div class=\"prod-card reveal\" style=\"transition-delay:0.05s;\">\n      <div class=\"prod-image\">\n        <div class=\"prod-image-inner\">\n          <img decoding=\"async\" src=\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-18-mai-2026-01_08_36.png\" alt=\"Huile d'olive Extra Vierge\">\n        <\/div>\n        <span class=\"prod-badge gold\">Exclusivit\u00e9<\/span>\n        <a href=\"?add-to-cart=345\" class=\"prod-action\">Ajouter au panier +<\/a>\n      <\/div>\n      <p class=\"prod-region\">Sicile<\/p>\n      <h3 class=\"prod-name\">Huile d&rsquo;Olive<br>Extra Vierge<\/h3>\n      <p class=\"prod-desc\">Premi\u00e8re pression \u00e0 froid, r\u00e9colte pr\u00e9coce. Notes herbac\u00e9es intenses avec une l\u00e9g\u00e8re douceur caract\u00e9ristique de la Sicile.<\/p>\n      <div class=\"prod-footer\">\n        <div>\n          <div class=\"prod-price\">17 \u20ac<span>\/ 1l<\/span><\/div>\n        <\/div>\n        <a href=\"?add-to-cart=345\" class=\"prod-add\" aria-label=\"Ajouter au panier\">+<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"prod-card coming-soon-card reveal\" style=\"transition-delay:0.12s;\">\n      <div class=\"prod-image\">\n        <div class=\"prod-image-inner\">\n          <img decoding=\"async\" src=\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/pexels-snappr-29872991-scaled.jpg\" alt=\"Burrata di Napoli DOP\">\n        <\/div>\n        <span class=\"prod-badge\" style=\"background: var(--gold); color: var(--charcoal);\">Nouveaut\u00e9 en approche<\/span>\n      <\/div>\n      <p class=\"prod-region\">Naples<\/p>\n      <h3 class=\"prod-name\">Burrata<br>di Napoli DOP<\/h3>\n      <p class=\"prod-desc\">Fabriqu\u00e9e chaque matin par la famille Decio. C\u0153ur coulant d&rsquo;une douceur incomparable, enveloppe d\u00e9licatement tendue.<\/p>\n      <div class=\"prod-footer\">\n        <div>\n          <div class=\"prod-desc\" style=\"font-style: italic; font-weight: 400; color: var(--gold); margin: 0;\">Bient\u00f4t disponible, les fins gourmands&#8230;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"prod-card reveal\" style=\"transition-delay:0.2s;\">\n      <div class=\"prod-image\">\n        <div class=\"prod-image-inner\">\n          <img decoding=\"async\" src=\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-mai-2026-03_50_18.png\" alt=\"Baba au rhum \u00e0 70 degr\u00e9s\">\n        <\/div>\n        <span class=\"prod-badge gold\">Best-seller<\/span>\n        <a href=\"?add-to-cart=694\" class=\"prod-action\">Ajouter au panier +<\/a>\n      <\/div>\n      <p class=\"prod-region\">Naples<\/p>\n      <h3 class=\"prod-name\">Baba <br>au rhum \u00e0 70 degr\u00e9s<\/h3>\n      <p class=\"prod-desc\">\u00c9labor\u00e9s \u00e0 Naples par une pasticceria artisanale, nos babas sont lentement imbib\u00e9s d\u2019un rhum \u00e0 70\u00b0, r\u00e9v\u00e9lant une texture fondante, g\u00e9n\u00e9reuse et d\u00e9licatement \u00e9quilibr\u00e9e entre intensit\u00e9 et douceur.<\/p>\n      <div class=\"prod-footer\">\n        <div>\n          <div class=\"prod-price\">17,90 \u20ac<span>\/ 850g<\/span><\/div>\n        <\/div>\n        <a href=\"?add-to-cart=694\" class=\"prod-add\" aria-label=\"Ajouter au panier\">+<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-banner\">\n  <div class=\"banner-text reveal\">\n    <span class=\"banner-label\">Offrir l&rsquo;Italie<\/span>\n    <h2 class=\"banner-heading\">Panier cadeau<br>sur mesure<\/h2>\n    <p class=\"banner-body\">Composez votre panier personnalis\u00e9 parmi notre selection, nous nous chargeons d\u2019un emballage \u00e9l\u00e9gant et d\u2019une livraison soign\u00e9e. Id\u00e9al pour offrir un v\u00e9ritable moment de dolce vita, que ce soit pour les f\u00eates, les cadeaux d\u2019entreprise, les remerciements ou toute attention destin\u00e9e \u00e0 faire d\u00e9couvrir le savoir-faire authentique de v\u00e9ritables artisans italiens passionn\u00e9s.<\/p>\n  <\/div>\n  <div class=\"banner-cta reveal\" style=\"transition-delay:0.2s;\">\n    <a href=\"https:\/\/sapora.be\/index.php\/coffret\/\" class=\"btn-cream\">Cr\u00e9er mon panier personnalis\u00e9<\/a>\n  <\/div>\n<\/section>\n\n<section class=\"section-story\">\n  <div class=\"story-visual reveal\">\n    <div class=\"story-image-main\">\n      <img decoding=\"async\" src=\"https:\/\/sapora.be\/wp-content\/uploads\/2026\/05\/aa7b2acd-115d-4bc4-9751-3bb7bb3f0842.jpg\" alt=\"Fondateurs\">\n    <\/div>\n    <div class=\"story-image-accent\">\n      <span class=\"story-accent-num\">2025<\/span>\n      <span class=\"story-accent-label\">Fondation<br>de Sapora<\/span>\n    <\/div>\n  <\/div>\n  <div class=\"story-content reveal\" style=\"transition-delay:0.2s;\">\n    <blockquote class=\"story-quote\">Chaque produit que nous proposons, nous l&rsquo;avons go\u00fbt\u00e9, v\u00e9rifi\u00e9, approv\u00e9 de nos propres mains.<\/blockquote>\n    <p class=\"story-body\">Sapora est n\u00e9 de nos origines italiennes et d\u2019une conviction simple : les meilleurs produits italiens ne se trouvent pas en supermarch\u00e9. Ils vivent chez des artisans passionn\u00e9s, entre les oliveraies siciliennes, les p\u00e2tisseries napolitaines et les ateliers familiaux qui perp\u00e9tuent leur savoir-faire depuis des g\u00e9n\u00e9rations.<br><br>Depuis l&rsquo;\u00e9t\u00e9 2025, nous d\u00e9veloppons Sapora aux c\u00f4t\u00e9s d\u2019artisans avec qui nous \u00e9changeons au quotidien, afin de faire d\u00e9couvrir en Belgique des produits italiens authentiques, issus de r\u00e9coltes et de savoir-faire soigneusement s\u00e9lectionn\u00e9s.<\/p>\n    <div>\n      <p class=\"story-signature\">Gianluca &amp; Nicola<\/p>\n      <p class=\"story-signature-role\">Fondateurs de Sapora<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-testimonials\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-header-left\">\n      <span class=\"label\" style=\"color: var(--gold);\">Ils nous font confiance<\/span>\n      <h2 style=\"color: var(--deep-olive);\">Ce que disent<br><em style=\"color: var(--terracotta);\">nos clients<\/em><\/h2>\n    <\/div>\n  <\/div>\n  <div class=\"testimonial-grid\">\n    <div class=\"testimonial-card reveal\" style=\"transition-delay:0.05s;\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p class=\"testimonial-text\">De part mon m\u00e9tier de di\u00e9t\u00e9ticienne ma curiosit\u00e9 de la gastronomie et ma gourmandise l\u00e9gendaire, je suis toujours \u00e0 la recherche du meilleur \u00e0 mettre dans ma cuisine et sous mes papilles. J&rsquo;ai trouv\u00e9 chez Sapora des produits au go\u00fbt authentique, et surtout, des valeurs importantes qui collent aux miennes. Je peux remonter la fili\u00e8re, je sais ce que je mange, et je suis assur\u00e9e que ce sont de vrais artisans derri\u00e8re. Bref, me voici convaincue !<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">SB<\/div>\n        <div>\n          <p class=\"author-name\">St\u00e9phanie B.<br>Nutritionniste<\/p>\n          <p class=\"author-city\">Charleroi<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"testimonial-card reveal\" style=\"transition-delay:0.12s;\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p class=\"testimonial-text\">Compl\u00e8tement conquise par les produits Sapora ! Je commande d\u00e9sormais leur huile d\u2019olive r\u00e9guli\u00e8rement, mais mon \u00e9norme coup de c\u0153ur d\u00e9couverte a \u00e9t\u00e9 leur pesto \u00e0 la pistache !! Il a fait l\u2019unanimit\u00e9 \u00e0 la maison, tout le monde a ador\u00e9. Des produits qui go\u00fbtent vraiment l\u2019Italie.<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">VF<\/div>\n        <div>\n          <p class=\"author-name\">Valentine F.<\/p>\n          <p class=\"author-city\">Li\u00e8ge<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"testimonial-card reveal\" style=\"transition-delay:0.2s;\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"testimonial-text\" id=\"testi-3-text\">\n        De producten van Sapora zijn echt een aanrader. Ze hebben een pure, authentieke smaak en je merkt meteen dat er aandacht is besteed aan kwaliteit. Alles smaakt vers en goed in balans. Ideaal voor wie houdt van lekkere, eerlijke producten met een Italiaanse finesse. Zeker de moeite waard! De saus alla Norma van Sapora is overheerlijk. Je proeft meteen de authenticiteit en kwaliteit. Een echte aanrader!\n      <\/div>\n      <span class=\"trans-link\" id=\"trans-btn\" onclick=\"toggleTranslation()\">Voir la traduction<\/span>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">SS<\/div>\n        <div>\n          <p class=\"author-name\">Sabrina S.<\/p>\n          <p class=\"author-city\">Gand<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-newsletter\">\n  <div class=\"newsletter-inner reveal\">\n    <h2 class=\"newsletter-heading\">Restez dans la <em>boucle<\/em><\/h2>\n    <p class=\"newsletter-sub\">Arrivages exclusifs, conseils d&rsquo;accords et histoires de producteurs directement dans votre bo\u00eete mail. Pas plus d&rsquo;une fois par semaine, promis.<\/p>\n    <form class=\"newsletter-form\" id=\"sapora-newsletter-form\">\n      <input type=\"email\" class=\"newsletter-input\" id=\"nl-email\" placeholder=\"votre@email.com\" aria-label=\"Adresse e-mail\" required=\"\">\n      <button type=\"submit\" class=\"newsletter-btn\" id=\"nl-submit-btn\">S&rsquo;inscrire<\/button>\n    <\/form>\n    <div class=\"newsletter-success-msg\" id=\"nl-success-msg\">Grazie ! Votre inscription est valid\u00e9e. Pr\u00e9parez vos papilles, le terroir arrive\u2026 \u2726<\/div>\n  <\/div>\n<\/section>\n\n<div class=\"site-footer-premium\">\n  <div class=\"footer-container\">\n    <div class=\"footer-brand\">\n      <h3>Sapora<\/h3>\n      <p>\u00c9picerie fine italienne d&rsquo;exception. Nous s\u00e9lectionnons avec passion le meilleur des terroirs et du savoir-faire artisanal italien pour sublimer vos tables.<\/p>\n    <\/div>\n    <div class=\"footer-column\">\n      <h4>Nous contacter<\/h4>\n      <ul class=\"footer-links\">\n        <li><a href=\"mailto:contact@sapora.be\">contact@sapora.be<\/a><\/li>\n        <li><a href=\"tel:0032496444189\">0032 (0) 496 44 41 89<\/a><\/li>\n        <li><a href=\"https:\/\/wa.me\/32496444189\" target=\"_blank\">Discuter sur WhatsApp<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-column\">\n      <h4>Suivez l&rsquo;aventure<\/h4>\n      <ul class=\"footer-links\">\n        <li><a href=\"https:\/\/www.facebook.com\/profile.php?id=61583254347793&amp;locale=fr_FR\" target=\"_blank\">Sapora sur Facebook<\/a><\/li>\n        <li><a href=\"https:\/\/www.instagram.com\/sapora.be\" target=\"_blank\">Sapora sur Instagram<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <p>\u00a9 2026 Sapora. Tous droits r\u00e9serv\u00e9s.<\/p>\n    <p class=\"footer-bottom-tagline\">Artisans &amp; Terroirs d&rsquo;Italie<\/p>\n  <\/div>\n<\/div>\n\n<script>\n  function toggleTranslation() {\n    const textElement = document.getElementById('testi-3-text');\n    const btn = document.getElementById('trans-btn');\n    const originalText = \"De producten van Sapora zijn echt een aanrader. Ze hebben een pure, authentieke smaak en je merkt meteen dat er aandacht is besteed aan kwaliteit. Alles smaakt vers en goed in balans. Ideaal voor wie houdt van lekkere, eerlijke producten met een Italiaanse finesse. Zeker de moeite waard! De saus alla Norma van Sapora is overheerlijk. Je proeft meteen de authenticiteit en kwaliteit. Een echte aanrader!\";\n    const translatedText = \"Les produits de Sapora sont vraiment recommand\u00e9s. Ils ont un go\u00fbt pur et authentique et vous remarquez imm\u00e9diatement que l'attention a \u00e9t\u00e9 port\u00e9e \u00e0 la qualit\u00e9. Tout est frais et bien \u00e9quilibr\u00e9. Id\u00e9al pour ceux qui aiment les produits d\u00e9licieux et honn\u00eates avec une finesse italienne. \u00c7a vaut vraiment le coup ! La sauce alla Norma de Sapora est d\u00e9licieuse. On go\u00fbte imm\u00e9diatement l'authenticit\u00e9 et la qualit\u00e9. Une vraie recommandation !\";\n\n    if (textElement.textContent.trim() === originalText.trim()) {\n      textElement.textContent = translatedText;\n      btn.textContent = \"Voir le texte original\";\n    } else {\n      textElement.textContent = originalText;\n      btn.textContent = \"Voir la traduction\";\n    }\n  }\n\n  document.addEventListener('DOMContentLoaded', () => {\n    const mainVideo = document.querySelector('.hero-video-background video');\n    if (mainVideo) {\n      mainVideo.play().catch(() => {\n        document.addEventListener('click', () => { mainVideo.play(); }, { once: true });\n        document.addEventListener('touchstart', () => { mainVideo.play(); }, { once: true });\n      });\n    }\n  });\n\n  const reveals = document.querySelectorAll('.reveal');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n  reveals.forEach(el => observer.observe(el));\n\n  document.getElementById('sapora-newsletter-form').addEventListener('submit', function(e) {\n    e.preventDefault();\n    const emailInput = document.getElementById('nl-email');\n    const submitBtn = document.getElementById('nl-submit-btn');\n    const successMsg = document.getElementById('nl-success-msg');\n    if(!emailInput.value) return;\n    submitBtn.disabled = true;\n    submitBtn.textContent = '...';\n    setTimeout(() => {\n      emailInput.style.display = 'none';\n      submitBtn.style.display = 'none';\n      successMsg.style.display = 'block';\n    }, 850);\n  });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sapora : Produits Italiens d&rsquo;Exception Italie : Artisans : Terroir L&rsquo;Italie danstoute sa splendeur Des produits d&rsquo;exception s\u00e9lectionn\u00e9s directement aupr\u00e8s de petits producteurs italiens passionn\u00e9s. Chaque produit raconte une histoire, chaque bocal pr\u00e9serve un savoir-faire ancestral. D\u00e9couvrir la boutique Notre s\u00e9lection Votre navigateur ne supporte pas la lecture de vid\u00e9os. 100% ArtisansItaliens Huile d&rsquo;olive extra&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-513","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":224,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/513\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/513\/revisions\/977"}],"wp:attachment":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/media?parent=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}