/* =========================================================
   DEUTSCH GO — ART DIRECTION CHECKOUT v2
   EasyOrders Product Checkout Override
   ========================================================= */

.product_form_checkout.checkout_container{
  --dg-navy:#081F28;
  --dg-navy-2:#0A2832;
  --dg-petrol:#123B4A;
  --dg-yellow:#F4C542;
  --dg-paper:#F7F5EF;
  --dg-white:#FFFFFF;
  --dg-ink:#20272B;
  --dg-muted:#8EA0A6;
  --dg-line:rgba(255,255,255,.10);
  --dg-soft-line:rgba(18,59,74,.14);

  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;

  background:
    radial-gradient(circle at 12% 8%, rgba(244,197,66,.10), transparent 24%),
    linear-gradient(145deg,var(--dg-navy-2) 0%,var(--dg-navy) 72%,#06181f 100%) !important;

  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:30px !important;
  padding:0 28px 30px !important;

  box-shadow:
    0 26px 70px rgba(8,31,40,.20),
    inset 0 1px 0 rgba(255,255,255,.04) !important;

  color:#fff !important;
}

/* remove EasyOrders original decorative border */
.product_form_checkout.checkout_container > svg{
  display:none !important;
}

/* giant art rings */
.product_form_checkout.checkout_container::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border:62px solid rgba(244,197,66,.055);
  border-radius:50%;
  left:-170px;
  top:-160px;
  z-index:-1;
  pointer-events:none;
}

.product_form_checkout.checkout_container::after{
  content:"GO";
  position:absolute;
  left:-8px;
  top:70px;
  font-size:150px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-12px;
  color:rgba(255,255,255,.025);
  z-index:-1;
  pointer-events:none;
  user-select:none;
}


/* =========================================================
   HERO / HEADER
   ========================================================= */

.dg-checkout-hero{
  position:relative;
  margin:0 -28px 26px;
  padding:28px 28px 25px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dg-checkout-hero::after{
  content:"";
  position:absolute;
  width:115px;
  height:115px;
  border:1px solid rgba(244,197,66,.28);
  border-radius:50%;
  left:28px;
  top:21px;
  box-shadow:
    0 0 0 18px rgba(244,197,66,.035),
    0 0 0 39px rgba(244,197,66,.018);
  pointer-events:none;
}

.dg-checkout-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

.dg-checkout-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.76);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}

.dg-checkout-label i{
  width:7px;
  height:7px;
  display:block;
  border-radius:50%;
  background:var(--dg-yellow);
  box-shadow:0 0 0 5px rgba(244,197,66,.08);
}

.dg-checkout-secure{
  display:flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.46);
  font-size:11px;
}

.dg-checkout-secure svg{
  width:14px;
  height:14px;
}

.dg-checkout-title{
  position:relative;
  z-index:2;
  margin:0 !important;
  max-width:470px;
  color:#fff !important;
  font-size:29px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  letter-spacing:-.45px;
}

.dg-checkout-title span{
  color:var(--dg-yellow);
}

.dg-checkout-copy{
  position:relative;
  z-index:2;
  max-width:480px;
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.57);
  font-size:12px;
  line-height:1.85;
}

.dg-mini-steps{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}

.dg-mini-step{
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.48);
  font-size:10px;
  font-weight:700;
}

.dg-mini-step b{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:50%;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.09);
  color:#fff;
  font-size:9px;
}

.dg-mini-step:first-child b{
  background:var(--dg-yellow);
  border-color:var(--dg-yellow);
  color:var(--dg-navy);
}

.dg-mini-arrow{
  color:rgba(244,197,66,.55);
  font-size:10px;
}

/* hide EasyOrders default intro */
.product_form_checkout.checkout_container > p.text-lg.font-bold{
  display:none !important;
}


/* =========================================================
   SECTION TITLES
   ========================================================= */

.dg-checkout-section{
  display:flex;
  align-items:center;
  gap:10px;
  margin:25px 0 12px;
}

.dg-checkout-section__icon{
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  flex:0 0 33px;
  border-radius:11px;
  color:var(--dg-yellow);
  background:rgba(244,197,66,.08);
  border:1px solid rgba(244,197,66,.12);
}

.dg-checkout-section__icon svg{
  width:16px;
  height:16px;
}

.dg-checkout-section__text strong{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.dg-checkout-section__text small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.42);
  font-size:10px;
}


/* =========================================================
   QUANTITY
   ========================================================= */

