/* =========================================================
   RUSHD CHECKOUT SYSTEM — FRESH V21
   Shared art direction for EasyOrders product + full checkout.
   Scopes: #product-id and body.rushd-checkout-page-v21
   Brand:
   Navy       #0E1F3D
   Deep Navy  #081327
   Action Red #E43036
   Off White  #F7F4EE
   White      #FFFFFF
========================================================= */

#product-id{
  --rushd-navy:#0E1F3D;
  --rushd-navy-deep:#081327;
  --rushd-red:#E43036;
  --rushd-cream:#F7F4EE;
  --rushd-white:#FFFFFF;
  --rushd-ease:cubic-bezier(.22,.8,.22,1);
}

/* ---------- FORM SHELL ---------- */
#product-id .product_form_checkout.rushd-checkout-v21{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  margin-top:26px!important;
  padding:0 14px 18px!important;
  border:1px solid rgba(14,31,61,.14)!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:
    0 20px 52px rgba(8,19,39,.10),
    inset 0 0 0 1px rgba(228,48,54,.025)!important;
  color:var(--rushd-navy-deep)!important;
}

/* Corner engravings: radial strands + curved arcs, never a tech grid. */
#product-id .product_form_checkout.rushd-checkout-v21::before,
#product-id .product_form_checkout.rushd-checkout-v21::after{
  content:"";
  position:absolute;
  z-index:0;
  width:148px;
  height:148px;
  pointer-events:none;
  opacity:.075;
  background:
    repeating-radial-gradient(circle at 100% 0%,transparent 0 19px,rgba(14,31,61,.72) 20px 21px,transparent 22px 38px),
    repeating-conic-gradient(from 2deg at 100% 0%,rgba(14,31,61,.72) 0deg 1deg,transparent 1deg 30deg);
  -webkit-mask:radial-gradient(circle at 100% 0%,#000 0 78%,transparent 79%);
  mask:radial-gradient(circle at 100% 0%,#000 0 78%,transparent 79%);
}

#product-id .product_form_checkout.rushd-checkout-v21::before{
  top:3px;
  right:3px;
}

#product-id .product_form_checkout.rushd-checkout-v21::after{
  left:3px;
  bottom:3px;
  transform:rotate(180deg);
  background:
    linear-gradient(90deg,var(--rushd-red),transparent 62%) top left/92px 2px no-repeat,
    repeating-radial-gradient(circle at 100% 0%,transparent 0 20px,rgba(14,31,61,.62) 21px 22px,transparent 23px 40px),
    repeating-conic-gradient(from 2deg at 100% 0%,rgba(14,31,61,.62) 0deg 1deg,transparent 1deg 32deg);
}

/* hide EasyOrders dashed SVG frame only */
#product-id .product_form_checkout.rushd-checkout-v21 > svg.absolute{
  display:none!important;
}

/* Keep native EasyOrders title hidden because V21 has its own header */
#product-id .product_form_checkout.rushd-checkout-v21 > p.text-lg.font-bold{
  display:none!important;
}

/* ---------- HERO HEADER ---------- */
#product-id .rushd-checkout-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  align-items:end;
  min-height:172px;
  margin:0 -14px 18px;
  padding:22px 18px 17px 20px;
  overflow:hidden;
  border-radius:23px 23px 18px 18px;
  border-bottom:2px solid var(--rushd-red);
  background:
    radial-gradient(circle at 9% 36%,rgba(228,48,54,.26),transparent 26%),
    radial-gradient(circle at 82% 15%,rgba(255,255,255,.065),transparent 24%),
    linear-gradient(135deg,var(--rushd-navy-deep),var(--rushd-navy));
  box-shadow:
    inset 0 1px rgba(255,255,255,.07),
    0 14px 30px rgba(8,19,39,.16);
}

#product-id .rushd-checkout-head::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:
    repeating-radial-gradient(circle at 92% 18%,transparent 0 32px,rgba(247,244,238,.24) 33px 34px,transparent 35px 62px),
    repeating-conic-gradient(from 5deg at 92% 18%,rgba(247,244,238,.20) 0deg 1deg,transparent 1deg 30deg);
  -webkit-mask:linear-gradient(to left,#000,rgba(0,0,0,.55),transparent 78%);
  mask:linear-gradient(to left,#000,rgba(0,0,0,.55),transparent 78%);
}

#product-id .rushd-checkout-head::after{
  content:"";
  position:absolute;
  z-index:1;
  left:-32px;
  bottom:-58px;
  width:238px;
  height:190px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(228,48,54,.25),rgba(228,48,54,.07) 36%,transparent 70%);
  filter:blur(2px);
}

#product-id .rushd-checkout-copy{
  position:relative;
  z-index:2;
  min-width:0;
  align-self:center;
  direction:rtl;
  text-align:right;
}

#product-id .rushd-checkout-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
  color:rgba(247,244,238,.66);
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  direction:ltr;
}

#product-id .rushd-checkout-kicker::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--rushd-red);
  box-shadow:0 0 12px rgba(228,48,54,.72);
}

#product-id .rushd-checkout-title{
  margin:0!important;
  color:#FFFFFF!important;
  font-size:clamp(21px,3.2vw,31px)!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.025em!important;
}

#product-id .rushd-checkout-sub{
  margin:5px 0 13px!important;
  color:rgba(247,244,238,.70)!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.7!important;
}

/* Character is a real grid item, not absolutely clipped */
#product-id .rushd-checkout-character-wrap{
  position:relative;
  z-index:2;
  width:132px;
  height:148px;
  align-self:end;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  pointer-events:none;
}

#product-id .rushd-checkout-character{
  display:block;
  width:132px;
  height:148px;
  object-fit:contain;
  object-position:center bottom;
  filter:
    drop-shadow(0 12px 14px rgba(0,0,0,.24))
    drop-shadow(0 3px 6px rgba(228,48,54,.10));
  transform:translateY(3px);
  transform-origin:center bottom;
  animation:rushdCharacterFloat 3.8s ease-in-out infinite;
}

@keyframes rushdCharacterFloat{
  0%,100%{transform:translateY(3px) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(.6deg)}
}


#product-id .rushd-character-nod .rushd-checkout-character{
  animation:rushdCharacterNod .42s var(--rushd-ease) both;
}

#product-id .rushd-character-celebrate .rushd-checkout-character{
  animation:rushdCharacterCelebrate .44s var(--rushd-ease) both;
}

@keyframes rushdCharacterNod{
  0%,100%{transform:translateY(3px) scale(1) rotate(0)}
  48%{transform:translateY(0) scale(1.02) rotate(-.7deg)}
}

@keyframes rushdCharacterCelebrate{
  0%,100%{transform:translateY(3px) rotate(0)}
  48%{transform:translateY(-3px) rotate(1deg) scale(1.015)}
}

/* ---------- REAL PROGRESS ---------- */
#product-id .rushd-progress{
  position:relative;
  z-index:3;
  padding:10px 11px 9px;
  border:1px solid rgba(247,244,238,.12);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
}

#product-id .rushd-progress-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  color:rgba(247,244,238,.78);
  font-size:9px;
  font-weight:700;
}

