{"id":1093,"date":"2026-01-16T16:46:07","date_gmt":"2026-01-16T16:46:07","guid":{"rendered":"https:\/\/kativamorocco.com\/?page_id=1093"},"modified":"2026-01-22T12:21:27","modified_gmt":"2026-01-22T12:21:27","slug":"home","status":"publish","type":"page","link":"https:\/\/kativamorocco.com\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1093\" class=\"elementor elementor-1093\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7adbe4 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"b7adbe4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25698dd elementor-widget elementor-widget-html\" data-id=\"25698dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KATIVA HERO SECTION - ADD ONLY THIS CSS TO YOUR WEBSITE *\/\r\n.kativa-hero-section {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 600px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.kativa-video-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n}\r\n\r\n.kativa-hero-video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.kativa-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    z-index: 1;\r\n}\r\n\r\n.kativa-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    padding: 30px;\r\n    color: #ffffff;\r\n    text-align: center;\r\n}\r\n\r\n.kativa-hero-title {\r\n    font-size: 4.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    color: #ffffff;\r\n    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);\r\n    line-height: 1.1;\r\n}\r\n\r\n.kativa-hero-subtitle {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 40px;\r\n    font-weight: 300;\r\n    max-width: 700px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    color: #ffffff;\r\n    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.kativa-hero-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    flex-wrap: nowrap;\r\n}\r\n\r\n.kativa-hero-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 16px 24px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    min-width: 140px;\r\n    max-width: 180px;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n    flex: 1;\r\n}\r\n\r\n.kativa-shop-now {\r\n    background-color: #e67928;\r\n    color: white;\r\n}\r\n\r\n.kativa-contact-us {\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n    color: #333333;\r\n}\r\n\r\n.kativa-hero-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.kativa-shop-now:hover {\r\n    background-color: #d96a1f;\r\n}\r\n\r\n.kativa-contact-us:hover {\r\n    background-color: #ffffff;\r\n}\r\n\r\n.kativa-button-icon {\r\n    margin-right: 8px;\r\n    font-size: 1rem;\r\n}\r\n\r\n.kativa-fallback-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #e67928 0%, #333 100%);\r\n    display: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Responsive styles *\/\r\n@media (max-width: 1200px) {\r\n    .kativa-hero-title {\r\n        font-size: 4rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .kativa-hero-title {\r\n        font-size: 3.2rem;\r\n    }\r\n    \r\n    .kativa-hero-subtitle {\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n\r\n\/* MOBILE PHONES ONLY - REDUCED HEIGHT *\/\r\n@media (max-width: 768px) {\r\n    .kativa-hero-section {\r\n        height: 70vh !important; \/* Reduced height for mobile *\/\r\n        min-height: 450px !important;\r\n    }\r\n    \r\n    .kativa-hero-title {\r\n        font-size: 2.8rem;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .kativa-hero-subtitle {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 35px;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .kativa-hero-buttons {\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .kativa-hero-button {\r\n        min-width: 130px;\r\n        max-width: 160px;\r\n        padding: 14px 20px;\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .kativa-button-icon {\r\n        margin-right: 6px;\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .kativa-hero-content {\r\n        padding: 25px 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .kativa-hero-section {\r\n        height: 65vh !important; \/* Reduced height for mobile *\/\r\n        min-height: 400px !important;\r\n    }\r\n    \r\n    .kativa-hero-title {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 18px;\r\n    }\r\n    \r\n    .kativa-hero-subtitle {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 30px;\r\n        line-height: 1.4;\r\n    }\r\n    \r\n    .kativa-hero-buttons {\r\n        gap: 12px;\r\n        padding: 0 8px;\r\n    }\r\n    \r\n    .kativa-hero-button {\r\n        min-width: 120px;\r\n        max-width: 140px;\r\n        padding: 12px 16px;\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .kativa-button-icon {\r\n        margin-right: 5px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .kativa-hero-section {\r\n        height: 60vh !important; \/* Reduced height for mobile *\/\r\n        min-height: 380px !important;\r\n    }\r\n    \r\n    .kativa-hero-title {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .kativa-hero-subtitle {\r\n        font-size: 1rem;\r\n        margin-bottom: 25px;\r\n        padding: 0 5px;\r\n    }\r\n    \r\n    .kativa-hero-buttons {\r\n        gap: 10px;\r\n    }\r\n    \r\n    .kativa-hero-button {\r\n        min-width: 110px;\r\n        max-width: 130px;\r\n        padding: 10px 14px;\r\n        font-size: 0.85rem;\r\n        border-radius: 40px;\r\n    }\r\n    \r\n    .kativa-button-icon {\r\n        margin-right: 4px;\r\n        font-size: 0.85rem;\r\n    }\r\n    \r\n    .kativa-hero-content {\r\n        padding: 20px 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .kativa-hero-section {\r\n        height: 55vh !important; \/* Reduced height for mobile *\/\r\n        min-height: 350px !important;\r\n    }\r\n    \r\n    .kativa-hero-title {\r\n        font-size: 2rem;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .kativa-hero-subtitle {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 22px;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    .kativa-hero-buttons {\r\n        gap: 8px;\r\n    }\r\n    \r\n    .kativa-hero-button {\r\n        min-width: 100px;\r\n        max-width: 120px;\r\n        padding: 9px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n    \r\n    .kativa-button-icon {\r\n        font-size: 0.8rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n    .kativa-hero-section {\r\n        height: 50vh !important; \/* Reduced height for mobile *\/\r\n        min-height: 320px !important;\r\n    }\r\n    \r\n    .kativa-hero-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .kativa-hero-buttons {\r\n        transform: scale(0.95);\r\n        transform-origin: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Add this Font Awesome link in your HEAD if not already present -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- Add this HTML where you want the hero section -->\r\n<section class=\"kativa-hero-section\">\r\n    <div class=\"kativa-fallback-bg\" id=\"kativaFallbackBg\"><\/div>\r\n    \r\n    <div class=\"kativa-video-container\">\r\n        <video class=\"kativa-hero-video\" id=\"kativaHeroVideo\" autoplay muted loop playsinline preload=\"auto\">\r\n            <source src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/banner-kativa.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"kativa-overlay\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"kativa-hero-content\">\r\n        <h1 class=\"kativa-hero-title\">Welcome to Kativa Morocco<\/h1>\r\n        <p class=\"kativa-hero-subtitle\">Discover premium hair care products designed for Moroccan beauty. Shop our exclusive collection for healthy, radiant hair.<\/p>\r\n        \r\n        <div class=\"kativa-hero-buttons\">\r\n            <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-hero-button kativa-shop-now\">\r\n                <i class=\"fas fa-shopping-cart kativa-button-icon\"><\/i>\r\n                <span class=\"kativa-button-text\">Shop Now<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/kativamorocco.com\/contact-us\/\" class=\"kativa-hero-button kativa-contact-us\">\r\n                <i class=\"fas fa-envelope kativa-button-icon\"><\/i>\r\n                <span class=\"kativa-button-text\">Contact Us<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Add this JavaScript to your website\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var video = document.getElementById('kativaHeroVideo');\r\n    var fallbackBg = document.getElementById('kativaFallbackBg');\r\n    \r\n    \/\/ Check video loading\r\n    if (video) {\r\n        setTimeout(function() {\r\n            if (video.readyState < 3) {\r\n                fallbackBg.style.display = 'block';\r\n            }\r\n        }, 2000);\r\n    }\r\n    \r\n    \/\/ Force colors\r\n    var titleElements = document.querySelectorAll('.kativa-hero-title, .kativa-hero-subtitle');\r\n    titleElements.forEach(function(el) {\r\n        el.style.color = '#ffffff';\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b762a e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"27b762a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba7e910 elementor-widget elementor-widget-html\" data-id=\"ba7e910\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KATIVA PROMO CAROUSEL - ARABIC TEXT FIX *\/\r\n.kativa-carousel * {\r\n  box-sizing: border-box;\r\n  font-family: 'Segoe UI', system-ui, sans-serif;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Your Kativa brand colors *\/\r\n.kativa-brand-bg {\r\n  background: linear-gradient(90deg, #e67928 0%, #ff8c3a 50%, #e67928 100%);\r\n}\r\n\r\n\/* Carousel Container *\/\r\n.kativa-carousel-container {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* Desktop height *\/\r\n.kativa-desktop-height {\r\n  height: 70px;\r\n}\r\n\r\n\/* Mobile height *\/\r\n.kativa-mobile-height {\r\n  height: 55px;\r\n}\r\n\r\n\/* Carousel Track *\/\r\n.kativa-carousel-track {\r\n  display: flex;\r\n  position: absolute;\r\n  white-space: nowrap;\r\n  height: 100%;\r\n  align-items: center;\r\n  will-change: transform;\r\n}\r\n\r\n\/* Animation *\/\r\n.kativa-carousel-animation {\r\n  animation: kativa-slide 30s linear infinite;\r\n}\r\n\r\n@keyframes kativa-slide {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* Promo Item *\/\r\n.kativa-promo-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 0 40px;\r\n  color: white;\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  height: 100%;\r\n  flex-shrink: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.kativa-promo-item:hover {\r\n  color: #fff6f0;\r\n}\r\n\r\n.kativa-promo-icon {\r\n  font-size: 22px;\r\n  color: #fff6f0;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.kativa-promo-item:hover .kativa-promo-icon {\r\n  transform: rotate(10deg) scale(1.1);\r\n}\r\n\r\n\/* ARABIC FIX: No text cutoff - ensure proper display *\/\r\nhtml[dir=\"rtl\"] .kativa-promo-item {\r\n  \/* No changes needed - keep same layout as English *\/\r\n  direction: ltr !important; \/* Force LTR layout to match English *\/\r\n  text-align: left !important; \/* Keep text left-aligned *\/\r\n  font-family: 'Segoe UI', system-ui, sans-serif !important; \/* Keep same font *\/\r\n}\r\n\r\n\/* ARABIC FIX: Text content *\/\r\nhtml[dir=\"rtl\"] .kativa-promo-text {\r\n  display: inline-block !important;\r\n  unicode-bidi: plaintext !important; \/* Handle mixed direction text *\/\r\n}\r\n\r\n\/* Pause animation on hover *\/\r\n.kativa-carousel-container:hover .kativa-carousel-animation {\r\n  animation-play-state: paused;\r\n}\r\n\r\n\/* Mobile Specific Adjustments *\/\r\n@media (max-width: 768px) {\r\n  .kativa-mobile-height {\r\n    height: 50px;\r\n  }\r\n  \r\n  .kativa-carousel-animation {\r\n    animation-duration: 25s;\r\n  }\r\n  \r\n  .kativa-promo-item {\r\n    font-size: 16px;\r\n    padding: 0 30px;\r\n    gap: 12px;\r\n    min-width: 200px;\r\n  }\r\n  \r\n  .kativa-promo-icon {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .kativa-mobile-height {\r\n    height: 48px;\r\n  }\r\n  \r\n  .kativa-promo-item {\r\n    font-size: 15px;\r\n    padding: 0 25px;\r\n    min-width: 180px;\r\n    gap: 10px;\r\n  }\r\n  \r\n  .kativa-promo-icon {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n  .kativa-mobile-height {\r\n    height: 46px;\r\n  }\r\n  \r\n  .kativa-promo-item {\r\n    font-size: 14px;\r\n    padding: 0 20px;\r\n    min-width: 160px;\r\n    gap: 8px;\r\n  }\r\n  \r\n  .kativa-promo-icon {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n\/* Hide\/Show based on screen size *\/\r\n.kativa-desktop-only {\r\n  display: block;\r\n}\r\n\r\n.kativa-mobile-only {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .kativa-desktop-only {\r\n    display: none;\r\n  }\r\n  \r\n  .kativa-mobile-only {\r\n    display: block;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Add Font Awesome if not already loaded -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- Kativa Promo Carousel HTML -->\r\n<div class=\"kativa-carousel\">\r\n  <!-- Desktop Version (768px and above) -->\r\n  <div class=\"kativa-desktop-only\">\r\n    <div class=\"kativa-carousel-container kativa-desktop-height kativa-brand-bg\">\r\n      <div class=\"kativa-carousel-track kativa-carousel-animation\">\r\n        <!-- Original items for Kativa -->\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-crown kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Premium Hair Care<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-map-marker-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Moroccan Heritage<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-leaf kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Natural Ingredients<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-gem kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Professional Quality<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-star kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Expertly Formulated<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shipping-fast kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Fast Delivery<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shield-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Quality Guarantee<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-spa kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Salon Results<\/span>\r\n        <\/div>\r\n        \r\n        <!-- Duplicate for seamless loop -->\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-crown kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Premium Hair Care<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-map-marker-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Moroccan Heritage<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-leaf kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Natural Ingredients<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-gem kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Professional Quality<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-star kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Expertly Formulated<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shipping-fast kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Fast Delivery<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shield-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Quality Guarantee<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-spa kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Salon Results<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Mobile Version (768px and below) -->\r\n  <div class=\"kativa-mobile-only\">\r\n    <div class=\"kativa-carousel-container kativa-mobile-height kativa-brand-bg\">\r\n      <div class=\"kativa-carousel-track kativa-carousel-animation\">\r\n        <!-- Mobile items for Kativa -->\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-crown kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Premium Hair Care<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-map-marker-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Moroccan Heritage<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-leaf kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Natural Ingredients<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-gem kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Professional Quality<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-star kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Expertly Formulated<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shipping-fast kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Fast Delivery<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shield-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Quality Guarantee<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-spa kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Salon Results<\/span>\r\n        <\/div>\r\n        \r\n        <!-- Duplicate for seamless loop -->\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-crown kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Premium Hair Care<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-map-marker-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Moroccan Heritage<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-leaf kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Natural Ingredients<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-gem kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Professional Quality<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-star kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Expertly Formulated<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shipping-fast kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Fast Delivery<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-shield-alt kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Quality Guarantee<\/span>\r\n        <\/div>\r\n        <div class=\"kativa-promo-item\">\r\n          <i class=\"fas fa-spa kativa-promo-icon\"><\/i>\r\n          <span class=\"kativa-promo-text\">Salon Results<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ KATIVA CAROUSEL - SIMPLE JAVASCRIPT\r\n(function() {\r\n  'use strict';\r\n  \r\n  \/\/ Function to duplicate items for better seamless animation\r\n  const enhanceCarousel = () => {\r\n    const tracks = document.querySelectorAll('.kativa-carousel-track');\r\n    \r\n    tracks.forEach(track => {\r\n      \/\/ Clone all promo items and append them again\r\n      const items = track.querySelectorAll('.kativa-promo-item');\r\n      const cloneFragment = document.createDocumentFragment();\r\n      \r\n      items.forEach(item => {\r\n        const clone = item.cloneNode(true);\r\n        cloneFragment.appendChild(clone);\r\n      });\r\n      \r\n      track.appendChild(cloneFragment);\r\n    });\r\n  };\r\n  \r\n  \/\/ Function to fix Arabic text display\r\n  const fixArabicText = () => {\r\n    const isRTL = document.documentElement.dir === 'rtl';\r\n    const promoTexts = document.querySelectorAll('.kativa-promo-text');\r\n    \r\n    if (isRTL) {\r\n      \/\/ Force LTR display for Arabic text to match English layout\r\n      promoTexts.forEach(text => {\r\n        text.style.direction = 'ltr';\r\n        text.style.textAlign = 'left';\r\n        text.style.unicodeBidi = 'plaintext';\r\n      });\r\n    } else {\r\n      \/\/ Reset to default for English\r\n      promoTexts.forEach(text => {\r\n        text.style.direction = '';\r\n        text.style.textAlign = '';\r\n        text.style.unicodeBidi = '';\r\n      });\r\n    }\r\n  };\r\n  \r\n  \/\/ Initialize on load\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    enhanceCarousel();\r\n    fixArabicText();\r\n    \r\n    \/\/ Handle RTL changes dynamically\r\n    const observer = new MutationObserver(function(mutations) {\r\n      mutations.forEach(function(mutation) {\r\n        if (mutation.attributeName === 'dir') {\r\n          setTimeout(fixArabicText, 100);\r\n        }\r\n      });\r\n    });\r\n    \r\n    observer.observe(document.documentElement, { attributes: true });\r\n  });\r\n  \r\n  \/\/ Handle hover animation pause\r\n  const containers = document.querySelectorAll('.kativa-carousel-container');\r\n  containers.forEach(container => {\r\n    container.addEventListener('mouseenter', () => {\r\n      const track = container.querySelector('.kativa-carousel-track');\r\n      if (track) {\r\n        track.style.animationPlayState = 'paused';\r\n      }\r\n    });\r\n    \r\n    container.addEventListener('mouseleave', () => {\r\n      const track = container.querySelector('.kativa-carousel-track');\r\n      if (track) {\r\n        track.style.animationPlayState = 'running';\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11cd9b7 wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"11cd9b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad4390 elementor-widget elementor-widget-html\" data-id=\"4ad4390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KATIVA DISCOVER SECTION - ISOLATED STYLES *\/\r\n.kativa-discover-section * {\r\n  box-sizing: border-box;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.kativa-discover-section {\r\n  padding: 40px 30px;\r\n  background: #fff;\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Container *\/\r\n.kativa-discover-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.kativa-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.kativa-header h1 {\r\n  font-size: 2.8rem;\r\n  font-weight: 300;\r\n  color: #222;\r\n  margin: 0 0 10px 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.kativa-highlight {\r\n  color: #e67928;\r\n  font-weight: 700;\r\n}\r\n\r\n.kativa-subtitle {\r\n  font-size: 1.1rem;\r\n  color: #666;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* GRID *\/\r\n.kativa-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* CARD *\/\r\n.kativa-card {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 520px;\r\n  overflow: hidden;\r\n  border-radius: 12px;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.kativa-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.kativa-card-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* DESKTOP BUTTON (Visible by default on desktop) *\/\r\n.kativa-desktop-button {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: #e67928;\r\n  color: #fff;\r\n  padding: 16px 40px;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  z-index: 3;\r\n  text-decoration: none;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  min-width: 190px; \/* Increased from 180px *\/\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 15px rgba(230, 121, 40, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  white-space: nowrap; \/* Ensure text stays on one line *\/\r\n}\r\n\r\n\/* Hover effect on button only - NO TEXT CHANGE *\/\r\n.kativa-desktop-button:hover {\r\n  background: #d96a1f;\r\n  transform: translateX(-50%) scale(1.05);\r\n  box-shadow: 0 6px 20px rgba(230, 121, 40, 0.4);\r\n}\r\n\r\n\/* OVERLAY - ONE BUTTON ONLY ON HOVER *\/\r\n.kativa-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  padding: 40px 30px 30px;\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.kativa-card:hover .kativa-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.kativa-overlay-content {\r\n  text-align: center;\r\n  width: 100%;\r\n}\r\n\r\n.kativa-overlay p {\r\n  color: #fff;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  margin-bottom: 25px;\r\n  max-width: 280px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* Only one button in overlay - NO TEXT HOVER EFFECT *\/\r\n.kativa-overlay-btn {\r\n  background: #e67928;\r\n  color: #fff;\r\n  padding: 16px 40px;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  text-transform: uppercase;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-width: 200px; \/* Increased to ensure text fits *\/\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n  white-space: nowrap; \/* Ensure text stays on one line *\/\r\n}\r\n\r\n\/* Simple hover effect - NO TEXT CHANGE *\/\r\n.kativa-overlay-btn:hover {\r\n  background: #d96a1f;\r\n  transform: scale(1.05);\r\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.kativa-icon {\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Hide desktop button on hover - ONLY ONE BUTTON SHOWN *\/\r\n.kativa-card:hover .kativa-desktop-button {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n\/* DOTS NAVIGATION *\/\r\n.kativa-dots-nav {\r\n  display: none;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.kativa-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: #e0e0e0;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.kativa-dot.active {\r\n  background: #e67928;\r\n  transform: scale(1.3);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1024px) {\r\n  .kativa-grid {\r\n    gap: 30px;\r\n  }\r\n  \r\n  .kativa-card {\r\n    height: 480px;\r\n  }\r\n  \r\n  .kativa-header h1 {\r\n    font-size: 2.4rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .kativa-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n  \r\n  .kativa-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\/* MOBILE DESIGN *\/\r\n@media (max-width: 768px) {\r\n  .kativa-discover-section {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .kativa-header {\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .kativa-header h1 {\r\n    font-size: 2.2rem;\r\n    letter-spacing: 3px;\r\n  }\r\n  \r\n  .kativa-subtitle {\r\n    font-size: 1rem;\r\n    padding: 0 15px;\r\n  }\r\n  \r\n  .kativa-grid {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    gap: 0;\r\n    padding: 10px 0 40px;\r\n    margin: 0 -20px;\r\n    padding-left: 20px;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n  }\r\n  \r\n  .kativa-grid::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  \r\n  .kativa-card {\r\n    flex: 0 0 85%;\r\n    height: 500px;\r\n    scroll-snap-align: center;\r\n    margin-right: 25px;\r\n  }\r\n  \r\n  .kativa-card:last-child {\r\n    margin-right: 20px;\r\n  }\r\n  \r\n  \/* Mobile - Always show overlay with one button *\/\r\n  .kativa-overlay {\r\n    opacity: 1;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(0, 0, 0, 0.85) 0%,\r\n      rgba(0, 0, 0, 0.3) 50%,\r\n      rgba(0, 0, 0, 0.1) 100%\r\n    );\r\n    justify-content: flex-end;\r\n    padding-bottom: 40px;\r\n  }\r\n  \r\n  \/* Hide desktop button on mobile *\/\r\n  .kativa-desktop-button {\r\n    display: none;\r\n  }\r\n  \r\n  .kativa-overlay-btn {\r\n    min-width: 190px;\r\n  }\r\n  \r\n  .kativa-dots-nav {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .kativa-discover-section {\r\n    padding: 25px 15px;\r\n  }\r\n  \r\n  .kativa-header h1 {\r\n    font-size: 1.8rem;\r\n    letter-spacing: 2px;\r\n  }\r\n  \r\n  .kativa-subtitle {\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .kativa-card {\r\n    flex: 0 0 90%;\r\n    height: 460px;\r\n  }\r\n  \r\n  .kativa-overlay {\r\n    padding: 30px 20px 30px;\r\n  }\r\n  \r\n  .kativa-overlay p {\r\n    font-size: 14px;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .kativa-overlay-btn {\r\n    padding: 14px 32px;\r\n    font-size: 14px;\r\n    min-width: 170px;\r\n  }\r\n  \r\n  .kativa-dots-nav {\r\n    margin-top: 25px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Font Awesome for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- Add this HTML where you want the section -->\r\n<div class=\"kativa-discover-section\">\r\n  <div class=\"kativa-discover-container\">\r\n    <header class=\"kativa-header\">\r\n      <h1>DISCOVER <span class=\"kativa-highlight\">KATIVA<\/span><\/h1>\r\n      <p class=\"kativa-subtitle\">Explore our premium hair care collection designed to transform your hair with professional results<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"kativa-grid\" id=\"kativaSlider\">\r\n      <div class=\"kativa-card\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/USO-DIARIO-4.jpg\" alt=\"Kativa Daily Care Products\" class=\"kativa-card-img\" loading=\"lazy\">\r\n        <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-desktop-button\">\r\n          <i class=\"fas fa-shopping-cart kativa-icon\"><\/i>\r\n          DAILY CARE\r\n        <\/a>\r\n        <div class=\"kativa-overlay\">\r\n          <div class=\"kativa-overlay-content\">\r\n            <p>Start your haircare journey with formulas that transform your hair from root to tip, providing daily nourishment and protection.<\/p>\r\n            <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-overlay-btn\">\r\n              <i class=\"fas fa-shopping-cart kativa-icon\"><\/i>\r\n              SHOP DAILY CARE\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kativa-card\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/TRATAMIENTO.jpg\" alt=\"Kativa Hair Treatments\" class=\"kativa-card-img\" loading=\"lazy\">\r\n        <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-desktop-button\">\r\n          <i class=\"fas fa-spa kativa-icon\"><\/i>\r\n          TREATMENTS\r\n        <\/a>\r\n        <div class=\"kativa-overlay\">\r\n          <div class=\"kativa-overlay-content\">\r\n            <p>Refresh your routine with professional treatments designed to restore strength, vitality, and shine to damaged hair.<\/p>\r\n            <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-overlay-btn\">\r\n              <i class=\"fas fa-spa kativa-icon\"><\/i>\r\n              SHOP TREATMENTS\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kativa-card\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/CAMBIO-DE-LOOK-4.jpg\" alt=\"Kativa Hair Transformation\" class=\"kativa-card-img\" loading=\"lazy\">\r\n        <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-desktop-button\">\r\n          <i class=\"fas fa-magic kativa-icon\"><\/i>\r\n          TRANSFORMATION\r\n        <\/a>\r\n        <div class=\"kativa-overlay\">\r\n          <div class=\"kativa-overlay-content\">\r\n            <p>Refresh your look while caring for and strengthening your hair with our expert formulas designed for stunning transformations.<\/p>\r\n            <a href=\"https:\/\/kativamorocco.com\/shop\/\" class=\"kativa-overlay-btn\">\r\n              <i class=\"fas fa-magic kativa-icon\"><\/i>\r\n              SHOP TRANSFORMATION\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kativa-dots-nav\" id=\"kativaDots\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ KATIVA DISCOVER SECTION - ISOLATED JAVASCRIPT\r\n(function() {\r\n  'use strict';\r\n  \r\n  const kativaSlider = document.getElementById('kativaSlider');\r\n  const kativaCards = document.querySelectorAll('.kativa-card');\r\n  const kativaDotsContainer = document.getElementById('kativaDots');\r\n  \r\n  \/\/ Only run on mobile\r\n  const checkMobile = () => window.innerWidth <= 768;\r\n  \r\n  \/\/ Initialize dots for mobile\r\n  const initMobileSlider = () => {\r\n    if (!checkMobile() || kativaDotsContainer.children.length > 0) return;\r\n    \r\n    kativaCards.forEach((_, i) => {\r\n      const dot = document.createElement('span');\r\n      dot.className = 'kativa-dot';\r\n      if (i === 0) dot.classList.add('active');\r\n      \r\n      dot.addEventListener('click', () => {\r\n        const cardWidth = kativaCards[0].offsetWidth + 25;\r\n        kativaSlider.scrollTo({\r\n          left: cardWidth * i,\r\n          behavior: 'smooth'\r\n        });\r\n        \r\n        \/\/ Update active dot\r\n        document.querySelectorAll('.kativa-dot').forEach(d => d.classList.remove('active'));\r\n        dot.classList.add('active');\r\n      });\r\n      \r\n      kativaDotsContainer.appendChild(dot);\r\n    });\r\n    \r\n    \/\/ Update dots on scroll\r\n    let scrollTimeout;\r\n    kativaSlider.addEventListener('scroll', () => {\r\n      clearTimeout(scrollTimeout);\r\n      scrollTimeout = setTimeout(() => {\r\n        const cardWidth = kativaCards[0].offsetWidth + 25;\r\n        const scrollPos = kativaSlider.scrollLeft;\r\n        const activeIndex = Math.round(scrollPos \/ cardWidth);\r\n        \r\n        document.querySelectorAll('.kativa-dot').forEach((dot, i) => {\r\n          dot.classList.toggle('active', i === activeIndex);\r\n        });\r\n      }, 100);\r\n    });\r\n  };\r\n  \r\n  \/\/ Initialize on load\r\n  document.addEventListener('DOMContentLoaded', initMobileSlider);\r\n  \r\n  \/\/ Handle window resize\r\n  let resizeTimeout;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimeout);\r\n    resizeTimeout = setTimeout(() => {\r\n      \/\/ Clear dots and reinitialize if switching between mobile\/desktop\r\n      if (checkMobile() && kativaDotsContainer.children.length === 0) {\r\n        initMobileSlider();\r\n      }\r\n    }, 250);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a37260a wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"a37260a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef52dd elementor-widget elementor-widget-html\" data-id=\"0ef52dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* WHAT MAKES US TRUSTED SECTION - ISOLATED STYLES *\/\r\n.kativa-trusted-section * {\r\n  box-sizing: border-box;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.kativa-trusted-section {\r\n  padding: 80px 30px;\r\n  background: linear-gradient(135deg, #e67928 0%, #d96a1f 100%);\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Container *\/\r\n.kativa-trusted-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.kativa-trusted-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.kativa-trusted-header h2 {\r\n  font-size: 3.2rem;\r\n  font-weight: 300;\r\n  color: #fff;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* TRUST ROW - ALL IMAGES IN ONE LINE ON DESKTOP *\/\r\n.kativa-trusted-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 50px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* TRUST ITEM - IMAGE ONLY *\/\r\n.kativa-trusted-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.4s ease;\r\n  padding: 20px;\r\n  border-radius: 12px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  backdrop-filter: blur(10px);\r\n  min-width: 180px;\r\n  min-height: 180px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.kativa-trusted-item:hover {\r\n  transform: translateY(-15px) scale(1.1);\r\n  background: rgba(255, 255, 255, 0.25);\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* IMAGE STYLING *\/\r\n.kativa-trusted-icon {\r\n  width: 140px;\r\n  height: 140px;\r\n  object-fit: contain;\r\n  filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.2));\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.kativa-trusted-item:hover .kativa-trusted-icon {\r\n  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.3));\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1200px) {\r\n  .kativa-trusted-row {\r\n    gap: 40px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 160px;\r\n    min-height: 160px;\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 130px;\r\n    height: 130px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .kativa-trusted-header h2 {\r\n    font-size: 2.8rem;\r\n  }\r\n  \r\n  .kativa-trusted-row {\r\n    gap: 35px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 150px;\r\n    min-height: 150px;\r\n    padding: 18px;\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .kativa-trusted-row {\r\n    gap: 30px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 140px;\r\n    min-height: 140px;\r\n    padding: 15px;\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 110px;\r\n    height: 110px;\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 768px) {\r\n  .kativa-trusted-section {\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .kativa-trusted-header {\r\n    margin-bottom: 50px;\r\n  }\r\n  \r\n  .kativa-trusted-header h2 {\r\n    font-size: 2.4rem;\r\n    letter-spacing: 3px;\r\n  }\r\n  \r\n  .kativa-trusted-row {\r\n    gap: 30px;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 140px;\r\n    min-height: 140px;\r\n    padding: 15px;\r\n    flex: 0 0 calc(50% - 15px); \/* 2 items per line *\/\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 110px;\r\n    height: 110px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 600px) {\r\n  .kativa-trusted-row {\r\n    gap: 20px;\r\n    max-width: 500px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 130px;\r\n    min-height: 130px;\r\n    padding: 12px;\r\n    flex: 0 0 calc(50% - 10px); \/* 2 items per line *\/\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .kativa-trusted-section {\r\n    padding: 50px 15px;\r\n  }\r\n  \r\n  .kativa-trusted-header h2 {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .kativa-trusted-row {\r\n    gap: 15px;\r\n    max-width: 400px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 120px;\r\n    min-height: 120px;\r\n    padding: 10px;\r\n    flex: 0 0 calc(50% - 7.5px); \/* 2 items per line *\/\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 90px;\r\n    height: 90px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 400px) {\r\n  .kativa-trusted-row {\r\n    gap: 12px;\r\n    max-width: 350px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 110px;\r\n    min-height: 110px;\r\n    padding: 8px;\r\n    flex: 0 0 calc(50% - 6px); \/* 2 items per line *\/\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n  }\r\n}\r\n\r\n\/* EXTRA SMALL MOBILE *\/\r\n@media (max-width: 350px) {\r\n  .kativa-trusted-row {\r\n    gap: 10px;\r\n    max-width: 300px;\r\n  }\r\n  \r\n  .kativa-trusted-item {\r\n    min-width: 100px;\r\n    min-height: 100px;\r\n    padding: 8px;\r\n    flex: 0 0 calc(50% - 5px); \/* 2 items per line *\/\r\n  }\r\n  \r\n  .kativa-trusted-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- WHAT MAKES US TRUSTED SECTION -->\r\n<div class=\"kativa-trusted-section\">\r\n  <div class=\"kativa-trusted-container\">\r\n    <header class=\"kativa-trusted-header\">\r\n      <h2>What Makes Us Trusted<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"kativa-trusted-row\">\r\n      <div class=\"kativa-trusted-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/SALT-FREE-140X140-PX.png\" alt=\"Salt Free Formula\" class=\"kativa-trusted-icon\">\r\n      <\/div>\r\n\r\n      <div class=\"kativa-trusted-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/icon-quote-cruelty-free.png\" alt=\"Cruelty Free\" class=\"kativa-trusted-icon\">\r\n      <\/div>\r\n\r\n      <div class=\"kativa-trusted-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/icon-quote-vegan.png\" alt=\"Vegan Friendly\" class=\"kativa-trusted-icon\">\r\n      <\/div>\r\n\r\n      <div class=\"kativa-trusted-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/ORGANIC-140X140-PX.png\" alt=\"Organic Ingredients\" class=\"kativa-trusted-icon\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-d23d6e1 e-flex e-con-boxed e-con e-parent\" data-id=\"d23d6e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75ba8e5e wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"75ba8e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper set-mb-s reset-last-child wd-title-color-primary wd-title-style-underlined wd-title-size-medium text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-xl\">Nuestros Productos<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43617df9 wd-width-100 elementor-widget elementor-widget-wd_products\" data-id=\"43617df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"wd-products-element\">\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<div class=\"products wd-products grid-columns-5 elements-grid wd-grid-g wd-products-with-bg wd-products-with-shadow\" data-paged=\"1\" data-atts=\"{&quot;carousel_id&quot;:&quot;5000&quot;,&quot;speed&quot;:null,&quot;slides_per_view&quot;:null,&quot;slides_per_view_tablet&quot;:{&quot;size&quot;:&quot;&quot;},&quot;slides_per_view_mobile&quot;:{&quot;size&quot;:&quot;&quot;},&quot;wrap&quot;:null,&quot;loop&quot;:false,&quot;autoplay&quot;:null,&quot;autoheight&quot;:null,&quot;hide_pagination_control&quot;:null,&quot;hide_pagination_control_tablet&quot;:&quot;yes&quot;,&quot;hide_pagination_control_mobile&quot;:&quot;yes&quot;,&quot;dynamic_pagination_control&quot;:null,&quot;hide_prev_next_buttons&quot;:null,&quot;carousel_arrows_position&quot;:null,&quot;hide_scrollbar&quot;:null,&quot;hide_scrollbar_tablet&quot;:&quot;yes&quot;,&quot;hide_scrollbar_mobile&quot;:&quot;yes&quot;,&quot;scroll_per_page&quot;:null,&quot;dragEndSpeed&quot;:200,&quot;center_mode&quot;:null,&quot;custom_sizes&quot;:false,&quot;sliding_speed&quot;:false,&quot;animation&quot;:false,&quot;content_animation&quot;:false,&quot;post_type&quot;:&quot;product&quot;,&quot;slider&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;,&quot;css&quot;:&quot;&quot;,&quot;effect&quot;:&quot;&quot;,&quot;spacing&quot;:&quot;20&quot;,&quot;spacing_tablet&quot;:&quot;20&quot;,&quot;spacing_mobile&quot;:&quot;20&quot;,&quot;carousel_sync&quot;:null,&quot;sync_parent_id&quot;:null,&quot;sync_child_id&quot;:null,&quot;scroll_carousel_init&quot;:null,&quot;disable_overflow_carousel&quot;:null,&quot;element_title&quot;:&quot;&quot;,&quot;query_post_type&quot;:&quot;product&quot;,&quot;include&quot;:null,&quot;taxonomies&quot;:&quot;&quot;,&quot;offset&quot;:&quot;&quot;,&quot;orderby&quot;:&quot;post__in&quot;,&quot;query_type&quot;:&quot;OR&quot;,&quot;order&quot;:null,&quot;meta_key&quot;:null,&quot;exclude&quot;:&quot;&quot;,&quot;shop_tools&quot;:null,&quot;hide_out_of_stock&quot;:&quot;no&quot;,&quot;ajax_recently_viewed&quot;:null,&quot;layout&quot;:&quot;grid&quot;,&quot;pagination&quot;:&quot;&quot;,&quot;pagination_arrows_position&quot;:null,&quot;items_per_page&quot;:10,&quot;columns&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;columns_tablet&quot;:{&quot;size&quot;:&quot;&quot;},&quot;columns_mobile&quot;:{&quot;size&quot;:&quot;&quot;},&quot;products_masonry&quot;:&quot;&quot;,&quot;products_different_sizes&quot;:&quot;&quot;,&quot;product_quantity&quot;:&quot;&quot;,&quot;product_hover&quot;:&quot;quick&quot;,&quot;sale_countdown&quot;:&quot;&quot;,&quot;stretch_product&quot;:&quot;&quot;,&quot;stretch_product_tablet&quot;:0,&quot;stretch_product_mobile&quot;:0,&quot;stock_progress_bar&quot;:&quot;0&quot;,&quot;highlighted_products&quot;:&quot;&quot;,&quot;products_bordered_grid&quot;:&quot;&quot;,&quot;products_bordered_grid_style&quot;:null,&quot;products_with_background&quot;:&quot;1&quot;,&quot;products_shadow&quot;:&quot;1&quot;,&quot;products_color_scheme&quot;:&quot;default&quot;,&quot;img_size&quot;:&quot;large&quot;,&quot;img_size_custom&quot;:null,&quot;grid_gallery&quot;:&quot;&quot;,&quot;grid_gallery_control&quot;:null,&quot;grid_gallery_enable_arrows&quot;:null,&quot;ajax_page&quot;:&quot;&quot;,&quot;force_not_ajax&quot;:&quot;no&quot;,&quot;lazy_loading&quot;:&quot;no&quot;,&quot;elementor&quot;:true,&quot;wrapper_classes&quot;:&quot;&quot;}\" data-source=\"shortcode\" data-columns=\"5\" data-grid-gallery=\"\" style=\"--wd-col-lg:5;--wd-col-md:3;--wd-col-sm:2;--wd-gap-lg:20px;\">\n\t\t\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1326 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"1\" data-id=\"1326\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/kativa-collageno-conditioner\/\" class=\"product-image-link\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387.png 1024w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387-150x150.png 150w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387-768x768.png 768w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387-12x12.png 12w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0387-600x600.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1326\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/kativa-collageno-conditioner\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1326\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1326\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/kativa-collageno-conditioner\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1326\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1326\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;KATIVA  Shampoo&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1326\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/kativa-collageno-conditioner\/\">KATIVA  Shampoo<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>130&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>260&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066130&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066260&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1366 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-simple\" data-loop=\"2\" data-id=\"1366\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/macadamia\/\" class=\"product-image-link\">\n\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384.png 1024w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384-150x150.png 150w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384-768x768.png 768w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384-12x12.png 12w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0384-600x600.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1366\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/macadamia\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1366\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1366\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"\/ar\/wp-json\/wp\/v2\/pages\/1093?add-to-cart=1366\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1366\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart add-to-cart-loop\" data-product_id=\"1366\" data-product_sku=\"\" aria-label=\"\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642: &quot;Macadamia&quot;\" rel=\"nofollow\" data-success_message=\"\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 &quot;Macadamia&quot; \u0625\u0644\u0649 \u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642 \u0644\u062f\u064a\u0643\" role=\"button\"><span>\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1366\" class=\"screen-reader-text\">\n\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/macadamia\/\">Macadamia<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>160&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1368 status-publish last instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"3\" data-id=\"1368\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/conditioner\/\" class=\"product-image-link\">\n\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389.png 1024w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389-150x150.png 150w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389-768x768.png 768w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389-12x12.png 12w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0389-600x600.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1368\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/conditioner\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1368\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1368\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/conditioner\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1368\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1368\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Conditioner&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1368\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/conditioner\/\">Conditioner<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>110&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>220&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066110&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066220&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1374 status-publish first instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"4\" data-id=\"1374\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/oil\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385.png 1024w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385-150x150.png 150w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385-768x768.png 768w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385-12x12.png 12w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/03\/IMG_0385-600x600.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1374\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/oil\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1374\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1374\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/oil\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1374\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1374\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Kativa Professional S\u00e9rum-Huile hydratante avec huile de macadamia bio&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1374\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/oil\/\">Kativa Professional S\u00e9rum-Huile hydratante avec huile de macadamia bio<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>110&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1377 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-variable has-default-attributes\" data-loop=\"5\" data-id=\"1377\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-shampoo\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/9.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/9.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/9-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/9-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1377\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-shampoo\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1377\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1377\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-shampoo\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1377\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1377\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Keratina Shampoo&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1377\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-shampoo\/\">Keratina Shampoo<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>130&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>260&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066130&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066260&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1382 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"6\" data-id=\"1382\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-conditioner\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/6.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/6.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/6-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/6-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1382\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-conditioner\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1382\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1382\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-conditioner\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1382\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1382\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Keratina Conditioner&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1382\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-conditioner\/\">Keratina Conditioner<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>110&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>220&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066110&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066220&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1388 status-publish last instock has-post-thumbnail shipping-taxable product-type-simple\" data-loop=\"7\" data-id=\"1388\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-mask\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/7.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/7.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/7-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/7-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1388\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-mask\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1388\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1388\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-mask\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1388\" data-quantity=\"1\" class=\"button product_type_simple add-to-cart-loop\" data-product_id=\"1388\" data-product_sku=\"\" aria-label=\"\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 &ldquo;Keratina Mask&rdquo;\" rel=\"nofollow\" data-success_message=\"\"><span>\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1388\" class=\"screen-reader-text\">\n\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-mask\/\">Keratina Mask<\/a><\/h3>\n\t\t\t\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1390 status-publish first instock has-post-thumbnail shipping-taxable purchasable product-type-simple\" data-loop=\"8\" data-id=\"1390\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-oil\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/5.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/5.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/5-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/5-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1390\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-oil\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1390\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1390\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"\/ar\/wp-json\/wp\/v2\/pages\/1093?add-to-cart=1390\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1390\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart add-to-cart-loop\" data-product_id=\"1390\" data-product_sku=\"\" aria-label=\"\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642: &quot;Keratina Oil&quot;\" rel=\"nofollow\" data-success_message=\"\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 &quot;Keratina Oil&quot; \u0625\u0644\u0649 \u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642 \u0644\u062f\u064a\u0643\" role=\"button\"><span>\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1390\" class=\"screen-reader-text\">\n\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/keratina-oil\/\">Keratina Oil<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>110&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1392 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"9\" data-id=\"1392\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-shampoo\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/21.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/21.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/21-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/21-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1392\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-shampoo\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1392\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1392\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-shampoo\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1392\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1392\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Collageno Shampoo&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1392\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-shampoo\/\">Collageno Shampoo<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>130&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>260&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066130&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066260&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-quick wd-col product-grid-item product type-product post-1397 status-publish instock has-post-thumbnail shipping-taxable purchasable product-type-variable\" data-loop=\"10\" data-id=\"1397\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-conditioner\/\" class=\"product-image-link\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/20.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/20.png 500w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/20-300x300.png 300w, https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/20-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t<\/a>\n\n\t\t\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t\t\t<div class=\"wd-compare-btn product-compare-button wd-action-btn wd-style-icon wd-compare-icon\">\n\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/compare\/\" data-id=\"1397\" rel=\"nofollow\" data-added-text=\"Compare products\">\n\t\t\t\t<span>Compare<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"quick-view wd-action-btn wd-style-icon wd-quick-view-icon\">\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-conditioner\/\"\n\t\t\t\tclass=\"open-quick-view quick-view-button\"\n\t\t\t\trel=\"nofollow\"\n\t\t\t\tdata-id=\"1397\"\n\t\t\t\t>Quick view<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-wishlist-btn wd-action-btn wd-style-icon wd-wishlist-icon\">\n\t\t\t\t<a class=\"\" href=\"https:\/\/kativamorocco.com\/ar\/wishlist\/\" data-key=\"741b9151d7\" data-product-id=\"1397\" rel=\"nofollow\" data-added-text=\"Browse Wishlist\">\n\t\t\t\t\t<span>Add to wishlist<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wd-add-btn wd-add-btn-replace\">\n\t\t\t\t\n\t\t\t\t<a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-conditioner\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1397\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button add-to-cart-loop\" data-product_id=\"1397\" data-product_sku=\"\" aria-label=\"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u0640 &quot;Collageno Conditioner&quot;\" rel=\"nofollow\"><span>\u062a\u062d\u062f\u064a\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a<\/span><\/a><span id=\"woocommerce_loop_add_to_cart_link_describedby_1397\" class=\"screen-reader-text\">\n\t\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c. \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/kativamorocco.com\/ar\/product\/collageno-conditioner\/\">Collageno Conditioner<\/a><\/h3>\n\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>110&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>160&nbsp;<span class=\"woocommerce-Price-currencySymbol\">DH<\/span><\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066110&nbsp;DH\u2069 \u062e\u0644\u0627\u0644 \u2066160&nbsp;DH\u2069<\/span><\/span>\n\n\t\n\t\n\t\t<\/div>\n<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\n\t\t\n\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ed50d5 wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"8ed50d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c7b20 elementor-widget elementor-widget-html\" data-id=\"84c7b20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* KATIVA BANNERS - ARABIC TEXT RIGHT ALIGNMENT FIX *\/\r\n    \/* ===================================================== *\/\r\n    .kativa-custom-banners-container,\r\n    .kativa-custom-banners-container * {\r\n        box-sizing: border-box !important;\r\n        font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n    \r\n    .kativa-custom-banners-container {\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 60px auto !important;\r\n        padding: 0 20px !important;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .kativa-custom-banners-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 25px !important;\r\n    }\r\n    \r\n    .kativa-custom-product-banner {\r\n        position: relative !important;\r\n        border-radius: 12px !important;\r\n        overflow: hidden !important;\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n        height: 320px !important;\r\n        background: #f8f8f8 !important;\r\n        border: 2px dashed transparent !important;\r\n        background-clip: padding-box !important;\r\n    }\r\n    \r\n    .kativa-custom-product-banner::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        bottom: 0 !important;\r\n        border-radius: 12px !important;\r\n        padding: 2px !important;\r\n        background: linear-gradient(135deg, \r\n            rgba(230, 121, 40, 0.4) 0%, \r\n            rgba(230, 121, 40, 0.2) 50%, \r\n            rgba(230, 121, 40, 0.4) 100%) !important;\r\n        -webkit-mask: \r\n            linear-gradient(#fff 0 0) content-box, \r\n            linear-gradient(#fff 0 0) !important;\r\n        -webkit-mask-composite: xor !important;\r\n        mask-composite: exclude !important;\r\n        z-index: 1 !important;\r\n        opacity: 0 !important;\r\n        transition: opacity 0.4s ease !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-2::before {\r\n        background: linear-gradient(135deg, \r\n            rgba(51, 28, 16, 0.4) 0%, \r\n            rgba(51, 28, 16, 0.2) 50%, \r\n            rgba(51, 28, 16, 0.4) 100%) !important;\r\n    }\r\n    \r\n    .kativa-custom-product-banner:hover::before {\r\n        opacity: 1 !important;\r\n    }\r\n    \r\n    .kativa-custom-product-banner:hover {\r\n        transform: translateY(-5px) scale(1.01) !important;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-img {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        right: 0 !important;\r\n        width: 55% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        z-index: 1 !important;\r\n        transition: transform 0.6s ease !important;\r\n        display: block !important;\r\n    }\r\n    \r\n    \/* FIX: Move image to left when Arabic *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-img {\r\n        right: auto !important;\r\n        left: 0 !important;\r\n    }\r\n    \r\n    .kativa-custom-product-banner:hover .kativa-custom-banner-img {\r\n        transform: scale(1.05) !important;\r\n    }\r\n    \r\n    \/* FIX: Content container - start from left by default *\/\r\n    .kativa-custom-banner-content {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        padding: 40px !important;\r\n        height: 100% !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        width: 50% !important;\r\n        background: transparent !important;\r\n    }\r\n    \r\n    \/* FIX: Complete RTL alignment for ALL content *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-content {\r\n        margin-left: auto !important;\r\n        margin-right: 0 !important;\r\n        align-items: flex-end !important;\r\n        text-align: right !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-title {\r\n        font-size: 28px !important;\r\n        font-weight: 700 !important;\r\n        color: #222 !important;\r\n        margin: 0 0 12px 0 !important;\r\n        line-height: 1.2 !important;\r\n        font-family: Arial, Helvetica, sans-serif !important;\r\n        padding-bottom: 10px !important;\r\n        position: relative !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        width: 100% !important;\r\n    }\r\n    \r\n    \/* FIX: Arabic title *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-title {\r\n        text-align: right !important;\r\n        text-transform: none !important;\r\n        letter-spacing: 0 !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-title::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 60px !important;\r\n        height: 3px !important;\r\n        background: #e67928 !important;\r\n        border-radius: 2px !important;\r\n    }\r\n    \r\n    \/* FIX: Arabic underline *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-title::after {\r\n        left: auto !important;\r\n        right: 0 !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-2 .kativa-custom-banner-title::after {\r\n        background: #331c10 !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-desc {\r\n        font-size: 16px !important;\r\n        color: #666 !important;\r\n        margin: 0 0 25px 0 !important;\r\n        font-weight: 400 !important;\r\n        line-height: 1.4 !important;\r\n        font-family: Arial, Helvetica, sans-serif !important;\r\n        max-width: 300px !important;\r\n        padding-left: 12px !important;\r\n        border-left: 2px dotted rgba(230, 121, 40, 0.3) !important;\r\n    }\r\n    \r\n    \/* FIX: Arabic description - FULL RIGHT ALIGNMENT *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-desc {\r\n        text-align: right !important;\r\n        padding-left: 0 !important;\r\n        padding-right: 12px !important;\r\n        border-left: none !important;\r\n        border-right: 2px dotted rgba(230, 121, 40, 0.3) !important;\r\n        margin-left: auto !important;\r\n        margin-right: 0 !important;\r\n        align-self: flex-end !important;\r\n    }\r\n    \r\n    html[dir=\"rtl\"] .kativa-custom-banner-2 .kativa-custom-banner-desc {\r\n        border-right-color: rgba(51, 28, 16, 0.3) !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-2 .kativa-custom-banner-desc {\r\n        border-left-color: rgba(51, 28, 16, 0.3) !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-btn {\r\n        display: inline-block !important;\r\n        background: #e67928 !important;\r\n        color: white !important;\r\n        padding: 12px 30px !important;\r\n        border-radius: 30px !important;\r\n        text-decoration: none !important;\r\n        font-weight: 600 !important;\r\n        font-size: 15px !important;\r\n        transition: all 0.3s ease !important;\r\n        box-shadow: 0 4px 12px rgba(230, 121, 40, 0.2) !important;\r\n        text-align: center !important;\r\n        max-width: 160px !important;\r\n        border: 2px solid transparent !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        letter-spacing: 0.5px !important;\r\n        text-transform: uppercase !important;\r\n        white-space: nowrap !important;\r\n    }\r\n    \r\n    \/* FIX: Arabic button *\/\r\n    html[dir=\"rtl\"] .kativa-custom-banner-btn {\r\n        text-transform: none !important;\r\n        letter-spacing: 0 !important;\r\n        align-self: flex-end !important;\r\n        margin-left: auto !important;\r\n        margin-right: 0 !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-btn::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n        border-radius: 50% !important;\r\n        background: rgba(255, 255, 255, 0.2) !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        transition: width 0.6s, height 0.6s !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-btn:hover::before {\r\n        width: 300px !important;\r\n        height: 300px !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-btn:hover {\r\n        transform: translateY(-2px) !important;\r\n        box-shadow: 0 6px 18px rgba(230, 121, 40, 0.3) !important;\r\n        background: white !important;\r\n        color: #e67928 !important;\r\n        border-color: #e67928 !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-2 .kativa-custom-banner-btn {\r\n        background: #331c10 !important;\r\n        box-shadow: 0 4px 12px rgba(51, 28, 16, 0.2) !important;\r\n    }\r\n    \r\n    .kativa-custom-banner-2 .kativa-custom-banner-btn:hover {\r\n        background: white !important;\r\n        color: #331c10 !important;\r\n        border-color: #331c10 !important;\r\n    }\r\n    \r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .kativa-custom-banners-container {\r\n            padding: 0 15px !important;\r\n            margin: 30px auto !important;\r\n        }\r\n        \r\n        .kativa-custom-banners-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 20px !important;\r\n        }\r\n        \r\n        .kativa-custom-product-banner {\r\n            height: 250px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-content {\r\n            padding: 25px !important;\r\n            width: 60% !important;\r\n        }\r\n        \r\n        \/* FIX: Mobile Arabic *\/\r\n        html[dir=\"rtl\"] .kativa-custom-banner-content {\r\n            margin-left: auto !important;\r\n            margin-right: 0 !important;\r\n            align-items: flex-end !important;\r\n            text-align: right !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title {\r\n            font-size: 22px !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title::after {\r\n            width: 40px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-desc {\r\n            font-size: 14px !important;\r\n            margin-bottom: 15px !important;\r\n            line-height: 1.6 !important;\r\n            padding-left: 10px !important;\r\n            border-left: 1px dotted rgba(0, 0, 0, 0.1) !important;\r\n            max-width: 200px !important;\r\n        }\r\n        \r\n        \/* FIX: Mobile Arabic description *\/\r\n        html[dir=\"rtl\"] .kativa-custom-banner-desc {\r\n            text-align: right !important;\r\n            padding-left: 0 !important;\r\n            padding-right: 10px !important;\r\n            border-left: none !important;\r\n            border-right: 1px dotted rgba(0, 0, 0, 0.1) !important;\r\n            margin-left: auto !important;\r\n            margin-right: 0 !important;\r\n            align-self: flex-end !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-btn {\r\n            padding: 10px 25px !important;\r\n            font-size: 14px !important;\r\n            max-width: 140px !important;\r\n        }\r\n        \r\n        \/* FIX: Mobile Arabic button *\/\r\n        html[dir=\"rtl\"] .kativa-custom-banner-btn {\r\n            align-self: flex-end !important;\r\n            margin-left: auto !important;\r\n            margin-right: 0 !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 576px) {\r\n        .kativa-custom-banners-grid {\r\n            gap: 15px !important;\r\n        }\r\n        \r\n        .kativa-custom-product-banner {\r\n            height: 220px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-content {\r\n            padding: 20px !important;\r\n            width: 65% !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title {\r\n            font-size: 20px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title::after {\r\n            width: 35px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-desc {\r\n            font-size: 13px !important;\r\n            margin-bottom: 12px !important;\r\n            line-height: 1.6 !important;\r\n            padding-left: 8px !important;\r\n            max-width: 180px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-btn {\r\n            padding: 9px 22px !important;\r\n            font-size: 13px !important;\r\n            max-width: 130px !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .kativa-custom-product-banner {\r\n            height: 200px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-content {\r\n            padding: 18px !important;\r\n            width: 70% !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title {\r\n            font-size: 18px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title::after {\r\n            width: 30px !important;\r\n            height: 2px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-desc {\r\n            font-size: 12px !important;\r\n            margin-bottom: 10px !important;\r\n            line-height: 1.7 !important;\r\n            padding-left: 6px !important;\r\n            max-width: 160px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-btn {\r\n            padding: 8px 20px !important;\r\n            font-size: 12px !important;\r\n            max-width: 120px !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 360px) {\r\n        .kativa-custom-product-banner {\r\n            height: 180px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-content {\r\n            padding: 15px !important;\r\n            width: 75% !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title {\r\n            font-size: 17px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-title::after {\r\n            width: 25px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-desc {\r\n            font-size: 11px !important;\r\n            margin-bottom: 8px !important;\r\n            line-height: 1.8 !important;\r\n            padding-left: 5px !important;\r\n            max-width: 140px !important;\r\n        }\r\n        \r\n        .kativa-custom-banner-btn {\r\n            padding: 7px 18px !important;\r\n            font-size: 11px !important;\r\n            max-width: 110px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"kativa-custom-banners-container\">\r\n    <div class=\"kativa-custom-banners-grid\">\r\n        <div class=\"kativa-custom-product-banner kativa-custom-banner-1\">\r\n            <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/image-banner.png\" \r\n                 alt=\"Kativa Daily Care Products\" \r\n                 class=\"kativa-custom-banner-img\">\r\n            <div class=\"kativa-custom-banner-content\">\r\n                <h2 class=\"kativa-custom-banner-title\">Daily Care<\/h2>\r\n                <p class=\"kativa-custom-banner-desc\">Nourish & protect<br>your hair daily<\/p>\r\n                <a href=\"https:\/\/kativamorocco.com\/product\/post-alisado-shampoo\/\" class=\"kativa-custom-banner-btn\">Shop Now<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"kativa-custom-product-banner kativa-custom-banner-2\">\r\n            <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/banner.png\" \r\n                 alt=\"Kativa Hair Treatments\" \r\n                 class=\"kativa-custom-banner-img\">\r\n            <div class=\"kativa-custom-banner-content\">\r\n                <h2 class=\"kativa-custom-banner-title\">Hair Treatments<\/h2>\r\n                <p class=\"kativa-custom-banner-desc\">Restore strength<br>& vitality<\/p>\r\n                <a href=\"https:\/\/kativamorocco.com\/product\/keratina-mask\/\" class=\"kativa-custom-banner-btn\">Shop Now<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9024cf8 wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"9024cf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86a2f8e elementor-widget elementor-widget-html\" data-id=\"86a2f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KATIVA IMAGE SLIDER - ARABIC\/RTL OPTIMIZED *\/\r\n.kativa-slider-smart * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  font-size: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n.kativa-slider-smart {\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  display: block !important;\r\n  isolation: isolate !important;\r\n}\r\n\r\n\/* SLIDER CONTAINER *\/\r\n.kativa-slider-box-smart {\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  direction: ltr !important; \/* Force LTR for slider track *\/\r\n}\r\n\r\n\/* ARABIC FIX: Container direction *\/\r\nhtml[dir=\"rtl\"] .kativa-slider-box-smart {\r\n  direction: ltr !important; \/* Keep LTR for slider functionality *\/\r\n}\r\n\r\n\/* SLIDE TRACK *\/\r\n.kativa-track-smart {\r\n  display: flex !important;\r\n  transition: transform 0.6s ease !important;\r\n  height: auto !important;\r\n  width: 100% !important;\r\n  direction: ltr !important; \/* Force LTR for animation *\/\r\n}\r\n\r\n\/* SLIDES *\/\r\n.kativa-slide-smart {\r\n  flex: 0 0 100% !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  min-height: 1px !important;\r\n}\r\n\r\n\/* IMAGES *\/\r\n.kativa-pic-smart {\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  display: block !important;\r\n  max-width: 100% !important;\r\n  border: 0 !important;\r\n}\r\n\r\n\/* Desktop images - show by default *\/\r\n.kativa-pic-desktop-smart {\r\n  display: block !important;\r\n}\r\n\r\n.kativa-pic-mobile-smart {\r\n  display: none !important;\r\n}\r\n\r\n\/* SMALL BUT VISIBLE DOTS - FIXED SIZE *\/\r\n.kativa-dots-box-smart {\r\n  position: absolute !important;\r\n  bottom: 20px !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  z-index: 999999 !important;\r\n  height: 12px !important;\r\n  min-height: 12px !important;\r\n  max-height: 12px !important;\r\n  direction: ltr !important; \/* Dots always LTR *\/\r\n}\r\n\r\n\/* ARABIC FIX: Dots positioning - no change needed *\/\r\nhtml[dir=\"rtl\"] .kativa-dots-box-smart {\r\n  direction: ltr !important; \/* Keep dots LTR in Arabic *\/\r\n}\r\n\r\n\/* DOTS - SLIGHTLY BIGGER BUT PROTECTED *\/\r\n.kativa-dot-smart {\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  min-width: 10px !important;\r\n  min-height: 10px !important;\r\n  max-width: 10px !important;\r\n  max-height: 10px !important;\r\n  border-radius: 50% !important;\r\n  background: rgba(255, 255, 255, 0.6) !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  display: block !important;\r\n  text-indent: -9999px !important;\r\n  overflow: hidden !important;\r\n  position: relative !important;\r\n  box-sizing: content-box !important;\r\n}\r\n\r\n.kativa-dot-smart:hover {\r\n  background: rgba(255, 255, 255, 0.9) !important;\r\n  transform: scale(1.2) !important;\r\n}\r\n\r\n.kativa-dot-smart.kativa-active-smart {\r\n  background: #e67928 !important;\r\n  width: 12px !important;\r\n  height: 12px !important;\r\n  min-width: 12px !important;\r\n  min-height: 12px !important;\r\n  max-width: 12px !important;\r\n  max-height: 12px !important;\r\n  transform: scale(1) !important;\r\n  box-shadow: 0 0 8px rgba(230, 121, 40, 0.8) !important;\r\n}\r\n\r\n.kativa-dot-smart.kativa-active-smart::after {\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  width: 4px !important;\r\n  height: 4px !important;\r\n  min-width: 4px !important;\r\n  min-height: 4px !important;\r\n  max-width: 4px !important;\r\n  max-height: 4px !important;\r\n  border-radius: 50% !important;\r\n  background: white !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  \/* Switch to mobile images *\/\r\n  .kativa-pic-desktop-smart {\r\n    display: none !important;\r\n  }\r\n  \r\n  .kativa-pic-mobile-smart {\r\n    display: block !important;\r\n  }\r\n  \r\n  .kativa-dots-box-smart {\r\n    bottom: 15px !important;\r\n    gap: 8px !important;\r\n    height: 10px !important;\r\n  }\r\n  \r\n  .kativa-dot-smart {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    min-width: 8px !important;\r\n    min-height: 8px !important;\r\n    max-width: 8px !important;\r\n    max-height: 8px !important;\r\n  }\r\n  \r\n  .kativa-dot-smart.kativa-active-smart {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    min-width: 10px !important;\r\n    min-height: 10px !important;\r\n    max-width: 10px !important;\r\n    max-height: 10px !important;\r\n  }\r\n  \r\n  .kativa-dot-smart.kativa-active-smart::after {\r\n    width: 3px !important;\r\n    height: 3px !important;\r\n    min-width: 3px !important;\r\n    min-height: 3px !important;\r\n    max-width: 3px !important;\r\n    max-height: 3px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .kativa-dots-box-smart {\r\n    bottom: 12px !important;\r\n    gap: 6px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- KATIVA IMAGE SLIDER -->\r\n<div class=\"kativa-slider-smart\">\r\n  <div class=\"kativa-slider-box-smart\" id=\"kativaSliderBoxSmart\">\r\n    <div class=\"kativa-track-smart\" id=\"kativaTrackSmart\">\r\n      \r\n      <!-- SLIDE 1 -->\r\n      <div class=\"kativa-slide-smart\">\r\n        <!-- Desktop Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-16-janv.-2026-20_21_56.png\" \r\n             alt=\"Kativa Morocco\" \r\n             class=\"kativa-pic-smart kativa-pic-desktop-smart\">\r\n        \r\n        <!-- Mobile Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/cativa-morocco.png\" \r\n             alt=\"Kativa Mobile\" \r\n             class=\"kativa-pic-smart kativa-pic-mobile-smart\">\r\n      <\/div>\r\n      \r\n      <!-- SLIDE 2 -->\r\n      <div class=\"kativa-slide-smart\">\r\n        <!-- Desktop Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/slider5.png\" \r\n             alt=\"Kativa Products\" \r\n             class=\"kativa-pic-smart kativa-pic-desktop-smart\">\r\n        \r\n        <!-- Mobile Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/34ewed.png\" \r\n             alt=\"Kativa Products Mobile\" \r\n             class=\"kativa-pic-smart kativa-pic-mobile-smart\">\r\n      <\/div>\r\n      \r\n      <!-- SLIDE 3 -->\r\n      <div class=\"kativa-slide-smart\">\r\n        <!-- Desktop Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/slider-image.png\" \r\n             alt=\"Kativa Professional\" \r\n             class=\"kativa-pic-smart kativa-pic-desktop-smart\">\r\n        \r\n        <!-- Mobile Image -->\r\n        <img decoding=\"async\" src=\"http:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/kativa-morocco.png\" \r\n             alt=\"Kativa Professional Mobile\" \r\n             class=\"kativa-pic-smart kativa-pic-mobile-smart\">\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n    <!-- SMALL BUT VISIBLE DOTS -->\r\n    <div class=\"kativa-dots-box-smart\" id=\"kativaDotsBoxSmart\">\r\n      <button class=\"kativa-dot-smart kativa-active-smart\" data-slide=\"0\" title=\"Slide 1\">\u2022<\/button>\r\n      <button class=\"kativa-dot-smart\" data-slide=\"1\" title=\"Slide 2\">\u2022<\/button>\r\n      <button class=\"kativa-dot-smart\" data-slide=\"2\" title=\"Slide 3\">\u2022<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ KATIVA SLIDER - ARABIC\/RTL COMPATIBLE\r\n(function() {\r\n  'use strict';\r\n  \r\n  \/\/ Use very specific selectors\r\n  const track = document.getElementById('kativaTrackSmart');\r\n  const slides = document.querySelectorAll('.kativa-slide-smart');\r\n  const dots = document.querySelectorAll('.kativa-dot-smart');\r\n  const box = document.getElementById('kativaSliderBoxSmart');\r\n  \r\n  if (!track || !slides.length) return;\r\n  \r\n  \/\/ Slider state\r\n  let currentSlide = 0;\r\n  let slideTimer;\r\n  const totalSlides = slides.length;\r\n  const slideInterval = 5000;\r\n  \r\n  \/\/ Initialize\r\n  function initSlider() {\r\n    \/\/ Force LTR direction for slider track\r\n    track.style.direction = 'ltr';\r\n    track.style.transform = 'translateX(0)';\r\n    \r\n    updateSlider();\r\n    startAuto();\r\n    \r\n    \/\/ Dot clicks\r\n    dots.forEach(dot => {\r\n      dot.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        e.stopImmediatePropagation();\r\n        const index = parseInt(this.dataset.slide);\r\n        if (!isNaN(index)) {\r\n          goToSlide(index);\r\n          resetAuto();\r\n        }\r\n      });\r\n    });\r\n    \r\n    \/\/ Touch events - RTL compatible\r\n    let startX = 0;\r\n    box.addEventListener('touchstart', function(e) {\r\n      startX = e.touches[0].clientX;\r\n      pauseAuto();\r\n    }, {passive: true});\r\n    \r\n    box.addEventListener('touchend', function(e) {\r\n      const endX = e.changedTouches[0].clientX;\r\n      const diff = startX - endX;\r\n      \r\n      \/\/ Check if site is RTL\r\n      const isRTL = document.documentElement.dir === 'rtl';\r\n      \r\n      if (Math.abs(diff) > 30) {\r\n        \/\/ Reverse swipe logic for RTL\r\n        if (isRTL) {\r\n          if (diff > 0) prevSlide(); \/\/ Swipe right = previous in RTL\r\n          else nextSlide(); \/\/ Swipe left = next in RTL\r\n        } else {\r\n          if (diff > 0) nextSlide(); \/\/ Swipe right = next in LTR\r\n          else prevSlide(); \/\/ Swipe left = previous in LTR\r\n        }\r\n      }\r\n      startAuto();\r\n    }, {passive: true});\r\n    \r\n    \/\/ Pause on hover\r\n    box.addEventListener('mouseenter', pauseAuto);\r\n    box.addEventListener('mouseleave', startAuto);\r\n    \r\n    \/\/ Handle RTL changes\r\n    const observer = new MutationObserver(function(mutations) {\r\n      mutations.forEach(function(mutation) {\r\n        if (mutation.attributeName === 'dir') {\r\n          updateSlider();\r\n        }\r\n      });\r\n    });\r\n    \r\n    observer.observe(document.documentElement, { attributes: true });\r\n  }\r\n  \r\n  function updateSlider() {\r\n    \/\/ Always use negative translateX for LTR animation\r\n    track.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n    \r\n    \/\/ Update dots\r\n    dots.forEach((dot, i) => {\r\n      if (i === currentSlide) {\r\n        dot.classList.add('kativa-active-smart');\r\n      } else {\r\n        dot.classList.remove('kativa-active-smart');\r\n      }\r\n    });\r\n  }\r\n  \r\n  function goToSlide(index) {\r\n    if (index < 0 || index >= totalSlides) return;\r\n    currentSlide = index;\r\n    updateSlider();\r\n  }\r\n  \r\n  function nextSlide() {\r\n    currentSlide = (currentSlide + 1) % totalSlides;\r\n    updateSlider();\r\n  }\r\n  \r\n  function prevSlide() {\r\n    currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n    updateSlider();\r\n  }\r\n  \r\n  function startAuto() {\r\n    clearTimeout(slideTimer);\r\n    slideTimer = setTimeout(() => {\r\n      nextSlide();\r\n      startAuto();\r\n    }, slideInterval);\r\n  }\r\n  \r\n  function pauseAuto() {\r\n    clearTimeout(slideTimer);\r\n  }\r\n  \r\n  function resetAuto() {\r\n    pauseAuto();\r\n    startAuto();\r\n  }\r\n  \r\n  \/\/ Start\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initSlider);\r\n  } else {\r\n    setTimeout(initSlider, 100);\r\n  }\r\n  \r\n  \/\/ Clean up\r\n  window.addEventListener('unload', function() {\r\n    clearTimeout(slideTimer);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaaf494 wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"eaaf494\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8698f88 elementor-widget elementor-widget-html\" data-id=\"8698f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KATIVA NEWSLETTER - PROFESSIONAL DESIGN *\/\r\n.kativa-newsletter-modern * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n.kativa-newsletter-modern {\r\n  padding: 80px 20px;\r\n  background: linear-gradient(135deg, #fdf6f0 0%, #fff9f5 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.kativa-newsletter-modern::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: radial-gradient(circle at 20% 80%, rgba(230, 121, 40, 0.08) 0%, transparent 50%),\r\n                    radial-gradient(circle at 80% 20%, rgba(230, 121, 40, 0.05) 0%, transparent 50%);\r\n}\r\n\r\n.kativa-newsletter-modern-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* MAIN BANNER *\/\r\n.kativa-newsletter-modern-banner {\r\n  background: linear-gradient(105deg, #ffffff 0%, #fffaf5 100%);\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08),\r\n              0 0 0 1px rgba(230, 121, 40, 0.1);\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  min-height: 420px;\r\n  position: relative;\r\n  isolation: isolate;\r\n}\r\n\r\n.kativa-newsletter-modern-banner::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -20%;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: linear-gradient(45deg, rgba(230, 121, 40, 0.1) 0%, rgba(230, 121, 40, 0) 70%);\r\n  border-radius: 50%;\r\n  z-index: -1;\r\n}\r\n\r\n\/* IMAGE SIDE *\/\r\n.kativa-newsletter-modern-image {\r\n  background: linear-gradient(135deg, rgba(230, 121, 40, 0.9) 0%, rgba(214, 111, 35, 0.85) 100%),\r\n              url('https:\/\/kativamorocco.com\/wp-content\/uploads\/2026\/01\/bg-newsletter-mobile.jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-blend-mode: multiply;\r\n  position: relative;\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.kativa-newsletter-modern-image::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0l.83.828-1.414 1.415L48.97 0l.83.828-1.415 1.415L46.14 0l.83.828-1.414 1.415L43.313 0l.83.828-1.415 1.415L40.484 0l.83.828-1.414 1.415L37.657 0l.83.828-1.415 1.415L34.828 0l.83.828-1.414 1.415L32 0l.83.828-1.415 1.415L29.17 0l.83.828-1.414 1.415L26.343 0l.83.828-1.415 1.415L23.515 0l.83.828-1.414 1.415L20.687 0l.83.828-1.415 1.415L17.86 0l.83.828-1.414 1.415L15.03 0l.83.828-1.415 1.415L12.2 0l.83.828-1.414 1.415L9.373 0l.83.828-1.414 1.415L6.544 0l.83.828-1.415 1.415L3.716 0l.83.828-1.414 1.415L.887 0 .828.828 0 1.243V60h60V0H54.627z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n.kativa-newsletter-modern-image-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: white !important; \/* Force white color *\/\r\n  max-width: 400px;\r\n}\r\n\r\n.kativa-newsletter-modern-image-title {\r\n  font-size: 28px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.2 !important;\r\n  margin-bottom: 16px !important;\r\n  text-transform: uppercase !important;\r\n  letter-spacing: 0.5px !important;\r\n  color: white !important; \/* Force white color *\/\r\n}\r\n\r\n.kativa-newsletter-modern-image-subtitle {\r\n  font-size: 16px !important;\r\n  line-height: 1.6 !important;\r\n  opacity: 0.9 !important;\r\n  margin-bottom: 30px !important;\r\n  color: white !important; \/* Force white color *\/\r\n}\r\n\r\n.kativa-newsletter-modern-benefits {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 12px !important;\r\n  margin-top: 30px !important;\r\n}\r\n\r\n.kativa-newsletter-modern-benefit {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  font-size: 14px !important;\r\n  opacity: 0.9 !important;\r\n  color: white !important; \/* Force white color *\/\r\n}\r\n\r\n.kativa-newsletter-modern-benefit i {\r\n  color: #ffd1b3 !important;\r\n  font-size: 16px !important;\r\n}\r\n\r\n\/* FORM SIDE *\/\r\n.kativa-newsletter-modern-form {\r\n  padding: 60px 50px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.kativa-newsletter-modern-form-title {\r\n  font-size: 32px !important;\r\n  font-weight: 700 !important;\r\n  color: #333 !important;\r\n  margin-bottom: 12px !important;\r\n  line-height: 1.2 !important;\r\n  position: relative !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-title::after {\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  bottom: -8px !important;\r\n  left: 0 !important;\r\n  width: 50px !important;\r\n  height: 3px !important;\r\n  background: #e67928 !important;\r\n  border-radius: 2px !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-subtitle {\r\n  font-size: 16px !important;\r\n  color: #666 !important;\r\n  line-height: 1.6 !important;\r\n  margin-bottom: 35px !important;\r\n  max-width: 500px !important;\r\n}\r\n\r\n\/* FORM ELEMENTS - TALLER ON MOBILE *\/\r\n.kativa-newsletter-modern-form-group {\r\n  display: flex;\r\n  gap: 15px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.kativa-newsletter-modern-form-input {\r\n  flex: 1;\r\n  height: 56px !important; \/* Fixed height *\/\r\n  min-height: 56px !important;\r\n  padding: 0 22px !important;\r\n  border: 2px solid #eee !important;\r\n  border-radius: 12px !important;\r\n  font-size: 16px !important;\r\n  color: #333 !important;\r\n  background: #fafafa !important;\r\n  transition: all 0.3s ease !important;\r\n  outline: none !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-input:focus {\r\n  border-color: #e67928 !important;\r\n  background: white !important;\r\n  box-shadow: 0 0 0 4px rgba(230, 121, 40, 0.1) !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-input::placeholder {\r\n  color: #999 !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-button {\r\n  height: 56px !important; \/* Same height as input *\/\r\n  min-height: 56px !important;\r\n  padding: 0 36px !important;\r\n  background: linear-gradient(135deg, #e67928 0%, #d86f23 100%) !important;\r\n  color: white !important;\r\n  border: none !important;\r\n  border-radius: 12px !important;\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.5px !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  white-space: nowrap !important;\r\n  box-shadow: 0 4px 15px rgba(230, 121, 40, 0.3) !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-button:hover {\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 6px 20px rgba(230, 121, 40, 0.4) !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-button:active {\r\n  transform: translateY(0) !important;\r\n}\r\n\r\n.kativa-newsletter-modern-privacy {\r\n  font-size: 13px !important;\r\n  color: #888 !important;\r\n  line-height: 1.5 !important;\r\n  margin-top: 15px !important;\r\n}\r\n\r\n.kativa-newsletter-modern-privacy a {\r\n  color: #e67928 !important;\r\n  text-decoration: none !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n.kativa-newsletter-modern-privacy a:hover {\r\n  color: #d86f23 !important;\r\n  text-decoration: underline !important;\r\n}\r\n\r\n.kativa-newsletter-modern-form-status {\r\n  margin-top: 20px !important;\r\n  padding: 12px 18px !important;\r\n  border-radius: 10px !important;\r\n  font-size: 14px !important;\r\n  display: none !important;\r\n  animation: slideUp 0.3s ease !important;\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.kativa-newsletter-modern-status-success {\r\n  background: rgba(46, 204, 113, 0.1) !important;\r\n  color: #27ae60 !important;\r\n  border: 1px solid rgba(46, 204, 113, 0.2) !important;\r\n  display: block !important;\r\n}\r\n\r\n.kativa-newsletter-modern-status-error {\r\n  background: rgba(231, 76, 60, 0.1) !important;\r\n  color: #c0392b !important;\r\n  border: 1px solid rgba(231, 76, 60, 0.2) !important;\r\n  display: block !important;\r\n}\r\n\r\n.kativa-newsletter-modern-status-loading {\r\n  background: rgba(230, 121, 40, 0.1) !important;\r\n  color: #e67928 !important;\r\n  border: 1px solid rgba(230, 121, 40, 0.2) !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* RESPONSIVE DESIGN - TALL INPUTS ON MOBILE TOO *\/\r\n@media (max-width: 992px) {\r\n  .kativa-newsletter-modern-banner {\r\n    grid-template-columns: 1fr;\r\n    min-height: auto;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-image {\r\n    padding: 40px 30px;\r\n    min-height: 300px;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form {\r\n    padding: 40px 30px;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-title {\r\n    font-size: 28px !important;\r\n  }\r\n  \r\n  \/* Keep input tall on tablet *\/\r\n  .kativa-newsletter-modern-form-input {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-button {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .kativa-newsletter-modern {\r\n    padding: 50px 15px;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-group {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-button {\r\n    width: 100% !important;\r\n    justify-content: center !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-image-title {\r\n    font-size: 24px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form {\r\n    padding: 35px 25px;\r\n  }\r\n  \r\n  \/* Keep input tall on mobile *\/\r\n  .kativa-newsletter-modern-form-input {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n    padding: 0 20px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-button {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n    padding: 0 30px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .kativa-newsletter-modern-image {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-title {\r\n    font-size: 24px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-subtitle {\r\n    font-size: 15px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-image-title {\r\n    font-size: 22px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-image-subtitle {\r\n    font-size: 15px !important;\r\n  }\r\n  \r\n  \/* Input still tall on small phones *\/\r\n  .kativa-newsletter-modern-form-input {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n    padding: 0 18px !important;\r\n  }\r\n  \r\n  .kativa-newsletter-modern-form-button {\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Font Awesome for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- KATIVA NEWSLETTER SECTION -->\r\n<div class=\"kativa-newsletter-modern\">\r\n  <div class=\"kativa-newsletter-modern-container\">\r\n    <div class=\"kativa-newsletter-modern-banner\">\r\n      \r\n      <!-- LEFT SIDE - IMAGE & BENEFITS -->\r\n      <div class=\"kativa-newsletter-modern-image\">\r\n        <div class=\"kativa-newsletter-modern-image-content\">\r\n          <h2 class=\"kativa-newsletter-modern-image-title\">Join the Kativa Family<\/h2>\r\n          <p class=\"kativa-newsletter-modern-image-subtitle\">Be part of our exclusive community and transform your hair care routine with Moroccan beauty secrets.<\/p>\r\n          \r\n          <div class=\"kativa-newsletter-modern-benefits\">\r\n            <div class=\"kativa-newsletter-modern-benefit\">\r\n              <i class=\"fas fa-gift\"><\/i>\r\n              <span>Exclusive offers & discounts<\/span>\r\n            <\/div>\r\n            <div class=\"kativa-newsletter-modern-benefit\">\r\n              <i class=\"fas fa-leaf\"><\/i>\r\n              <span>Natural hair care tips<\/span>\r\n            <\/div>\r\n            <div class=\"kativa-newsletter-modern-benefit\">\r\n              <i class=\"fas fa-star\"><\/i>\r\n              <span>Early access to new products<\/span>\r\n            <\/div>\r\n            <div class=\"kativa-newsletter-modern-benefit\">\r\n              <i class=\"fas fa-heart\"><\/i>\r\n              <span>Professional beauty advice<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- RIGHT SIDE - FORM -->\r\n      <div class=\"kativa-newsletter-modern-form\">\r\n        <h3 class=\"kativa-newsletter-modern-form-title\">Stay Updated<\/h3>\r\n        <p class=\"kativa-newsletter-modern-form-subtitle\">Subscribe to our newsletter and receive expert hair care tips, special promotions, and updates about our premium Moroccan hair products.<\/p>\r\n        \r\n        <form id=\"kativaNewsletterModernForm\" class=\"kativa-newsletter-modern-form-element\">\r\n          <div class=\"kativa-newsletter-modern-form-group\">\r\n            <input \r\n              type=\"email\" \r\n              id=\"kativaEmailInputModern\" \r\n              class=\"kativa-newsletter-modern-form-input\" \r\n              placeholder=\"Your email address\" \r\n              required\r\n            >\r\n            <button type=\"submit\" id=\"kativaSubmitBtnModern\" class=\"kativa-newsletter-modern-form-button\">\r\n              <i class=\"fas fa-paper-plane\"><\/i>\r\n              Subscribe\r\n            <\/button>\r\n          <\/div>\r\n          \r\n          <p class=\"kativa-newsletter-modern-privacy\">\r\n            By subscribing, you agree to our <a href=\"#\">Privacy Policy<\/a> and consent to receive emails from Kativa Morocco.\r\n          <\/p>\r\n          \r\n          <div id=\"kativaFormStatusModern\" class=\"kativa-newsletter-modern-form-status\"><\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ KATIVA NEWSLETTER - PROFESSIONAL JAVASCRIPT\r\n(function() {\r\n  'use strict';\r\n  \r\n  const form = document.getElementById('kativaNewsletterModernForm');\r\n  const emailInput = document.getElementById('kativaEmailInputModern');\r\n  const submitBtn = document.getElementById('kativaSubmitBtnModern');\r\n  const statusEl = document.getElementById('kativaFormStatusModern');\r\n  \r\n  if (!form) return;\r\n  \r\n  \/\/ Email validation\r\n  function isValidEmail(email) {\r\n    const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/;\r\n    return re.test(String(email).toLowerCase().trim());\r\n  }\r\n  \r\n  \/\/ Show status message\r\n  function showStatus(message, type) {\r\n    statusEl.textContent = message;\r\n    statusEl.className = 'kativa-newsletter-modern-form-status';\r\n    \r\n    if (type) {\r\n      statusEl.classList.add(`kativa-newsletter-modern-status-${type}`);\r\n    }\r\n    \r\n    \/\/ Auto-hide success messages after 5 seconds\r\n    if (type === 'success') {\r\n      setTimeout(() => {\r\n        statusEl.className = 'kativa-newsletter-modern-form-status';\r\n      }, 5000);\r\n    }\r\n  }\r\n  \r\n  \/\/ Handle form submission\r\n  form.addEventListener('submit', async function(e) {\r\n    e.preventDefault();\r\n    \r\n    const email = emailInput.value.trim();\r\n    \r\n    \/\/ Validate email\r\n    if (!email) {\r\n      showStatus('Please enter your email address.', 'error');\r\n      emailInput.focus();\r\n      return;\r\n    }\r\n    \r\n    if (!isValidEmail(email)) {\r\n      showStatus('Please enter a valid email address.', 'error');\r\n      emailInput.focus();\r\n      return;\r\n    }\r\n    \r\n    \/\/ Disable button and show loading\r\n    submitBtn.disabled = true;\r\n    submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Subscribing...';\r\n    showStatus('Subscribing...', 'loading');\r\n    \r\n    \/\/ Simulate API call\r\n    setTimeout(() => {\r\n      \/\/ Demo success\r\n      showStatus('\ud83c\udf89 Thank you! You have successfully subscribed to our newsletter.', 'success');\r\n      form.reset();\r\n      \r\n      \/\/ Reset button\r\n      submitBtn.disabled = false;\r\n      submitBtn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Subscribe';\r\n      \r\n    }, 1500);\r\n  });\r\n  \r\n  \/\/ Clear error when user starts typing\r\n  emailInput.addEventListener('input', function() {\r\n    if (statusEl.classList.contains('kativa-newsletter-modern-status-error')) {\r\n      statusEl.className = 'kativa-newsletter-modern-form-status';\r\n    }\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>Welcome to Kativa Morocco Discover premium hair care products designed for Moroccan beauty. Shop our exclusive collection for healthy, radiant<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1093","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/pages\/1093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/comments?post=1093"}],"version-history":[{"count":151,"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/pages\/1093\/revisions"}],"predecessor-version":[{"id":1556,"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/pages\/1093\/revisions\/1556"}],"wp:attachment":[{"href":"https:\/\/kativamorocco.com\/ar\/wp-json\/wp\/v2\/media?parent=1093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}