/* =========================================================
   THE MAHOHA — CHECKOUT UI v2  (replaces the_mahoha_checkout_form_ui_v1.css)
   2026-10-16

   Covers TWO places:
   A) Product page inline order form  (.product_form_checkout) — dark burgundy glass (v1 look, fixed)
   B) /checkout page                  (#checkout-form, #checkout-order-summary, #checkout-button) — light & clean

   WHY v2:
   - v1 was scoped to "#product-id .product_form_checkout", which does not exist on /checkout,
     so the checkout page got no styling at all.
   - On the product form, EasyOrders removed ".total_price_container" (total became dark-on-burgundy)
     and replaced the coupon toggle ".mt-2.flex.justify-between" with an inline coupon field.
   - the_mahoha_cart_v2.css styles [data-invoice="invoice-subtotal"] for the dark cart drawer;
     it leaked onto /checkout (yellow subtotal on light grey). Overridden below.

   SELECTOR RULES (so EasyOrders updates don't break it):
   - Anchor on ids (#checkout-form, #checkout-order-summary, #checkout-button, *-discount-section),
     input name/type ([name="full_name"], [type="tel"], textarea), data-invoice="…" hooks,
     EasyOrders' own snake_case component classes via [class*="…"] (payment_card, radio_circle,
     quantity_container, checkout_cart_item, select__control …) and structure.
   - Never Tailwind utilities (.mt-2.flex.justify-between, .pointer-events-none.absolute …).
   - No display/grid/order changes on EasyOrders containers (their show/hide logic stays intact).
========================================================= */

:root{
  --mh-burgundy:#74162c;
  --mh-burgundy-hi:#962246;
  --mh-burgundy-deep:#541024;
  --mh-plum:#2b1028;
  --mh-wasabi:#d8f24a;
  --mh-blue:#d7efff;
  --mh-blush:#f7e9ec;
  --mh-white:#ffffff;
  --mh-ease:cubic-bezier(.16,1,.3,1);

  /* checkout page (light) */
  --mhk-page:#fbf6f7;
  --mhk-card:#ffffff;
  --mhk-line:#e8d6db;
  --mhk-line-strong:#dcc3ca;
  --mhk-text:#2b1028;
  --mhk-muted:#7a6470;
  --mhk-field:#fdfafb;
  --mhk-ring:rgba(116,22,44,.14);

  /* trust line under the order button — edit the text here */
  --mh-trust-text:"الدفع كاش عند الاستلام — مش هتدفع أي حاجة دلوقتي";
}


/* =========================================================
   A) PRODUCT PAGE INLINE FORM — dark burgundy glass
========================================================= */

.product_form_checkout{
  --mh-liquid-x:72%;
  --mh-liquid-y:18%;
  --mh-liquid-sat:1;

  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at var(--mh-liquid-x) var(--mh-liquid-y),
      rgba(255,255,255,.18) 0 3%, rgba(216,242,74,.07) 10%, transparent 29%),
    radial-gradient(circle at 10% 13%, rgba(247,233,236,.11), transparent 31%),
    radial-gradient(circle at 93% 87%, rgba(215,239,255,.085), transparent 34%),
    linear-gradient(135deg, #8b1d3d 0%, var(--mh-burgundy) 43%, #631126 70%, var(--mh-plum) 118%)!important;
  box-shadow:
    0 32px 92px rgba(74,10,31,.26),
    inset 0 1px rgba(255,255,255,.15),
    inset 0 0 0 1px rgba(255,255,255,.04)!important;
  transition:transform .40s var(--mh-ease), box-shadow .36s var(--mh-ease), border-color .25s ease!important;
}

.product_form_checkout::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--mh-liquid-x) var(--mh-liquid-y),
    rgba(216,242,74,.12), rgba(255,255,255,.06) 17%, transparent 36%);
  filter:blur(22px);
  opacity:.78;
  transition:opacity .28s ease;
}