.product_form_checkout .in-product-quantity-counter{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:17px !important;
  padding:15px 16px !important;
  margin:0 0 18px !important;
}

.product_form_checkout .in-product-quantity-counter label{
  color:rgba(255,255,255,.72) !important;
  font-weight:800 !important;
  font-size:12px !important;
}

.product_form_checkout .quantity_container > div{
  background:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:5px 7px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}

.product_form_checkout .quantity_container button{
  width:33px;
  height:33px;
  margin:0 !important;
  border-radius:50% !important;
  background:var(--dg-paper) !important;
  color:var(--dg-navy) !important;
}

.product_form_checkout .quantity_container p{
  color:var(--dg-navy) !important;
  font-weight:900 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.product_form_checkout .global_input,
.product_form_checkout .global_textarea,
.product_form_checkout .select__control{
  background:rgba(255,255,255,.965) !important;
  color:var(--dg-ink) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:15px !important;
  box-shadow:none !important;
  outline:none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease,
    background .2s ease !important;
}

.product_form_checkout .global_input{
  min-height:54px !important;
  padding-top:13px !important;
  padding-bottom:13px !important;
}

.product_form_checkout .global_textarea{
  min-height:104px !important;
  padding:14px 15px !important;
}

.product_form_checkout .global_input:focus,
.product_form_checkout .global_textarea:focus,
.product_form_checkout .select__control--is-focused{
  background:#fff !important;
  border-color:rgba(244,197,66,.95) !important;
  box-shadow:0 0 0 4px rgba(244,197,66,.09) !important;
}

.product_form_checkout input::placeholder,
.product_form_checkout textarea::placeholder{
  color:#8C969A !important;
  opacity:1 !important;
}

.product_form_checkout .select__control{
  min-height:54px !important;
}

.product_form_checkout .select__single-value{
  color:var(--dg-ink) !important;
}

.product_form_checkout .select__indicator-separator{
  display:none !important;
}

.product_form_checkout .gov_select{
  z-index:40 !important;
}

/* field icons */
.product_form_checkout .relative > .pointer-events-none svg{
  color:var(--dg-petrol) !important;
  opacity:.78 !important;
}


/* =========================================================
   DIGITAL DRIVE ACCESS NOTE
   ========================================================= */

.dg-drive-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:start;
  margin:24px 0 4px;
  padding:17px;
  border-radius:18px;

  background:
    linear-gradient(135deg,rgba(244,197,66,.13),rgba(244,197,66,.055));

  border:1px solid rgba(244,197,66,.22);
}

.dg-drive-card::after{
  content:"AUDIO";
  position:absolute;
  left:-4px;
  bottom:-15px;
  color:rgba(244,197,66,.055);
  font-size:50px;
  font-weight:1000;
  letter-spacing:-4px;
  pointer-events:none;
}

.dg-drive-icon{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:14px;
  background:var(--dg-yellow);
  color:var(--dg-navy);
  box-shadow:0 9px 24px rgba(244,197,66,.14);
}

.dg-drive-icon svg{
  width:21px;
  height:21px;
}

.dg-drive-content{
  position:relative;
  z-index:2;
}

.dg-drive-content b{
  display:block;
  margin:1px 0 5px;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.dg-drive-content p{
  margin:0 !important;
  color:rgba(255,255,255,.61);
  font-size:11px;
  line-height:1.8;
}

.dg-drive-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:9px;
  padding:5px 8px;
  border-radius:999px;
  color:var(--dg-yellow);
  background:rgba(244,197,66,.075);
  border:1px solid rgba(244,197,66,.12);
  font-size:9px;
  font-weight:800;
}


/* =========================================================
   SHIPPING
   ========================================================= */

.product_form_checkout .shipping_cost_container{
  margin:22px 0 8px !important;
  padding:15px 17px !important;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.product_form_checkout .shipping_cost_container dt{
  color:rgba(255,255,255,.47) !important;
  font-size:12px;
}

.product_form_checkout .shipping_cost{
  color:var(--dg-yellow) !important;
  font-weight:900 !important;
}


/* =========================================================
   PAYMENT
   ========================================================= */

.product_form_checkout span.text-lg.font-bold.text-gray-700{
  color:#fff !important;
  font-size:14px !important;
  margin:24px 0 12px !important;
}

.product_form_checkout .payments_container{
  gap:10px !important;
}

.product_form_checkout .payment_card{
  padding:16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.965) !important;
  border:1px solid transparent !important;
  box-shadow:0 9px 25px rgba(0,0,0,.11) !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}