#product-id .rushd-progress-value{
  min-width:30px;
  color:#FFFFFF;
  font-weight:800;
  text-align:left;
  direction:ltr;
}

#product-id .rushd-progress-track{
  position:relative;
  height:5px;
  overflow:visible;
  border-radius:999px;
  background:rgba(247,244,238,.13);
}

#product-id .rushd-progress-fill{
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--rushd-red),rgba(228,48,54,.82));
  box-shadow:0 0 12px rgba(228,48,54,.42);
  transition:width .34s var(--rushd-ease);
}

#product-id .rushd-progress-node{
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  border:2px solid rgba(247,244,238,.46);
  border-radius:50%;
  background:var(--rushd-navy);
  box-shadow:0 0 0 2px rgba(8,19,39,.34);
  transform:translate(-50%,-50%);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}

#product-id .rushd-progress-node[data-step="1"]{left:25%}
#product-id .rushd-progress-node[data-step="2"]{left:50%}
#product-id .rushd-progress-node[data-step="3"]{left:75%}
#product-id .rushd-progress-node[data-step="4"]{left:calc(100% - 1px)}

#product-id .rushd-progress-node.is-complete{
  border-color:#FFFFFF;
  background:var(--rushd-red);
  box-shadow:0 0 0 2px rgba(228,48,54,.16),0 0 10px rgba(228,48,54,.48);
}

#product-id .rushd-progress-node.is-pulsing{
  animation:rushdProgressNodePulse .5s var(--rushd-ease) both;
}

#product-id .rushd-progress.is-complete{
  animation:rushdProgressComplete .6s ease-out both;
}

@keyframes rushdProgressNodePulse{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  48%{transform:translate(-50%,-50%) scale(1.55)}
}

@keyframes rushdProgressComplete{
  0%,100%{box-shadow:none}
  45%{box-shadow:0 0 0 1px rgba(228,48,54,.22),0 0 22px rgba(228,48,54,.2)}
}

/* ---------- FORM FLOW ---------- */
#product-id .product_form_checkout.rushd-checkout-v21 form{
  position:relative!important;
  z-index:2!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 form > div{
  min-width:0;
}

/* Quantity block */
#product-id .product_form_checkout.rushd-checkout-v21 .in-product-quantity-counter{
  margin:0 0 14px!important;
  padding:12px 13px!important;
  border:1px solid rgba(14,31,61,.14)!important;
  border-right:3px solid var(--rushd-red)!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
  box-shadow:0 7px 18px rgba(8,19,39,.055)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .in-product-quantity-counter label{
  margin:0 0 8px!important;
  color:var(--rushd-navy-deep)!important;
  font-size:11px!important;
  font-weight:800!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container{
  margin-top:0!important;
  justify-content:center!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container > div{
  width:100%!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:5px!important;
  border:1px solid rgba(14,31,61,.10)!important;
  border-radius:13px!important;
  background:rgba(14,31,61,.035)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-quantity-value{
  position:relative;
  z-index:2;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:38px!important;
  margin:0!important;
  border:1px solid rgba(14,31,61,.1);
  border-radius:12px;
  background:#FFFFFF;
  color:var(--rushd-navy-deep)!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 4px 12px rgba(8,19,39,.055);
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-quantity-value::before{
  content:"";
  position:absolute;
  inset:-14px;
  z-index:-1;
  opacity:0;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 8px,rgba(228,48,54,.24) 9px 10px,transparent 11px 17px),
    repeating-conic-gradient(from 0deg at 50% 50%,rgba(228,48,54,.22) 0 1deg,transparent 1deg 38deg);
  transition:opacity .18s ease;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-quantity-value.is-changing{
  animation:rushdQuantityPop .34s var(--rushd-ease) both;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-quantity-value.is-changing::before{
  opacity:.8;
}

@keyframes rushdQuantityPop{
  0%,100%{transform:scale(1)}
  48%{transform:scale(1.18)}
}

/* ---------- ALL INPUTS / TEXTAREAS ---------- */
#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-shell{
  position:relative;
}

#product-id .product_form_checkout.rushd-checkout-v21 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
#product-id .product_form_checkout.rushd-checkout-v21 textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px!important;
  padding:13px 44px 13px 14px!important;
  border:1px solid rgba(14,31,61,.16)!important;
  border-radius:13px!important;
  outline:none!important;
  background:linear-gradient(135deg,#FFFFFF,var(--rushd-cream))!important;
  color:var(--rushd-navy-deep)!important;
  -webkit-text-fill-color:var(--rushd-navy-deep)!important;
  caret-color:var(--rushd-red)!important;
  font-family:"Almarai",sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.6!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.92),
    0 8px 18px rgba(8,19,39,.065)!important;
  transition:
    transform .24s var(--rushd-ease),
    border-color .22s ease,
    box-shadow .24s var(--rushd-ease),
    background .24s ease!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 textarea{
  min-height:92px!important;
  resize:vertical!important;
  padding-top:14px!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 input::placeholder,
#product-id .product_form_checkout.rushd-checkout-v21 textarea::placeholder{
  color:rgba(14,31,61,.56)!important;
  -webkit-text-fill-color:rgba(14,31,61,.56)!important;
  opacity:1!important;
  font-weight:500!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 input:hover,
#product-id .product_form_checkout.rushd-checkout-v21 textarea:hover{
  border-color:rgba(14,31,61,.42)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-complete::after{
  content:"";
  position:absolute;
  z-index:4;
  left:13px;
  top:15px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--rushd-red);
  box-shadow:0 0 0 3px rgba(228,48,54,.1);
  pointer-events:none;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-snap::after{
  animation:rushdFieldNodeSnap .34s var(--rushd-ease) both;
}

@keyframes rushdFieldNodeSnap{
  0%{opacity:0;transform:scale(.4)}
  62%{opacity:1;transform:scale(1.45)}
  100%{opacity:1;transform:scale(1)}
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-optional{
  opacity:.88;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-optional:focus-within{
  opacity:1;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-optional input,
#product-id .product_form_checkout.rushd-checkout-v21 .rushd-field-optional textarea{
  border-color:rgba(14,31,61,.1)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,244,238,.82))!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-optional-label{
  position:absolute;
  z-index:4;
  top:8px;
  left:11px;
  padding:2px 6px;
  border:1px solid rgba(14,31,61,.1);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:rgba(14,31,61,.56);
  font-size:7px;
  font-weight:800;
  line-height:1.4;
  pointer-events:none;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-address-shell::before{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  right:16px;
  left:16px;
  height:2px;
  border-radius:0 0 99px 99px;
  background:var(--rushd-navy);
  opacity:.58;
  pointer-events:none;
  transition:background .2s ease,opacity .2s ease,transform .2s var(--rushd-ease);
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-address-shell:focus-within::before{
  background:var(--rushd-red);
  opacity:1;
  transform:scaleX(.96);
}

#product-id .product_form_checkout.rushd-checkout-v21 input:focus,
#product-id .product_form_checkout.rushd-checkout-v21 textarea:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(228,48,54,.82)!important;
  background:#FFFFFF!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.96),
    0 0 0 3px rgba(228,48,54,.095),
    0 10px 22px rgba(8,19,39,.13)!important;
}

/* Error state from V21 JS */
#product-id .product_form_checkout.rushd-checkout-v21 .rushd-required-missing{
  border-color:rgba(14,31,61,.16)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.92),
    0 8px 18px rgba(8,19,39,.065)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-invalid-submit{
  border-color:var(--rushd-red)!important;
  box-shadow:0 0 0 3px rgba(228,48,54,.1)!important;
  animation:rushdInvalidNudge .36s ease-out both;
}

@keyframes rushdInvalidNudge{
  0%,100%{transform:translateX(0)}
  35%{transform:translateX(3px)}
  68%{transform:translateX(-3px)}
}

/* Existing EasyOrders field icon container */
#product-id .product_form_checkout.rushd-checkout-v21 .relative.mt-1 > div.pointer-events-none{
  color:var(--rushd-red)!important;
  opacity:.92!important;
  z-index:3!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .relative.mt-1 > div.pointer-events-none svg{
  color:var(--rushd-red)!important;
}

/* Chrome autofill */
#product-id .product_form_checkout.rushd-checkout-v21 input:-webkit-autofill,
#product-id .product_form_checkout.rushd-checkout-v21 input:-webkit-autofill:hover,
#product-id .product_form_checkout.rushd-checkout-v21 input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--rushd-navy-deep)!important;
  caret-color:var(--rushd-red)!important;
  -webkit-box-shadow:0 0 0 1000px #FFFFFF inset!important;
  box-shadow:0 0 0 1000px #FFFFFF inset!important;
  border-color:rgba(228,48,54,.35)!important;
}

/* ---------- NATIVE SELECT IS ONLY A DATA SOURCE ---------- */
#product-id .product_form_checkout.rushd-checkout-v21 select.rushd-native-governorate{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* EasyOrders uses react-select on the live product page. Keep it mounted for
   React/shipping logic, but replace only its visual surface. */
#product-id .product_form_checkout.rushd-checkout-v21 .rushd-native-governorate-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-gov-host-v21 > .pointer-events-none{
  display:none!important;
}

/* ---------- CUSTOM GOVERNORATE CONTROL ---------- */
#product-id .rushd-gov{
  position:relative;
  width:100%;
  margin:0!important;
}

#product-id .rushd-gov-trigger{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:50px;
  padding:0 14px;
  border:1px solid rgba(14,31,61,.16);
  border-radius:13px;
  background:linear-gradient(135deg,#FFFFFF,var(--rushd-cream));
  color:var(--rushd-navy-deep);
  box-shadow:
    inset 0 1px rgba(255,255,255,.92),
    0 8px 18px rgba(8,19,39,.065);
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  transition:
    transform .24s var(--rushd-ease),
    border-color .22s ease,
    box-shadow .24s var(--rushd-ease);
}

#product-id .rushd-gov-content{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

#product-id .rushd-gov-pin{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:none;
  border:1px solid rgba(228,48,54,.18);
  border-radius:9px;
  background:rgba(228,48,54,.06);
  color:var(--rushd-red);
}

#product-id .rushd-gov-pin svg{
  width:15px;
  height:15px;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#product-id .rushd-gov-trigger:hover,
#product-id .rushd-gov.is-open .rushd-gov-trigger{
  transform:translateY(-1px);
  border-color:rgba(228,48,54,.68);
  box-shadow:
    inset 0 1px rgba(255,255,255,.07),
    0 0 0 3px rgba(228,48,54,.075),
    0 10px 22px rgba(8,19,39,.13);
}

#product-id .rushd-gov-label{
  min-width:0;
  color:var(--rushd-navy-deep);
  font-size:12px;
  font-weight:700;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#product-id .rushd-gov:not(.has-value) .rushd-gov-label{
  color:rgba(14,31,61,.56);
  font-weight:500;
}