@media (hover:hover){
  .product_form_checkout:hover{
    --mh-liquid-sat:1.22;
    border-color:rgba(255,255,255,.24)!important;
  }
  .product_form_checkout:hover::after{ opacity:1; }
}

/* EasyOrders decorative dashed frame */
.product_form_checkout > svg{ color:rgba(255,255,255,.14)!important; }

/* title */
.product_form_checkout > p:first-of-type{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(22px,2vw,30px)!important;
  font-weight:400!important;
  line-height:1.2!important;
}
.product_form_checkout > p:first-of-type::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--mh-wasabi), rgba(255,255,255,.35));
}

/* labels / section titles ("عدد القطع", "اختر وسيلة الدفع") */
.product_form_checkout form label,
.product_form_checkout form > div > span{
  color:rgba(255,255,255,.88)!important;
  font-weight:800!important;
}

/* quantity */
.product_form_checkout [class*="quantity_container"] > div{
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.085)!important;
}
.product_form_checkout [class*="quantity_container"] button{
  min-width:40px;
  min-height:40px;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  transition:background .2s ease, color .2s ease!important;
}
.product_form_checkout [class*="quantity_container"] button svg{ color:currentColor!important; }
.product_form_checkout [class*="quantity_container"] p{
  color:#fff!important;
  font-weight:800!important;
  font-size:16px!important;
}
@media (hover:hover){
  .product_form_checkout [class*="quantity_container"] button:hover{
    background:var(--mh-wasabi)!important;
    color:var(--mh-plum)!important;
  }
}

/* text fields + governorate control */
.product_form_checkout form :is(input[type="text"],input[type="tel"],textarea):not([id^="react-select"]),
.product_form_checkout [class*="select__control"]{
  min-height:52px;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.085)!important;
  color:#fff!important;
  font-size:16px!important;            /* iOS: no zoom on focus */
  box-shadow:inset 0 1px rgba(255,255,255,.09)!important;
  transition:border-color .2s ease, background .2s ease, box-shadow .25s ease!important;
}
.product_form_checkout form :is(input[type="text"],input[type="tel"],textarea):not([id^="react-select"]):focus,
.product_form_checkout [class*="select__control"]:focus-within{
  border-color:rgba(216,242,74,.55)!important;
  background:rgba(255,255,255,.14)!important;
  box-shadow:0 0 0 4px rgba(216,242,74,.10)!important;
  outline:none!important;
}
.product_form_checkout form :is(input,textarea)::placeholder,
.product_form_checkout [class*="select__placeholder"]{
  color:rgba(255,255,255,.72)!important;   /* was .56 — too faint */
  opacity:1;
}
.product_form_checkout [class*="select__single-value"],
.product_form_checkout [class*="select__input-container"],
.product_form_checkout [class*="select__input-container"] input{
  color:#fff!important;
  font-size:16px!important;
}
.product_form_checkout [class*="select__indicator-separator"]{ display:none!important; }
.product_form_checkout [class*="select__dropdown-indicator"]{ color:rgba(255,255,255,.75)!important; }

/* field icons (the small div right after each input) */
.product_form_checkout form :is(input,textarea) + div svg{
  color:var(--mh-wasabi)!important;
  opacity:.85;
}

/* governorate dropdown menu */
.product_form_checkout [class~="select__menu"]{
  z-index:160!important;
  overflow:hidden!important;
  margin-top:8px!important;
  border:1px solid rgba(116,22,44,.11)!important;
  border-radius:16px!important;
  background:#fffafc!important;
  box-shadow:0 24px 72px rgba(43,16,40,.22)!important;
}
.product_form_checkout [class*="select__option"]{
  min-height:44px;
  display:flex!important;
  align-items:center;
  padding:0 14px!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--mh-plum)!important;
  font-size:15px!important;              /* was 11px */
}
.product_form_checkout [class*="select__option--is-focused"]{
  background:rgba(116,22,44,.075)!important;
  color:var(--mh-burgundy)!important;
}
.product_form_checkout [class*="select__option--is-selected"]{
  background:linear-gradient(115deg, var(--mh-burgundy), var(--mh-plum))!important;
  color:#fff!important;
}