.product_form_checkout .payment_card:hover{
  transform:translateY(-1px);
}

.product_form_checkout .payment_card[class*="!border-skin-primary"]{
  border-color:var(--dg-yellow) !important;
  box-shadow:
    0 0 0 3px rgba(244,197,66,.10),
    0 9px 25px rgba(0,0,0,.11) !important;
}

.product_form_checkout .payment_card_name{
  color:var(--dg-navy) !important;
  font-weight:900 !important;
}

.product_form_checkout .payment_card_description{
  color:#6B777C !important;
  line-height:1.7;
}

.product_form_checkout .radio_container{
  border-color:rgba(18,59,74,.24) !important;
}

.product_form_checkout .payment_card[class*="!border-skin-primary"] .radio_container{
  border-color:var(--dg-petrol) !important;
}

.product_form_checkout .radio_circle[class*="!bg-skin-primary"]{
  background:var(--dg-yellow) !important;
  box-shadow:0 0 0 3px rgba(244,197,66,.18);
}

.product_form_checkout #transfer-receipt-upload{
  margin:13px 0 0 !important;
  padding:13px !important;
  border-radius:14px;
  background:#F7F5EF;
}


/* =========================================================
   TOTAL
   ========================================================= */

.product_form_checkout .total_price_container{
  position:relative;
  overflow:hidden;
  margin:25px 0 15px !important;
  padding:18px 19px !important;
  border:1px solid rgba(244,197,66,.14);
  border-radius:18px;

  background:
    radial-gradient(circle at 8% 20%, rgba(244,197,66,.12), transparent 32%),
    rgba(255,255,255,.055);
}

.product_form_checkout .total_price_container::before{
  content:"TOTAL";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.025);
  font-size:42px;
  font-weight:1000;
  letter-spacing:-3px;
  pointer-events:none;
}

.product_form_checkout .total_price_container dt{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.48) !important;
  font-size:12px;
}

.product_form_checkout .total_price{
  position:relative;
  z-index:2;
  color:var(--dg-yellow) !important;
  font-size:22px !important;
  font-weight:950 !important;
}


/* =========================================================
   CTA
   ========================================================= */

.product_form_checkout .form_checkout_btn{
  min-height:58px !important;
  margin-top:7px !important;
  border:0 !important;
  border-radius:15px !important;

  background:var(--dg-yellow) !important;
  color:var(--dg-navy) !important;

  font-size:15px !important;
  font-weight:950 !important;

  box-shadow:
    0 13px 28px rgba(244,197,66,.17),
    inset 0 -1px 0 rgba(8,31,40,.08);

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease !important;
}

.product_form_checkout .form_checkout_btn:hover{
  background:var(--dg-yellow) !important;
  transform:translateY(-2px);
  filter:brightness(1.025);
  box-shadow:
    0 17px 34px rgba(244,197,66,.23),
    inset 0 -1px 0 rgba(8,31,40,.08);
}

.product_form_checkout .form_checkout_btn:active{
  transform:translateY(0) scale(.99);
}


/* =========================================================
   TRUST FOOT
   ========================================================= */

.dg-checkout-trust{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  margin-top:12px;
  color:rgba(255,255,255,.39);
  font-size:9px;
}

.dg-checkout-trust span{
  display:flex;
  align-items:center;
  gap:5px;
}