#product-id .rushd-gov-arrow{
  position:relative;
  width:22px;
  height:22px;
  flex:none;
  border-radius:8px;
  border:1px solid rgba(228,48,54,.22);
  background:rgba(228,48,54,.08);
}

#product-id .rushd-gov-arrow::before,
#product-id .rushd-gov-arrow::after{
  content:"";
  position:absolute;
  top:10px;
  width:7px;
  height:1.5px;
  border-radius:99px;
  background:var(--rushd-red);
  transition:transform .24s var(--rushd-ease);
}
#product-id .rushd-gov-arrow::before{left:4px;transform:rotate(42deg)}
#product-id .rushd-gov-arrow::after{right:4px;transform:rotate(-42deg)}
#product-id .rushd-gov.is-open .rushd-gov-arrow::before{transform:rotate(-42deg)}
#product-id .rushd-gov.is-open .rushd-gov-arrow::after{transform:rotate(42deg)}

/* Portal dropdown appended to body */
.rushd-gov-menu-v21{
  --rushd-red:#E43036;
  --rushd-navy:#0E1F3D;
  --rushd-ease:cubic-bezier(.22,.8,.22,1);
  position:fixed;
  z-index:2147483000;
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(-5px) scale(.985);
  transform-origin:top center;
  max-height:min(360px,52vh);
  overflow:auto;
  overscroll-behavior:contain;
  padding:7px;
  border:1px solid rgba(228,48,54,.34);
  border-radius:15px;
  background:
    radial-gradient(circle at 12% 10%,rgba(228,48,54,.16),transparent 30%),
    linear-gradient(145deg,#0E1F3D,#081327);
  box-shadow:
    0 22px 50px rgba(8,19,39,.34),
    inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  direction:rtl;
  transition:
    opacity .2s ease,
    transform .22s cubic-bezier(.22,.8,.22,1),
    visibility 0s linear .22s;
}

.rushd-gov-menu-v21::before{
  content:"";
  position:absolute;
  z-index:0;
  display:block;
  top:0;
  left:0;
  width:92px;
  height:70px;
  margin:0;
  opacity:.1;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 0 0,transparent 0 14px,rgba(247,244,238,.75) 15px 16px,transparent 17px 28px),
    repeating-conic-gradient(from 0deg at 0 0,rgba(247,244,238,.72) 0 1deg,transparent 1deg 36deg);
}

.rushd-gov-menu-v21.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
  transition-delay:0s;
}

.rushd-gov-menu-v21::-webkit-scrollbar{width:8px}
.rushd-gov-menu-v21::-webkit-scrollbar-track{
  background:rgba(247,244,238,.06);
  border-radius:99px;
}
.rushd-gov-menu-v21::-webkit-scrollbar-thumb{
  background:rgba(228,48,54,.62);
  border-radius:99px;
}