/* payment method */
.product_form_checkout button[class*="payment_card"]{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.065)!important;
}
.product_form_checkout button[class*="payment_card"]:has([class*="radio_circle"][class*="bg-skin-primary"]){
  border-color:rgba(216,242,74,.38)!important;
  background:rgba(255,255,255,.10)!important;
}
.product_form_checkout [class*="payment_card_name"]{ color:#fff!important; font-weight:800!important; }
.product_form_checkout [class*="payment_card_description"]{ color:rgba(255,255,255,.66)!important; }
.product_form_checkout [class*="radio_container"]{
  border-color:rgba(255,255,255,.3)!important;
  background:rgba(255,255,255,.07)!important;
}
.product_form_checkout [class*="radio_circle"][class*="bg-skin-primary"]{ background:var(--mh-wasabi)!important; }

/* coupon (inline field + apply button) */
.product_form_checkout [id$="discount-section"] button{
  min-height:48px;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  font-weight:800!important;
}
.product_form_checkout [id$="discount-section"] button *{ color:inherit!important; }

/* invoice rows */
.product_form_checkout [data-invoice="invoice"] dt,
.product_form_checkout [data-invoice="invoice"] dt *{
  color:rgba(255,255,255,.72)!important;
  font-size:14px!important;
}
.product_form_checkout [data-invoice="invoice"] dd,
.product_form_checkout [data-invoice="invoice"] dd *{
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
}
.product_form_checkout [data-invoice="invoice-shipping"]{
  border:0!important;
  background:transparent!important;
}
.product_form_checkout [data-invoice="invoice-shipping"] dd,
.product_form_checkout [data-invoice="invoice-shipping"] dd *{
  color:var(--mh-wasabi)!important;
}

/* TOTAL — was dark-on-burgundy after .total_price_container disappeared */
.product_form_checkout [data-invoice="invoice-total"]{
  padding:14px 16px!important;
  border:1px solid rgba(216,242,74,.24)!important;
  border-radius:15px!important;
  background:rgba(25,7,19,.32)!important;
}
.product_form_checkout [data-invoice="invoice-total"] dt,
.product_form_checkout [data-invoice="invoice-total"] dt *{
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
}
.product_form_checkout [data-invoice="invoice-total"] dd,
.product_form_checkout [data-invoice="invoice-total"] dd *{
  color:var(--mh-wasabi)!important;
  font-size:22px!important;
  font-weight:900!important;
}

/* order button */
.product_form_checkout button[type="submit"]{
  --mh-submit-x:25%;
  --mh-submit-y:50%;
  position:relative!important;
  min-height:56px;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at var(--mh-submit-x) var(--mh-submit-y), rgba(255,255,255,.24), transparent 27%),
    linear-gradient(110deg, #fff 0%, #f9f6f7 100%)!important;
  color:var(--mh-burgundy)!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 15px 34px rgba(35,6,16,.16)!important;
  transition:transform .3s var(--mh-ease), box-shadow .3s var(--mh-ease)!important;
}
.product_form_checkout button[type="submit"]::after{
  content:"↗";
  position:absolute;
  inset-inline-end:8px;
  top:50%;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--mh-wasabi);
  color:var(--mh-plum);
  font:900 15px/1 Arial,sans-serif;
  transform:translateY(-50%);
}
@media (hover:hover){
  .product_form_checkout button[type="submit"]:hover{
    transform:translateY(-3px);
    box-shadow:0 23px 46px rgba(35,6,16,.23)!important;
  }
}
.product_form_checkout button[type="submit"]:active{ transform:scale(.985)!important; }

/* trust line under the product-form button */
.product_form_checkout form::after{
  content:var(--mh-trust-text);
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:600;
  text-align:center;
}