.dg-checkout-trust svg{
  width:12px;
  height:12px;
  color:var(--dg-yellow);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .product_form_checkout.checkout_container{
    border-radius:22px !important;
    padding:0 15px 20px !important;
  }

  .product_form_checkout.checkout_container::before{
    width:260px;
    height:260px;
    border-width:46px;
    left:-145px;
    top:-120px;
  }

  .product_form_checkout.checkout_container::after{
    font-size:105px;
    left:-4px;
    top:92px;
  }

  .dg-checkout-hero{
    margin:0 -15px 21px;
    padding:22px 17px 20px;
  }

  .dg-checkout-hero::after{
    width:84px;
    height:84px;
    left:18px;
    top:22px;
    box-shadow:
      0 0 0 14px rgba(244,197,66,.03),
      0 0 0 29px rgba(244,197,66,.015);
  }

  .dg-checkout-title{
    font-size:22px !important;
    max-width:315px;
  }

  .dg-checkout-copy{
    max-width:320px;
    font-size:11px;
  }

  .dg-checkout-secure{
    display:none;
  }

  .dg-mini-steps{
    gap:6px;
  }

  .dg-mini-step{
    font-size:9px;
  }

  .dg-mini-arrow{
    display:none;
  }

  .dg-drive-card{
    grid-template-columns:38px 1fr;
    padding:14px;
  }

  .dg-drive-icon{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  .product_form_checkout .global_input,
  .product_form_checkout .select__control{
    min-height:52px !important;
  }

  .product_form_checkout .payment_card{
    padding:14px !important;
  }

  .product_form_checkout .form_checkout_btn{
    min-height:56px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .product_form_checkout *,
  .product_form_checkout *::before,
  .product_form_checkout *::after{
    transition:none !important;
  }
}

/* =========================================================
   DEUTSCH GO — V3 DETAIL POLISH
   Inputs / Governorate Dropdown / Payment Cards
   ========================================================= */


/* =========================================================
   INPUTS — DARK GLASS + YELLOW USER TEXT
   ========================================================= */

.product_form_checkout.checkout_container .global_input,
.product_form_checkout.checkout_container .global_textarea,
.product_form_checkout.checkout_container .select__control{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.045)
    ) !important;

  color:#F4C542 !important;

  border:
    1px solid rgba(255,255,255,.105) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 20px rgba(0,0,0,.055) !important;
}


/* actual typed values */
.product_form_checkout.checkout_container input.global_input,
.product_form_checkout.checkout_container textarea.global_textarea{
  color:#F4C542 !important;
  caret-color:#F4C542 !important;
  font-weight:700 !important;
}


/* placeholders stay softer than actual value */
.product_form_checkout.checkout_container input::placeholder,
.product_form_checkout.checkout_container textarea::placeholder{
  color:rgba(244,197,66,.62) !important;
  opacity:1 !important;
  font-weight:600 !important;
}


/* browser autofill */
.product_form_checkout.checkout_container input:-webkit-autofill,
.product_form_checkout.checkout_container input:-webkit-autofill:hover,
.product_form_checkout.checkout_container input:-webkit-autofill:focus{
  -webkit-text-fill-color:#F4C542 !important;
  caret-color:#F4C542 !important;

  -webkit-box-shadow:
    0 0 0 1000px #0d303b inset !important;

  transition:
    background-color 9999s ease-out 0s !important;
}


/* focus */
.product_form_checkout.checkout_container .global_input:focus,
.product_form_checkout.checkout_container .global_textarea:focus,
.product_form_checkout.checkout_container .select__control--is-focused{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.105),
      rgba(255,255,255,.065)
    ) !important;

  border-color:
    rgba(244,197,66,.92) !important;

  box-shadow:
    0 0 0 3px rgba(244,197,66,.085),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}


/* input icons */
.product_form_checkout.checkout_container
.relative > .pointer-events-none svg{
  color:#F4C542 !important;
  opacity:.82 !important;
}


/* =========================================================
   GOVERNORATE SELECT CONTROL
   ========================================================= */

.product_form_checkout.checkout_container .gov_select{
  position:relative;
  z-index:60 !important;
}


.product_form_checkout.checkout_container .select__control{
  min-height:54px !important;
  cursor:pointer !important;
}


.product_form_checkout.checkout_container
.select__value-container{
  padding-inline:
    13px 8px !important;
}


.product_form_checkout.checkout_container
.select__single-value{
  color:#F4C542 !important;
  font-weight:800 !important;
}


.product_form_checkout.checkout_container
.select__placeholder{
  color:rgba(244,197,66,.60) !important;
}


.product_form_checkout.checkout_container
.select__indicators{
  padding-inline:
    4px 8px !important;
}


.product_form_checkout.checkout_container
.select__indicator-separator{
  display:none !important;
}


.product_form_checkout.checkout_container
.select__dropdown-indicator{
  color:#F4C542 !important;

  width:35px;
  height:35px;

  display:grid !important;
  place-items:center !important;

  padding:0 !important;

  border-radius:11px !important;

  background:
    rgba(244,197,66,.075) !important;

  transition:
    transform .2s ease,
    background .2s ease !important;
}


.product_form_checkout.checkout_container
.select__dropdown-indicator:hover{
  color:#F4C542 !important;
  background:
    rgba(244,197,66,.13) !important;
}


.product_form_checkout.checkout_container
.select__control--menu-is-open
.select__dropdown-indicator{
  transform:
    rotate(180deg);
}


/* =========================================================
   GOVERNORATE DROPDOWN PANEL
   react-select BEM classes
   ========================================================= */