.rushd-gov-option-v21{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:42px;
  margin:0 0 3px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:rgba(247,244,238,.82);
  font-family:"Almarai",sans-serif;
  font-size:12px;
  font-weight:600;
  text-align:right;
  cursor:pointer;
  transition:
    transform .18s var(--rushd-ease),
    color .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.rushd-gov-option-v21::after{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:rgba(247,244,238,.22);
  transition:background .18s ease,box-shadow .18s ease;
}

.rushd-gov-option-v21:hover,
.rushd-gov-option-v21:focus-visible{
  outline:none;
  transform:translateX(-2px);
  color:#FFFFFF;
  border-color:rgba(228,48,54,.22);
  background:rgba(228,48,54,.12);
}

.rushd-gov-option-v21:hover::after,
.rushd-gov-option-v21:focus-visible::after{
  background:var(--rushd-red);
  box-shadow:0 0 10px rgba(228,48,54,.55);
}

.rushd-gov-option-v21[aria-selected="true"]{
  color:#FFFFFF;
  border-color:rgba(228,48,54,.42);
  background:linear-gradient(90deg,rgba(228,48,54,.23),rgba(228,48,54,.08));
}

.rushd-gov-option-v21[aria-selected="true"]::before{
  content:"";
  position:absolute;
  top:8px;
  right:0;
  bottom:8px;
  width:2px;
  border-radius:99px;
  background:var(--rushd-red);
}

.rushd-gov-option-v21[aria-selected="true"]::after{
  background:var(--rushd-red);
  box-shadow:0 0 10px rgba(228,48,54,.55);
}

/* ---------- SHIPPING + TOTAL ---------- */
#product-id .product_form_checkout.rushd-checkout-v21 .shipping_cost_container{
  margin:14px 0 0!important;
  padding:12px 13px!important;
  border:1px solid rgba(14,31,61,.10)!important;
  border-radius:13px 13px 0 0!important;
  background:#FFFFFF!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .shipping_cost_container dt{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:rgba(14,31,61,.62)!important;
  font-size:11px!important;
  font-weight:600!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-shipping-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:none;
  border:1px solid rgba(228,48,54,.14);
  border-radius:9px;
  background:rgba(228,48,54,.055);
  color:var(--rushd-red);
}

#product-id .product_form_checkout.rushd-checkout-v21 .rushd-shipping-icon svg{
  width:17px;
  height:17px;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#product-id .product_form_checkout.rushd-checkout-v21 .shipping_cost_container dd{
  color:var(--rushd-navy-deep)!important;
  font-size:12px!important;
  font-weight:800!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .total_price_container{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border:0!important;
  border-radius:0 0 13px 13px!important;
  background:linear-gradient(135deg,var(--rushd-navy),var(--rushd-navy-deep))!important;
  box-shadow:0 8px 20px rgba(8,19,39,.12)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .total_price_container dt{
  color:rgba(247,244,238,.70)!important;
  font-size:11px!important;
  font-weight:700!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .total_price_container dd{
  color:#FFFFFF!important;
  font-size:18px!important;
  font-weight:800!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .total_price_container dd.is-changing{
  animation:rushdTotalChange .22s ease-out both;
}

@keyframes rushdTotalChange{
  0%{opacity:.25;transform:translateY(3px)}
  100%{opacity:1;transform:translateY(0)}
}

/* ---------- TRUST ---------- */
#product-id .rushd-trust-row{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0 0 12px;
}

#product-id .rushd-trust-row::before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  right:9%;
  left:9%;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(14,31,61,.14) 18%,rgba(14,31,61,.14) 82%,transparent);
}

#product-id .rushd-trust{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:6px;
  border:1px solid rgba(14,31,61,.10);
  border-radius:10px;
  background:#FFFFFF;
  color:var(--rushd-navy);
  font-size:8px;
  font-weight:800;
  text-align:center;
  box-shadow:0 5px 14px rgba(8,19,39,.045);
}

#product-id .rushd-trust::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--rushd-red);
  box-shadow:0 0 8px rgba(228,48,54,.34);
}

/* ---------- HEADER-STYLE BUTTON INTERACTION ---------- */
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn,
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  border:1px solid rgba(14,31,61,.12)!important;

  background-image:
    linear-gradient(90deg,#0E1F3D 0%,#0E1F3D 100%),
    linear-gradient(135deg,#FFFFFF 0%,#F7F4EE 100%)!important;

  background-size:
    0% 100%,
    100% 100%!important;

  background-position:
    left top,
    left top!important;

  background-repeat:no-repeat!important;

  color:var(--rushd-red)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.74),
    0 6px 16px rgba(14,31,61,.07)!important;

  transition:
    transform .28s var(--rushd-ease),
    color .18s ease .08s,
    border-color .24s ease,
    box-shadow .28s var(--rushd-ease),
    background-size .38s cubic-bezier(.22,.8,.2,1)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn{
  --rushd-pointer-x:50%;
  --rushd-pointer-y:50%;
  min-height:50px!important;
  margin-top:4px!important;
  border-radius:13px!important;
  font-size:12px!important;
  font-weight:800!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 [data-rushd-quantity-button="decrease"]{
  color:var(--rushd-navy)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::before,
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button::before{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-2;
  opacity:0;
  transform:scale(.55) rotate(-4deg);
  background:
    radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(247,244,238,.66) 18% 19%,transparent 20%),
    repeating-conic-gradient(from 0deg at 50% 50%,rgba(247,244,238,.56) 0deg 1.25deg,transparent 1.25deg 32deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 18%,#000 19% 68%,transparent 69%);
  mask:radial-gradient(circle at 50% 50%,transparent 0 18%,#000 19% 68%,transparent 69%);
  transition:opacity .20s ease,transform .34s var(--rushd-ease);
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::before{
  background:
    repeating-radial-gradient(circle at var(--rushd-pointer-x) var(--rushd-pointer-y),transparent 0 15px,rgba(247,244,238,.6) 16px 17px,transparent 18px 28px),
    repeating-conic-gradient(from 0deg at var(--rushd-pointer-x) var(--rushd-pointer-y),rgba(247,244,238,.52) 0deg 1.15deg,transparent 1.15deg 30deg);
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--rushd-red),transparent);
  transform:scaleX(0);
  transform-origin:left;
  opacity:0;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:hover,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:focus-visible,
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:hover:not(:disabled),
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:focus-visible:not(:disabled){
  transform:translateY(-2px) scale(1.01)!important;
  color:var(--rushd-cream)!important;
  border-color:rgba(228,48,54,.46)!important;

  background-size:
    100% 100%,
    100% 100%!important;

  box-shadow:
    inset 0 1px rgba(247,244,238,.12),
    0 10px 22px rgba(14,31,61,.14),
    0 0 0 1px rgba(228,48,54,.08),
    0 0 18px rgba(228,48,54,.10)!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:hover::before,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:focus-visible::before,
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:hover:not(:disabled)::before,
#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:focus-visible:not(:disabled)::before{
  opacity:.88;
  transform:scale(1) rotate(5deg);
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button svg{
  position:relative;
  z-index:2;
  color:currentColor!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn.is-pressed{
  transform:scale(.985)!important;
  transition-duration:.09s!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button.is-pressed{
  transform:scale(.94)!important;
  transition-duration:.08s!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button.rushd-button-snap{
  animation:rushdButtonSnap .2s ease-out both;
}

@keyframes rushdButtonSnap{
  0%{transform:scale(.94)}
  100%{transform:scale(1)}
}

#product-id .product_form_checkout.rushd-checkout-v21 .in-product-quantity-counter.rushd-web-snap{
  animation:rushdWebSnap .4s ease-out both;
}

@keyframes rushdWebSnap{
  0%,100%{box-shadow:0 7px 18px rgba(8,19,39,.055)}
  48%{box-shadow:0 7px 18px rgba(8,19,39,.055),0 0 0 3px rgba(228,48,54,.08)}
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn.is-submitting{
  color:var(--rushd-cream)!important;
  background-size:100% 100%,100% 100%!important;
  cursor:wait!important;
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn.is-submitting::before{
  opacity:.72;
  transform:scale(.68) rotate(4deg);
}

#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn.is-submitting::after{
  opacity:1;
  animation:rushdSubmitSweep 1s ease-in-out infinite;
}

@keyframes rushdSubmitSweep{
  0%{transform:translateX(-55%) scaleX(.2)}
  55%{transform:translateX(0) scaleX(.72)}
  100%{transform:translateX(55%) scaleX(.2)}
}

/* ---------- MOBILE ---------- */
@media(max-width:600px){
  #product-id .product_form_checkout.rushd-checkout-v21{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0 10px 14px!important;
    border-radius:20px!important;
  }

  #product-id .rushd-checkout-head{
    grid-template-columns:minmax(0,1fr) 112px;
    min-height:158px;
    margin:0 -10px 15px;
    padding:18px 12px 14px 14px;
    border-radius:19px 19px 16px 16px;
  }

  #product-id .rushd-checkout-character-wrap{
    width:112px;
    height:132px;
  }

  #product-id .rushd-checkout-character{
    width:112px;
    height:132px;
  }

  #product-id .rushd-checkout-title{
    font-size:22px!important;
  }

  #product-id .rushd-checkout-sub{
    font-size:9px!important;
  }

  #product-id .rushd-progress{
    padding:8px 9px;
  }

  #product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button{
    width:42px!important;
    height:42px!important;
  }

  #product-id .product_form_checkout.rushd-checkout-v21 .rushd-quantity-value{
    width:48px!important;
    height:42px!important;
  }

  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn{
    min-height:52px!important;
  }

  #product-id .rushd-trust{
    font-size:7.5px;
  }

  .rushd-gov-menu-v21{
    max-height:44vh;
  }
}