@media (max-width:700px){
  .product_form_checkout{ border-radius:20px!important; }
}


/* =========================================================
   B) /CHECKOUT PAGE — light, clean, brand accents
   Everything is scoped to ids that exist only on /checkout.
========================================================= */

/* page background */
body:has(#checkout-form){ background:var(--mhk-page)!important; }
body:has(#checkout-form) div:has(> div > #checkout-order-summary),
body:has(#checkout-form) div:has(> #checkout-order-summary){
  background:transparent!important;
}

/* ---------- form card ---------- */
#checkout-form > div > section{
  border:1px solid var(--mhk-line)!important;
  border-radius:22px!important;
  background:var(--mhk-card)!important;
  box-shadow:0 18px 50px rgba(74,10,31,.07)!important;
}
/* hide EasyOrders' dashed frame (decorative svg only) */
#checkout-form > div > section > svg{ display:none!important; }

#checkout-form h2,
#contact-info-heading{
  color:var(--mh-burgundy)!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1.4!important;
}
#contact-info-heading::after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--mh-burgundy), var(--mh-wasabi));
}

/* ---------- fields ---------- */
#checkout-form :is(input[type="text"],input[type="tel"],textarea):not([id^="react-select"]),
#checkout-form [class*="select__control"]{
  min-height:54px!important;
  border:1.5px solid var(--mhk-line)!important;
  border-radius:14px!important;
  background:var(--mhk-field)!important;
  color:var(--mhk-text)!important;
  font-size:16px!important;            /* iOS: no zoom on focus */
  font-weight:600;
  box-shadow:none!important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease!important;
}
#checkout-form textarea{ min-height:96px!important; line-height:1.6!important; }

#checkout-form :is(input[type="text"],input[type="tel"],textarea):not([id^="react-select"]):hover,
#checkout-form [class*="select__control"]:hover{
  border-color:var(--mhk-line-strong)!important;
}
#checkout-form :is(input[type="text"],input[type="tel"],textarea):not([id^="react-select"]):focus,
#checkout-form [class*="select__control"]:focus-within{
  border-color:var(--mh-burgundy)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px var(--mhk-ring)!important;
  outline:none!important;
}
#checkout-form :is(input,textarea)::placeholder,
#checkout-form [class*="select__placeholder"]{
  color:#9a8590!important;
  font-weight:500;
  opacity:1;
}
#checkout-form [class*="select__single-value"],
#checkout-form [class*="select__input-container"],
#checkout-form [class*="select__input-container"] input{
  color:var(--mhk-text)!important;
  font-size:16px!important;
}
#checkout-form [class*="select__indicator-separator"]{ display:none!important; }
#checkout-form [class*="select__dropdown-indicator"]{ color:var(--mh-burgundy)!important; }

/* field icons */
#checkout-form :is(input,textarea) + div svg,
#checkout-form [class*="select__control"] svg{
  color:var(--mh-burgundy)!important;
  opacity:.8;
}

/* governorate menu */
#checkout-form [class~="select__menu"]{
  z-index:160!important;
  overflow:hidden!important;
  margin-top:6px!important;
  border:1px solid var(--mhk-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 20px 60px rgba(43,16,40,.16)!important;
}
#checkout-form [class*="select__option"]{
  min-height:46px;
  display:flex!important;
  align-items:center;
  padding:0 14px!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--mhk-text)!important;
  font-size:15px!important;
}
#checkout-form [class*="select__option--is-focused"]{
  background:var(--mh-blush)!important;
  color:var(--mh-burgundy)!important;
}
#checkout-form [class*="select__option--is-selected"]{
  background:var(--mh-burgundy)!important;
  color:#fff!important;
}

/* section title "اختر وسيلة الدفع" */
#checkout-form > div > section > div > span{
  color:var(--mhk-text)!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* ---------- payment method ---------- */
