/* =========================================
   Jothrah Master CSS - Clean V4
   Hero + Chat Widget + Pest Radar | Arabic + English
   Scoped / Safe for Salla

   تعديلات V3:
   - رادار الآفات: السكشن نفسه صار هو الكرت الوحيد
     (عرض محدود 1320px ومتمركز) بدل التمدد الكامل.
   - حذف قواعد .jth-pest-radar-wrap و .jth-pest-month
     و .jth-pest-radar-foot لأنها انحذفت من الكود.
========================================= */

/* ========== HERO BASE ========== */
.jth-hero-v4,
.jth-hero-v4 *{
  box-sizing:border-box;
}

.jth-hero-v4{
  --jth-dark:#004956;
  --jth-dark-2:#003E49;
  --jth-main:#007373;
  --jth-soft:#D9ECEE;
  --jth-soft-2:#F7FBFB;
  --jth-line:#E4EEEE;
  --jth-text:#10241F;
  --jth-muted:#60777B;

  width:100%;
  background:#fff;
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
  color:var(--jth-text);
  direction:rtl;
}

.jth-hero-v4[dir="ltr"]{
  direction:ltr;
}

.jth-hero-v4 a{
  text-decoration:none !important;
}

.jth-hero-v4 .jth-hero-bg{
  position:relative;
  min-height:490px;
  padding:52px 0 34px;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(217,236,238,.16), transparent 32%),
    radial-gradient(circle at 86% 22%, rgba(0,115,115,.32), transparent 34%),
    radial-gradient(circle at 72% 88%, rgba(217,236,238,.10), transparent 36%),
    linear-gradient(135deg, #003E49 0%, #004956 46%, #007373 100%);
  background-color:#004956;
}

.jth-hero-v4 .jth-hero-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,33,40,.20), rgba(0,73,86,.08), rgba(0,115,115,.10)),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.035), transparent 42%);
  pointer-events:none;
}

.jth-hero-v4 .jth-hero-bg::after{
  content:"";
  position:absolute;
  right:-160px;
  bottom:-180px;
  width:540px;
  height:540px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(217,236,238,.11), transparent 64%);
  pointer-events:none;
}

.jth-hero-v4 .jth-hero-wrap{
  position:relative;
  z-index:2;
  width:min(1240px, calc(100% - 80px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:42px;
  align-items:center;
}

.jth-hero-v4 .jth-hero-copy{
  text-align:center;
  justify-self:end;
  max-width:820px;
}

.jth-hero-v4[dir="ltr"] .jth-hero-copy{
  justify-self:start;
}

.jth-hero-v4 .jth-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(217,236,238,.36);
  background:rgba(217,236,238,.10);
  color:#EAF6F7;
  border-radius:999px;
  padding:6px 16px;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  margin-bottom:14px;
  backdrop-filter:blur(4px);
}

.jth-hero-v4 .jth-hero-copy h1,
.jth-hero-v4 .jth-hero-copy .jth-slide-title{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:40px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-.8px;
  text-shadow:0 10px 28px rgba(0,0,0,.18);
}

.jth-hero-v4 .jth-title-line{
  display:block;
}

.jth-hero-v4 .jth-title-accent{
  color:#D9ECEE !important;
  margin-top:4px;
}

.jth-hero-v4 .jth-hero-copy p{
  margin:0 auto 20px !important;
  max-width:none !important;
  color:#E3F0ED !important;
  font-size:14.5px !important;
  line-height:1.75 !important;
  font-weight:500;
  white-space:nowrap !important;
  text-shadow:0 8px 22px rgba(0,0,0,.16);
}

.jth-hero-v4 .jth-hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:0;
}

.jth-hero-v4 .jth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  line-height:1;
  transition:.22s ease;
  border:1px solid transparent;
  white-space:nowrap;
}

.jth-hero-v4 .jth-btn-main{
  background:#D9ECEE;
  color:#003E49 !important;
}

/* Clean WhatsApp Button */
.jth-hero-v4 .jth-btn-light{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:9px !important;
  min-height:50px !important;
  padding:0 23px !important;
  background:#fff !important;
  color:#075E54 !important;
  border:1px solid rgba(37,211,102,.34) !important;
  border-radius:999px !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  box-shadow:0 10px 24px rgba(0,73,86,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden;
  transition:.22s ease;
}

.jth-hero-v4 .jth-btn-light::before{
  content:"";
  width:21px;
  height:21px;
  flex:0 0 21px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:21px 21px;
  background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2325D366' d='M16.02 3C8.86 3 3.05 8.73 3.05 15.8c0 2.27.61 4.48 1.77 6.42L3 29l6.98-1.79a13.08 13.08 0 0 0 6.04 1.48h.01C23.19 28.69 29 22.96 29 15.89 29 8.73 23.19 3 16.02 3Z'/%3E%3Cpath fill='white' d='M23.45 19.18c-.31-.15-1.83-.9-2.11-1-.28-.1-.49-.15-.69.15-.2.3-.79 1-.97 1.2-.18.2-.36.22-.67.07-.31-.15-1.31-.48-2.49-1.53-.92-.82-1.54-1.83-1.72-2.14-.18-.31-.02-.48.14-.63.14-.14.31-.36.46-.54.15-.18.2-.31.31-.51.1-.2.05-.38-.03-.54-.08-.15-.69-1.65-.95-2.26-.25-.6-.5-.51-.69-.52h-.59c-.2 0-.54.08-.82.38-.28.31-1.08 1.05-1.08 2.57 0 1.52 1.11 2.99 1.27 3.2.15.2 2.19 3.34 5.31 4.68.74.32 1.32.51 1.77.65.74.24 1.42.2 1.96.12.6-.09 1.83-.75 2.09-1.47.26-.72.26-1.34.18-1.47-.08-.13-.28-.2-.59-.36Z'/%3E%3C/svg%3E");
}

.jth-hero-v4 .jth-btn-light:hover{
  background:#F2FFF7 !important;
  color:#075E54 !important;
  border-color:rgba(37,211,102,.55) !important;
  box-shadow:0 14px 28px rgba(0,73,86,.13), 0 0 0 4px rgba(37,211,102,.08) !important;
  transform:translateY(-2px);
}

.jth-hero-v4 .jth-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.02);
}

.jth-hero-v4 .jth-trust-row{
  width:100%;
  max-width:530px;
  margin:24px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.jth-hero-v4 .jth-trust-card{
  background:rgba(217,236,238,.10);
  border:1px solid rgba(217,236,238,.20);
  border-radius:16px;
  padding:12px;
  text-align:center;
  min-height:70px;
  backdrop-filter:blur(5px);
}

.jth-hero-v4 .jth-trust-card strong{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}

.jth-hero-v4 .jth-trust-card small{
  display:block;
  color:#D4E2DC;
  font-size:11.5px;
  line-height:1.5;
  margin-top:2px;
}

/* ========== PICKER ========== */
.jth-hero-v4 .jth-picker{
  justify-self:start;
  width:100%;
  max-width:525px;
  background:rgba(0,62,73,.42);
  border:1px solid rgba(217,236,238,.22);
  border-radius:24px;
  padding:20px 20px 18px;
  box-shadow:0 30px 70px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}

.jth-hero-v4[dir="ltr"] .jth-picker{
  justify-self:end;
}

.jth-hero-v4 .jth-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:14px;
}

.jth-hero-v4 .jth-picker-head h3{
  margin:0 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.55 !important;
}

.jth-hero-v4 .jth-picker-head small{
  color:#D7E5DF;
  font-size:12.5px;
  line-height:1.5;
}

.jth-hero-v4 .jth-picker-arrow{
  display:none !important;
}

.jth-hero-v4 .jth-problem-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
}

.jth-hero-v4 .jth-problem-card{
  min-height:64px;
  background:rgba(217,236,238,.10);
  border:1px solid rgba(217,236,238,.18);
  border-radius:16px;
  padding:10px 14px;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  font-weight:800;
  transition:.2s ease;
}

.jth-hero-v4 .jth-problem-card:hover{
  background:rgba(217,236,238,.16);
  transform:translateY(-2px);
}

.jth-hero-v4 .jth-problem-card > span:last-child{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.4;
  font-weight:800;
}

.jth-hero-v4 .jth-problem-card small{
  display:block;
  color:#D4E2DC;
  font-size:11.5px;
  font-weight:600;
  line-height:1.35;
  margin-top:3px;
  opacity:.95;
}

.jth-hero-v4 .jth-real-icon,
.jth-hero-v4 .jth-promo-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}