@media(hover:none){
  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:active,
  #product-id .product_form_checkout.rushd-checkout-v21 .quantity_container button:active:not(:disabled){
    color:var(--rushd-cream)!important;
    border-color:rgba(228,48,54,.46)!important;
    background-size:100% 100%,100% 100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #product-id .rushd-checkout-character,
  #product-id .product_form_checkout.rushd-checkout-v21 *,
  .rushd-gov-menu-v21,
  .rushd-gov-menu-v21 *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   FULL CHECKOUT ADAPTER — SAME RUSHD COMPOSITION / MOTION
   Scope is added by V21 JS only on /checkout.
========================================================= */
.rushd-checkout-page-v21{
  --rushd-navy:#0E1F3D;
  --rushd-navy-deep:#081327;
  --rushd-red:#E43036;
  --rushd-cream:#F7F4EE;
  --rushd-white:#FFFFFF;
  --rushd-ease:cubic-bezier(.22,.8,.22,1);
  color:var(--rushd-navy-deep);
  background:var(--rushd-cream);
}

.rushd-checkout-page-v21 .rushd-checkout-page-shell-v21{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 7% 9%,rgba(228,48,54,.055),transparent 26%),
    linear-gradient(180deg,#fff 0,var(--rushd-cream) 42%,#fff 100%)!important;
}

.rushd-checkout-page-v21 .rushd-checkout-page-shell-v21::before,
.rushd-checkout-page-v21 .rushd-checkout-page-shell-v21::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:300px;
  height:300px;
  pointer-events:none;
  opacity:.07;
  background:repeating-radial-gradient(circle at 100% 0%,transparent 0 30px,rgba(14,31,61,.8) 31px 32px,transparent 33px 56px),repeating-conic-gradient(from 3deg at 100% 0%,rgba(14,31,61,.72) 0deg 1deg,transparent 1deg 28deg);
  -webkit-mask:radial-gradient(circle at 100% 0%,#000 0 76%,transparent 77%);
  mask:radial-gradient(circle at 100% 0%,#000 0 76%,transparent 77%);
}

.rushd-checkout-page-v21 .rushd-checkout-page-shell-v21::before{top:12px;right:0}
.rushd-checkout-page-v21 .rushd-checkout-page-shell-v21::after{left:0;bottom:34px;transform:rotate(180deg)}

.rushd-checkout-page-v21 .rushd-checkout-layout-v21{
  display:grid!important;
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  gap:0!important;
  padding:54px 0 68px!important;
  align-items:start;
  border-top:1px solid rgba(14,31,61,.08);
}

.rushd-checkout-page-v21 .rushd-checkout-layout-v21 > h1.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.rushd-checkout-page-v21 .rushd-checkout-layout-v21::before{
  content:"RUSHD — SECURE CHECKOUT";
  position:absolute;
  top:17px;
  right:0;
  color:rgba(14,31,61,.54);
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
}

.rushd-checkout-page-v21 form.checkout_form{
  width:auto!important;
  padding:0!important;
  position:relative;
  z-index:2;
}

.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
  min-height:100%;
  padding:0 22px 24px!important;
  border:1px solid rgba(14,31,61,.14)!important;
  border-left:0!important;
  border-radius:0 24px 24px 0!important;
  background:#fff!important;
  box-shadow:0 22px 54px rgba(8,19,39,.09)!important;
}

.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 > svg.absolute,
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 > #contact-info-heading{
  display:none!important;
}

.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-1px;
  bottom:-1px;
  width:145px;
  height:145px;
  opacity:.065;
  pointer-events:none;
  background:repeating-radial-gradient(circle at 100% 100%,transparent 0 18px,rgba(14,31,61,.8) 19px 20px,transparent 21px 36px);
}

/* One visual bridge: the summary and form are two halves of one composition. */
.rushd-checkout-page-v21 .rushd-order-summary-v21{
  position:relative;
  z-index:1;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.rushd-checkout-page-v21 .rushd-order-summary-inner-v21{
  position:sticky;
  top:28px;
  min-height:100%;
  padding:25px 24px 24px;
  overflow:hidden;
  border:1px solid rgba(14,31,61,.14);
  border-right:0;
  border-radius:24px 0 0 24px;
  background:linear-gradient(155deg,#fff,var(--rushd-cream));
  box-shadow:0 22px 54px rgba(8,19,39,.09);
}

.rushd-checkout-page-v21 .rushd-order-summary-inner-v21::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:linear-gradient(90deg,var(--rushd-red),var(--rushd-navy) 58%,var(--rushd-red));
}

.rushd-checkout-page-v21 #summary-heading{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 20px!important;
  color:var(--rushd-navy-deep)!important;
  font-size:20px!important;
  font-weight:900!important;
}

.rushd-checkout-page-v21 #summary-heading::before{
  content:"";
  width:10px;
  height:10px;
  flex:none;
  border-radius:50%;
  background:var(--rushd-red);
  box-shadow:0 0 0 5px rgba(228,48,54,.09);
}