#checkout-form button[class*="payment_card"]{
  border:1.5px solid var(--mhk-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  transition:border-color .2s ease, background .2s ease!important;
}
#checkout-form button[class*="payment_card"]:has([class*="radio_circle"][class*="bg-skin-primary"]){
  border-color:var(--mh-burgundy)!important;
  background:linear-gradient(0deg, rgba(247,233,236,.55), rgba(247,233,236,.55)), #fff!important;
}
#checkout-form [class*="payment_card_name"]{
  color:var(--mhk-text)!important;
  font-size:16px!important;
  font-weight:800!important;
}
#checkout-form [class*="payment_card_description"]{
  color:var(--mhk-muted)!important;
  font-size:13px!important;
}
#checkout-form [class*="radio_container"]{ border-color:var(--mh-burgundy)!important; }
#checkout-form [class*="radio_circle"][class*="bg-skin-primary"]{ background:var(--mh-burgundy)!important; }

/* ---------- order summary (desktop column) ---------- */
@media (min-width:1024px){
  #checkout-order-summary{
    align-self:start;
    position:sticky;
    top:24px;
    padding:26px 28px!important;
    border:1px solid var(--mhk-line)!important;
    border-radius:22px!important;
    background:var(--mhk-card)!important;
    box-shadow:0 18px 50px rgba(74,10,31,.07)!important;
  }
}
#summary-heading{
  color:var(--mh-burgundy)!important;
  font-size:19px!important;
  font-weight:800!important;
}

/* cart lines (desktop summary + mobile list) */
:is(#checkout-order-summary, #checkout-form) [class*="checkout_cart_item"]{
  border-bottom:1px solid var(--mhk-line);
}
:is(#checkout-order-summary, #checkout-form) [class*="checkout_cart_item"] img{
  border-radius:12px!important;
  border:1px solid var(--mhk-line);
  background:#fff;
}
:is(#checkout-order-summary, #checkout-form) [class*="checkout_cart_item"] p:first-child{
  color:var(--mhk-text)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
/* item count badge on the image */
:is(#checkout-order-summary, #checkout-form) [class*="checkout_cart_item"] a > span{
  background:var(--mh-burgundy)!important;
  color:#fff!important;
}
/* qty / remove buttons: bigger tap targets */
#checkout-order-summary [class*="checkout_cart_item"] button{
  min-width:34px;
  min-height:34px;
  border-color:var(--mhk-line)!important;
  border-radius:10px!important;
  color:var(--mhk-text)!important;
}

/* coupon (desktop + mobile) */
:is(#checkout-discount-section, #checkout-mobile-discount-section) input{
  min-height:48px!important;
  border:1.5px solid var(--mhk-line)!important;
  border-radius:12px!important;
  background:var(--mhk-field)!important;
  color:var(--mhk-text)!important;
  font-size:16px!important;
}
:is(#checkout-discount-section, #checkout-mobile-discount-section) button{
  min-height:48px;
  border:1.5px solid var(--mh-burgundy)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--mh-burgundy)!important;
  font-weight:800!important;
}
:is(#checkout-discount-section, #checkout-mobile-discount-section) button *{ color:inherit!important; }

/* invoice rows — also neutralises the cart drawer's yellow subtotal (the_mahoha_cart_v2.css) */
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice"] dt,
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice"] dt *{
  color:var(--mhk-muted)!important;
  font-size:14px!important;
  font-weight:600!important;
}
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice"] dd,
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice"] dd *{
  color:var(--mhk-text)!important;
  font-size:15px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-shipping"]{
  border:0!important;
  background:transparent!important;
}
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-total"]{
  margin-top:6px;
  padding:16px 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:var(--mh-blush)!important;
}
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-total"] dt,
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-total"] dt *{
  color:var(--mhk-text)!important;
  font-size:17px!important;
  font-weight:800!important;
}
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-total"] dd,
:is(#checkout-order-summary, #checkout-form) [data-invoice="invoice-total"] dd *{
  color:var(--mh-burgundy)!important;
  font-size:24px!important;
  font-weight:900!important;
}