.product_form_checkout.checkout_container .select__menu{
  z-index:9999 !important;

  margin-top:7px !important;

  overflow:hidden !important;

  background:
    linear-gradient(
      180deg,
      #102f39 0%,
      #0a252e 100%
    ) !important;

  border:
    1px solid rgba(244,197,66,.16) !important;

  border-radius:
    16px !important;

  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}


.product_form_checkout.checkout_container
.select__menu-list{
  padding:
    7px !important;

  max-height:
    240px !important;

  scrollbar-width:
    thin;

  scrollbar-color:
    rgba(244,197,66,.55)
    rgba(255,255,255,.04);
}


.product_form_checkout.checkout_container
.select__menu-list::-webkit-scrollbar{
  width:6px;
}


.product_form_checkout.checkout_container
.select__menu-list::-webkit-scrollbar-track{
  background:
    rgba(255,255,255,.035);
}


.product_form_checkout.checkout_container
.select__menu-list::-webkit-scrollbar-thumb{
  background:
    rgba(244,197,66,.55);

  border-radius:
    999px;
}


.product_form_checkout.checkout_container
.select__option{
  position:relative;

  min-height:
    40px;

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

  padding:
    10px 12px !important;

  margin:
    2px 0 !important;

  border-radius:
    10px !important;

  color:
    rgba(255,255,255,.72) !important;

  background:
    transparent !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  cursor:
    pointer !important;

  transition:
    background .16s ease,
    color .16s ease,
    padding .16s ease !important;
}


.product_form_checkout.checkout_container
.select__option:hover,
.product_form_checkout.checkout_container
.select__option--is-focused{
  color:#fff !important;

  background:
    rgba(255,255,255,.065) !important;

  padding-inline-start:
    16px !important;
}


.product_form_checkout.checkout_container
.select__option--is-selected{
  color:#081F28 !important;

  background:
    #F4C542 !important;

  font-weight:
    900 !important;
}


/* selected indicator */
.product_form_checkout.checkout_container
.select__option--is-selected::after{
  content:"✓";

  margin-inline-start:auto;

  width:20px;
  height:20px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    rgba(8,31,40,.10);

  color:#081F28;

  font-size:10px;
  font-weight:950;
}


/* =========================================================
   PAYMENT AREA
   ========================================================= */

.product_form_checkout.checkout_container
.payments_container{
  gap:12px !important;
}


/* Both payment cards become dark selectable panels */
.product_form_checkout.checkout_container
.payment_card{
  position:relative !important;
  overflow:hidden !important;

  width:100% !important;

  padding:
    17px !important;

  border:
    1px solid rgba(255,255,255,.095) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.038)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 25px rgba(0,0,0,.08) !important;

  color:#fff !important;

  text-align:start !important;
}


/* subtle art accent */
.product_form_checkout.checkout_container
.payment_card::before{
  content:"";

  position:absolute;

  width:95px;
  height:95px;

  border:
    18px solid rgba(244,197,66,.035);

  border-radius:50%;

  left:-46px;
  bottom:-52px;

  pointer-events:none;
}


.product_form_checkout.checkout_container
.payment_card:hover{
  transform:
    translateY(-2px) !important;

  border-color:
    rgba(244,197,66,.26) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.082),
      rgba(255,255,255,.048)
    ) !important;
}


/* selected payment */
.product_form_checkout.checkout_container
.payment_card[class*="!border-skin-primary"]{
  border-color:
    rgba(244,197,66,.88) !important;

  background:
    linear-gradient(
      135deg,
      rgba(244,197,66,.11),
      rgba(255,255,255,.045)
    ) !important;

  box-shadow:
    0 0 0 3px rgba(244,197,66,.07),
    inset 0 1px 0 rgba(255,255,255,.045),
    0 13px 30px rgba(0,0,0,.11) !important;
}


/* payment texts */
.product_form_checkout.checkout_container
.payment_card_name{
  color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
}


.product_form_checkout.checkout_container
.payment_card_description{
  color:
    rgba(255,255,255,.47) !important;

  font-size:
    10.5px !important;

  line-height:
    1.75 !important;
}


/* =========================================================
   CUSTOM PAYMENT RADIO
   ========================================================= */

.product_form_checkout.checkout_container
.payment_card .radio_container{
  position:relative;

  width:28px !important;
  height:28px !important;
  min-width:28px !important;

  border:
    1px solid rgba(255,255,255,.17) !important;

  background:
    rgba(255,255,255,.055) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}