.rushd-checkout-page-v21 .checkout_cart_items_container{
  position:relative;
  margin:0!important;
  padding:0 18px 0 0!important;
}

.rushd-checkout-page-v21 .checkout_cart_items_container::before{
  content:"";
  position:absolute;
  top:18px;
  right:3px;
  bottom:18px;
  width:1px;
  background:linear-gradient(var(--rushd-red),rgba(14,31,61,.18));
}

.rushd-checkout-page-v21 .rushd-cart-item-v21{
  position:relative;
  gap:14px!important;
  margin:0!important;
  padding:15px 0 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(14,31,61,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
}

.rushd-checkout-page-v21 .rushd-cart-item-v21::before{
  content:"";
  position:absolute;
  top:30px;
  right:-19px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--rushd-red);
  box-shadow:0 0 0 2px rgba(228,48,54,.16);
}

.rushd-checkout-page-v21 [data-cart="item-image-wrapper"]{
  flex:none!important;
  width:82px!important;
  height:96px!important;
  overflow:hidden;
  border:1px solid rgba(14,31,61,.12)!important;
  border-radius:14px!important;
  background:#fff;
  box-shadow:0 10px 22px rgba(8,19,39,.10)!important;
}

.rushd-checkout-page-v21 [data-cart="item-image"]{width:100%!important;height:100%!important;object-fit:cover!important}
.rushd-checkout-page-v21 [data-cart="item-name"]{color:var(--rushd-navy-deep)!important;font-size:13px!important;font-weight:900!important;line-height:1.7!important}
.rushd-checkout-page-v21 [data-cart="item-price"],
.rushd-checkout-page-v21 [data-cart="item-total"]{color:var(--rushd-red)!important;font-weight:900!important}

.rushd-checkout-page-v21 [data-cart="item-quantity-counter"]{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  padding:4px!important;
  border:1px solid rgba(14,31,61,.11);
  border-radius:13px;
  background:rgba(255,255,255,.82);
}

.rushd-checkout-page-v21 [data-rushd-quantity-button]{
  display:grid!important;
  place-items:center;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border:1px solid rgba(14,31,61,.15)!important;
  border-radius:10px!important;
  background:var(--rushd-navy)!important;
  color:#fff!important;
  transition:transform .2s var(--rushd-ease),background .2s ease!important;
}

.rushd-checkout-page-v21 [data-rushd-quantity-button]:hover,
.rushd-checkout-page-v21 [data-rushd-quantity-button]:focus-visible{background:var(--rushd-red)!important;transform:translateY(-1px);outline:3px solid rgba(228,48,54,.12)!important}
.rushd-checkout-page-v21 [data-rushd-quantity-button].is-pressed{transform:scale(.92)!important}
.rushd-checkout-page-v21 [data-cart="item-quantity"],
.rushd-checkout-page-v21 [data-cart="item-quantity"] *{
  min-width:28px;
  text-align:center;
  color:var(--rushd-navy-deep)!important;
  -webkit-text-fill-color:var(--rushd-navy-deep)!important;
  opacity:1!important;
  font-weight:900!important;
}
.rushd-checkout-page-v21 [data-cart="item-quantity"].is-changing{animation:rushdQuantityPop .34s var(--rushd-ease) both}

