/* ==========================================================
   TAQA CHECKOUT v1.0 — standalone /checkout experience
   Form UI copied from the current product-page checkout system.
   ========================================================== */

body.taqa-checkout-route{
  --tp-bg:#F4F7F8;
  --tp-bg2:#E9EFF1;
  --tp-surface:#FAFCFC;
  --tp-ink:#09111A;
  --tp-mute:#4D7183;
  --tp-line:rgba(9,17,26,.14);
  --tp-line2:rgba(9,17,26,.06);
  --tp-o:#C06024;
  --tp-o2:#EA7D38;
  --tp-display:"Dune Rise","DM Sans",system-ui,sans-serif;
  --tp-ar:"Cairo",system-ui,sans-serif;
  --tp-ease:cubic-bezier(.22,.8,.2,1);
  --tqc-bg:#F4F7F8;
  --tqc-panel:#FAFCFC;
  --tqc-ink:#09111A;
  --tqc-muted:#4D7183;
  --tqc-line:rgba(9,17,26,.14);
  --tqc-soft:#E9EFF1;
  background:var(--tqc-bg)!important;
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route.taqa-theme-dark{
  --tp-bg:#070C14;
  --tp-bg2:#09111A;
  --tp-surface:#0B141F;
  --tp-ink:#F4F7F8;
  --tp-mute:#8FA7B4;
  --tp-line:rgba(220,229,232,.16);
  --tp-line2:rgba(220,229,232,.06);
  --tqc-bg:#070C14;
  --tqc-panel:#0B141F;
  --tqc-ink:#F4F7F8;
  --tqc-muted:#8FA7B4;
  --tqc-line:rgba(220,229,232,.16);
  --tqc-soft:#09111A;
}

/* Route-transition guard: the product page keeps the dark theme class while
   the checkout summary mounts. Apply the dark palette to the summary before
   the checkout script finishes decorating the form, preventing the brief
   white-card/white-text flash seen only after pressing Buy. */
body.taqa-theme-dark .checkout_order_summary{
  background:#070C14!important;
  color:#F4F7F8!important;
}
body.taqa-theme-dark .checkout_order_summary [data-cart="item"],
body.taqa-theme-dark .checkout_order_summary [data-invoice="invoice"]{
  background:rgba(10,19,29,.74)!important;
  border-color:rgba(220,229,232,.16)!important;
  color:#F4F7F8!important;
}
body.taqa-theme-dark .checkout_order_summary [data-cart="item"] *{
  color:inherit;
}
body.taqa-checkout-route,
body.taqa-checkout-route .app_container{
  background:var(--tqc-bg)!important;
}
body.taqa-checkout-route .checkout_bg_left,
body.taqa-checkout-route .checkout_bg_right{
  background:var(--tqc-bg)!important;
}
body.taqa-checkout-route .checkout_container:not(form){
  width:min(1500px,calc(100% - clamp(28px,5vw,84px)))!important;
  max-width:1500px!important;
  gap:clamp(28px,4vw,68px)!important;
  padding-top:clamp(120px,13vh,170px)!important;
  padding-bottom:72px!important;
}

/* ==========================================================
   V3.17 — POWER FLOW CHECKOUT
   Native product-page EasyOrders checkout only.
   ========================================================== */

body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow{
  --tp-order-progress:14%;
  margin-top:30px!important;
  padding:0!important;
  border:1px solid var(--tp-line)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    linear-gradient(var(--tp-line2) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,var(--tp-line2) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(145deg,var(--tp-surface),var(--tp-bg2))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 30px 70px -48px rgba(0,0,0,.46)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:3px;
  height:var(--tp-order-progress);
  background:linear-gradient(180deg,#FFC780,var(--tp-o2),#B4531C);
  box-shadow:0 0 20px rgba(234,125,56,.55);
  transition:height .55s var(--tp-ease);
  z-index:5;
}

body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow::after{
  content:"";
  position:absolute;
  inset:-20% -10%;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 14% 5%,rgba(234,125,56,.13),transparent 26%),
    radial-gradient(circle at 90% 42%,rgba(77,113,131,.11),transparent 28%);
}

body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow>svg{display:none!important}
body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow>.tp-order-native-title{display:none!important}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head{
  position:relative;
  padding:26px 24px 24px;
  border-bottom:1px solid var(--tp-line);
  overflow:hidden;
  background:
    linear-gradient(120deg,rgba(234,125,56,.08),transparent 38%),
    color-mix(in srgb,var(--tp-surface) 88%,transparent);
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head::after{
  content:"";
  position:absolute;
  width:132px;
  height:132px;
  inset-inline-end:-55px;
  top:-59px;
  border:1px solid var(--tp-line);
  border-radius:50%;
  box-shadow:
    0 0 0 20px rgba(234,125,56,.025),
    0 0 0 42px rgba(234,125,56,.018);
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--tp-mute);
  font:600 8px/1 var(--tp-display)!important;
  letter-spacing:.18em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow>span{color:var(--tp-o2)}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow>i{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--tp-o2),var(--tp-line),transparent);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow>b{
  font:inherit;
  color:var(--tp-mute);
  white-space:nowrap;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  margin:20px 0 12px!important;
  color:var(--tp-ink)!important;
  font-family:var(--tp-display)!important;
  font-size:clamp(33px,3.7vw,52px)!important;
  font-weight:400!important;
  line-height:.86!important;
  letter-spacing:.015em!important;
  text-align:left!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title span:last-child{
  color:var(--tp-o2);
  margin-inline-start:clamp(18px,4vw,48px);
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__foot p{
  margin:0!important;
  color:var(--tp-mute)!important;
  font:700 12px/1.45 var(--tp-ar)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:none;
  color:var(--tp-mute);
  font:600 7px/1 var(--tp-display)!important;
  letter-spacing:.12em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--tp-o2);
  box-shadow:0 0 0 4px rgba(234,125,56,.10),0 0 12px rgba(234,125,56,.55);
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:20px 22px 24px!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form::before{
  content:"";
  position:absolute;
  top:20px;
  bottom:24px;
  inset-inline-start:31px;
  width:1px;
  z-index:0;
  background:
    linear-gradient(
      180deg,
      var(--tp-o2) 0 var(--tp-order-progress),
      var(--tp-line) var(--tp-order-progress) 100%
    );
  opacity:.75;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form>*{position:relative;z-index:1}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step{
  grid-column:1/-1!important;
  min-height:44px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:4px 0 1px!important;
  padding-inline-start:1px;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step--contact{order:10}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step--delivery{order:20;margin-top:12px!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step--order{order:30;margin-top:12px!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step--confirm{order:40;margin-top:12px!important}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__node{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid var(--tp-line);
  border-radius:50%;
  background:var(--tp-surface);
  transition:.28s var(--tp-ease);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__node i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--tp-mute);
  opacity:.45;
  transition:.28s var(--tp-ease);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-active .tp-order-step__node,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-complete .tp-order-step__node{
  border-color:rgba(234,125,56,.62);
  box-shadow:0 0 0 5px rgba(234,125,56,.08),0 0 16px rgba(234,125,56,.18);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-active .tp-order-step__node i,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-complete .tp-order-step__node i{
  background:var(--tp-o2);
  opacity:1;
  box-shadow:0 0 9px rgba(234,125,56,.65);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-complete .tp-order-step__node i{width:8px;height:8px}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__en{
  color:var(--tp-o2);
  font:600 8px/1 var(--tp-display)!important;
  letter-spacing:.15em;
  white-space:nowrap;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__copy strong{
  color:var(--tp-ink)!important;
  font:800 13px/1.25 var(--tp-ar)!important;
  white-space:nowrap;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field{margin-top:0!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--full-name{order:11;grid-column:1/-1!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--phone{order:12}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--phone-alt{order:13}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government{order:21;grid-column:1/-1!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--address{order:22;grid-column:1/-1!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity{order:31;grid-column:1/-1!important;margin:0!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--note{order:32;grid-column:1/-1!important}
.tpp .shipping_cost_container.tp-order-summary-item{order:41}
.tpp .total_price_container.tp-order-summary-item{order:42}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap{order:43;grid-column:1/-1!important}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field{
  min-width:0;
  padding:11px 11px 12px!important;
  border:1px solid var(--tp-line);
  border-radius:12px;
  background:color-mix(in srgb,var(--tp-surface) 84%,transparent);
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s var(--tp-ease);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field:focus-within{
  border-color:rgba(234,125,56,.58);
  background:color-mix(in srgb,var(--tp-surface) 94%,var(--tp-o2) 6%);
  box-shadow:0 0 0 3px rgba(234,125,56,.07),0 12px 28px -24px rgba(234,125,56,.55);
  transform:translateY(-1px);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field.is-filled{
  border-color:color-mix(in srgb,var(--tp-line) 50%,var(--tp-o2) 50%);
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 1px 8px;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field__meta>span{
  color:var(--tp-ink);
  font:800 11px/1 var(--tp-ar)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field__meta>small{
  color:var(--tp-mute);
  font:600 7px/1 var(--tp-display),var(--tp-ar)!important;
  letter-spacing:.10em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field[data-tp-optional="1"] .tp-order-field__meta>small{opacity:.7}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
  color:var(--tp-ink)!important;
  background:var(--tp-bg)!important;
  box-shadow:inset 0 0 0 1px var(--tp-line)!important;
  font-family:var(--tp-ar)!important;
  transition:box-shadow .25s,background .25s!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input{min-height:50px!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{min-height:108px!important;resize:vertical}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--note .global_textarea{min-height:86px!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input::placeholder,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea::placeholder{
  color:var(--tp-mute)!important;
  opacity:.58!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input:focus,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea:focus{
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(234,125,56,.55),inset 0 0 24px rgba(234,125,56,.035)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .pointer-events-none{
  color:var(--tp-o2)!important;
  opacity:.82;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity{
  padding:13px 14px!important;
  border:1px solid var(--tp-line);
  border-radius:12px;
  background:color-mix(in srgb,var(--tp-surface) 84%,transparent);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity>label{
  margin-bottom:10px!important;
  color:var(--tp-ink)!important;
  font:800 11px/1 var(--tp-ar)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity>label::before{
  content:"POWER REGULATOR / ";
  color:var(--tp-o2);
  font:600 7px/1 var(--tp-display)!important;
  letter-spacing:.13em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity .quantity_container{margin-top:0!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity .quantity_container>div{
  width:100%;
  justify-content:space-between!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid var(--tp-line)!important;
  border-radius:999px!important;
  background:var(--tp-bg)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity .quantity_container button{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid var(--tp-line)!important;
  border-radius:50%!important;
  color:var(--tp-ink)!important;
  background:var(--tp-surface)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity .quantity_container p{
  color:var(--tp-ink)!important;
  font:700 18px/1 var(--tp-display),var(--tp-ar)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-summary-item{
  min-height:88px;
  margin:0!important;
  padding:13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px;
  border:1px solid var(--tp-line)!important;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(234,125,56,.045),transparent 55%),color-mix(in srgb,var(--tp-surface) 88%,transparent);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-summary-item dt{
  color:var(--tp-mute)!important;
  font:600 7px/1 var(--tp-display),var(--tp-ar)!important;
  letter-spacing:.12em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-summary-item dd{width:100%;color:var(--tp-ink)!important}

.tpp .shipping_cost_container.tp-order-summary-item::before{
  content:"SHIPPING";
  color:var(--tp-o2);
  font:600 7px/1 var(--tp-display)!important;
  letter-spacing:.13em;
}
.tpp .total_price_container.tp-order-summary-item::before{
  content:"ORDER TOTAL";
  color:var(--tp-o2);
  font:600 7px/1 var(--tp-display)!important;
  letter-spacing:.13em;
}
.tpp .shipping_cost_container .shipping_cost{
  color:var(--tp-o2)!important;
  font:800 14px/1 var(--tp-ar)!important;
}
.tpp .total_price_container .total_price{
  color:var(--tp-ink)!important;
  font:700 25px/1 var(--tp-display),var(--tp-ar)!important;
}
.tpp .total_price_container .total_price span{
  color:var(--tp-o2)!important;
  font-family:var(--tp-ar)!important;
  font-size:.48em!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap{margin-top:2px!important;padding-top:4px!important}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap #cf-turnstile{margin-inline:auto}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now{
  position:relative!important;
  min-height:66px!important;
  margin-top:14px!important;
  padding:11px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  isolation:isolate;
  color:#fff!important;
  border:1px solid rgba(255,196,150,.48)!important;
  background:radial-gradient(ellipse at 50% -55%,rgba(255,224,186,.32),transparent 56%),linear-gradient(180deg,#D06A2A,#B24D17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 12px 28px -18px rgba(234,125,56,.55)!important;
  transition:transform .25s var(--tp-ease),box-shadow .3s ease,filter .3s ease!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now::before{
  content:"POWER / CONFIRM";
  color:rgba(255,255,255,.72);
  font:600 7px/1 var(--tp-display)!important;
  letter-spacing:.18em;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now.is-powered{
  background:radial-gradient(ellipse at 50% -48%,rgba(255,236,205,.52),transparent 58%),linear-gradient(180deg,#ED8A43,#B95219)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 14px 34px -16px rgba(234,125,56,.85),0 0 28px rgba(234,125,56,.16)!important;
}
@media(hover:hover) and (pointer:fine){
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now:hover{transform:translateY(-2px)!important}
}

body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container.tp-order-flow{
  background:
    linear-gradient(rgba(220,229,232,.035) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(220,229,232,.035) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(145deg,#0A121C,#08101A)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 74px -46px rgba(0,0,0,.78)!important;
}
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-head{
  background:linear-gradient(120deg,rgba(234,125,56,.09),transparent 42%),rgba(8,16,26,.76);
}
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-field,
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-quantity,
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-summary-item{
  background:rgba(10,19,29,.74);
}

@media(max-width:767px){
  /* The base checkout template sets the form to align-self:start on mobile,
     which makes the grid item shrink to its content width (259px at 390px).
     Stretch it back across the mobile column so the card stays centered. */
  body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    margin-inline:0!important;
    margin-top:24px!important;
    border-radius:16px!important;
  }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head{padding:22px 17px 20px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow{font-size:7px;letter-spacing:.13em}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow>b{display:none}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title{margin-top:18px!important;font-size:clamp(30px,10.2vw,42px)!important}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title span:last-child{margin-inline-start:16px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__foot{align-items:flex-end}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__foot p{max-width:18ch;font-size:11px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__status{font-size:6px}

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:16px 14px 20px!important;
  }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form::before{inset-inline-start:23px;top:16px;bottom:20px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step{grid-column:1!important}

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--full-name,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--phone,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--phone-alt,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--address,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--note,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-quantity,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-summary-item,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap{
    grid-column:1!important;
  }

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field{padding:10px!important;border-radius:11px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input{min-height:48px!important}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{min-height:96px!important}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-summary-item{min-height:76px}
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now{min-height:64px!important}
}

@media(prefers-reduced-motion:reduce){
  body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow::before,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__node,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__node i,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field,
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap .checkout_buy_now{
    transition:none!important;
  }
}

/* ==========================================================
   V3.17.1 — CHECKOUT INPUTS + GOVERNORATE SELECT POLISH
   Fixes text alignment, inner spacing, React-Select menu styling
   and menu stacking above phone_alt / following fields.
   ========================================================== */

/* Let the governorate dropdown escape the card stack. */
body.taqa-checkout-route form.checkout_form.checkout_container.tp-order-flow,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-flow__form{
  overflow:visible!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government{
  position:relative!important;
  z-index:50!important;
  overflow:visible!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government:focus-within{
  z-index:500!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--phone-alt,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--address,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--note{
  position:relative;
  z-index:1;
}

/* ---------- Shared input typography / inner alignment ---------- */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{
  direction:rtl!important;
  text-align:right!important;
  color:var(--tp-ink)!important;
  font-family:var(--tp-ar)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  caret-color:var(--tp-o2)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input{
  height:52px!important;
  min-height:52px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  padding-inline-start:42px!important;
  padding-inline-end:14px!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{
  padding:14px!important;
  min-height:112px!important;
  line-height:1.75!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--note .global_textarea{
  min-height:92px!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input::placeholder,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea::placeholder{
  color:var(--tp-mute)!important;
  opacity:.82!important;
  font-weight:600!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .pointer-events-none{
  inset-inline-start:10px!important;
  inset-inline-end:auto!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--tp-o2)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .pointer-events-none svg{
  width:18px!important;
  height:18px!important;
  color:currentColor!important;
}

/* ---------- Governorate React Select container ---------- */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government{
  padding:11px!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .gov_select{
  position:relative!important;
  z-index:500!important;
  width:100%!important;
  font-family:var(--tp-ar)!important;
  direction:rtl!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__control{
  min-height:52px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--tp-line)!important;
  border-radius:8px!important;
  background:var(--tp-bg)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__control:hover{
  border-color:color-mix(in srgb,var(--tp-line) 45%,var(--tp-o2) 55%)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__control--is-focused,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__control:focus-within{
  border-color:rgba(234,125,56,.65)!important;
  box-shadow:
    0 0 0 3px rgba(234,125,56,.08),
    inset 0 0 20px rgba(234,125,56,.025)!important;
}

/* React Select value */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__value-container{
  min-height:50px!important;
  padding:0 14px 0 8px!important;
  display:flex!important;
  align-items:center!important;
  direction:rtl!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__single-value,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__placeholder,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government [class*="singleValue"],
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government [class*="placeholder"]{
  margin:0!important;
  color:var(--tp-ink)!important;
  font-family:var(--tp-ar)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:right!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__placeholder{
  color:var(--tp-mute)!important;
  opacity:.82!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__indicators{
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  color:var(--tp-mute)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__indicator-separator{
  width:1px!important;
  height:20px!important;
  margin:0!important;
  background:var(--tp-line)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__dropdown-indicator{
  padding:0 10px!important;
  color:var(--tp-mute)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__dropdown-indicator svg{
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
}

/* ---------- React Select dropdown menu ---------- */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government [class*="menu"]{
  z-index:99999!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu{
  margin-top:8px!important;
  overflow:hidden!important;
  border:1px solid var(--tp-line)!important;
  border-radius:12px!important;
  background:var(--tp-surface)!important;
  box-shadow:
    0 22px 60px -18px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.02)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu-list{
  max-height:260px!important;
  padding:6px!important;
  background:transparent!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  scrollbar-color:var(--tp-mute) transparent;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu-list::-webkit-scrollbar{
  width:7px!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu-list::-webkit-scrollbar-track{
  background:transparent!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu-list::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--tp-mute) 55%,transparent)!important;
  border-radius:999px!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__option{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  color:var(--tp-ink)!important;
  background:transparent!important;
  font-family:var(--tp-ar)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
  text-align:right!important;
  direction:rtl!important;
  cursor:pointer!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__option--is-focused{
  color:var(--tp-ink)!important;
  background:rgba(234,125,56,.09)!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__option--is-selected{
  color:#fff!important;
  background:linear-gradient(90deg,#B9531D,#D97832)!important;
}

/* Fallback for react-select generated css classes when classNamePrefix changes */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .gov_select > div{
  overflow:visible!important;
}

body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .gov_select > div:last-child{
  z-index:99999!important;
}

/* dark menu */
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-field--government .select__menu{
  background:#0D1722!important;
  border-color:rgba(148,169,181,.18)!important;
  box-shadow:
    0 24px 66px -18px rgba(0,0,0,.72),
    0 0 26px rgba(234,125,56,.055)!important;
}

body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container .tp-order-field--government .select__control{
  background:#0B141E!important;
}

/* Mobile: prevent the open menu from being clipped by nearby modules. */
@media(max-width:767px){
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government{
    z-index:1000!important;
  }

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu{
    position:absolute!important;
    inset-inline:0!important;
    width:100%!important;
    min-width:100%!important;
  }

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field--government .select__menu-list{
    max-height:230px!important;
  }

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_input{
    font-size:14px!important;
    height:50px!important;
    min-height:50px!important;
  }

  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field .global_textarea{
    font-size:14px!important;
  }
}

/* V3.17.2 — verified live DOM targets. New styling stays INSIDE checkout. */
body.taqa-checkout-route form.checkout_form.checkout_container,
body.taqa-checkout-route form.checkout_form.checkout_container * { box-sizing:border-box; }
body.taqa-checkout-route form.checkout_form.checkout_container {
  position:relative;
  overflow:visible!important;
  --tp-checkout-control:var(--tp-bg);
}
body.taqa-checkout-route form.checkout_form.checkout_container::after { inset:0!important; border-radius:inherit; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form {
  overflow:visible!important;
  gap:14px!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(:is(input[name="full_name"],input[name="phone"],input[name="phone_alt"],textarea[name="address"],textarea[name="note"],.gov_select)) {
  min-width:0; margin:0!important; padding:12px!important;
  border:1px solid var(--tp-line); border-radius:12px;
  background:var(--tp-surface); transform:none!important;
  transition:border-color .2s,box-shadow .2s;
}
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(input[name="full_name"]) { order:11; grid-column:1/-1!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(input[name="phone"]) { order:12; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(input[name="phone_alt"]) { order:13; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(.gov_select) { order:21; grid-column:1/-1!important; position:relative!important; z-index:50!important; overflow:visible!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(textarea[name="address"]) { order:22; grid-column:1/-1!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(textarea[name="note"]) { order:32; grid-column:1/-1!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(:is(input[name],textarea[name],.gov_select)):focus-within {
  border-color:var(--tp-o2); box-shadow:0 0 0 3px rgba(234,125,56,.09); transform:none!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(.gov_select):focus-within { z-index:60!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field__meta > span { font:700 12px/1.5 var(--tp-ar)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-field__meta > small { font:500 10px/1.5 var(--tp-ar)!important; letter-spacing:0; }
body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"],textarea[name="address"],textarea[name="note"]) {
  width:100%!important; margin:0!important; border:0!important; border-radius:8px!important;
  background:var(--tp-checkout-control)!important; color:var(--tp-ink)!important;
  font:500 14px/1.6 var(--tp-ar)!important; letter-spacing:0!important;
  direction:rtl!important; text-align:right!important;
  box-shadow:inset 0 0 0 1px var(--tp-line)!important;
  transition:box-shadow .2s,background-color .2s!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"]) {
  height:52px!important; min-height:52px!important;
  padding:0 44px 0 14px!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container :is(textarea[name="address"],textarea[name="note"]) { padding:14px!important; min-height:112px!important; resize:vertical; }
body.taqa-checkout-route form.checkout_form.checkout_container textarea[name="note"] { min-height:96px!important; }
body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"],textarea[name="address"],textarea[name="note"])::placeholder { color:var(--tp-mute)!important; opacity:1!important; font-weight:400!important; }
body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"],textarea[name="address"],textarea[name="note"]):focus { outline:none!important; box-shadow:inset 0 0 0 2px var(--tp-o2)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > div:has(:is(input[name="full_name"],input[name="phone"],input[name="phone_alt"])) > div > div.relative.mt-1 { margin-top:0!important; }
body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"]) + .pointer-events-none,
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select + .pointer-events-none {
  right:12px!important; left:auto!important; inset-inline-start:12px!important; inset-inline-end:auto!important;
  width:20px; padding:0!important; color:var(--tp-o2)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .pointer-events-none svg { width:18px!important; height:18px!important; color:var(--tp-o2)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select { position:relative!important; z-index:2!important; width:100%!important; direction:rtl!important; font-family:var(--tp-ar)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select > .select__control {
  height:52px!important; min-height:52px!important; padding:0!important;
  border:1px solid var(--tp-line)!important; border-radius:8px!important;
  background:var(--tp-checkout-control)!important; box-shadow:none!important;
  cursor:pointer!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select > .select__control--is-focused { border-color:var(--tp-o2)!important; box-shadow:inset 0 0 0 1px var(--tp-o2)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__value-container { min-height:50px!important; padding:0 44px 0 12px!important; direction:rtl!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select :is(.select__single-value,.select__placeholder) { margin:0!important; font:500 14px/1.6 var(--tp-ar)!important; color:var(--tp-ink)!important; text-align:right!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__placeholder { color:var(--tp-mute)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__indicators { height:50px!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__dropdown-indicator { padding:0 12px!important; color:var(--tp-mute)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__indicator-separator { height:20px!important; margin:0!important; background:var(--tp-line)!important; align-self:center; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select > .select__menu {
  position:absolute!important; z-index:4!important; inset-inline:0!important;
  width:100%!important; margin-top:8px!important; padding:0!important;
  overflow:hidden!important; border:1px solid var(--tp-line)!important; border-radius:12px!important;
  background:var(--tp-surface)!important;
  box-shadow:0 18px 40px -14px rgba(9,17,26,.28)!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__menu-list { max-height:260px!important; padding:6px!important; overflow-y:auto!important; overscroll-behavior:contain!important; scrollbar-width:thin; background:transparent!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__option {
  min-height:44px!important; padding:10px 12px!important; border-radius:7px!important;
  font:500 14px/1.6 var(--tp-ar)!important; direction:rtl!important; text-align:right!important;
  background:transparent!important; color:var(--tp-ink)!important; cursor:pointer!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__option--is-focused { background:rgba(234,125,56,.1)!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__option--is-selected { color:#fff!important; background:#A84716!important; font-weight:700!important; }
body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form > .tp-order-submit-wrap > .checkout_buy_now { min-height:64px!important; }
@media(max-width:767px) {
  body.taqa-checkout-route form.checkout_form.checkout_container > .contact-info-heading.tp-order-flow__form { grid-template-columns:minmax(0,1fr)!important; padding:16px!important; gap:12px!important; }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title { font-size:clamp(22px,7vw,30px)!important; }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title span:last-child { margin-inline-start:0!important; }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__eyebrow { flex-wrap:wrap; gap:8px; }
  body.taqa-checkout-route form.checkout_form.checkout_container :is(input[name="full_name"],input[name="phone"],input[name="phone_alt"],textarea[name="address"],textarea[name="note"]),
  body.taqa-checkout-route form.checkout_form.checkout_container .gov_select :is(.select__single-value,.select__placeholder,.select__option) { font-size:16px!important; }
  body.taqa-checkout-route form.checkout_form.checkout_container .gov_select .select__menu-list { max-height:230px!important; }
  body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step__en { font-family:"DM Sans",system-ui,sans-serif!important; letter-spacing:.06em; }
}
@media(prefers-reduced-motion:reduce) {
  body.taqa-checkout-route form.checkout_form.checkout_container *,
  body.taqa-checkout-route form.checkout_form.checkout_container *::before,
  body.taqa-checkout-route form.checkout_form.checkout_container *::after { transition:none!important; }
}

/* V3.17.3 — Dune title + authored Liquid Metal Pill, TAQA spectrum.
   Only the native submit button INSIDE checkout is styled. */
body.taqa-checkout-route form.checkout_form.checkout_container { overflow-x:clip!important; overflow-y:visible!important; }
@font-face {
  font-family:"TAQA Checkout Dune";
  src:url("https://fonts.cdnfonts.com/s/84958/Dune_Rise.woff") format("woff");
  font-style:normal; font-weight:400; font-display:swap;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title,
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title > span {
  font-family:"TAQA Checkout Dune","Dune Rise",sans-serif!important;
  font-weight:400!important; text-transform:uppercase;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-submit-wrap { display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:visible!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now,
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now.is-powered {
  position:relative!important; isolation:isolate; z-index:2;
  width:180px!important; max-width:100%!important; height:64px!important; min-height:64px!important;
  display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important;
  gap:10px!important; padding:0 22px!important; margin:16px auto 0!important;
  border-radius:999px!important; overflow:visible!important;
  color:#fff!important; font:600 18px/1.2 var(--tp-ar)!important; letter-spacing:0!important;
  direction:ltr!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.75);
  border:1px solid rgba(234,125,56,.55)!important;
  background:#0b0c0e!important; background-image:none!important;
  box-shadow:0 6px 12px rgba(0,0,0,.50),0 17px 37px rgba(0,0,0,.30),0 35px 73px rgba(0,0,0,.18)!important;
  transform:none!important; filter:none!important;
  transition:transform .15s ease!important;
  cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now::before {
  content:"+"!important; display:block!important; position:static!important;
  color:currentColor!important; font:400 24px/1 Arial,sans-serif!important; letter-spacing:0!important;
  width:18px!important; height:24px!important; flex:none; background:none!important; transform:none!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now::after { content:none!important; display:none!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now.tp-metal-ready { border-color:transparent!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now > .tp-metal-canvas {
  position:absolute!important; inset:-112px!important;
  width:calc(100% + 224px)!important; height:calc(100% + 224px)!important;
  display:block!important; pointer-events:none!important; z-index:-1!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now:focus-visible { outline:2px solid #EA7D38!important; outline-offset:5px!important; }
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now:disabled,
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now[aria-disabled="true"] { opacity:.65; cursor:wait; }
body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now.tp-metal-press { transform:translateY(1px)!important; }
@media(hover:hover) and (pointer:fine) {
  body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now:hover { transform:none!important; }
}
@media(prefers-reduced-motion:reduce) {
  body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now { transition:none!important; transform:none!important; }
}

/* V3.17.4 — desktop CTA width and theme-aware step points. */
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head { container-type:inline-size; }
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title {
  align-items:center!important; text-align:center!important; direction:ltr;
  font-size:clamp(18px,4.8vw,44px)!important;
  font-size:clamp(18px,8.2cqw,48px)!important;
  line-height:1!important; gap:5px;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-head__title > span {
  display:block; max-width:100%; white-space:nowrap; text-align:center!important;
  margin-inline:0!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container { --tp-step-point:var(--tp-ink); }
body.taqa-checkout-route.taqa-theme-dark form.checkout_form.checkout_container { --tp-step-point:#F2F5F6; }
body.taqa-checkout-route.taqa-theme-light form.checkout_form.checkout_container { --tp-step-point:#09111A; }
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step .tp-order-step__node {
  border-color:color-mix(in srgb,var(--tp-step-point) 65%,transparent);
  background:var(--tp-surface); box-shadow:none;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step .tp-order-step__node i {
  background:var(--tp-step-point); opacity:1; box-shadow:none;
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-active .tp-order-step__node {
  border-color:rgba(234,125,56,.75);
  box-shadow:0 0 0 5px rgba(234,125,56,.08),0 0 16px rgba(234,125,56,.18);
}
body.taqa-checkout-route form.checkout_form.checkout_container .tp-order-step.is-active .tp-order-step__node i {
  background:#EA7D38; box-shadow:0 0 9px rgba(234,125,56,.65);
}
@media(min-width:1024px) {
  body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now,
  body.taqa-checkout-route form.checkout_form.checkout_container .checkout_buy_now.is-powered {
    width:clamp(260px,22vw,320px)!important;
  }
}


/* ==========================================================
   STANDALONE CHECKOUT — ORDER CORE
   Form stays copy/paste; the rest of the page gets its own art direction.
   ========================================================== */

body.taqa-checkout-route .checkout_order_summary{
  position:relative!important;
  padding:0!important;
  background:transparent!important;
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route .checkout_order_summary > div{
  position:sticky;
  top:clamp(110px,13vh,150px);
  max-width:none!important;
  padding:0!important;
}
body.taqa-checkout-route .checkout_order_summary > div > #summary-heading{
  display:none!important;
}
body.taqa-checkout-route .tqc-summary-head{
  position:relative;
  margin-bottom:18px;
  padding:24px 24px 22px;
  border:1px solid var(--tqc-line);
  border-radius:18px;
  overflow:hidden;
  background:var(--tqc-panel);
}
body.taqa-checkout-route .tqc-summary-head::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#EA7D38;
}
body.taqa-checkout-route .tqc-summary-head__rail{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--tqc-muted);
  font:600 8px/1 "DM Sans",system-ui,sans-serif;
  letter-spacing:.15em;
}
body.taqa-checkout-route .tqc-summary-head__rail span:first-child{color:#EA7D38}
body.taqa-checkout-route .tqc-summary-head__rail i{
  height:1px;
  flex:1;
  background:var(--tqc-line);
}
body.taqa-checkout-route .tqc-summary-head h2{
  margin:18px 0 8px!important;
  font-family:"TAQA Checkout Dune","Dune Rise",sans-serif!important;
  font-size:clamp(28px,3.4vw,48px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  color:var(--tqc-ink)!important;
  text-align:left;
  direction:ltr;
}
body.taqa-checkout-route .tqc-summary-head__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--tqc-muted);
  font:700 11px/1.6 var(--tp-ar);
}
body.taqa-checkout-route .tqc-summary-head__count{
  color:#EA7D38;
  font:600 9px/1 "DM Sans",system-ui,sans-serif;
  letter-spacing:.1em;
}

body.taqa-checkout-route .checkout_cart_items_container{
  margin:0!important;
  padding:0!important;
  display:flex;
  flex-direction:column;
  gap:10px;
  border:0!important;
}
body.taqa-checkout-route .checkout_cart_items_container > .cart-item{
  position:relative;
  margin:0!important;
  padding:14px!important;
  gap:14px;
  border:1px solid var(--tqc-line)!important;
  border-radius:14px;
  background:var(--tqc-panel);
  color:var(--tqc-ink);
  overflow:hidden;
}
body.taqa-checkout-route .checkout_cart_items_container > .cart-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:#EA7D38;
  opacity:.5;
}
body.taqa-checkout-route [data-cart="item-image-wrapper"]{
  width:84px!important;
  height:84px!important;
  border:1px solid var(--tqc-line)!important;
  border-radius:10px!important;
  background:var(--tqc-soft)!important;
}
body.taqa-checkout-route [data-cart="item-image"]{
  object-fit:contain!important;
  padding:8px!important;
}
body.taqa-checkout-route [data-cart="item-header"]{
  gap:12px;
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route [data-cart="item-name"]{
  font:800 13px/1.55 var(--tp-ar)!important;
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route [data-cart="item-price"]{
  flex:none;
  color:#EA7D38!important;
  font:800 14px/1.2 var(--tp-ar)!important;
}
body.taqa-checkout-route [data-cart="item-variant"],
body.taqa-checkout-route [data-cart="item-total"]{
  color:var(--tqc-muted)!important;
  font:600 11px/1.6 var(--tp-ar)!important;
}
body.taqa-checkout-route [data-cart="item-actions"]{
  margin-top:3px;
}
body.taqa-checkout-route [data-cart="item-quantity-counter"]{
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid var(--tqc-line);
  border-radius:999px;
  background:var(--tqc-soft);
}
body.taqa-checkout-route [data-cart="item-increase"],
body.taqa-checkout-route [data-cart="item-decrease"]{
  width:30px;
  height:30px;
  padding:0!important;
  display:grid;
  place-items:center;
  border:1px solid var(--tqc-line)!important;
  border-radius:50%!important;
  color:var(--tqc-ink)!important;
  background:var(--tqc-panel)!important;
}
body.taqa-checkout-route [data-cart="item-quantity"]{
  width:34px!important;
  color:var(--tqc-ink)!important;
  font:700 12px/1 "DM Sans",system-ui,sans-serif!important;
}
body.taqa-checkout-route [data-cart="item-remove"]{
  width:30px;
  height:30px;
  margin-inline-start:4px!important;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(180,45,45,.08);
}
body.taqa-checkout-route [data-cart="item-remove"] svg{
  width:16px!important;
  height:16px!important;
}

body.taqa-checkout-route [data-invoice="invoice"]{
  margin-top:16px!important;
  padding:18px!important;
  display:grid;
  gap:12px!important;
  border:1px solid var(--tqc-line)!important;
  border-radius:14px;
  background:var(--tqc-panel);
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route [data-invoice="invoice"]::before{
  content:"ORDER CORE / TOTALS";
  display:block;
  padding-bottom:12px;
  border-bottom:1px solid var(--tqc-line);
  color:#EA7D38;
  font:600 8px/1 "DM Sans",system-ui,sans-serif;
  letter-spacing:.14em;
}
body.taqa-checkout-route [data-invoice="invoice"] > div{
  padding:0!important;
  border:0!important;
  color:var(--tqc-ink)!important;
}
body.taqa-checkout-route [data-invoice="invoice"] dt{
  color:var(--tqc-muted)!important;
  font:700 12px/1.6 var(--tp-ar)!important;
}
body.taqa-checkout-route [data-invoice="invoice"] dd{
  color:var(--tqc-ink)!important;
  font:800 13px/1.4 var(--tp-ar)!important;
}
body.taqa-checkout-route [data-invoice="invoice-total"]{
  margin-top:4px;
  padding-top:14px!important;
  border-top:1px solid var(--tqc-line)!important;
}
body.taqa-checkout-route [data-invoice="invoice-total-value"]{
  color:#EA7D38!important;
  font-size:20px!important;
}

/* native standalone form outer spacing only — the inner form design below is copied */
body.taqa-checkout-route form.checkout_form.checkout_container{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-self:start;
  color:var(--tp-ink);
}
body.taqa-checkout-route form.checkout_form.checkout_container > div{
  max-width:none!important;
}

/* neutralize native dashed contact shell; Power Flow becomes the shell */
body.taqa-checkout-route form.checkout_form.checkout_container > div > .contact-info-heading.tp-order-flow__form{
  border-radius:0!important;
  background:transparent!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container > div > .contact-info-heading.tp-order-flow__form > svg{
  display:none!important;
}
body.taqa-checkout-route form.checkout_form.checkout_container > div > .contact-info-heading.tp-order-flow__form > #contact-info-heading{
  display:none!important;
}

/* keep native fixed mobile submit INSIDE the copied card instead */
body.taqa-checkout-route .tp-order-submit-wrap{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  z-index:10!important;
  border:0!important;
  padding:4px 0 0!important;
  margin:0!important;
  background:transparent!important;
}

@media(max-width:1023px){
  body.taqa-checkout-route .checkout_container:not(form){
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:26px!important;
    padding:110px 14px 48px!important;
  }
  body.taqa-checkout-route .checkout_order_summary{
    order:2!important;
  }
  body.taqa-checkout-route form.checkout_form.checkout_container{
    order:1!important;
  }
  body.taqa-checkout-route .checkout_order_summary > div{
    position:relative!important;
    top:auto!important;
  }
}
@media(max-width:600px){
  body.taqa-checkout-route .checkout_container:not(form){
    padding-inline:12px!important;
  }
  body.taqa-checkout-route .tqc-summary-head{
    padding:20px 17px;
  }
  body.taqa-checkout-route .tqc-summary-head h2{
    font-size:clamp(26px,10vw,38px)!important;
  }
  body.taqa-checkout-route .checkout_cart_items_container > .cart-item{
    padding:12px!important;
  }
  body.taqa-checkout-route [data-cart="item-image-wrapper"]{
    width:70px!important;
    height:70px!important;
  }
}

/* ==========================================================
   V1.1 — EXACT PRODUCT CHECKOUT SUBMIT UI
   Specificity fix only.
   The older copied POWER FLOW .is-powered rule included
   .tp-order-submit-wrap and was winning over the later Liquid Metal rule.
   Keep the SAME current product-page button UI on standalone checkout.
   ========================================================== */

body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now,
body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now.is-powered{
  position:relative!important;
  isolation:isolate!important;
  z-index:2!important;

  width:180px!important;
  max-width:100%!important;
  height:64px!important;
  min-height:64px!important;

  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  padding:0 22px!important;
  margin:16px auto 0!important;
  border-radius:999px!important;
  overflow:visible!important;

  color:#fff!important;
  font:600 18px/1.2 var(--tp-ar)!important;
  letter-spacing:0!important;
  direction:ltr!important;
  text-shadow:
    0 1px 3px rgba(0,0,0,.9),
    0 0 8px rgba(0,0,0,.75)!important;

  border:1px solid rgba(234,125,56,.55)!important;

  /* This is intentionally NOT the old orange POWER FLOW gradient.
     It is the exact neutral base used under the Liquid Metal renderer. */
  background:#0b0c0e!important;
  background-color:#0b0c0e!important;
  background-image:none!important;

  box-shadow:
    0 6px 12px rgba(0,0,0,.50),
    0 17px 37px rgba(0,0,0,.30),
    0 35px 73px rgba(0,0,0,.18)!important;

  transform:none!important;
  filter:none!important;
  transition:transform .15s ease!important;
  cursor:pointer!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now::before{
  content:"+"!important;
  display:block!important;
  position:static!important;
  width:18px!important;
  height:24px!important;
  flex:none!important;

  color:currentColor!important;
  font:400 24px/1 Arial,sans-serif!important;
  letter-spacing:0!important;

  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}

body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now::after{
  content:none!important;
  display:none!important;
}

body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now.tp-metal-ready{
  border-color:transparent!important;
  background:#0b0c0e!important;
  background-image:none!important;
}

body.taqa-checkout-route
form.checkout_form.checkout_container
.tp-order-submit-wrap
.checkout_buy_now > .tp-metal-canvas{
  position:absolute!important;
  inset:-112px!important;
  width:calc(100% + 224px)!important;
  height:calc(100% + 224px)!important;
  display:block!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Never allow the legacy orange powered gradient to come back. */
body.taqa-checkout-route
form.checkout_form.checkout_container[data-tp-order-ready="1"]
.tp-order-submit-wrap
.checkout_buy_now.is-powered{
  background:#0b0c0e!important;
  background-color:#0b0c0e!important;
  background-image:none!important;
}

@media(min-width:1024px){
  body.taqa-checkout-route
  form.checkout_form.checkout_container
  .tp-order-submit-wrap
  .checkout_buy_now,
  body.taqa-checkout-route
  form.checkout_form.checkout_container
  .tp-order-submit-wrap
  .checkout_buy_now.is-powered{
    width:clamp(260px,22vw,320px)!important;
  }
}

@media(hover:hover) and (pointer:fine){
  body.taqa-checkout-route
  form.checkout_form.checkout_container
  .tp-order-submit-wrap
  .checkout_buy_now:hover{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.taqa-checkout-route
  form.checkout_form.checkout_container
  .tp-order-submit-wrap
  .checkout_buy_now{
    transition:none!important;
    transform:none!important;
  }
}