.product_form_checkout.checkout_container
.payment_card .radio_circle{
  width:10px !important;
  height:10px !important;

  background:
    transparent !important;

  transform:
    scale(.65);

  transition:
    transform .2s ease,
    background .2s ease !important;
}


.product_form_checkout.checkout_container
.payment_card[class*="!border-skin-primary"]
.radio_container{
  border-color:
    #F4C542 !important;

  background:
    #F4C542 !important;

  box-shadow:
    0 0 0 4px rgba(244,197,66,.085) !important;
}


.product_form_checkout.checkout_container
.payment_card[class*="!border-skin-primary"]
.radio_circle{
  position:relative;

  background:
    #081F28 !important;

  transform:
    scale(1);
}


.product_form_checkout.checkout_container
.payment_card[class*="!border-skin-primary"]
.radio_circle::after{
  content:"";

  position:absolute;

  inset:3px;

  border-radius:50%;

  background:
    #081F28;
}


/* =========================================================
   TRANSFER PAYMENT — IMAGE / DETAILS
   ========================================================= */

.product_form_checkout.checkout_container
.payment_card_img_container{
  width:auto !important;
  min-width:66px;
}


.product_form_checkout.checkout_container
.payment_card_img{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:
    44px;

  padding:
    5px 7px;

  border-radius:
    10px;

  background:
    #fff;

  overflow:
    hidden;
}


.product_form_checkout.checkout_container
.payment_card_img img{
  width:auto !important;
  max-width:72px !important;
  max-height:34px !important;
  object-fit:contain !important;
}


/* receipt upload area now matches navy */
.product_form_checkout.checkout_container
#transfer-receipt-upload{
  position:relative;

  margin:
    14px 0 0 !important;

  padding:
    13px !important;

  border:
    1px solid rgba(244,197,66,.13);

  border-radius:
    14px;

  background:
    rgba(0,0,0,.12) !important;
}


.product_form_checkout.checkout_container
#transfer-receipt-upload
.global_input{
  background:
    rgba(255,255,255,.065) !important;

  border:
    1px solid rgba(255,255,255,.085) !important;

  color:
    #F4C542 !important;
}


/* file input */
.product_form_checkout.checkout_container
#transfer-receipt-upload
input[type="file"]{
  color:
    rgba(244,197,66,.72) !important;

  font-size:
    10px !important;
}


.product_form_checkout.checkout_container
#transfer-receipt-upload
input[type="file"]::file-selector-button{
  margin-inline-end:
    10px;

  padding:
    9px 11px;

  border:
    0;

  border-radius:
    9px;

  background:
    #F4C542;

  color:
    #081F28;

  font-weight:
    900;

  cursor:
    pointer;
}


/* =========================================================
   CASH ON DELIVERY — GIVE IT ITS OWN CHARACTER
   ========================================================= */

.product_form_checkout.checkout_container
.payment_card:nth-of-type(2)
.payment_card_content::after{
  content:"COD";

  flex:0 0 auto;

  display:grid;
  place-items:center;

  min-width:
    46px;

  height:
    31px;

  padding:
    0 9px;

  margin-inline-start:
    10px;

  border:
    1px solid rgba(244,197,66,.16);

  border-radius:
    999px;

  background:
    rgba(244,197,66,.075);

  color:
    #F4C542;

  font-size:
    9px;

  font-weight:
    950;

  letter-spacing:
    .08em;
}


/* transfer selected tag */
.product_form_checkout.checkout_container
.payment_card:first-of-type
.payment_card_content::before{
  content:"تحويل";

  flex:0 0 auto;

  order:3;

  display:grid;
  place-items:center;

  height:
    28px;

  padding:
    0 9px;

  margin-inline-start:
    8px;

  border-radius:
    999px;

  background:
    rgba(244,197,66,.08);

  color:
    #F4C542;

  border:
    1px solid rgba(244,197,66,.12);

  font-size:
    9px;

  font-weight:
    900;
}


/* =========================================================
   MOBILE DETAIL POLISH
   ========================================================= */

