.elementor-55 .elementor-element.elementor-element-225f1162:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-225f1162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-225f1162{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-55 .elementor-element.elementor-element-225f1162 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55 .elementor-element.elementor-element-6c6e1681 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-55 .elementor-element.elementor-element-6c6e1681 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55 .elementor-element.elementor-element-5625bd1e{margin-top:20px;margin-bottom:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-47ceb6c9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-55 .elementor-element.elementor-element-47ceb6c9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFFF8;background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-47ceb6c9 > .elementor-element-populated >  .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #dce1d6 0%, #4e3116 100%);opacity:0.5;}.elementor-55 .elementor-element.elementor-element-47ceb6c9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-55 .elementor-element.elementor-element-47ceb6c9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-6ca056e1{text-align:center;}.elementor-55 .elementor-element.elementor-element-6ca056e1 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:39px;font-weight:700;font-style:normal;line-height:48px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-55 .elementor-element.elementor-element-6ca056e1 .elementor-heading-title a:hover, .elementor-55 .elementor-element.elementor-element-6ca056e1 .elementor-heading-title a:focus{color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-5802a39.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-5802a39 > .elementor-widget-container{transition:background 0s;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:24px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-24px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group > label, .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-subgroup label{color:#FF0000;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-type-html{padding-bottom:0px;color:#131D0E;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group .elementor-field{color:#0D0D0D;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group .elementor-field, .elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-subgroup label{font-family:"Alata", Sans-serif;font-size:23px;font-weight:700;line-height:32px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:38px 38px 38px 38px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:38px 38px 38px 38px;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-button{font-family:"Almarai", Sans-serif;font-size:27px;font-weight:900;line-height:32px;border-radius:35px 35px 35px 35px;padding:15px 0px 15px 0px;}.elementor-55 .elementor-element.elementor-element-5802a39 .e-form__buttons__wrapper__button-next{background-color:#213e19;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-button[type="submit"]{background-color:#213e19;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5802a39 .e-form__buttons__wrapper__button-previous{background-color:#CEBB61;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5802a39 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-55 .elementor-element.elementor-element-5802a39 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-55 .elementor-element.elementor-element-5802a39 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-55 .elementor-element.elementor-element-5802a39{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#B89E45;--e-form-steps-indicator-inactive-secondary-color:#B18080;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-55 .elementor-element.elementor-element-67f08e5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55 .elementor-element.elementor-element-67f08e5c:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-67f08e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-58d4bda7{background-color:transparent;margin:3px 3px calc(var(--kit-widget-spacing, 0px) + 3px) 3px;padding:3px 3px 3px 3px;z-index:0;--e-transform-transition-duration:0ms;background-image:linear-gradient(180deg, #efecdb 0%, #8DD072 100%);border-style:solid;border-color:#121212;}.elementor-55 .elementor-element.elementor-element-58d4bda7.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-58d4bda7 .elementor-title{color:#000000;font-family:"Roboto Slab", Sans-serif;font-size:50px;font-weight:400;text-transform:capitalize;line-height:56px;text-shadow:0px 0px 31px rgba(0,0,0,0.3);}.elementor-55 .elementor-element.elementor-element-58d4bda7 .elementor-progress-wrapper .elementor-progress-bar{background-color:#FF0000;}.elementor-55 .elementor-element.elementor-element-58d4bda7 .elementor-progress-wrapper{background-color:#DBBDBD;border-radius:35px;overflow:hidden;}.elementor-55 .elementor-element.elementor-element-58d4bda7 .elementor-progress-bar{height:49px;line-height:49px;}.elementor-55 .elementor-element.elementor-element-34a19bac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55 .elementor-element.elementor-element-34a19bac:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-34a19bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-1e05484{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55 .elementor-element.elementor-element-1e05484:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-1e05484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-4809fc64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55 .elementor-element.elementor-element-4809fc64:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-4809fc64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-2008f868{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55 .elementor-element.elementor-element-2008f868:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-2008f868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tiksio.online/wp-content/uploads/2026/06/555-BEAUTY-TRENDY-ABSTRACT-BACKGROUND.webp");}.elementor-55 .elementor-element.elementor-element-233362bd{--display:flex;}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-5625bd1e{padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-3fce4b64 > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-6ca056e1 .elementor-heading-title{font-size:32px;line-height:1.3em;letter-spacing:-1.2px;word-spacing:0.2em;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-55 .elementor-element.elementor-element-5802a39 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-58d4bda7.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for form, class: .elementor-element-5802a39 *//* ================= FORMULAIRE COMMANDE — STYLE PRO ================= */

/* --- Conteneur du formulaire : effet "carte" --- */
.elementor-form{
    background:#ffffff;
    padding:20px 16px;
    border-radius:16px;
    box-shadow:0 6px 22px rgba(0,0,0,.08);
}

/* --- Champs texte + listes déroulantes --- */
.elementor-form .elementor-field-textual,
.elementor-form input[type="text"],
.elementor-form input[type="tel"],
.elementor-form input[type="email"],
.elementor-form select{
    height:54px !important;
    font-size:16px !important;
    padding:12px 16px !important;
    border:1.5px solid #d7e0d7 !important;
    border-radius:12px !important;
    background:#f8faf8 !important;
    color:#222 !important;
    width:100% !important;
    transition:all .2s ease !important;
    direction:rtl; text-align:right;
}

/* --- Effet au clic (focus) --- */
.elementor-form .elementor-field:focus,
.elementor-form select:focus{
    border-color:#1e8e3e !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(30,142,62,.15) !important;
    outline:none !important;
}

.elementor-form ::placeholder{ color:#9aa39a !important; font-size:15px !important; }

/* Espacement entre les champs */
.elementor-form .elementor-field-group{ margin-bottom:14px !important; }

/* Flèche de la liste wilaya bien placée (RTL) */
.elementor-form select{ background-position:left 14px center !important; padding-left:42px !important; }

/* ================= CARTES D'OFFRE (1 boîte / 2 boîtes...) ================= */
/* cible les blocs de choix d'offre — ajuste si ta classe diffère */
.elementor-form .elementor-field-subgroup label,
.elementor-field-option label{
    display:flex; align-items:center; gap:8px;
    border:2px solid #e2e8e2; border-radius:12px;
    padding:12px 14px; margin-bottom:10px;
    background:#fff; cursor:pointer; transition:all .2s ease;
}
.elementor-field-option input:checked + label,
.elementor-field-option label:hover{
    border-color:#1e8e3e; background:#f1fbf3;
    box-shadow:0 2px 8px rgba(30,142,62,.12);
}

/* ================= BOUTON DE CONFIRMATION ================= */
.elementor-form button[type="submit"],
.elementor-button-link.elementor-button{
    width:100% !important;
    height:60px !important;
    font-size:19px !important;
    font-weight:800 !important;
    color:#fff !important;
    background:linear-gradient(180deg,#27ae46,#1e8e3e) !important;
    border:none !important;
    border-radius:14px !important;
    box-shadow:0 6px 16px rgba(30,142,62,.35) !important;
    cursor:pointer !important;
    letter-spacing:.3px;
    transition:transform .15s ease, box-shadow .15s ease !important;
    animation:pulseBtn 1.8s infinite;
}
.elementor-form button[type="submit"]:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 10px 22px rgba(30,142,62,.45) !important;
}

/* petite animation "respiration" pour attirer le clic */
@keyframes pulseBtn{
    0%   { box-shadow:0 6px 16px rgba(30,142,62,.35); }
    50%  { box-shadow:0 6px 22px rgba(30,142,62,.55); }
    100% { box-shadow:0 6px 16px rgba(30,142,62,.35); }
}

/* ================= MOBILE ================= */
@media (max-width:600px){
    .elementor-form .elementor-field-textual,
    .elementor-form select{ height:50px !important; font-size:15px !important; }
    .elementor-form button[type="submit"]{ height:56px !important; font-size:17px !important; }
}.elementor-55 .elementor-element.elementor-element-5802a39 button[type="submit"]{
    position: fixed !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    z-index: 99999 !important;
    border-radius: 40px !important;
}

.elementor-55 .elementor-element.elementor-element-5802a39{
    padding-bottom: 90px !important;
}/* ===== TEXTE DES OFFRES (les 2 cartes) ===== */
.elementor-field-option label,
.elementor-field-subgroup label,
.elementor-form .e-form__buttons + * label{
    font-size:18px !important;
    font-weight:700 !important;
    color:#15431f !important;
    line-height:1.7 !important;
    font-family:"Tajawal","Cairo",Tahoma,sans-serif !important;
}

/* ===== PRIX MIS EN VALEUR ===== */
.offre-prix{
    color:#e63946 !important;        /* rouge */
    font-weight:800 !important;
    font-size:21px !important;
    background:#fff3cd;              /* fond jaune doux */
    padding:1px 9px;
    border-radius:6px;
    margin:0 3px;
    display:inline-block;
}/* ============================================================
   STYLE "ARYANADZ" — à coller à la suite de ton CSS
   ============================================================ */

/* ---- COULEUR D'ACCENT (rose/magenta comme le modèle) ---- */
/* Boutons radio en magenta */
.elementor-field-option input[type="radio"],
.elementor-form input[type="radio"]{
    accent-color:#c2185b !important;
    width:22px !important;
    height:22px !important;
    flex-shrink:0;
}

/* ---- CARTES D'OFFRE ---- */
.elementor-field-option label{
    position:relative;
    border:2px solid #e6e6e6 !important;
    border-radius:14px !important;
    background:#fff !important;
    padding:16px 14px !important;
    margin-bottom:12px !important;
    transition:all .2s ease;
}
/* Carte sélectionnée : bordure magenta */
.elementor-field-option input[type="radio"]:checked + label{
    border-color:#c2185b !important;
    box-shadow:0 0 0 1px #c2185b inset, 0 3px 10px rgba(194,24,91,.12) !important;
}

/* ---- PRIX ---- */
/* prix actuel : gros et noir */
.elementor-field-option label{ color:#1a1a1a !important; font-size:17px !important; font-weight:700 !important; }
/* ancien prix barré (entoure-le avec <span class="ancien-prix">2850 دج</span>) */
.ancien-prix{
    color:#9a9a9a !important;
    text-decoration:line-through !important;
    font-weight:500 !important;
    font-size:14px !important;
    margin:0 5px;
}

/* ---- BADGE "الأكثر طلباً" sur la 2e offre ---- */
/* change nth-child(2) si le badge ne tombe pas sur la bonne carte */
.elementor-field-option:nth-child(2) label::before{
    content:"🔥 الأكثر طلباً";
    position:absolute; top:-13px; left:14px;
    background:#c2185b; color:#fff;
    font-size:12px; font-weight:700;
    padding:3px 11px; border-radius:8px;
    box-shadow:0 2px 5px rgba(0,0,0,.15);
}

/* ---- CHAMPS (fond crème clair comme le modèle) ---- */
.elementor-form .elementor-field-textual,
.elementor-form input[type="text"],
.elementor-form input[type="tel"],
.elementor-form input[type="email"],
.elementor-form select{
    background:#f6f6ee !important;
    border:1.5px solid #eceadd !important;
    border-radius:12px !important;
    height:56px !important;
    font-size:16px !important;
    color:#333 !important;
}
.elementor-form ::placeholder{ color:#9a9a8f !important; }

/* ---- FLÈCHES VERTES SOUS LE BOUTON ---- */
.elementor-field-type-submit{ position:relative; }
.elementor-field-type-submit::after{
    content:"↑ ↑ ↑ ↑";
    display:block; text-align:center;
    color:#22a52e; font-size:30px; font-weight:bold;
    margin-top:6px;
    animation:flecheUp 1s infinite;
}
@keyframes flecheUp{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-35ed8156 */.offre-head{ max-width:520px; margin:0 auto 18px; font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif; text-align:center; }
.offre-head .oh-title{ color:#e10600; font-size:34px; font-weight:900; margin:0 0 10px; text-shadow:0 1px 0 rgba(0,0,0,.06); letter-spacing:.5px; }
.offre-head .oh-banner{ background:#e10600; color:#fff; font-size:20px; font-weight:800; padding:11px 14px; border-radius:8px; box-shadow:0 3px 10px rgba(225,6,0,.25); }
.offre-head .oh-reviews{ margin-top:16px; }
.offre-head .oh-stars{ display:flex; align-items:center; justify-content:center; gap:4px; direction:ltr; }
.offre-head .oh-score{ color:#1a1a1a; font-size:18px; font-weight:800; margin-left:8px; }
.offre-head .oh-star{ color:#c2185b; font-size:24px; line-height:1; }
.offre-head .oh-count{ margin:7px 0 0; color:#555; font-size:15px; }
.offre-head .oh-count b{ color:#1a1a1a; }
@media (max-width:600px){
  .offre-head .oh-title{ font-size:28px; }
  .offre-head .oh-banner{ font-size:17px; }
  .offre-head .oh-star{ font-size:21px; }
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-4d669347 */.vn-wrap{ max-width:480px; margin:18px auto; padding:0 10px; font-family:"Segoe UI",Tahoma,Arial,sans-serif; }
.vn-title{ text-align:center; font-size:18px; font-weight:700; color:#1e6b3a; margin:0 0 14px; }
.vn-bubble{ display:flex; align-items:center; gap:10px; background:#dcf8c6; border:1px solid #c5edae; border-radius:16px; padding:10px 12px; margin-bottom:12px; box-shadow:0 2px 6px rgba(0,0,0,.08); }
.vn-avatar{ width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0; border:2px solid #fff; }
.vn-play{ width:42px; height:42px; flex-shrink:0; cursor:pointer; border:none; border-radius:50%; background:#25d366; color:#fff; display:flex; align-items:center; justify-content:center; transition:transform .15s, background .15s; }
.vn-play:hover{ background:#1eb955; transform:scale(1.06); }
.vn-play svg{ width:22px; height:22px; fill:#fff; }
.vn-icon-pause{ display:none; }
.vn-bubble.playing .vn-icon-play{ display:none; }
.vn-bubble.playing .vn-icon-pause{ display:block; }
.vn-body{ flex:1; min-width:0; }
.vn-track{ position:relative; height:26px; cursor:pointer; display:flex; align-items:center; }
.vn-bars{ position:absolute; inset:0; display:flex; align-items:center; gap:2px; overflow:hidden; }
.vn-bars span{ flex:1; background:#9bcf81; border-radius:2px; }
.vn-progress{ position:absolute; top:0; right:0; bottom:0; width:0%; background:linear-gradient(90deg,transparent,rgba(37,211,102,.28)); border-radius:4px; pointer-events:none; }
.vn-meta{ display:flex; justify-content:space-between; align-items:center; margin-top:5px; font-size:12px; color:#3a6b48; }
.vn-name{ font-weight:600; }
.vn-time{ font-variant-numeric:tabular-nums; opacity:.8; }
.vn-mic{ flex-shrink:0; }
.vn-mic svg{ width:18px; height:18px; fill:#7fb968; }/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-3cdd919e */.lo-card{ position:fixed; bottom:90px; left:12px; z-index:9998; width:300px; max-width:88vw; display:flex; gap:10px; align-items:center; background:#eef3ff; border:1px solid #d4def7; border-radius:14px; padding:10px 12px; box-shadow:0 6px 20px rgba(0,0,0,.15); font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif; transform:translateY(140%); opacity:0; transition:transform .5s ease, opacity .5s ease; }
.lo-card.show{ transform:translateY(0); opacity:1; }
.lo-icon{ position:relative; flex-shrink:0; width:46px; height:46px; border-radius:12px; background:#2f5bea; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; }
.lo-check{ position:absolute; bottom:-3px; left:-3px; width:18px; height:18px; border-radius:50%; background:#22a52e; color:#fff; font-size:11px; display:flex; align-items:center; justify-content:center; border:2px solid #eef3ff; }
.lo-body{ flex:1; min-width:0; font-size:13px; color:#222; }
.lo-new{ color:#2f5bea; font-weight:700; font-size:12px; }
.lo-name{ margin-top:2px; }
.lo-name b{ font-weight:800; }
.lo-product{ color:#444; margin-top:2px; font-size:13px; }
.lo-bottom{ display:flex; align-items:center; justify-content:space-between; margin-top:5px; font-size:11px; }
.lo-time{ color:#888; }
.lo-badge{ color:#1f8e3a; background:#e3f6e8; padding:2px 8px; border-radius:20px; font-weight:700; }/* End custom CSS */