.elementor-642 .elementor-element.elementor-element-5ac53ca7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-642 .elementor-element.elementor-element-461f74d4 img{width:100%;}.elementor-642 .elementor-element.elementor-element-4fb15a93{--display:flex;--overlay-opacity:0.5;}.elementor-642 .elementor-element.elementor-element-4fb15a93::before, .elementor-642 .elementor-element.elementor-element-4fb15a93 > .elementor-background-video-container::before, .elementor-642 .elementor-element.elementor-element-4fb15a93 > .e-con-inner > .elementor-background-video-container::before, .elementor-642 .elementor-element.elementor-element-4fb15a93 > .elementor-background-slideshow::before, .elementor-642 .elementor-element.elementor-element-4fb15a93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-642 .elementor-element.elementor-element-4fb15a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#FFD88D;}.elementor-642 .elementor-element.elementor-element-3de0c335{background-color:#FFE6B6;}.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-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group{padding-right:calc( 5px/2 );padding-left:calc( 5px/2 );margin-bottom:13px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-form-fields-wrapper{margin-left:calc( -5px/2 );margin-right:calc( -5px/2 );margin-bottom:-13px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group > label, .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-subgroup label{color:#000000;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-type-html{padding-bottom:0px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group .elementor-field{color:#000000;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group .elementor-field, .elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-subgroup label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#ACA8A8;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#ACA8A8;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-field-group .elementor-select-wrapper::before{color:#ACA8A8;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button{border-style:dashed;border-width:2px 2px 2px 2px;border-radius:15px 15px 15px 15px;padding:10px 80px 10px 80px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .e-form__buttons__wrapper__button-next{background-color:#FFEC00;color:#000000;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button[type="submit"]{background-color:#FFEC00;color:#000000;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-642 .elementor-element.elementor-element-55a80ea6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--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-642 .elementor-element.elementor-element-55a80ea6 > .elementor-widget-container{background-color:#FCE7BF;transition:background 0s;}.elementor-642 .elementor-element.elementor-element-535f588a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-642 .elementor-element.elementor-element-5f774c9 img{width:100%;}.elementor-642 .elementor-element.elementor-element-5ea3acfd{--display:flex;}@media(max-width:767px){.elementor-642 .elementor-element.elementor-element-5ac53ca7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-642 .elementor-element.elementor-element-461f74d4 img{width:100%;}.elementor-642 .elementor-element.elementor-element-461f74d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-4fb15a93{--width:500px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-642 .elementor-element.elementor-element-55b87f24{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-3de0c335{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-55a80ea6 .elementor-button{border-width:2px 2px 2px 2px;}.elementor-642 .elementor-element.elementor-element-55a80ea6{--e-form-steps-indicators-spacing:0px;width:100%;max-width:100%;}.elementor-642 .elementor-element.elementor-element-55a80ea6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-535f588a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-642 .elementor-element.elementor-element-5f774c9 img{width:100%;}.elementor-642 .elementor-element.elementor-element-5f774c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-642 .elementor-element.elementor-element-5ea3acfd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-55b87f24 *//* =========================
   PRICE BLOCK – FORCED
========================= */
.price-block-pro{
  width:100% !important;
  display:block !important;

  background:linear-gradient(180deg,#E9FBEF 0%, #DFF7E8 100%) !important;
  border:2px solid rgba(20,140,70,.25) !important;
  border-radius:18px !important;

  padding:14px 16px !important;
  margin:12px 0 !important;

  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08) !important;

  direction:rtl !important;
}

/* current */
.price-block-pro .price-now{
  display:flex !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:8px !important;
  color:#0E7A3A !important;
}