.jth-hero-v4 .jth-real-icon{
  width:40px;
  height:40px;
  min-width:40px;
  flex:0 0 40px;
  border-radius:14px;
  background-color:rgba(217,236,238,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  font-size:21px;
  line-height:1;
}

.jth-hero-v4 .jth-real-icon::before{ content:""; }
.jth-hero-v4 .jth-icon-health::before{ content:"🪳"; }
.jth-hero-v4 .jth-icon-agri::before{ content:"🐛"; }
.jth-hero-v4 .jth-icon-fert::before{ content:"🌱"; }
.jth-hero-v4 .jth-icon-seed::before{ content:"🌾"; }

/* ========== PROMO CARDS ========== */
.jth-hero-v4 .jth-promo-area{
  position:relative;
  z-index:5;
  background:linear-gradient(to bottom, transparent 0 28px, #fff 28px 100%);
  margin-top:-26px;
  padding-bottom:10px;
}

.jth-hero-v4 .jth-promo-wrap{
  width:min(1240px, calc(100% - 80px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:18px;
  direction:rtl;
  align-items:stretch;
}

.jth-hero-v4[dir="ltr"] .jth-promo-wrap{
  direction:ltr;
}

.jth-hero-v4 .jth-promo-card,
.jth-hero-v4 .jth-promo-main{
  position:relative;
  overflow:hidden;
  min-height:170px;
  height:100%;
  background:#fff;
  border:1px solid var(--jth-line);
  border-radius:22px;
  padding:30px 28px 22px !important;
  box-shadow:0 18px 45px rgba(0,73,86,.10);
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

.jth-hero-v4 .jth-promo-main{
  background:linear-gradient(135deg,#FFFFFF 0%,#F7FBFB 55%,#D9ECEE 100%);
}

.jth-hero-v4 .jth-week-badge{
  position:absolute !important;
  top:18px !important;
  left:24px !important;
  right:auto !important;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  width:max-content;
  margin:0 !important;
  padding:5px 14px !important;
  background:#FFF1F0 !important;
  border:1px solid #FFB4A8 !important;
  color:#B42318 !important;
  border-radius:999px;
  font-size:12px !important;
  font-weight:800;
  line-height:1.4;
  box-shadow:0 8px 18px rgba(180,35,24,.08);
}

.jth-hero-v4[dir="ltr"] .jth-week-badge{
  right:24px !important;
  left:auto !important;
}

.jth-hero-v4 .jth-promo-card h3,
.jth-hero-v4 .jth-promo-main h3{
  position:relative;
  z-index:3;
  margin:0 0 8px !important;
  padding:0 !important;
  color:var(--jth-dark) !important;
  font-size:19px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  max-width:100% !important;
  text-align:start !important;
  align-self:stretch !important;
}

.jth-hero-v4 .jth-promo-card p,
.jth-hero-v4 .jth-promo-main p{
  position:relative;
  z-index:3;
  margin:0 !important;
  padding:0 !important;
  color:var(--jth-muted) !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
  min-height:0 !important;
  max-width:100% !important;
  text-align:start !important;
  align-self:stretch !important;
}

.jth-hero-v4 .jth-week-tabs{
  display:none !important;
}

.jth-hero-v4 .jth-promo-btn{
  position:relative;
  z-index:3;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:38px !important;
  margin-top:16px !important;
  padding:0 18px !important;
  border-radius:999px;
  background:#004956 !important;
  border:1px solid #004956 !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,73,86,.16);
  transition:.22s ease;
  align-self:flex-start !important;
  gap:0 !important;
}

.jth-hero-v4 .jth-promo-btn:hover{
  background:#003E49 !important;
  border-color:#003E49 !important;
  color:#fff !important;
  transform:translateY(-2px);
}

.jth-hero-v4 .jth-promo-btn i{
  display:none !important;
}

.jth-hero-v4 .jth-promo-icon{
  position:absolute;
  left:22px;
  bottom:14px;
  width:92px;
  height:92px;
  opacity:.045;
  pointer-events:none;
  z-index:1;
  font-size:78px;
  line-height:1;
}

.jth-hero-v4[dir="ltr"] .jth-promo-icon{
  right:22px;
  left:auto;
}

.jth-hero-v4 .jth-promo-icon::before{ content:""; }
.jth-hero-v4 .jth-icon-season::before{ content:"🦟"; }
.jth-hero-v4 .jth-icon-pesticide::before{ content:"🧴"; }
.jth-hero-v4 .jth-icon-planting::before{ content:"🌿"; }

/* ========== CHAT WIDGET ========== */
.jth-chat-widget,
.jth-chat-widget *{
  box-sizing:border-box;
}

.jth-chat-widget{
  --jth-chat-dark:#004956;
  --jth-chat-dark-2:#003E49;
  --jth-chat-main:#007373;
  --jth-chat-line:#E4EEEE;
  --jth-chat-text:#10241F;
  --jth-chat-muted:#60777B;

  position:fixed;
  left:18px;
  bottom:20px;
  z-index:99999;
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.jth-chat-widget.jth-en{
  left:auto;
  right:18px;
}

.jth-chat-widget a{
  text-decoration:none !important;
}

.jth-chat-widget .jth-chat-toggle{
  position:relative;
  width:62px;
  height:62px;
  border:1px solid rgba(217,236,238,.34);
  border-radius:22px;
  background:linear-gradient(135deg, var(--jth-chat-dark-2), var(--jth-chat-main));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 16px 36px rgba(0,73,86,.24), inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .25s ease, box-shadow .25s ease;
  animation:jthChatPulse 2.4s ease-in-out infinite;
}

.jth-chat-widget .jth-chat-toggle.jth-stop{
  animation:none;
}

@keyframes jthChatPulse{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.05); }
}

.jth-chat-widget .jth-chat-toggle:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(0,73,86,.30), inset 0 1px 0 rgba(255,255,255,.18);
}

.jth-chat-widget .jth-chat-toggle svg{
  width:28px;
  height:28px;
  fill:#fff;
}

.jth-chat-widget .jth-chat-panel{
  width:350px;
  max-width:calc(100vw - 28px);
  height:520px;
  max-height:calc(100vh - 120px);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(228,238,238,.95);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,73,86,.18);
  margin-bottom:12px;
  display:none;
  flex-direction:column;
}

.jth-chat-widget .jth-chat-panel.show{
  display:flex;
  animation:jthChatPanelIn .28s ease;
}

@keyframes jthChatPanelIn{
  from{ opacity:0; transform:translateY(14px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

.jth-chat-widget .jth-chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px;
  background:linear-gradient(135deg, var(--jth-chat-dark-2), var(--jth-chat-dark));
  color:#fff;
}

.jth-chat-widget .jth-chat-header-left{
  display:flex;
  align-items:center;
  gap:10px;
}

.jth-chat-widget .jth-chat-avatar{
  width:42px;
  height:42px;
  border-radius:15px;
  background:#fff;
  border:1px solid rgba(217,236,238,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  color:var(--jth-chat-dark);
  font-weight:900;
}

.jth-chat-widget .jth-chat-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  padding:5px;
}

.jth-chat-widget .jth-chat-title{
  font-size:15px;
  font-weight:900;
  line-height:1.4;
}

.jth-chat-widget .jth-chat-status{
  font-size:12px;
  color:#D9ECEE;
  margin-top:2px;
}

.jth-chat-widget .jth-chat-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  line-height:1;
}

.jth-chat-widget .jth-chat-body{
  flex:1;
  padding:14px;
  overflow-y:auto;
  background:linear-gradient(180deg,#fff,#F7FBFB);
}

.jth-chat-widget .jth-msg{
  max-width:86%;
  padding:11px 13px;
  border-radius:16px;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.75;
}

.jth-chat-widget .jth-msg.bot{
  background:#fff;
  color:var(--jth-chat-text);
  border:1px solid var(--jth-chat-line);
  box-shadow:0 8px 18px rgba(0,73,86,.06);
}

.jth-chat-widget .jth-msg.user{
  background:linear-gradient(135deg, var(--jth-chat-dark), var(--jth-chat-main));
  color:#fff;
  margin-right:auto;
}

.jth-chat-widget.jth-en .jth-msg.user{
  margin-right:0;
  margin-left:auto;
}

.jth-chat-widget .jth-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 14px;
}

.jth-chat-widget .jth-quick-btn{
  border:1px solid var(--jth-chat-line);
  border-radius:999px;
  padding:9px 12px;
  background:#fff;
  color:var(--jth-chat-dark);
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}

.jth-chat-widget .jth-contact-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:10px;
  margin-bottom:12px;
}

.jth-chat-widget .jth-option{
  color:#fff !important;
  border-radius:18px;
  min-height:88px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 12px 26px rgba(0,73,86,.12);
  font-size:12px;
  font-weight:900;
  text-align:center;
}

.jth-chat-widget .jth-option-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
}

.jth-chat-widget .jth-option-icon svg{
  width:24px;
  height:24px;
  fill:#fff;
  display:block;
}

.jth-chat-widget .jth-option.whatsapp{
  background:linear-gradient(135deg,#25D366,#16803D);
}

.jth-chat-widget .jth-option.telegram{
  background:linear-gradient(135deg,#229ED9,#0369A1);
}

.jth-chat-widget .jth-option.bot{
  background:linear-gradient(135deg,var(--jth-chat-dark),var(--jth-chat-main));
}

.jth-chat-widget .jth-chat-note{
  font-size:12px;
  color:var(--jth-chat-muted);
  line-height:1.7;
}

.jth-chat-widget .jth-chat-footer{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid var(--jth-chat-line);
  background:#fff;
}

.jth-chat-widget .jth-chat-footer input{
  flex:1;
  height:44px;
  border:1px solid var(--jth-chat-line);
  border-radius:14px;
  padding:0 14px;
  outline:none;
  font-size:14px;
  background:#fff;
}

.jth-chat-widget .jth-chat-footer button{
  height:44px;
  border:0;
  border-radius:14px;
  padding:0 16px;
  background:var(--jth-chat-dark);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}

/* ========== RESPONSIVE ========== */
@media(max-width:960px){
  .jth-hero-v4 .jth-hero-bg{
    min-height:auto;
    padding:48px 0 58px;
  }

  .jth-hero-v4 .jth-hero-wrap{
    width:min(100% - 32px, 1128px);
    grid-template-columns:1fr;
    gap:26px;
  }

  .jth-hero-v4 .jth-hero-copy,
  .jth-hero-v4 .jth-picker,
  .jth-hero-v4[dir="ltr"] .jth-hero-copy,
  .jth-hero-v4[dir="ltr"] .jth-picker{
    justify-self:center !important;
  }

  .jth-hero-v4 .jth-hero-copy h1,
  .jth-hero-v4 .jth-hero-copy .jth-slide-title{
    font-size:34px !important;
  }

  .jth-hero-v4 .jth-hero-copy p{
    white-space:normal !important;
  }

  .jth-hero-v4 .jth-promo-wrap{
    width:min(100% - 32px, 1128px);
    grid-template-columns:1fr;
    gap:14px;
  }
}

@media(max-width:560px){
  .jth-hero-v4 .jth-hero-bg{
    padding:30px 0 42px;
  }

  .jth-hero-v4 .jth-hero-wrap,
  .jth-hero-v4 .jth-promo-wrap{
    width:calc(100% - 22px);
  }

  .jth-hero-v4 .jth-hero-copy h1,
  .jth-hero-v4 .jth-hero-copy .jth-slide-title{
    font-size:28px !important;
    line-height:1.45 !important;
  }

  .jth-hero-v4 .jth-hero-copy p{
    white-space:normal !important;
    font-size:14px !important;
    line-height:1.9 !important;
    margin-bottom:22px !important;
  }

  .jth-hero-v4 .jth-hero-actions{
    gap:10px;
  }

  .jth-hero-v4 .jth-btn,
  .jth-hero-v4 .jth-btn-light{
    min-height:48px !important;
    padding:0 20px !important;
    font-size:14px !important;
  }

  .jth-hero-v4 .jth-btn-light::before{
    width:20px;
    height:20px;
    flex:0 0 20px;
    background-size:20px 20px;
  }

  .jth-hero-v4 .jth-trust-row{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:22px;
  }

  .jth-hero-v4 .jth-trust-card{
    min-height:auto;
    padding:12px 14px;
  }

  .jth-hero-v4 .jth-picker{
    border-radius:24px;
    padding:20px 16px 16px;
  }

  .jth-hero-v4 .jth-problem-grid{
    grid-template-columns:1fr;
  }

  .jth-hero-v4 .jth-problem-card{
    min-height:66px;
  }

  .jth-hero-v4 .jth-real-icon{
    width:42px;
    height:42px;
    min-width:42px;
    flex:0 0 42px;
    font-size:22px;
  }

  .jth-hero-v4 .jth-promo-area{
    margin-top:-24px;
    background:linear-gradient(to bottom, transparent 0 24px, #fff 24px 100%);
  }

  .jth-hero-v4 .jth-promo-card,
  .jth-hero-v4 .jth-promo-main{
    min-height:165px;
    border-radius:22px;
    padding:24px 18px 20px !important;
  }

  .jth-hero-v4 .jth-week-badge{
    top:16px !important;
    left:18px !important;
    font-size:11.5px !important;
  }

  .jth-hero-v4[dir="ltr"] .jth-week-badge{
    right:18px !important;
    left:auto !important;
  }

  .jth-hero-v4 .jth-promo-card h3,
  .jth-hero-v4 .jth-promo-main h3{
    font-size:17px !important;
    line-height:1.55 !important;
    white-space:normal !important;
  }

  .jth-hero-v4 .jth-promo-card p,
  .jth-hero-v4 .jth-promo-main p{
    font-size:13px !important;
    line-height:1.75 !important;
  }

  .jth-hero-v4 .jth-promo-btn{
    min-height:38px !important;
    padding:0 16px !important;
    font-size:13px !important;
    margin-top:14px !important;
  }

  .jth-hero-v4 .jth-promo-icon{
    width:72px;
    height:72px;
    left:18px;
    bottom:16px;
    font-size:60px;
  }

  .jth-hero-v4[dir="ltr"] .jth-promo-icon{
    right:18px;
    left:auto;
  }

  .jth-chat-widget{
    left:14px;
    bottom:14px;
  }

  .jth-chat-widget.jth-en{
    left:auto;
    right:14px;
  }

  .jth-chat-widget .jth-chat-toggle{
    width:56px;
    height:56px;
    border-radius:20px;
  }

  .jth-chat-widget .jth-chat-panel{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    height:78vh;
    margin-bottom:10px;
  }

  .jth-chat-widget .jth-contact-options{
    grid-template-columns:repeat(3,1fr);
  }
}

/* =========================================
   Jothrah Hero Slider - V5 Final
   الهيرو يتغير كامل: جذرة + تمارا + MISPAY
   صندوق الأقسام داخل شريحة جذرة فقط ويتغير مع السلايدر
========================================= */

.jth-hero-v4{
  --jth-hero-radius:28px;
}

.jth-hero-v4 .jth-hero-bg{
  position:relative !important;
  min-height:500px !important;
  padding:46px 0 34px !important;
  color:#fff !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, rgba(0,28,34,.88) 0%, rgba(0,73,86,.72) 48%, rgba(0,115,115,.58) 100%),
    radial-gradient(circle at 18% 18%, rgba(217,236,238,.10), transparent 34%),
    radial-gradient(circle at 82% 24%, rgba(0,115,115,.12), transparent 36%),
    url("https://ugwrvsibnsshsnksnsiz.supabase.co/storage/v1/object/public/hoory-images/brand/Hero.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#004956 !important;
  transition:background .45s ease !important;
}

.jth-hero-v4[data-active-theme="tamara"] .jth-hero-bg{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.30), transparent 25%),
    radial-gradient(circle at 86% 78%, rgba(255,255,255,.16), transparent 26%),
    linear-gradient(135deg, #F4C69C 0%, #E9B2AC 50%, #D9B9D9 100%) !important;
}

.jth-hero-v4[data-active-theme="mispay"] .jth-hero-bg{
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.14), transparent 26%),
    radial-gradient(circle at 82% 74%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, #6B27D7 0%, #7D35EE 48%, #5721BF 100%) !important;
}

.jth-hero-v4 .jth-hero-bg::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(0,20,26,.52) 0%, rgba(0,73,86,.28) 48%, rgba(0,115,115,.14) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
  transition:opacity .35s ease !important;
}

.jth-hero-v4[data-active-theme="tamara"] .jth-hero-bg::before,
.jth-hero-v4[data-active-theme="mispay"] .jth-hero-bg::before{
  opacity:0 !important;
}

.jth-hero-v4 .jth-hero-bg::after{
  opacity:.18 !important;
}

/* السلايدر هو الحاوية الأساسية داخل الهيرو */
.jth-hero-v4 .jth-hero-slider-pane{
  position:relative !important;
  z-index:2 !important;
  width:min(1280px, calc(100% - 80px)) !important;
  margin-inline:auto !important;
  overflow:hidden !important;
  border-radius:var(--jth-hero-radius) !important;
}

.jth-hero-v4 .jth-hero-track{
  display:flex !important;
  width:100% !important;
  transition:transform .65s ease !important;
  will-change:transform !important;
}

.jth-hero-v4 .jth-hero-slide{
  flex:0 0 100% !important;
  width:100% !important;
  min-height:390px !important;
  display:flex !important;
  align-items:center !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
  grid-area:auto !important;
}

/* الشريحة الأولى: النص + صندوق الأقسام */
.jth-hero-v4 .jth-slide-default .jth-hero-wrap{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:.92fr 1.08fr !important;
  grid-template-areas:"picker copy" !important;
  gap:42px !important;
  align-items:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy{
  grid-area:copy !important;
  width:100% !important;
  max-width:850px !important;
  margin:0 auto !important;
  text-align:center !important;
  justify-self:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy p{
  white-space:normal !important;
}

.jth-hero-v4 .jth-slide-default .jth-picker{
  grid-area:picker !important;
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  margin:0 !important;
  width:100% !important;
  max-width:525px !important;
  justify-self:start !important;
  z-index:4 !important;
  background:rgba(0,62,73,.52) !important;
  border-color:rgba(217,236,238,.24) !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
  grid-template-columns:.92fr 1.08fr !important;
  grid-template-areas:"picker copy" !important;
  direction:ltr !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
  text-align:center !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-picker{
  justify-self:start !important;
  direction:ltr !important;
  text-align:left !important;
}

/* شرائح الدفع */
.jth-hero-v4 .jth-banner-slide{
  padding:18px 8px !important;
}

.jth-hero-v4 .jth-banner-wrap{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(260px, 1fr) minmax(310px, 540px) !important;
  align-items:center !important;
  gap:44px !important;
}

.jth-hero-v4 .jth-banner-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:180px !important;
}

.jth-hero-v4 .jth-banner-logo-img{
  max-width:min(470px, 100%) !important;
  max-height:175px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.jth-hero-v4 .jth-logo-text{
  display:inline-flex !important;
  align-items:flex-end !important;
  gap:6px !important;
  font-size:92px !important;
  font-weight:900 !important;
  line-height:.95 !important;
  letter-spacing:-2px !important;
}

.jth-hero-v4 .jth-logo-text small{
  font-size:40px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.jth-hero-v4 .jth-banner-copy{
  text-align:right !important;
}

.jth-hero-v4[data-lang="en"] .jth-banner-copy{
  text-align:left !important;
}

.jth-hero-v4 .jth-banner-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:12px !important;
  padding:7px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.jth-hero-v4 .jth-banner-title{
  margin:0 0 10px !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.22 !important;
  letter-spacing:-.6px !important;
}

.jth-hero-v4 .jth-banner-eyebrow{
  margin:0 0 18px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.9 !important;
  max-width:520px !important;
  white-space:normal !important;
}

.jth-hero-v4 .jth-banner-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:900 !important;
  transition:.25s ease !important;
}

.jth-hero-v4 .jth-pay-note{
  display:block !important;
  margin-top:12px !important;
  font-size:12px !important;
  line-height:1.7 !important;
}

/* Tamara Identity */
.jth-hero-v4 .jth-banner-tamara .jth-logo-text,
.jth-hero-v4 .jth-banner-tamara .jth-banner-title,
.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-tamara .jth-pay-note{
  color:#111 !important;
  text-shadow:none !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-kicker{
  color:#111 !important;
  background:rgba(255,255,255,.42) !important;
  border-color:rgba(17,17,17,.08) !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-btn{
  background:#111 !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(17,17,17,.16) !important;
}

/* MISPAY Identity */
.jth-hero-v4 .jth-banner-mispay .jth-logo-text,
.jth-hero-v4 .jth-banner-mispay .jth-banner-title,
.jth-hero-v4 .jth-banner-mispay .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-mispay .jth-pay-note,
.jth-hero-v4 .jth-banner-mispay .jth-banner-kicker{
  color:#fff !important;
  text-shadow:none !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-banner-kicker{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-banner-btn{
  background:#007373 !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(0,115,115,.26) !important;
}

.jth-hero-v4 .jth-banner-btn:hover{
  transform:translateY(-2px) !important;
}

/* Hero arrows */
.jth-hero-v4 .jth-hero-nav{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  backdrop-filter:blur(8px) !important;
  z-index:5 !important;
  transition:.25s ease !important;
}

.jth-hero-v4 .jth-hero-nav:hover{
  background:rgba(255,255,255,.26) !important;
}

.jth-hero-v4 .jth-hero-prev{
  inset-inline-start:14px !important;
}

.jth-hero-v4 .jth-hero-next{
  inset-inline-end:14px !important;
}

/* Hero dots */
.jth-hero-v4 .jth-hero-dots{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:18px !important;
}

.jth-hero-v4 .jth-hero-dot{
  width:9px !important;
  height:9px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(217,236,238,.36) !important;
  cursor:pointer !important;
  transition:.25s ease !important;
}

.jth-hero-v4 .jth-hero-dot.active{
  width:24px !important;
  background:#D9ECEE !important;
}

@media(max-width:960px){
  .jth-hero-v4 .jth-hero-bg{
    min-height:auto !important;
    padding:34px 0 52px !important;
  }

  .jth-hero-v4 .jth-hero-slider-pane{
    width:calc(100% - 24px) !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-wrap,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    width:100% !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "picker" !important;
    gap:22px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-picker{
    max-width:720px !important;
    justify-self:center !important;
  }

  .jth-hero-v4 .jth-hero-slide{
    min-height:360px !important;
  }

  .jth-hero-v4 .jth-banner-wrap{
    grid-template-columns:1fr !important;
    gap:18px !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-banner-copy,
  .jth-hero-v4[data-lang="en"] .jth-banner-copy{
    text-align:center !important;
  }

  .jth-hero-v4 .jth-banner-logo{
    min-height:105px !important;
  }

  .jth-hero-v4 .jth-logo-text{
    font-size:62px !important;
  }

  .jth-hero-v4 .jth-logo-text small{
    font-size:28px !important;
  }

  .jth-hero-v4 .jth-banner-title{
    font-size:28px !important;
    line-height:1.35 !important;
  }

  .jth-hero-v4 .jth-banner-eyebrow{
    font-size:14px !important;
    line-height:1.8 !important;
    max-width:100% !important;
  }

  .jth-hero-v4 .jth-hero-nav{
    width:36px !important;
    height:36px !important;
    font-size:24px !important;
  }
}

@media(max-width:560px){
  .jth-hero-v4 .jth-hero-slide{
    min-height:330px !important;
  }

  .jth-hero-v4 .jth-hero-slider-pane{
    width:calc(100% - 20px) !important;
  }

  .jth-hero-v4 .jth-hero-nav{
    display:none !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .jth-hero-v4 .jth-hero-track{
    transition:none !important;
  }

  .jth-hero-v4 .jth-hero-nav,
  .jth-hero-v4 .jth-banner-btn{
    transition:none !important;
  }
}

/* =========================================
   Jothrah Pest Radar Section - V3
   رادار الآفات: السكشن نفسه هو الكرت الوحيد
   (عرض محدود ومتمركز بدل التمدد الكامل)
========================================= */

.jth-pest-radar,
.jth-pest-radar *{
  box-sizing:border-box;
}

.jth-pest-radar{
  direction:rtl;
  width:min(1320px, calc(100% - 32px));
  margin:36px auto 42px;
  background:#fff;
  border:1px solid #E4EEEE;
  border-radius:26px;
  padding:26px 28px 24px;
  box-shadow:0 18px 50px rgba(0,73,86,.07);
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#10241F;
}

.jth-pest-radar[data-lang="en"]{
  direction:ltr;
}

.jth-pest-radar-head{
  margin-bottom:16px;
}

.jth-pest-radar-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 6px !important;
  color:#10241F !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}

.jth-pest-radar-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#D4B2AD;
  display:inline-block;
  flex:0 0 10px;
}

.jth-pest-radar-subtitle{
  margin:0 !important;
  color:#60777B !important;
  font-size:14px !important;
  line-height:1.8 !important;
}

.jth-pest-radar-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.jth-pest-card{
  background:#EEF5F1;
  border:1px solid rgba(0,73,86,.07);
  border-radius:18px;
  padding:17px 18px 14px;
  min-height:82px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  text-decoration:none !important;
  color:inherit !important;
  cursor:pointer;
  transition:.22s ease;
}

.jth-pest-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(0,73,86,.08);
}

.jth-pest-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.jth-pest-name{
  display:flex;
  align-items:center;
  gap:7px;
  color:#10241F;
  font-size:16px;
  font-weight:900;
  line-height:1.4;
}

.jth-pest-icon{
  font-size:18px;
  line-height:1;
}

.jth-pest-level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.jth-pest-level.high{
  background:#FFE6E2;
  color:#B42318;
}

.jth-pest-level.medium{
  background:#FFF3D6;
  color:#9A6A00;
}

.jth-pest-level.low{
  background:#E4F5E8;
  color:#16703A;
}

.jth-pest-bar{
  width:100%;
  height:8px;
  border-radius:999px;
  background:#DCE9E3;
  overflow:hidden;
}

.jth-pest-fill{
  display:block;
  height:100%;
  border-radius:999px;
}

.jth-pest-fill.high{
  width:88%;
  background:#B86A4A;
}

.jth-pest-fill.medium{
  width:55%;
  background:#D0A84D;
}

.jth-pest-fill.low{
  width:32%;
  background:#5D806C;
}

/* English */
.jth-pest-radar[data-lang="en"] .jth-pest-radar-head{
  direction:ltr;
}

.jth-pest-radar[data-lang="en"] .jth-pest-radar-title{
  flex-direction:row;
}

.jth-pest-radar[data-lang="en"] .jth-pest-card{
  direction:ltr;
}

/* Responsive */
@media(max-width:960px){
  .jth-pest-radar{
    width:calc(100% - 28px);
    margin:28px auto 34px;
    padding:22px 18px 20px;
    border-radius:22px;
  }

  .jth-pest-radar-head{
    margin-bottom:14px;
  }

  .jth-pest-radar-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .jth-pest-radar{
    width:calc(100% - 22px);
  }

  .jth-pest-radar-grid{
    grid-template-columns:1fr;
  }

  .jth-pest-radar-title{
    font-size:19px !important;
  }

  .jth-pest-radar-subtitle{
    font-size:13px !important;
  }

  .jth-pest-card{
    min-height:78px;
  }
}


/* =========================================
   Jothrah Hero V6 Overrides
   previous layout + auto slider + dots only
========================================= */
.jth-hero-v4 .jth-slide-default .jth-hero-wrap{
  direction:ltr !important;
  grid-template-columns:.92fr 1.08fr !important;
  grid-template-areas:"picker copy" !important;
  gap:46px !important;
}

.jth-hero-v4 .jth-slide-default .jth-picker{
  justify-self:start !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy{
  text-align:right !important;
  justify-self:end !important;
  margin:0 !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-actions{
  justify-content:flex-end !important;
}

.jth-hero-v4 .jth-slide-default .jth-trust-row{
  justify-content:flex-end !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
  direction:ltr !important;
  grid-template-columns:1.08fr .92fr !important;
  grid-template-areas:"copy picker" !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
  text-align:left !important;
  justify-self:start !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
  justify-content:flex-start !important;
}

.jth-hero-v4 .jth-hero-nav{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.jth-hero-v4 .jth-hero-dots{
  margin-top:22px !important;
}

@media(max-width:960px){
  .jth-hero-v4 .jth-slide-default .jth-hero-wrap,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    direction:initial !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "picker" !important;
    gap:20px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
    text-align:center !important;
    justify-self:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions,
  .jth-hero-v4 .jth-slide-default .jth-trust-row,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
    justify-content:center !important;
  }
}


/* =========================================
   Jothrah Hero V7 - Premium Payment Slides
   مساحة شعار واضحة + نصوص أفخم لتمارا و MISPAY
========================================= */

.jth-hero-v4 .jth-banner-slide{
  padding:0 18px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
  width:min(980px, 100%) !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  min-height:390px !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  width:100% !important;
  min-height:118px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  margin-bottom:2px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo-img{
  max-width:min(430px, 82vw) !important;
  max-height:120px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.jth-hero-v4 .jth-banner-slide .jth-logo-text{
  display:inline-flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:104px !important;
  font-weight:950 !important;
  line-height:.9 !important;
  letter-spacing:-2px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-logo-text small{
  font-size:42px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
  width:min(760px, 100%) !important;
  margin:0 auto !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 12px !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-title{
  max-width:860px !important;
  margin:0 auto 10px !important;
  font-size:42px !important;
  font-weight:950 !important;
  line-height:1.22 !important;
  letter-spacing:-.8px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
  max-width:700px !important;
  margin:0 auto 18px !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.9 !important;
  white-space:normal !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-btn{
  min-height:46px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  margin-top:11px !important;
  font-size:12px !important;
  line-height:1.7 !important;
  opacity:.82 !important;
}

/* Tamara premium */
.jth-hero-v4 .jth-banner-tamara .jth-banner-kicker{
  color:#111 !important;
  background:rgba(255,255,255,.42) !important;
  border:1px solid rgba(17,17,17,.08) !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-logo-text,
.jth-hero-v4 .jth-banner-tamara .jth-banner-title,
.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-tamara .jth-pay-note{
  color:#111 !important;
  text-shadow:none !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-btn{
  background:#111 !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(17,17,17,.16) !important;
}

/* MISPAY premium */
.jth-hero-v4 .jth-banner-mispay .jth-banner-kicker{
  color:#fff !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-logo-text,
.jth-hero-v4 .jth-banner-mispay .jth-banner-title,
.jth-hero-v4 .jth-banner-mispay .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-mispay .jth-pay-note{
  color:#fff !important;
  text-shadow:none !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-banner-btn{
  background:#007373 !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(0,115,115,.26) !important;
}

/* Payment slides mobile */
@media(max-width:960px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    min-height:350px !important;
    gap:16px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo{
    min-height:90px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text{
    font-size:68px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text small{
    font-size:30px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    font-size:29px !important;
    line-height:1.35 !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    font-size:14px !important;
    line-height:1.85 !important;
  }
}

@media(max-width:560px){
  .jth-hero-v4 .jth-banner-slide{
    padding:0 10px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    min-height:330px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text{
    font-size:56px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text small{
    font-size:25px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    font-size:24px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
    font-size:12px !important;
    padding:6px 13px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-btn{
    min-height:43px !important;
    padding:0 20px !important;
    font-size:13px !important;
  }
}


/* =========================================
   Jothrah Hero V8 Premium Payment Slides
   stronger logo area + centered premium text
========================================= */
.jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
  grid-template-columns:1fr !important;
  align-items:center !important;
  justify-items:center !important;
  gap:14px !important;
  text-align:center !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:10px 70px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  width:100% !important;
  min-height:96px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  margin-bottom:2px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo-img{
  max-width:min(460px, 78vw) !important;
  max-height:110px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.jth-hero-v4 .jth-banner-slide .jth-logo-text{
  min-height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:82px !important;
  font-weight:950 !important;
  line-height:.92 !important;
  letter-spacing:-1.5px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-logo-text small{
  font-size:34px !important;
  font-weight:900 !important;
  margin-inline-start:6px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
  width:100% !important;
  max-width:780px !important;
  text-align:center !important;
  justify-self:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
  margin-bottom:10px !important;
  padding:7px 16px !important;
  font-size:13px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-title{
  max-width:820px !important;
  margin:0 auto 10px !important;
  font-size:43px !important;
  line-height:1.22 !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
  max-width:700px !important;
  margin:0 auto 18px !important;
  font-size:16px !important;
  line-height:1.85 !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  text-align:center !important;
  opacity:.82 !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-title{
  color:#111 !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-banner-title{
  color:#fff !important;
}

@media(max-width:960px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    padding:8px 42px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo{
    min-height:76px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text{
    min-height:68px !important;
    font-size:58px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text small{
    font-size:26px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    font-size:28px !important;
  }
}

@media(max-width:560px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    padding:4px 24px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    font-size:24px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    font-size:13.5px !important;
  }
}


/* =========================================
   Jothrah V9 Payment Slides Visibility Fix
   سبب المشكلة: اتجاه RTL كان يخلي السلايدر يسحب على مساحة فاضية
========================================= */
.jth-hero-v4 .jth-hero-track{
  direction:ltr !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
}

.jth-hero-v4 .jth-hero-slide{
  position:relative !important;
  z-index:2 !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 100% !important;
  max-width:100% !important;
  overflow:visible !important;
}

.jth-hero-v4:not([data-lang="en"]) .jth-hero-slide{
  direction:rtl !important;
}

.jth-hero-v4[data-lang="en"] .jth-hero-slide{
  direction:ltr !important;
}

.jth-hero-v4 .jth-banner-slide,
.jth-hero-v4 .jth-banner-slide .jth-banner-wrap,
.jth-hero-v4 .jth-banner-slide .jth-banner-logo,
.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4 .jth-banner-slide .jth-banner-kicker,
.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-slide .jth-banner-btn,
.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  visibility:visible !important;
  opacity:1 !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
  position:relative !important;
  z-index:5 !important;
  min-height:390px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  position:relative !important;
  z-index:6 !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-copy{
  position:relative !important;
  z-index:7 !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-logo-text,
.jth-hero-v4 .jth-banner-tamara .jth-banner-kicker,
.jth-hero-v4 .jth-banner-tamara .jth-banner-title,
.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-tamara .jth-pay-note{
  color:#111 !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-logo-text,
.jth-hero-v4 .jth-banner-mispay .jth-banner-kicker,
.jth-hero-v4 .jth-banner-mispay .jth-banner-title,
.jth-hero-v4 .jth-banner-mispay .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-mispay .jth-pay-note{
  color:#fff !important;
}

.jth-hero-v4 .jth-hero-nav{
  display:none !important;
}

/* =========================================
   Jothrah V10 Mobile First Fix
   الجوال أولاً: هيرو مرتب + بنرات دفع مضبوطة
========================================= */

/* يمنع أي أسهم قديمة نهائيًا */
.jth-hero-v4 .jth-hero-nav{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* الديسكتوب يبقى بنفس الترتيب: الأقسام يسار والكتابة يمين */
@media(min-width:961px){
  .jth-hero-v4 .jth-slide-default .jth-hero-wrap{
    direction:ltr !important;
    grid-template-columns:.92fr 1.08fr !important;
    grid-template-areas:"picker copy" !important;
    gap:46px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-picker{
    grid-area:picker !important;
    justify-self:start !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy{
    grid-area:copy !important;
    justify-self:end !important;
    text-align:right !important;
    margin:0 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions,
  .jth-hero-v4 .jth-slide-default .jth-trust-row{
    justify-content:flex-end !important;
  }

  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    grid-template-columns:1.08fr .92fr !important;
    grid-template-areas:"copy picker" !important;
    direction:ltr !important;
  }

  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
    text-align:left !important;
    justify-self:start !important;
  }

  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
    justify-content:flex-start !important;
  }
}

/* ================================
   Tablet / Mobile
================================ */
@media(max-width:960px){
  .jth-hero-v4 .jth-hero-bg{
    min-height:auto !important;
    padding:22px 0 44px !important;
    overflow:hidden !important;
  }

  .jth-hero-v4 .jth-hero-slider-pane{
    width:100% !important;
    max-width:100% !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  .jth-hero-v4 .jth-hero-track{
    align-items:stretch !important;
  }

  .jth-hero-v4 .jth-hero-slide{
    min-height:auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* شريحة جذرة */
  .jth-hero-v4 .jth-slide-default .jth-hero-wrap,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    width:calc(100% - 24px) !important;
    max-width:520px !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "picker" !important;
    gap:18px !important;
    padding:0 !important;
    direction:rtl !important;
  }

  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    direction:ltr !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
    grid-area:copy !important;
    width:100% !important;
    max-width:100% !important;
    justify-self:center !important;
    text-align:center !important;
    margin:0 !important;
  }

  .jth-hero-v4 .jth-hero-badge{
    padding:5px 13px !important;
    margin-bottom:10px !important;
    font-size:11.5px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
  .jth-hero-v4 .jth-slide-default .jth-hero-copy .jth-slide-title{
    font-size:28px !important;
    line-height:1.35 !important;
    letter-spacing:-.35px !important;
    margin-bottom:10px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy p{
    max-width:94% !important;
    margin:0 auto 16px !important;
    white-space:normal !important;
    font-size:13.5px !important;
    line-height:1.85 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions{
    justify-content:center !important;
    gap:9px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-btn,
  .jth-hero-v4 .jth-slide-default .jth-btn-light{
    min-height:44px !important;
    padding:0 17px !important;
    font-size:13px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-btn-light::before{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
    background-size:18px 18px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-row,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
    max-width:100% !important;
    margin-top:16px !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    justify-content:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card{
    min-height:58px !important;
    padding:8px 7px !important;
    border-radius:14px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card strong{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card small{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-picker,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-picker{
    grid-area:picker !important;
    width:100% !important;
    max-width:100% !important;
    justify-self:center !important;
    margin:0 !important;
    padding:16px !important;
    border-radius:22px !important;
    background:rgba(0,62,73,.50) !important;
  }

  .jth-hero-v4 .jth-picker-head{
    margin-bottom:12px !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .jth-hero-v4 .jth-picker-head h3{
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .jth-hero-v4 .jth-picker-head small{
    font-size:11.5px !important;
  }

  .jth-hero-v4 .jth-problem-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .jth-hero-v4 .jth-problem-card{
    min-height:60px !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    gap:8px !important;
  }

  .jth-hero-v4 .jth-problem-card > span:last-child{
    font-size:12.5px !important;
    line-height:1.35 !important;
  }

  .jth-hero-v4 .jth-problem-card small{
    font-size:10.5px !important;
    line-height:1.3 !important;
    margin-top:2px !important;
  }

  .jth-hero-v4 .jth-real-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;
    border-radius:12px !important;
    font-size:18px !important;
  }

  /* شرائح تمارا و MISPAY للجوال */
  .jth-hero-v4 .jth-banner-slide{
    min-height:360px !important;
    padding:0 !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    width:calc(100% - 28px) !important;
    max-width:480px !important;
    min-height:360px !important;
    margin:0 auto !important;
    padding:24px 18px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo{
    min-height:72px !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo-img{
    max-width:210px !important;
    max-height:64px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text{
    min-height:auto !important;
    font-size:50px !important;
    line-height:1 !important;
    letter-spacing:-.8px !important;
    justify-content:center !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text small{
    font-size:22px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-copy,
  .jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
    max-width:100% !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
    margin-bottom:5px !important;
    padding:6px 12px !important;
    font-size:11.5px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    max-width:330px !important;
    margin:0 auto 8px !important;
    font-size:25px !important;
    line-height:1.35 !important;
    letter-spacing:-.2px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    max-width:315px !important;
    margin:0 auto 14px !important;
    font-size:13px !important;
    line-height:1.75 !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-btn{
    min-height:42px !important;
    padding:0 18px !important;
    font-size:13px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-pay-note{
    margin-top:7px !important;
    font-size:10.5px !important;
  }

  .jth-hero-v4 .jth-hero-dots{
    margin-top:14px !important;
    gap:7px !important;
  }

  .jth-hero-v4 .jth-hero-dot{
    width:8px !important;
    height:8px !important;
  }

  .jth-hero-v4 .jth-hero-dot.active{
    width:22px !important;
  }

  .jth-hero-v4 .jth-promo-area{
    margin-top:-22px !important;
  }
}

@media(max-width:430px){
  .jth-hero-v4 .jth-hero-bg{
    padding:18px 0 40px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-wrap,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-wrap{
    width:calc(100% - 20px) !important;
    gap:15px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
  .jth-hero-v4 .jth-slide-default .jth-hero-copy .jth-slide-title{
    font-size:24px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy p{
    font-size:12.5px !important;
    line-height:1.8 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-row{
    gap:6px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card{
    padding:7px 5px !important;
    min-height:52px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card small{
    display:none !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-picker{
    padding:14px !important;
  }

  .jth-hero-v4 .jth-problem-card{
    min-height:58px !important;
    padding:8px !important;
  }

  .jth-hero-v4 .jth-problem-card > span:last-child{
    font-size:12px !important;
  }

  .jth-hero-v4 .jth-problem-card small{
    font-size:10px !important;
  }

  .jth-hero-v4 .jth-real-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex-basis:32px !important;
  }

  .jth-hero-v4 .jth-banner-slide,
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    min-height:330px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text{
    font-size:44px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-logo-text small{
    font-size:20px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    max-width:290px !important;
    font-size:22px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    max-width:285px !important;
    font-size:12.5px !important;
  }
}


/* =========================================
   Jothrah V11 Payment Logos Ready
   Tamara / MISPAY official PNG layout
========================================= */

/* بنرات الدفع: الشعار فوق والنص تحته بشكل واضح */
.jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
  width:min(980px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  width:100% !important;
  min-height:96px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 4px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto !important;
  filter:none !important;
}

/* تمارا */
.jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
  max-width:min(410px, 82vw) !important;
  max-height:110px !important;
}

/* MISPAY */
.jth-hero-v4 .jth-banner-mispay .jth-banner-logo-img{
  max-width:min(460px, 84vw) !important;
  max-height:118px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
  width:min(720px, 100%) !important;
  margin:0 auto !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
  margin-bottom:10px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-title{
  max-width:760px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
  max-width:680px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-btn{
  margin-inline:auto !important;
}

.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  text-align:center !important;
}

/* تحسينات الجوال للشعارات */
@media(max-width:560px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    width:calc(100% - 26px) !important;
    min-height:315px !important;
    gap:12px !important;
    padding:6px 0 !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo{
    min-height:70px !important;
    margin-bottom:2px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
    max-width:min(235px, 76vw) !important;
    max-height:70px !important;
  }

  .jth-hero-v4 .jth-banner-mispay .jth-banner-logo-img{
    max-width:min(255px, 78vw) !important;
    max-height:74px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-kicker{
    font-size:11px !important;
    padding:6px 11px !important;
    margin-bottom:6px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    font-size:24px !important;
    line-height:1.32 !important;
    margin-bottom:7px !important;
    max-width:96% !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    font-size:13px !important;
    line-height:1.75 !important;
    margin-bottom:12px !important;
    max-width:94% !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-btn{
    min-height:40px !important;
    padding:0 17px !important;
    font-size:12.5px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-pay-note{
    margin-top:7px !important;
    font-size:10.5px !important;
  }
}


/* =========================================
   Jothrah Agricultural Activity Radar - V12
   8 interactive monthly cards: pests + farming needs
========================================= */
.jth-pest-radar{
  width:min(1320px, calc(100% - 32px)) !important;
  margin:34px auto 42px !important;
  padding:24px 26px 24px !important;
  border-radius:26px !important;
}

.jth-pest-radar-title{
  font-size:22px !important;
  line-height:1.55 !important;
  margin-bottom:5px !important;
}

.jth-pest-radar-subtitle{
  max-width:980px !important;
  font-size:13.5px !important;
  line-height:1.8 !important;
}

.jth-pest-radar-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.jth-pest-card.jth-radar-card{
  min-height:112px !important;
  padding:14px 14px 12px !important;
  border-radius:17px !important;
  gap:8px !important;
  background:linear-gradient(135deg,#EEF5F1 0%,#F7FBFB 100%) !important;
}

.jth-pest-card.jth-radar-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 14px 28px rgba(0,73,86,.09) !important;
}

.jth-pest-card.jth-radar-card .jth-pest-card-top{
  align-items:flex-start !important;
  gap:8px !important;
}

.jth-pest-card.jth-radar-card .jth-pest-name{
  min-width:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  gap:6px !important;
}

.jth-pest-card.jth-radar-card .jth-pest-icon{
  font-size:17px !important;
  flex:0 0 auto !important;
}

.jth-radar-desc{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#60777B !important;
  font-size:11.5px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
}

.jth-pest-card.jth-radar-card .jth-pest-level{
  min-width:auto !important;
  min-height:27px !important;
  padding:0 10px !important;
  font-size:11px !important;
  flex:0 0 auto !important;
}

.jth-pest-level.suitable{
  background:#E4F5E8 !important;
  color:#16703A !important;
}

.jth-pest-level.important{
  background:#D9ECEE !important;
  color:#004956 !important;
}

.jth-pest-level.watch{
  background:#EFE8FF !important;
  color:#5A3EA1 !important;
}

.jth-pest-level.stress{
  background:#FFE6D6 !important;
  color:#B45309 !important;
}

.jth-pest-fill.suitable{
  background:#4F9B66 !important;
}

.jth-pest-fill.important{
  background:#007373 !important;
}

.jth-pest-fill.watch{
  background:#7C68B5 !important;
}

.jth-pest-fill.stress{
  background:#D97706 !important;
}

@media(max-width:960px){
  .jth-pest-radar{
    width:calc(100% - 24px) !important;
    margin:26px auto 32px !important;
    padding:20px 16px 18px !important;
    border-radius:22px !important;
  }

  .jth-pest-radar-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .jth-pest-radar-title{
    font-size:19px !important;
  }

  .jth-pest-radar-subtitle{
    font-size:12.5px !important;
    line-height:1.75 !important;
  }
}

@media(max-width:560px){
  .jth-pest-radar{
    width:calc(100% - 18px) !important;
    margin:22px auto 28px !important;
    padding:18px 12px 14px !important;
    border-radius:20px !important;
  }

  .jth-pest-radar-head{
    margin-bottom:12px !important;
  }

  .jth-pest-radar-title{
    font-size:17px !important;
    gap:7px !important;
  }

  .jth-pest-radar-dot{
    width:8px !important;
    height:8px !important;
    flex-basis:8px !important;
  }

  .jth-pest-radar-subtitle{
    font-size:12px !important;
    line-height:1.7 !important;
  }

  .jth-pest-radar-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .jth-pest-card.jth-radar-card{
    min-height:118px !important;
    padding:11px 9px 10px !important;
    border-radius:15px !important;
    gap:7px !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-card-top{
    flex-direction:column-reverse !important;
    align-items:flex-start !important;
    gap:7px !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-name{
    font-size:12.5px !important;
    line-height:1.4 !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-icon{
    font-size:15px !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-level{
    min-height:23px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }

  .jth-radar-desc{
    font-size:10.5px !important;
    line-height:1.45 !important;
  }

  .jth-pest-bar{
    height:6px !important;
  }
}


/* =========================================
   Jothrah Radar Monthly Advice - V13
   نصائح شهرية فعلية حسب الموسم
========================================= */
.jth-radar-advice{
  margin:18px 0 18px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(135deg,#F7FBFB 0%,#EEF7F4 100%);
  border:1px solid rgba(0,73,86,.08);
}

.jth-radar-advice-head,
.jth-radar-section-label{
  margin:0 0 12px !important;
  color:#004956 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.6 !important;
}

.jth-radar-advice-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.jth-radar-advice-card{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-height:104px;
  padding:14px 13px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,73,86,.08);
  color:#10241F !important;
  text-decoration:none !important;
  box-shadow:0 10px 22px rgba(0,73,86,.045);
  transition:.22s ease;
}

.jth-radar-advice-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(0,73,86,.08);
  border-color:rgba(0,115,115,.18);
}

.jth-radar-advice-icon{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#E9F5F3;
  font-size:19px;
  line-height:1;
}

.jth-radar-advice-copy{
  display:block;
  min-width:0;
}

.jth-radar-advice-copy strong{
  display:block;
  color:#004956;
  font-size:14px;
  font-weight:900;
  line-height:1.45;
  margin-bottom:4px;
}

.jth-radar-advice-copy small{
  display:block;
  color:#60777B;
  font-size:12px;
  line-height:1.7;
  font-weight:600;
}

.jth-radar-section-label{
  margin-top:12px !important;
}

.jth-radar-card .jth-radar-desc{
  display:block;
  color:#60777B;
  font-size:11.5px;
  line-height:1.55;
  font-weight:600;
  margin-top:-3px;
}

@media(max-width:1100px){
  .jth-radar-advice-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .jth-radar-advice{
    margin:14px 0 16px;
    padding:13px;
    border-radius:18px;
  }

  .jth-radar-advice-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .jth-radar-advice-card{
    min-height:auto;
    padding:12px;
    border-radius:16px;
  }

  .jth-radar-advice-copy strong{
    font-size:13.5px;
  }

  .jth-radar-advice-copy small{
    font-size:11.5px;
    line-height:1.65;
  }
}


/* =========================================
   Jothrah Radar V14
   Wider desktop container + mobile horizontal scroll
   Mobile-first safe layout
========================================= */

/* Desktop: يأخذ راحته يمين ويسار بدون عرض كامل */
.jth-pest-radar{
  width:min(1520px, calc(100% - 96px)) !important;
  max-width:1520px !important;
  margin:38px auto 44px !important;
  padding:30px 32px 28px !important;
}

/* يعطي الحاويات نفس أهدأ ومساحة أوضح في الديسكتوب */
.jth-pest-radar-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.jth-radar-advice-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.jth-pest-card.jth-radar-card{
  min-height:112px !important;
}

/* شاشات متوسطة: لا يتمدد بعرض الشاشة */
@media(max-width:1280px){
  .jth-pest-radar{
    width:calc(100% - 48px) !important;
    padding:26px 24px 24px !important;
  }
}

/* التابلت: صفين واضحين بدون زحمة */
@media(max-width:960px){
  .jth-pest-radar{
    width:calc(100% - 28px) !important;
    margin:28px auto 34px !important;
    padding:20px 18px 20px !important;
    border-radius:22px !important;
  }

  .jth-radar-advice-grid,
  .jth-pest-radar-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .jth-radar-advice-card{
    min-height:104px !important;
  }

  .jth-pest-card.jth-radar-card{
    min-height:112px !important;
  }
}

/* الجوال: سكرول يمين/يسار بدل التراكم */
@media(max-width:640px){
  .jth-pest-radar{
    width:calc(100% - 20px) !important;
    margin:22px auto 28px !important;
    padding:16px 13px 18px !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .jth-pest-radar-head{
    margin-bottom:12px !important;
  }

  .jth-pest-radar-title{
    font-size:17px !important;
    line-height:1.55 !important;
    gap:7px !important;
  }

  .jth-pest-radar-subtitle{
    font-size:12px !important;
    line-height:1.75 !important;
  }

  .jth-radar-advice{
    margin:13px 0 15px !important;
    padding:12px !important;
    border-radius:17px !important;
  }

  .jth-radar-advice-head,
  .jth-radar-section-label{
    font-size:13.5px !important;
    margin-bottom:10px !important;
  }

  .jth-radar-advice-grid,
  .jth-pest-radar-grid{
    display:flex !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:10px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:1px 1px 8px !important;
    margin-inline:-1px !important;
  }

  .jth-radar-advice-grid::-webkit-scrollbar,
  .jth-pest-radar-grid::-webkit-scrollbar{
    display:none !important;
  }

  .jth-radar-advice-grid,
  .jth-pest-radar-grid{
    scrollbar-width:none !important;
  }

  .jth-radar-advice-card{
    flex:0 0 255px !important;
    width:255px !important;
    min-height:112px !important;
    padding:12px !important;
    border-radius:16px !important;
    scroll-snap-align:start !important;
  }

  .jth-radar-advice-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
    font-size:17px !important;
  }

  .jth-radar-advice-copy strong{
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .jth-radar-advice-copy small{
    font-size:11.2px !important;
    line-height:1.65 !important;
  }

  .jth-pest-card.jth-radar-card{
    flex:0 0 220px !important;
    width:220px !important;
    min-height:118px !important;
    padding:12px 11px 11px !important;
    border-radius:16px !important;
    scroll-snap-align:start !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-card-top{
    flex-direction:column-reverse !important;
    align-items:flex-start !important;
    gap:7px !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-name{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-icon{
    font-size:15px !important;
  }

  .jth-pest-card.jth-radar-card .jth-pest-level{
    min-height:23px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }

  .jth-radar-desc{
    font-size:10.8px !important;
    line-height:1.5 !important;
  }

  .jth-pest-bar{
    height:6px !important;
  }
}

/* أصغر الجوالات */
@media(max-width:390px){
  .jth-radar-advice-card{
    flex-basis:238px !important;
    width:238px !important;
  }

  .jth-pest-card.jth-radar-card{
    flex-basis:206px !important;
    width:206px !important;
  }
}

/* =========================================
   Jothrah V16 - hero alignment fixes
========================================= */

/* 1) center CTA buttons without moving container */
.jth-hero-v4 .jth-slide-default .jth-hero-actions,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions{
  justify-content:center !important;
}

/* 2) keep picker heading content aligned to the right inside its box */
.jth-hero-v4 .jth-picker-head{
  text-align:right !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

.jth-hero-v4 .jth-picker-head > div{
  width:100% !important;
}

.jth-hero-v4[data-lang="en"] .jth-picker-head{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

/* 3) align trust-card text to the right inside each card only */
.jth-hero-v4 .jth-slide-default .jth-trust-card{
  text-align:right !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-trust-card strong,
.jth-hero-v4 .jth-slide-default .jth-trust-card small{
  width:100% !important;
  text-align:right !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card{
  text-align:left !important;
  align-items:flex-start !important;
}

.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card strong,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card small{
  text-align:left !important;
}

/* mobile-first polish */
@media (max-width: 960px){
  .jth-hero-v4 .jth-picker-head,
  .jth-hero-v4[data-lang="en"] .jth-picker-head{
    text-align:right !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions{
    justify-content:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card{
    text-align:center !important;
    align-items:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card strong,
  .jth-hero-v4 .jth-slide-default .jth-trust-card small,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card strong,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card small{
    text-align:center !important;
  }
}


/* =========================================
   Jothrah V17 - Centered hero + mobile fine polish
========================================= */

/* hide empty second title line after merging hero title into one line */
.jth-hero-v4 .jth-title-line:empty{
  display:none !important;
}

/* Main hero copy: keep the whole group centered together */
.jth-hero-v4 .jth-slide-default .jth-hero-copy,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
  text-align:center !important;
  justify-self:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
.jth-hero-v4 .jth-slide-default .jth-hero-copy .jth-slide-title{
  white-space:nowrap !important;
  text-align:center !important;
  margin-inline:auto !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy p,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy p{
  text-align:center !important;
  margin-inline:auto !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-actions,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions{
  justify-content:center !important;
  margin-inline:auto !important;
}

.jth-hero-v4 .jth-slide-default .jth-trust-row,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
  margin-inline:auto !important;
  justify-content:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-trust-card,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card{
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-trust-card strong,
.jth-hero-v4 .jth-slide-default .jth-trust-card small,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card strong,
.jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-card small{
  text-align:center !important;
  width:100% !important;
}

/* Tamara title one-line */
.jth-hero-v4 .jth-banner-tamara .jth-banner-title{
  white-space:nowrap !important;
  text-align:center !important;
  max-width:100% !important;
  margin-inline:auto !important;
}

.jth-hero-v4 .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-copy{
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-eyebrow,
.jth-hero-v4 .jth-pay-note{
  margin-inline:auto !important;
  text-align:center !important;
}

/* Picker title stays right inside the picker box */
.jth-hero-v4 .jth-picker-head{
  text-align:right !important;
  justify-content:flex-start !important;
}

.jth-hero-v4[data-lang="en"] .jth-picker-head{
  text-align:left !important;
}

/* Mobile precision */
@media(max-width:960px){
  .jth-hero-v4 .jth-slide-default .jth-hero-copy,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-copy{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
  .jth-hero-v4 .jth-slide-default .jth-hero-copy .jth-slide-title{
    font-size:clamp(20px, 5.7vw, 30px) !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    letter-spacing:-.65px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy p{
    max-width:94% !important;
    margin:0 auto 15px !important;
    font-size:13px !important;
    line-height:1.8 !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-hero-actions{
    width:min(340px, 100%) !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-actions .jth-btn,
  .jth-hero-v4 .jth-slide-default .jth-hero-actions .jth-btn-light{
    width:100% !important;
    min-height:42px !important;
    padding:0 10px !important;
    font-size:12.5px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-btn-light::before{
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
    background-size:17px 17px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-row,
  .jth-hero-v4[data-lang="en"] .jth-slide-default .jth-trust-row{
    width:min(360px, 100%) !important;
    max-width:100% !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:7px !important;
    margin:14px auto 0 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card{
    min-height:56px !important;
    padding:8px 5px !important;
    border-radius:13px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card strong{
    font-size:11.5px !important;
    line-height:1.3 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card small{
    display:block !important;
    font-size:9.6px !important;
    line-height:1.35 !important;
    margin-top:2px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    font-size:clamp(15px, 4vw, 21px) !important;
    line-height:1.45 !important;
    white-space:nowrap !important;
    letter-spacing:-.25px !important;
  }

  .jth-hero-v4 .jth-banner-logo-img{
    max-height:58px !important;
  }

  .jth-hero-v4 .jth-banner-kicker{
    margin-bottom:8px !important;
  }

  .jth-hero-v4 .jth-banner-eyebrow{
    font-size:12.5px !important;
    line-height:1.7 !important;
    max-width:92% !important;
  }

  .jth-hero-v4 .jth-banner-btn{
    min-height:40px !important;
    padding:0 18px !important;
    font-size:12.5px !important;
  }
}

@media(max-width:380px){
  .jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
  .jth-hero-v4 .jth-slide-default .jth-hero-copy .jth-slide-title{
    font-size:19px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    font-size:14px !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-trust-card small{
    display:none !important;
  }
}


/* =========================================
   Jothrah V18 - bidi + payment centering fix
========================================= */

/* يمنع ظهور النقطة/علامات الترقيم في بداية السطر بسبب خلط RTL/LTR */
.jth-hero-v4 .jth-slide-default .jth-hero-copy p,
.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  unicode-bidi:isolate !important;
}

.jth-hero-v4[data-lang="ar"] .jth-slide-default .jth-hero-copy p,
.jth-hero-v4[data-lang="ar"] .jth-banner-slide .jth-banner-title,
.jth-hero-v4[data-lang="ar"] .jth-banner-slide .jth-banner-eyebrow,
.jth-hero-v4[data-lang="ar"] .jth-banner-slide .jth-pay-note{
  direction:rtl !important;
  text-align:center !important;
}

/* تمارا / MISPAY: خلي النصوص كتلة واحدة متوسطة مع بعض */
.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
  width:100% !important;
  max-width:620px !important;
  margin-inline:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  width:100% !important;
  max-width:620px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-title{
  white-space:nowrap !important;
  letter-spacing:-.55px !important;
  font-size:clamp(24px, 2.35vw, 38px) !important;
  line-height:1.25 !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
  white-space:nowrap !important;
  font-size:clamp(13px, 1.1vw, 16px) !important;
  line-height:1.7 !important;
}

/* الهيرو الرئيسي: المجموعة كلها متوسطة فعليًا */
.jth-hero-v4 .jth-slide-default .jth-hero-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-copy h1,
.jth-hero-v4 .jth-slide-default .jth-hero-copy p,
.jth-hero-v4 .jth-slide-default .jth-hero-actions,
.jth-hero-v4 .jth-slide-default .jth-trust-row{
  margin-left:auto !important;
  margin-right:auto !important;
}

.jth-hero-v4 .jth-slide-default .jth-hero-actions,
.jth-hero-v4 .jth-slide-default .jth-trust-row{
  justify-content:center !important;
}

@media(max-width:760px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-copy{
    max-width:94% !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    white-space:normal !important;
    max-width:330px !important;
    font-size:clamp(18px, 5vw, 24px) !important;
    line-height:1.45 !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
    white-space:normal !important;
    max-width:310px !important;
    font-size:12.5px !important;
    line-height:1.75 !important;
  }

  .jth-hero-v4 .jth-slide-default .jth-hero-copy p{
    max-width:310px !important;
    text-align:center !important;
  }
}


/* =========================================
   Jothrah V19 - Payment text true centering
   تمارا + MISPAY visual alignment fix
========================================= */

/* خلي منطقة نصوص بنرات الدفع نقطة تمركز واحدة */
.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
  width:100% !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  transform:none !important;
}

/* كل سطر يتمركز بذاته بدل ما يتأثر باتجاه RTL/LTR */
.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:center !important;
  transform:none !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
}

.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-title,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-eyebrow{
  direction:ltr !important;
}

/* تمارا: العنوان والوصف على محور واحد */
.jth-hero-v4 .jth-banner-tamara .jth-banner-title{
  white-space:nowrap !important;
  font-size:clamp(30px, 3.05vw, 52px) !important;
  line-height:1.18 !important;
  letter-spacing:-.75px !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
  white-space:nowrap !important;
  font-size:clamp(15px, 1.24vw, 19px) !important;
  line-height:1.65 !important;
  font-weight:800 !important;
}

/* MISPAY: بعد حذف كلمة MISPAY من العنوان */
.jth-hero-v4 .jth-banner-mispay .jth-banner-title{
  white-space:nowrap !important;
  width:max-content !important;
  max-width:100% !important;
}

/* الجوال: توسيط ناعم بدون تكسير مزعج */
@media(max-width:960px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-copy,
  .jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-copy{
    max-width:calc(100% - 22px) !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title,
  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    white-space:normal !important;
    font-size:clamp(21px, 6.1vw, 32px) !important;
    line-height:1.35 !important;
    letter-spacing:-.35px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
    white-space:normal !important;
    font-size:clamp(12.5px, 3.4vw, 15px) !important;
    line-height:1.75 !important;
    max-width:92% !important;
  }
}

@media(max-width:420px){
  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    font-size:clamp(19px, 5.45vw, 24px) !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
    max-width:94% !important;
    font-size:12.2px !important;
  }
}


/* =========================================
   Jothrah V20 - slider isolation fix
   يمنع ظهور شعار تمارا داخل شريحة جذرة
   ويمنع قص شعار تمارا داخل شريحته
========================================= */

/* السلايدر نفسه لازم يكون LTR حتى translateX يشتغل صح حتى والمتجر عربي RTL */
.jth-hero-v4 .jth-hero-slider-pane,
.jth-hero-v4 .jth-hero-track{
  direction:ltr !important;
}

.jth-hero-v4 .jth-hero-slider-pane{
  overflow:hidden !important;
  isolation:isolate !important;
  contain:paint !important;
}

.jth-hero-v4 .jth-hero-track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  width:100% !important;
}

.jth-hero-v4 .jth-hero-track > .jth-hero-slide{
  flex:0 0 100% !important;
  min-width:100% !important;
  max-width:100% !important;
  width:100% !important;
  overflow:hidden !important;
  direction:rtl !important;
}

.jth-hero-v4[data-lang="en"] .jth-hero-track > .jth-hero-slide{
  direction:ltr !important;
}

/* احتياط: أي شريحة غير نشطة لا تتفاعل ولا تطلع فوق الشريحة الحالية */
.jth-hero-v4 .jth-hero-track > .jth-hero-slide:not(.active){
  pointer-events:none !important;
}

.jth-hero-v4 .jth-hero-track > .jth-hero-slide.active{
  pointer-events:auto !important;
}

/* شعار تمارا / MISPAY ما ينقص ولا يطلع خارج البنر */
.jth-hero-v4 .jth-banner-slide,
.jth-hero-v4 .jth-banner-slide .jth-banner-wrap,
.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  overflow:visible !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
  min-height:390px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  box-sizing:border-box !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo{
  min-height:104px !important;
  height:auto !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:8px !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
  max-width:min(520px, 82vw) !important;
  max-height:122px !important;
}

.jth-hero-v4 .jth-banner-mispay .jth-banner-logo-img{
  max-width:min(500px, 82vw) !important;
  max-height:116px !important;
}

/* توسيط نصوص الدفع على محور واحد */
.jth-hero-v4 .jth-banner-slide .jth-banner-copy,
.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-slide .jth-pay-note{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.jth-hero-v4 .jth-banner-slide .jth-banner-title,
.jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
  unicode-bidi:isolate !important;
  direction:rtl !important;
}

.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-title,
.jth-hero-v4[data-lang="en"] .jth-banner-slide .jth-banner-eyebrow{
  direction:ltr !important;
}

/* موبايل: الشعار يكون واضح بدون قص والزحمة أقل */
@media(max-width:760px){
  .jth-hero-v4 .jth-banner-slide .jth-banner-wrap{
    min-height:330px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    gap:10px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-logo{
    min-height:74px !important;
    margin-bottom:4px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
    max-width:min(300px, 86vw) !important;
    max-height:76px !important;
  }

  .jth-hero-v4 .jth-banner-mispay .jth-banner-logo-img{
    max-width:min(292px, 86vw) !important;
    max-height:72px !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-title{
    max-width:92% !important;
  }

  .jth-hero-v4 .jth-banner-slide .jth-banner-eyebrow{
    max-width:90% !important;
  }
}

/* =========================================
   Jothrah V21 - Tamara sentence centering fix
   يثبت الشعار فوق، ويضبط تمركز العنوان والوصف
========================================= */

/* تمارا: خلية مستقلة عمودية حتى لا ينقص الشعار ولا تنزاح الجملة */
.jth-hero-v4 .jth-banner-tamara .jth-banner-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:390px !important;
  gap:12px !important;
  padding:22px 48px 26px !important;
  overflow:visible !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-logo{
  width:100% !important;
  min-height:92px !important;
  height:auto !important;
  margin:0 auto 2px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(430px, 72vw) !important;
  max-height:88px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-copy{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-kicker,
.jth-hero-v4 .jth-banner-tamara .jth-banner-title,
.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow,
.jth-hero-v4 .jth-banner-tamara .jth-banner-btn,
.jth-hero-v4 .jth-banner-tamara .jth-pay-note{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-title{
  display:block !important;
  width:max-content !important;
  max-width:calc(100vw - 110px) !important;
  margin-top:8px !important;
  margin-bottom:8px !important;
  white-space:nowrap !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
  text-align:center !important;
  text-align-last:center !important;
  font-size:clamp(32px, 3.05vw, 46px) !important;
  line-height:1.28 !important;
  letter-spacing:-.45px !important;
  transform:none !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
  display:block !important;
  width:max-content !important;
  max-width:calc(100vw - 110px) !important;
  white-space:nowrap !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
  text-align:center !important;
  text-align-last:center !important;
  font-size:clamp(15px, 1.22vw, 19px) !important;
  line-height:1.75 !important;
  font-weight:800 !important;
  margin-bottom:16px !important;
  transform:none !important;
}

.jth-hero-v4 .jth-banner-tamara .jth-banner-btn{
  margin-top:0 !important;
}

/* إنجليزي تمارا */
.jth-hero-v4[data-lang="en"] .jth-banner-tamara .jth-banner-title,
.jth-hero-v4[data-lang="en"] .jth-banner-tamara .jth-banner-eyebrow{
  direction:ltr !important;
  unicode-bidi:plaintext !important;
}

/* الجوال: نسمح بتقسيم العنوان بشكل جميل بدل ما يضغط الشاشة */
@media(max-width:760px){
  .jth-hero-v4 .jth-banner-tamara .jth-banner-wrap{
    min-height:330px !important;
    padding:18px 18px 20px !important;
    gap:9px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-logo{
    min-height:62px !important;
    margin-bottom:2px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-logo-img{
    max-width:min(270px, 82vw) !important;
    max-height:58px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-title{
    width:100% !important;
    max-width:92vw !important;
    white-space:normal !important;
    font-size:clamp(22px, 6vw, 28px) !important;
    line-height:1.42 !important;
    letter-spacing:-.25px !important;
    margin-top:4px !important;
    margin-bottom:6px !important;
  }

  .jth-hero-v4 .jth-banner-tamara .jth-banner-eyebrow{
    width:100% !important;
    max-width:88vw !important;
    white-space:normal !important;
    font-size:13.5px !important;
    line-height:1.75 !important;
    font-weight:800 !important;
    margin-bottom:12px !important;
  }
}