.rushd-checkout-page-v21 .rushd-remove-item-v21{
  min-width:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
  color:var(--rushd-red)!important;
  background:rgba(228,48,54,.07)!important;
  transition:transform .2s var(--rushd-ease),background .2s ease,color .2s ease!important;
}
.rushd-checkout-page-v21 .rushd-remove-item-v21:hover,
.rushd-checkout-page-v21 .rushd-remove-item-v21:focus-visible{color:#fff!important;background:var(--rushd-red)!important;transform:translateY(-1px);outline:3px solid rgba(228,48,54,.12)!important}

.rushd-checkout-page-v21 .rushd-invoice-v21{margin-top:20px!important;padding-top:4px!important;color:var(--rushd-navy-deep)}
.rushd-checkout-page-v21 .rushd-invoice-v21 > div{padding:12px 0!important;border-bottom:1px solid rgba(14,31,61,.09)!important}
.rushd-checkout-page-v21 .rushd-invoice-v21 [data-rushd-total]{margin-top:7px!important;padding:16px 15px!important;border:0!important;border-radius:15px;background:linear-gradient(135deg,var(--rushd-navy-deep),var(--rushd-navy));color:#fff!important;box-shadow:0 12px 24px rgba(8,19,39,.15)}
.rushd-checkout-page-v21 .rushd-invoice-v21 [data-rushd-total] *{color:#fff!important;font-weight:900!important}
.rushd-checkout-page-v21 [data-rushd-total-value].is-changing{animation:rushdTotalFlash .32s var(--rushd-ease) both}

/* Shared header language inside the full checkout form. */
.rushd-checkout-page-v21 .rushd-checkout-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  align-items:end;
  min-height:172px;
  margin:0 -22px 20px;
  padding:22px 20px 17px;
  overflow:hidden;
  border-radius:23px 23px 18px 0;
  border-bottom:2px solid var(--rushd-red);
  color:#fff;
  background:radial-gradient(circle at 9% 36%,rgba(228,48,54,.26),transparent 26%),radial-gradient(circle at 82% 15%,rgba(255,255,255,.065),transparent 24%),linear-gradient(135deg,var(--rushd-navy-deep),var(--rushd-navy));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 30px rgba(8,19,39,.16);
}
.rushd-checkout-page-v21 .rushd-checkout-head::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-radial-gradient(circle at 92% 18%,transparent 0 32px,rgba(247,244,238,.24) 33px 34px,transparent 35px 62px),repeating-conic-gradient(from 5deg at 92% 18%,rgba(247,244,238,.2) 0deg 1deg,transparent 1deg 30deg)}
.rushd-checkout-page-v21 .rushd-checkout-copy{position:relative;z-index:2;min-width:0;padding-inline-end:4px}
.rushd-checkout-page-v21 .rushd-checkout-kicker{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:rgba(247,244,238,.72);font-size:8px;font-weight:900;letter-spacing:1.5px}
.rushd-checkout-page-v21 .rushd-checkout-kicker::before{content:"";width:24px;height:2px;border-radius:99px;background:var(--rushd-red)}
.rushd-checkout-page-v21 .rushd-checkout-title{margin:0!important;color:#fff!important;font-size:26px!important;font-weight:900!important;line-height:1.3!important}
.rushd-checkout-page-v21 .rushd-checkout-sub{margin:5px 0 12px!important;color:rgba(247,244,238,.76)!important;font-size:10px!important;font-weight:600!important}
.rushd-checkout-page-v21 .rushd-checkout-character-wrap{position:relative;z-index:2;width:132px;height:148px;align-self:end}
.rushd-checkout-page-v21 .rushd-checkout-character{display:block;width:132px;height:148px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 13px rgba(0,0,0,.22));animation:rushdCharacterFloat 4.8s ease-in-out infinite}
.rushd-checkout-page-v21 .rushd-character-nod .rushd-checkout-character{animation:rushdCharacterNod .42s var(--rushd-ease) both}
.rushd-checkout-page-v21 .rushd-character-celebrate .rushd-checkout-character{animation:rushdCharacterCelebrate .7s var(--rushd-ease) both}

.rushd-checkout-page-v21 .rushd-progress{position:relative;padding:9px 10px;border:1px solid rgba(247,244,238,.12);border-radius:12px;background:rgba(255,255,255,.055);backdrop-filter:blur(5px)}
.rushd-checkout-page-v21 .rushd-progress-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:rgba(247,244,238,.74);font-size:8px;font-weight:800}
.rushd-checkout-page-v21 .rushd-progress-value{color:#fff;font-weight:900}
.rushd-checkout-page-v21 .rushd-progress-track{position:relative;height:4px;border-radius:99px;background:rgba(247,244,238,.18)}
.rushd-checkout-page-v21 .rushd-progress-fill{position:absolute;right:0;top:0;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ff777a,var(--rushd-red));box-shadow:0 0 12px rgba(228,48,54,.5);transition:width .46s var(--rushd-ease)}
.rushd-checkout-page-v21 .rushd-progress-node{position:absolute;top:50%;width:7px;height:7px;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:var(--rushd-navy);transform:translate(-50%,-50%);transition:background .2s ease,box-shadow .2s ease}
.rushd-checkout-page-v21 .rushd-progress-node[data-step="1"]{left:25%}.rushd-checkout-page-v21 .rushd-progress-node[data-step="2"]{left:50%}.rushd-checkout-page-v21 .rushd-progress-node[data-step="3"]{left:75%}.rushd-checkout-page-v21 .rushd-progress-node[data-step="4"]{left:calc(100% - 1px)}
.rushd-checkout-page-v21 .rushd-progress-node.is-complete{background:var(--rushd-red);border-color:#fff;box-shadow:0 0 0 3px rgba(228,48,54,.18)}

/* Shared fields, governorate control, trust row and CTA. */
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 .rushd-field-shell{position:relative}
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 textarea{
  box-sizing:border-box!important;width:100%!important;min-height:50px!important;padding:13px 44px 13px 14px!important;border:1px solid rgba(14,31,61,.16)!important;border-radius:13px!important;outline:none!important;background:linear-gradient(135deg,#fff,var(--rushd-cream))!important;color:var(--rushd-navy-deep)!important;-webkit-text-fill-color:var(--rushd-navy-deep)!important;caret-color:var(--rushd-red)!important;font-family:"Almarai",sans-serif!important;font-size:12px!important;font-weight:600!important;box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 18px rgba(8,19,39,.065)!important;transition:transform .24s var(--rushd-ease),border-color .22s ease,box-shadow .24s var(--rushd-ease)!important
}
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 textarea{min-height:94px!important;resize:vertical!important}
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 input:focus,
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 textarea:focus{transform:translateY(-1px)!important;border-color:rgba(228,48,54,.82)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(228,48,54,.095),0 10px 22px rgba(8,19,39,.13)!important}
.rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21 .relative.mt-1>div.pointer-events-none{z-index:3!important;color:var(--rushd-red)!important;opacity:.92!important}
.rushd-checkout-page-v21 .rushd-optional-label{position:absolute;z-index:4;top:8px;left:11px;padding:2px 6px;border:1px solid rgba(14,31,61,.1);border-radius:999px;background:rgba(255,255,255,.9);color:rgba(14,31,61,.56);font-size:7px;font-weight:800;pointer-events:none}
.rushd-checkout-page-v21 .rushd-address-shell::before{content:"";position:absolute;z-index:4;top:0;right:16px;left:16px;height:2px;background:var(--rushd-navy);opacity:.58;pointer-events:none}.rushd-checkout-page-v21 .rushd-address-shell:focus-within::before{background:var(--rushd-red);opacity:1}
.rushd-checkout-page-v21 .rushd-field-complete::after{content:"";position:absolute;z-index:4;left:13px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--rushd-red);box-shadow:0 0 0 3px rgba(228,48,54,.1)}
.rushd-checkout-page-v21 .rushd-invalid-submit{border-color:var(--rushd-red)!important;box-shadow:0 0 0 3px rgba(228,48,54,.1)!important;animation:rushdInvalidNudge .36s ease-out both}
.rushd-checkout-page-v21 .rushd-native-governorate-source{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.rushd-checkout-page-v21 .rushd-gov-host-v21>.pointer-events-none{display:none!important}
.rushd-checkout-page-v21 .rushd-gov{position:relative;width:100%;margin:0!important}
.rushd-checkout-page-v21 .rushd-gov-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(14,31,61,.16);border-radius:13px;background:linear-gradient(135deg,#fff,var(--rushd-cream));color:var(--rushd-navy-deep);box-shadow:0 8px 18px rgba(8,19,39,.065);cursor:pointer;transition:transform .24s var(--rushd-ease),border-color .22s ease,box-shadow .24s var(--rushd-ease)}
.rushd-checkout-page-v21 .rushd-gov-content{display:flex;align-items:center;gap:10px;min-width:0}.rushd-checkout-page-v21 .rushd-gov-pin{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid rgba(228,48,54,.18);border-radius:9px;background:rgba(228,48,54,.06);color:var(--rushd-red)}.rushd-checkout-page-v21 .rushd-gov-pin svg{width:15px;height:15px;stroke:currentColor}.rushd-checkout-page-v21 .rushd-gov-label{min-width:0;color:var(--rushd-navy-deep);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rushd-checkout-page-v21 .rushd-gov:not(.has-value) .rushd-gov-label{color:rgba(14,31,61,.56);font-weight:500}.rushd-checkout-page-v21 .rushd-gov-arrow{position:relative;width:22px;height:22px;flex:none;border-radius:8px;border:1px solid rgba(228,48,54,.22);background:rgba(228,48,54,.08)}
.rushd-checkout-page-v21 .rushd-gov-trigger:hover,.rushd-checkout-page-v21 .rushd-gov-trigger:focus-visible,.rushd-checkout-page-v21 .rushd-gov.is-open .rushd-gov-trigger{transform:translateY(-1px);border-color:rgba(228,48,54,.68);outline:3px solid rgba(228,48,54,.08);box-shadow:0 10px 22px rgba(8,19,39,.13)}

.rushd-checkout-page-v21 .rushd-trust-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 10px;padding-top:12px;border-top:1px solid rgba(14,31,61,.1)}
.rushd-checkout-page-v21 .rushd-trust{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px;border:1px solid rgba(14,31,61,.09);border-radius:10px;background:var(--rushd-cream);color:rgba(14,31,61,.72);font-size:8px;font-weight:800;text-align:center}.rushd-checkout-page-v21 .rushd-trust::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rushd-red);box-shadow:0 0 0 3px rgba(228,48,54,.08)}
.rushd-checkout-page-v21 .checkout_buy_now[data-rushd-cta]{position:relative!important;isolation:isolate;overflow:hidden!important;width:100%!important;min-height:54px!important;border:1px solid rgba(228,48,54,.42)!important;border-radius:15px!important;background:linear-gradient(90deg,var(--rushd-red),var(--rushd-red)) 0 0/0 100% no-repeat,linear-gradient(135deg,var(--rushd-navy-deep),var(--rushd-navy))!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(8,19,39,.18)!important;transition:background-size .32s var(--rushd-ease),transform .22s var(--rushd-ease),box-shadow .25s ease!important}
.rushd-checkout-page-v21 .checkout_buy_now[data-rushd-cta]:hover,.rushd-checkout-page-v21 .checkout_buy_now[data-rushd-cta]:focus-visible{background-size:100% 100%,100% 100%!important;transform:translateY(-2px);outline:3px solid rgba(228,48,54,.12)!important;box-shadow:0 17px 32px rgba(8,19,39,.23)!important}.rushd-checkout-page-v21 .checkout_buy_now[data-rushd-cta].is-pressed{transform:scale(.985)!important}.rushd-checkout-page-v21 .checkout_buy_now.is-submitting{cursor:wait!important}

@media(min-width:1024px){
  .rushd-checkout-page-v21 .rushd-checkout-layout-v21{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .rushd-checkout-page-v21 form.checkout_form{grid-column:1!important;grid-row:1!important}
  .rushd-checkout-page-v21 .rushd-order-summary-v21{grid-column:2!important;grid-row:1!important}
}

@media(max-width:1023px){
  .rushd-checkout-page-v21 .rushd-checkout-layout-v21{width:min(720px,calc(100% - 28px))!important;display:flex!important;flex-direction:column!important;padding-top:48px!important}
  .rushd-checkout-page-v21 form.checkout_form{order:1;width:100%!important}
  .rushd-checkout-page-v21 .rushd-order-summary-v21{order:2;width:100%!important}
  .rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21{border-left:1px solid rgba(14,31,61,.14)!important;border-radius:24px 24px 0 0!important}
  .rushd-checkout-page-v21 .rushd-order-summary-inner-v21{position:relative;top:auto;border:1px solid rgba(14,31,61,.14);border-top:0;border-radius:0 0 24px 24px}
  .rushd-checkout-page-v21 .rushd-checkout-head{border-radius:23px 23px 18px 18px}
}

@media(max-width:600px){
  .rushd-checkout-page-v21 .rushd-checkout-layout-v21{width:calc(100% - 18px)!important;padding:42px 0 110px!important}
  .rushd-checkout-page-v21 .rushd-checkout-layout-v21::before{right:4px;font-size:7px}
  .rushd-checkout-page-v21 .contact-info-heading.rushd-checkout-v21{padding:0 10px 18px!important;border-radius:20px 20px 0 0!important}
  .rushd-checkout-page-v21 .rushd-checkout-head{grid-template-columns:minmax(0,1fr) 108px;min-height:158px;margin:0 -10px 15px;padding:18px 12px 14px;border-radius:19px 19px 16px 16px}
  .rushd-checkout-page-v21 .rushd-checkout-character-wrap,.rushd-checkout-page-v21 .rushd-checkout-character{width:108px;height:132px}.rushd-checkout-page-v21 .rushd-checkout-title{font-size:22px!important}.rushd-checkout-page-v21 .rushd-checkout-sub{font-size:9px!important}.rushd-checkout-page-v21 .rushd-progress{padding:8px}
  .rushd-checkout-page-v21 .rushd-order-summary-inner-v21{padding:23px 14px 20px;border-radius:0 0 20px 20px}
  .rushd-checkout-page-v21 [data-cart="item-image-wrapper"]{width:68px!important;height:82px!important}.rushd-checkout-page-v21 [data-cart="item-name"]{font-size:11px!important}
  .rushd-checkout-page-v21 form.checkout_form>div>section>div.fixed{right:0!important;left:0!important;z-index:30!important;padding:10px 12px!important;border-top:1px solid rgba(14,31,61,.1)!important;background:rgba(247,244,238,.94)!important;backdrop-filter:blur(12px)!important;box-shadow:0 -10px 26px rgba(8,19,39,.10)!important}
  .rushd-checkout-page-v21 .rushd-trust-row{margin:0 0 7px;padding-top:0;border-top:0}.rushd-checkout-page-v21 .rushd-trust{min-height:24px;font-size:7px}
}

@media(prefers-reduced-motion:reduce){
  .rushd-checkout-page-v21 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Purchase buttons: red CTA and responsive Rushd character. */
#product-id .checkout_btn,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn{
  position:relative!important;
  overflow:visible!important;
  min-height:50px!important;
  margin-top:34px!important;
  padding-left:clamp(84px,22vw,110px)!important;
  padding-right:16px!important;
  background:#E43036!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -3px 5px rgba(87,9,22,.19),0 5px 12px rgba(122,18,32,.14)!important;
  transition:background-color .28s ease,transform .28s ease,box-shadow .28s ease!important;
}
#product-id .checkout_btn::before,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit;
  pointer-events:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' stroke-width='.8'%3E%3Cpath d='M0 0L105 17M0 0L78 42M0 0L30 60M22 0Q19 7 20 11Q10 13 7 15M45 0Q37 15 40 22Q21 26 14 29M70 0Q57 23 61 33Q32 40 22 44M96 0Q78 31 84 45Q43 54 30 60'/%3E%3Cpath d='M600 60L495 43M600 60L522 18M600 60L570 0M578 60Q581 53 580 49Q590 47 593 45M555 60Q563 45 560 38Q579 34 586 31M530 60Q543 37 539 27Q568 20 578 16M504 60Q522 29 516 15Q557 6 570 0'/%3E%3Cpath d='M0 0L100 29M0 0L54 60M33 0Q28 11 30 16Q16 20 11 22M57 0Q47 19 50 27Q27 33 18 36M83 0Q68 27 73 39Q38 47 26 52M600 60L500 31M600 60L546 0M567 60Q572 49 570 44Q584 40 589 38M543 60Q553 41 550 33Q573 27 582 24M517 60Q532 33 527 21Q562 13 574 8'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
  mask:none!important;
  opacity:.12!important;
  transform:none!important;
  animation:none!important;
  transition:opacity .28s ease!important;
}
@media(hover:hover){
  #product-id .checkout_btn:hover,
  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:hover{
    transform:translateY(-2px)!important;
    background-color:#0E1F3D!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 5px rgba(3,10,24,.28),0 7px 20px rgba(14,31,61,.28)!important;
  }
  #product-id .checkout_btn:hover::before,
  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:hover::before{opacity:.25!important}
}
#product-id .checkout_btn:focus-visible,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn:focus-visible{
  color:#fff!important;
  outline:2px solid #0E1F3D!important;
  outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
  #product-id .checkout_btn,
  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn,
  #product-id .checkout_btn::before,
  #product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::before{transition:none!important}
}
#product-id .checkout_btn::after,
#product-id .product_form_checkout.rushd-checkout-v21 .form_checkout_btn::after{
  content:""!important;
  position:absolute!important;
  inset:auto auto -5px 8px!important;
  width:clamp(64px,18vw,90px)!important;
  height:auto!important;
  aspect-ratio:1299 / 1211;
  background:url("https://pub-93bc29033b3747bb88cdd70975998e11.r2.dev/RushdCheckout.webp") center / contain no-repeat!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  z-index:1!important;
  pointer-events:none!important;
}