.price-block-pro .price-now .amount{
  font-size:46px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.price-block-pro .price-now .currency{
  font-size:18px !important;
  font-weight:800 !important;
}

/* old */
.price-block-pro .price-old{
  margin-top:6px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  color:#B10000 !important;
}

.price-block-pro .price-old .old-amount{
  font-size:22px !important;
  font-weight:900 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:3px !important;
  text-decoration-color:#E53935 !important;
}

.price-block-pro .price-old .currency{
  font-size:14px !important;
  font-weight:800 !important;
}

/* badge */
.price-block-pro .badge-red{
  background:#E53935 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  padding:3px 8px !important;
  border-radius:999px !important;
}

/* animation */
.price-block-pro .pulse{
  animation:pulsePrice 1.2s infinite !important;
}

@keyframes pulsePrice{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}

/* mobile */
@media(max-width:640px){
  .price-block-pro{ padding:12px 12px !important; }
  .price-block-pro .price-now .amount{ font-size:40px !important; }
  .price-block-pro .price-old .old-amount{ font-size:18px !important; }
}


/* =========================
   TRUST ICONS – FORCED
========================= */
.trust-icons-pro{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  background:linear-gradient(180deg,#FFF9EC 0%, #FFF4DA 100%) !important;
  border:1px solid rgba(201,165,90,.25) !important;
  border-radius:14px !important;

  padding:6px 8px !important;
  gap:6px !important;
  margin:10px 0 !important;

  box-shadow:0 6px 14px rgba(0,0,0,.05) !important;
  direction:rtl !important;
}

.trust-icons-pro .trust-box{
  background:transparent !important;
  box-shadow:none !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;

  padding:2px !important;
  gap:2px !important;

  flex:0 0 auto !important;
  min-width:56px !important;
}

.trust-icons-pro .trust-icon{
  font-size:15px !important;
  line-height:1 !important;
}

.trust-icons-pro .trust-text{
  font-size:9.5px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-align:center !important;
  color:#1F1A12 !important;
}

@media(min-width:768px){
  .trust-icons-pro{ padding:12px 14px !important; gap:12px !important; }
  .trust-icons-pro .trust-icon{ font-size:20px !important; }
  .trust-icons-pro .trust-text{ font-size:13px !important; }
  .trust-icons-pro .trust-box{ min-width:auto !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3de0c335 *//* =========================
   PRICE BLOCK – FORCED
========================= */
.price-block-pro{
  width:100% !important;
  display:block !important;

  background:linear-gradient(180deg,#E9FBEF 0%, #DFF7E8 100%) !important;
  border:2px solid rgba(20,140,70,.25) !important;
  border-radius:18px !important;

  padding:14px 16px !important;
  margin:12px 0 !important;

  text-align:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08) !important;

  direction:rtl !important;
}

/* current */
.price-block-pro .price-now{
  display:flex !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:8px !important;
  color:#0E7A3A !important;
}

.price-block-pro .price-now .amount{
  font-size:46px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.price-block-pro .price-now .currency{
  font-size:18px !important;
  font-weight:800 !important;
}

/* old */
.price-block-pro .price-old{
  margin-top:6px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  color:#B10000 !important;
}

.price-block-pro .price-old .old-amount{
  font-size:22px !important;
  font-weight:900 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:3px !important;
  text-decoration-color:#E53935 !important;
}

.price-block-pro .price-old .currency{
  font-size:14px !important;
  font-weight:800 !important;
}

/* badge */
.price-block-pro .badge-red{
  background:#E53935 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  padding:3px 8px !important;
  border-radius:999px !important;
}

/* animation */
.price-block-pro .pulse{
  animation:pulsePrice 1.2s infinite !important;
}

@keyframes pulsePrice{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}

/* mobile */
@media(max-width:640px){
  .price-block-pro{ padding:12px 12px !important; }
  .price-block-pro .price-now .amount{ font-size:40px !important; }
  .price-block-pro .price-old .old-amount{ font-size:18px !important; }
}


/* =========================
   TRUST ICONS – FORCED
========================= */
.trust-icons-pro{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  background:linear-gradient(180deg,#FFF9EC 0%, #FFF4DA 100%) !important;
  border:1px solid rgba(201,165,90,.25) !important;
  border-radius:14px !important;

  padding:6px 8px !important;
  gap:6px !important;
  margin:10px 0 !important;

  box-shadow:0 6px 14px rgba(0,0,0,.05) !important;
  direction:rtl !important;
}

.trust-icons-pro .trust-box{
  background:transparent !important;
  box-shadow:none !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;

  padding:2px !important;
  gap:2px !important;

  flex:0 0 auto !important;
  min-width:56px !important;
}

.trust-icons-pro .trust-icon{
  font-size:15px !important;
  line-height:1 !important;
}

.trust-icons-pro .trust-text{
  font-size:9.5px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-align:center !important;
  color:#1F1A12 !important;
}

@media(min-width:768px){
  .trust-icons-pro{ padding:12px 14px !important; gap:12px !important; }
  .trust-icons-pro .trust-icon{ font-size:20px !important; }
  .trust-icons-pro .trust-text{ font-size:13px !important; }
  .trust-icons-pro .trust-box{ min-width:auto !important; }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-55a80ea6 *//* =========================
   PRO RECTANGLE OFFERS (2/4/6)
   - long horizontal cards
   - small product image on the right
   - big price on the left
========================= */

.offer-gallery{
  --bg1:#FFF7E6;
  --bg2:#FFF1D0;
  --text:#1F1A12;
  --muted:#6B5A47;
  --gold:#F2C94C;
  --gold2:#E6B800;
  --green:#2E7D32;
  --greenSoft: rgba(46,125,50,.16);
  --red:#D32F2F;
}

/* Wrapper of radio group */
.offer-gallery .elementor-field-group.elementor-field-type-radio{
  margin: 6px 0 10px !important;
}

/* List */
.offer-gallery .elementor-field-subgroup{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Each option => long rectangle */
.offer-gallery .elementor-field-option{
  position:relative !important;
  width:100% !important;
  max-width:520px !important;   /* كيعمّر مزيان */
  margin: 0 auto !important;

  height:92px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:2px solid rgba(0,0,0,.10) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.08) !important;
  overflow:hidden !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  padding: 14px 14px 14px 14px !important;
  transition:.2s ease !important;
}

/* Hover */
.offer-gallery .elementor-field-option:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(201,165,90,.65) !important;
}

/* Hide native input */
.offer-gallery .elementor-field-option input{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:5 !important;
}

/* Remove default label text completely */
.offer-gallery .elementor-field-option label{
  position:absolute !important;
  inset:0 !important;
  font-size:0 !important;
  color:transparent !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

/* =========================
   RIGHT: small image box
========================= */
.offer-gallery .elementor-field-option::after{
  content:"" !important;
  width:72px !important;
  height:72px !important;
  border-radius:14px !important;
  background:#FFF7E6 !important;
  border:1px solid rgba(201,165,90,.35) !important;

  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:58px auto !important;

  flex:0 0 auto !important;
}

/* Images */
.offer-gallery .elementor-field-option:nth-of-type(1)::after{
  background-image:url('/wp-content/uploads/2026/04/Kpreview.png') !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2)::after{
  background-image:url('/wp-content/uploads/2026/04/Gpreview.png') !important;
}
.offer-gallery .elementor-field-option:nth-of-type(3)::after{
  background-image:url('/wp-content/uploads/2026/04/Fpreview.png') !important;
}

/* =========================
   LEFT: Text block
   (we draw it with ::before)
========================= */
.offer-gallery .elementor-field-option::before{
  content:"" !important;
  display:block !important;
  text-align:right !important;
  direction:rtl !important;

  font-weight:1000 !important;
  color:var(--text) !important;

  /* space so text doesn't touch image */
  width: calc(100% - 90px) !important;
  padding-right: 10px !important;

  white-space:pre-line !important;
  line-height:1.2 !important;
}

/* Offer texts */
.offer-gallery .elementor-field-option:nth-of-type(1)::before{
  content:"سعر خاص: كيس واحد بـ 17 دينار اليوم فقط" !important;
  font-size:18px !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  content:"عرض 2 — 2 دعامات\nالسعر اليوم: 26 دينار\nاقتصاد 30%" !important;
  font-size:18px !important;
}
.offer-gallery .elementor-field-option:nth-of-type(3)::before{
  content:"العرض العائلي 4 أكياس بـ 50 دينار — خصم 50%" !important;
  font-size:18px !important;
}

/* Make the discount line green by overlaying a subtle green strip */
.offer-gallery .elementor-field-option:nth-of-type(2),
.offer-gallery .elementor-field-option:nth-of-type(3){
  background:
    linear-gradient(90deg, rgba(46,125,50,.06), rgba(46,125,50,0) 55%),
    #fff !important;
}

/* Badge الأكثر طلباً for offer 2 */
.offer-gallery .elementor-field-option:nth-of-type(2) .badge-most,
.offer-gallery .elementor-field-option:nth-of-type(2)::marker{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .fake-badge{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) span{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .elementor-field-option-label{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) > label{ display:block !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .x{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::webkit{ display:none !important; }

/* Real badge */
.offer-gallery .elementor-field-option:nth-of-type(2) .badge { display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  /* keep text, badge separate using extra top ribbon */
  content:"الأكثر طلباً 4 دعامات بـ 129 ريال فقط" !important;
}


/* ===== PACK 2: FULL SENTENCE GREEN + BIG + MOVING ===== */
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  content:"الأكثر طلباً · 2 أكياس بـ 26 دينار\ اليوم فقط" !important;

  color:#2E7D32 !important;        /* خضر */
  font-size:20px !important;       /* كبيرة */
  font-weight:1100 !important;
  line-height:1.25 !important;

  animation: pack2Pulse 1.3s ease-in-out infinite !important;
}

/* الحركة للجملة كاملة */
@keyframes pack2Pulse{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}





.offer-gallery .elementor-field-option:nth-of-type(2) .most{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .popular{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::after{
  /* image stays, so badge is separate */
}

/* Separate badge element */
.offer-gallery .elementor-field-option:nth-of-type(2) .most-badge{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::placeholder{ display:none !important; }

/* Badge using extra pseudo element */
.offer-gallery .elementor-field-option:nth-of-type(2) .__none{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__none2{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__none3{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__none4{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__none5{ display:none !important; }

/* Actual badge */
.offer-gallery .elementor-field-option:nth-of-type(2) .__badge{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::before{ padding-top: 6px !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__badgex{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  padding-top: 10px !important;
}

/* Badge ribbon */
.offer-gallery .elementor-field-option:nth-of-type(2)::after{
  /* keep image */
}
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  /* keep text */
}

/* Create badge with extra element via box-shadow trick */
.offer-gallery .elementor-field-option:nth-of-type(2){
  position:relative !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2) .__noop{ display:none !important; }
.offer-gallery .elementor-field-option:nth-of-type(2)::before{ }

/* Badge */
.offer-gallery .elementor-field-option:nth-of-type(2) .__badge2{ display:none !important; }
.offer-gallery .elementor-field-option:nth-of-type(2)::marker{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__x{ display:none !important; }

/* Use an extra pseudo for badge: we’ll use outline with inset shadow */
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  /* text already */
}

.offer-gallery .elementor-field-option:nth-of-type(2)::after{
  /* image already */
}

/* A top badge using box-shadow overlay */
.offer-gallery .elementor-field-option:nth-of-type(2){
  background:
    radial-gradient(circle at 18% 22%, rgba(211,47,47,.10), transparent 38%),
    linear-gradient(90deg, rgba(46,125,50,.06), rgba(46,125,50,0) 55%),
    #fff !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2) {
  --badgeText:"الأكثر طلباً";
}
.offer-gallery .elementor-field-option:nth-of-type(2) .badgeX{ display:none !important; }

/* Badge element */
.offer-gallery .elementor-field-option:nth-of-type(2) .__badgeReal{ display:none !important; }
.offer-gallery .elementor-field-option:nth-of-type(2) .__badgeReal2{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2)::selection{ background:transparent; }

/* Badge via extra absolutely positioned span created by pseudo */
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  /* keep content */
}
.offer-gallery .elementor-field-option:nth-of-type(2){
  /* badge using outline shadow won't work; use ::after for image and add badge with ::before? 
     So we create badge with a new pseudo: */
}
.offer-gallery .elementor-field-option:nth-of-type(2) {
  /* We'll add badge with inset shadow placeholder using background-image not possible,
     so we use a real pseudo: */
}
.offer-gallery .elementor-field-option:nth-of-type(2) .badge-most{ display:none !important; }

/* ✅ Badge using a new pseudo element: */
.offer-gallery .elementor-field-option:nth-of-type(2){
  position:relative !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2) .__x2{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__x3{ display:none !important; }

.offer-gallery .elementor-field-option:nth-of-type(2) .__x4{ display:none !important; }

/* We'll use :after for image, and create badge with a new pseudo by using :before for text and add badge with outline via box-shadow? 
   Easiest: add badge with another pseudo using :has(input)?? Not needed.
   We'll add badge with a CSS background label using linear-gradient and clip-path? 
   Simpler: add badge using extra pseudo on option itself: */
.offer-gallery .elementor-field-option:nth-of-type(2) .__no{ display:none !important; }
.offer-gallery .elementor-field-option:nth-of-type(2)::after{ /* image */ }

/* Badge as ::before overlay is not possible since ::before used by text.
   So we use a tiny absolutely positioned element drawn with box-shadow on the card: */
.offer-gallery .elementor-field-option:nth-of-type(2){
  box-shadow:0 14px 30px rgba(0,0,0,.08), 0 0 0 0 rgba(0,0,0,0) !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2){
  /* add badge using background with multiple layers */
  background:
    linear-gradient(#D32F2F,#D32F2F) left 12px top 10px / 88px 24px no-repeat,
    radial-gradient(circle at 18% 22%, rgba(211,47,47,.10), transparent 38%),
    linear-gradient(90deg, rgba(46,125,50,.06), rgba(46,125,50,0) 55%),
    #fff !important;
}
.offer-gallery .elementor-field-option:nth-of-type(2)::before{
  /* move text slightly down so it doesn't overlap badge */
  padding-top: 18px !important;
}

/* Badge text using text-shadow trick is not possible in background.
   We'll put the badge text with an extra pseudo on the INPUT checked state? Not.
   We'll do it on the OPTION with a pseudo using :has() so we still keep text in ::before.
   We'll create badge text with a span-like pseudo using the label itself:
*/
.offer-gallery .elementor-field-option:nth-of-type(2) > label{
  /* create badge text inside label using box-shadow background already */
}
.offer-gallery .elementor-field-option:nth-of-type(2) > label::after{
  content:"الأكثر طلباً" !important;
  position:absolute !important;
  top:10px !important;
  left:12px !important;
  font-size:11px !important;
  font-weight:1100 !important;
  color:#fff !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:#D32F2F !important;
  box-shadow:0 10px 22px rgba(211,47,47,.25) !important;
}



/* =========================
   PATCH 2: remove red block + match landing colors
   Paste at the VERY END of your CSS
========================= */

/* ألوان متناسقة */
.offer-gallery{
  --lpYellow:#FFD400;                 /* نفس زر اطلب الآن */
  --lpYellowSoft: rgba(255,212,0,.22);
  --lpCard:#FFF8E8;                   /* بيج ناعم */
  --lpCard2:#FFFFFF;
  --lpBorder: rgba(0,0,0,.12);
  --lpShadow: 0 10px 22px rgba(0,0,0,.08);
  --lpText:#1F1A12;
  --lpGreen:#2E7D32;
}

/* الكروت كلها */
.offer-gallery .elementor-field-option{
  background: linear-gradient(180deg, var(--lpCard2), var(--lpCard)) !important;
  border:1px solid var(--lpBorder) !important;
  box-shadow: var(--lpShadow) !important;
}

/* ✅ حيد أي overlay/مستطيل أحمر قديم فالعرض 2 (هو اللي باين عندك) */
.offer-gallery .elementor-field-option:nth-of-type(2){
  background: linear-gradient(180deg, var(--lpCard2), var(--lpCard)) !important;
}

/* النص */
.offer-gallery .elementor-field-option::before{
  color: var(--lpText) !important;
}

/* ✅ البادج يخدم لكن بلا مستطيل أحمر كبير */
.offer-gallery .elementor-field-option:nth-of-type(2) > label::after{
  background: var(--lpYellow) !important;   /* بدل الأحمر -> أصفر متناسق */
  color: #1F1A12 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

/* hover خفيف بأصفر */
.offer-gallery .elementor-field-option:hover{
  border-color: rgba(255,212,0,.55) !important;
  box-shadow: 0 0 0 4px var(--lpYellowSoft), var(--lpShadow) !important;
}

/* selected state أخضر متناسق */
.offer-gallery .elementor-field-option input:checked + label{
  outline:2px solid var(--lpGreen) !important;
  box-shadow: 0 0 0 4px rgba(46,125,50,.14), var(--lpShadow) !important;
}


/* =========================
   PATCH 3: change WHITE background behind packs
   Paste at the VERY END of your CSS
========================= */

/* الخلفية العامة ديال الفورم (ورا الباكات) */
.offer-gallery,
.offer-gallery .elementor-field-group,
.offer-gallery .elementor-field-subgroup{
  background: linear-gradient(
    180deg,
    #FFF6DB,   /* بيج فاتح */
    #FFFDF6
  ) !important;
}

/* حيد أي خلفية بيضا مباشرة */
.offer-gallery .elementor-field-group,
.offer-gallery .elementor-field-subgroup{
  box-shadow:none !important;
}

/* حتى الكونتينر اللي شايل الفورم */
.offer-gallery{
  padding:10px 8px !important;
  border-radius:16px !important;
}

/* Mobile شوية أفتح */
@media (max-width:640px){
  .offer-gallery,
  .offer-gallery .elementor-field-group,
  .offer-gallery .elementor-field-subgroup{
    background: linear-gradient(
      180deg,
      #FFF9E8,
      #FFFFFF
    ) !important;
  }
}


/* =========================
   PATCH: reduce big space above form (between price box & form)
========================= */

/* نقص المسافة الفوق ديال الفورم */
.offer-gallery .elementor-field-group.elementor-field-type-radio{
  margin-top:0px !important;
  margin-bottom:6px !important;
}

/* نقص margin/padding اللي ممكن يكون جاي من wrapper ديال الفورم */
.offer-gallery,
.offer-gallery .elementor-field-group,
.offer-gallery .elementor-field-subgroup{
  padding-top:0px !important;
  margin-top:0px !important;
}

/* إذا الفورم كامل عندو margin-top */
.offer-gallery form,
.offer-gallery .elementor-form{
  margin-top:0px !important;
  padding-top:0px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fb15a93 *//* FINAL FIX – remove all spacing around buy now */
..elementor-642 .elementor-element.elementor-element-4fb15a93{
  gap:4px !important;
  justify-content:center !important;
}

..elementor-642 .elementor-element.elementor-element-4fb15a93 *{
  margin:0 !important;
  padding:0 !important;
}/* End custom CSS */