/* ---------- mobile: top "ملخص طلبك" bar + bottom total bar ---------- */
#checkout-order-summary-toggle{
  color:var(--mh-burgundy)!important;
  font-weight:800!important;
}
#checkout-order-summary-toggle > span:last-child,
#checkout-order-summary-toggle > span:last-child *{
  color:var(--mhk-text)!important;
  font-size:17px!important;
  font-weight:900!important;
}
#checkout-form [class*="checkout_mobile_total_toggle"]{
  min-height:56px;
  padding:8px 14px!important;
  border:1px solid var(--mhk-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
#checkout-form [class*="checkout_mobile_total_toggle"] span{ color:var(--mhk-text)!important; }
#checkout-mobile-add-discount-button{
  min-height:40px;
  color:var(--mh-burgundy)!important;
  font-weight:800!important;
}

/* ---------- primary CTA ---------- */
#checkout-button button{
  position:relative!important;
  min-height:58px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(115deg, var(--mh-burgundy-hi) 0%, var(--mh-burgundy) 48%, var(--mh-burgundy-deep) 100%)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  box-shadow:0 14px 32px rgba(116,22,44,.28)!important;
  transition:transform .25s var(--mh-ease), box-shadow .25s var(--mh-ease), filter .2s ease!important;
}
#checkout-button button::after{
  content:"↗";
  position:absolute;
  inset-inline-end:9px;
  top:50%;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--mh-wasabi);
  color:var(--mh-plum);
  font:900 15px/1 Arial,sans-serif;
  transform:translateY(-50%);
}
@media (hover:hover){
  #checkout-button button:hover{
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 20px 40px rgba(116,22,44,.34)!important;
  }
}
#checkout-button button:active{ transform:scale(.985)!important; }
#checkout-button button:disabled{ opacity:.6; filter:grayscale(.3); }

/* trust line under the CTA */
#checkout-button::after{
  content:var(--mh-trust-text);
  display:block;
  margin-top:8px;
  color:var(--mhk-muted);
  font-size:12.5px;
  font-weight:600;
  text-align:center;
}

/* mobile: sticky CTA bar gets a clean white base + safe-area padding */
@media (max-width:1023.98px){
  #checkout-button{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.96)!important;
    border-top:1px solid var(--mhk-line);
    box-shadow:0 -10px 30px rgba(43,16,40,.08);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }
  #checkout-form > div > section{ border-radius:18px!important; }
}

/* footer policy links */
body:has(#checkout-form) [class*="checkout_store_pages"] a{
  color:var(--mhk-muted)!important;
  font-size:13px!important;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */
:is(.product_form_checkout, #checkout-form, #checkout-order-summary, #checkout-button) :is(input,textarea,button):focus-visible{
  outline:2px solid var(--mh-burgundy)!important;
  outline-offset:2px!important;
}
.product_form_checkout :is(input,textarea,button):focus-visible{
  outline-color:var(--mh-wasabi)!important;
}
@media (prefers-reduced-motion:reduce){
  .product_form_checkout, .product_form_checkout *, .product_form_checkout::after,
  #checkout-form *, #checkout-button *{
    transition:none!important;
  }
}

/* Keep the menu shell clipped, but let its inner list scroll. */
:is(#checkout-form, .product_form_checkout) .select__menu-list{
  max-height:300px;
  max-height:min(300px, 50dvh);
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--mh-burgundy, #74162c) #f7e9ec;
}
:is(#checkout-form, .product_form_checkout) .select__menu-list::-webkit-scrollbar{
  width:8px;
}
:is(#checkout-form, .product_form_checkout) .select__menu-list::-webkit-scrollbar-track{
  background:#f7e9ec;
}
:is(#checkout-form, .product_form_checkout) .select__menu-list::-webkit-scrollbar-thumb{
  background:var(--mh-burgundy, #74162c);
  border:2px solid #f7e9ec;
  border-radius:8px;
}