@media(max-width:640px){

  .product_form_checkout.checkout_container
  .payment_card{
    padding:
      14px !important;
  }

  .product_form_checkout.checkout_container
  .payment_card > div:first-child{
    align-items:
      flex-start !important;
  }

  .product_form_checkout.checkout_container
  .payment_card_content{
    gap:
      7px !important;
  }

  .product_form_checkout.checkout_container
  .payment_card_img_container{
    margin-top:
      4px;
  }

  .product_form_checkout.checkout_container
  .payment_card:nth-of-type(2)
  .payment_card_content::after{
    margin-inline-start:
      0;
  }

  .product_form_checkout.checkout_container
  .payment_card:first-of-type
  .payment_card_content::before{
    display:none;
  }

  .product_form_checkout.checkout_container
  .select__menu{
    border-radius:
      14px !important;
  }

  .product_form_checkout.checkout_container
  .select__option{
    min-height:
      42px;
  }
}

/* =========================================================
   DEUTSCH GO — V4 COMPACT CHECKOUT
   Keep all details, reduce vertical length
   ========================================================= */

/* Main container */
.product_form_checkout.checkout_container{
  padding-bottom:22px !important;
}

/* Hero becomes shorter */
.product_form_checkout.checkout_container .dg-checkout-hero{
  margin-bottom:18px !important;
  padding-top:20px !important;
  padding-bottom:17px !important;
}

.product_form_checkout.checkout_container .dg-checkout-kicker{
  margin-bottom:11px !important;
}

.product_form_checkout.checkout_container .dg-checkout-title{
  font-size:25px !important;
  line-height:1.25 !important;
}

.product_form_checkout.checkout_container .dg-checkout-copy{
  margin-top:5px !important;
  line-height:1.6 !important;
}

.product_form_checkout.checkout_container .dg-mini-steps{
  margin-top:13px !important;
}

/* Section headings tighter */
.product_form_checkout.checkout_container .dg-checkout-section{
  margin:18px 0 9px !important;
}

.product_form_checkout.checkout_container .dg-checkout-section__icon{
  width:29px !important;
  height:29px !important;
  flex-basis:29px !important;
}

.product_form_checkout.checkout_container .dg-checkout-section__text strong{
  font-size:12px !important;
}

.product_form_checkout.checkout_container .dg-checkout-section__text small{
  font-size:9px !important;
}

/* Quantity card */
.product_form_checkout.checkout_container .in-product-quantity-counter{
  padding:11px 13px !important;
  margin-bottom:13px !important;
}

.product_form_checkout.checkout_container .quantity_container > div{
  padding:3px 6px !important;
}

.product_form_checkout.checkout_container .quantity_container button{
  width:29px !important;
  height:29px !important;
}

/* Generic field spacing */
.product_form_checkout.checkout_container form > .mt-3,
.product_form_checkout.checkout_container form > .\!mt-4,
.product_form_checkout.checkout_container form .mt-3.\!mt-4{
  margin-top:8px !important;
}

/* Inputs shorter but still touch-friendly */
.product_form_checkout.checkout_container .global_input,
.product_form_checkout.checkout_container .select__control{
  min-height:46px !important;
}

.product_form_checkout.checkout_container .global_input{
  padding-top:9px !important;
  padding-bottom:9px !important;
}

.product_form_checkout.checkout_container .global_textarea{
  min-height:76px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* Drive card compact */
.product_form_checkout.checkout_container .dg-drive-card{
  margin:16px 0 2px !important;
  padding:13px !important;
  gap:10px !important;
  border-radius:15px !important;
}

.product_form_checkout.checkout_container .dg-drive-icon{
  width:36px !important;
  height:36px !important;
  border-radius:11px !important;
}

.product_form_checkout.checkout_container .dg-drive-icon svg{
  width:17px !important;
  height:17px !important;
}

.product_form_checkout.checkout_container .dg-drive-content b{
  font-size:12px !important;
  margin-bottom:3px !important;
}

.product_form_checkout.checkout_container .dg-drive-content p{
  font-size:10px !important;
  line-height:1.55 !important;
}

.product_form_checkout.checkout_container .dg-drive-tag{
  margin-top:6px !important;
  padding:4px 7px !important;
}

/* Shipping */
.product_form_checkout.checkout_container .shipping_cost_container{
  margin:15px 0 5px !important;
  padding:12px 14px !important;
}

/* Payment section compact */
.product_form_checkout.checkout_container span.text-lg.font-bold.text-gray-700{
  margin:17px 0 9px !important;
}

.product_form_checkout.checkout_container .payments_container{
  gap:8px !important;
}

.product_form_checkout.checkout_container .payment_card{
  padding:12px 13px !important;
  border-radius:15px !important;
  gap:8px !important;
}

.product_form_checkout.checkout_container .payment_card > div:first-child{
  gap:10px !important;
}

.product_form_checkout.checkout_container .payment_card .radio_container{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
}

.product_form_checkout.checkout_container .payment_card_name{
  font-size:12.5px !important;
}

.product_form_checkout.checkout_container .payment_card_description{
  font-size:9.5px !important;
  margin-top:2px !important;
  line-height:1.5 !important;
}

.product_form_checkout.checkout_container .payment_card_img_container{
  min-width:56px !important;
}

.product_form_checkout.checkout_container .payment_card_img{
  min-height:36px !important;
  padding:4px 6px !important;
}

.product_form_checkout.checkout_container .payment_card_img img{
  max-width:60px !important;
  max-height:28px !important;
}

/* Transfer upload compact */
.product_form_checkout.checkout_container #transfer-receipt-upload{
  margin-top:9px !important;
  padding:9px !important;
}

.product_form_checkout.checkout_container #transfer-receipt-upload .w-full.mb-3{
  margin-bottom:7px !important;
}

/* Total + CTA */
.product_form_checkout.checkout_container .total_price_container{
  margin:17px 0 10px !important;
  padding:14px 16px !important;
}

.product_form_checkout.checkout_container .total_price{
  font-size:19px !important;
}

.product_form_checkout.checkout_container .form_checkout_btn{
  min-height:50px !important;
  margin-top:4px !important;
}

.product_form_checkout.checkout_container .dg-checkout-trust{
  margin-top:8px !important;
  gap:10px !important;
}

/* =========================================================
   DESKTOP: use available width better
   ========================================================= */

@media(min-width:768px){

  /* Put name + phone on one row */
  .product_form_checkout.checkout_container form{
    display:block;
  }

  .product_form_checkout.checkout_container .dg-section-contact + .mt-3{
    margin-top:0 !important;
  }

  /* pair common text/tel inputs where possible */
  .product_form_checkout.checkout_container form{
    --dg-field-gap:10px;
  }

  /* create two-column flow only for direct field wrappers */
  .product_form_checkout.checkout_container .dg-compact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .product_form_checkout.checkout_container .global_textarea{
    min-height:70px !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-hero{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* =========================================================
   MOBILE: aggressively compact, no lost content
   ========================================================= */

@media(max-width:640px){

  .product_form_checkout.checkout_container{
    padding-bottom:16px !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-hero{
    margin-bottom:14px !important;
    padding-top:17px !important;
    padding-bottom:14px !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-title{
    font-size:20px !important;
    line-height:1.22 !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-copy{
    font-size:10px !important;
    line-height:1.5 !important;
  }

  .product_form_checkout.checkout_container .dg-mini-steps{
    margin-top:10px !important;
  }

  .product_form_checkout.checkout_container .dg-mini-step b{
    width:20px !important;
    height:20px !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-section{
    margin:14px 0 7px !important;
  }

  .product_form_checkout.checkout_container .in-product-quantity-counter{
    padding:9px 11px !important;
    margin-bottom:10px !important;
  }

  .product_form_checkout.checkout_container .global_input,
  .product_form_checkout.checkout_container .select__control{
    min-height:43px !important;
  }

  .product_form_checkout.checkout_container .global_input{
    padding-top:8px !important;
    padding-bottom:8px !important;
    font-size:12px !important;
  }

  .product_form_checkout.checkout_container .global_textarea{
    min-height:66px !important;
    font-size:12px !important;
  }

  .product_form_checkout.checkout_container .dg-drive-card{
    margin-top:12px !important;
    padding:11px !important;
  }

  .product_form_checkout.checkout_container .dg-drive-content p{
    font-size:9.5px !important;
  }

  .product_form_checkout.checkout_container .shipping_cost_container{
    margin-top:12px !important;
    padding:10px 12px !important;
  }

  .product_form_checkout.checkout_container .payment_card{
    padding:10px 11px !important;
  }

  .product_form_checkout.checkout_container .payment_card_description{
    font-size:9px !important;
  }

  .product_form_checkout.checkout_container #transfer-receipt-upload{
    padding:8px !important;
    margin-top:7px !important;
  }

  .product_form_checkout.checkout_container .total_price_container{
    margin-top:13px !important;
    padding:12px 14px !important;
  }

  .product_form_checkout.checkout_container .form_checkout_btn{
    min-height:47px !important;
  }

  .product_form_checkout.checkout_container .dg-checkout-trust{
    margin-top:7px !important;
    font-size:8px !important;
  }
}