/* Checkout experience — Shopline (Premium Redesign Feb 2026) */

/* ===== Variables ===== */
body.woocommerce-checkout{
  --br:#E2E8F0;
  --r:16px;
  --sh:0 18px 45px rgba(15,42,86,.08);
  --surface:#fff;
  --prim:#0F2A56;
  --acc:#2B6CB0;
  --muted:#6B7C93;
  --glow:0 0 0 3px rgba(43,108,176,.15);
}

/* ===== Checkout UX refinement (CTA + validation + top hierarchy) ===== */
body.woocommerce-checkout.sl-checkout-ux-ready .sl-field-error {
  display: none !important;
}

body.woocommerce-checkout.sl-checkout-ux-ready .form-row .sl-checkout-error-msg {
  display: none;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #e53e3e;
  line-height: 1.4;
}

body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-show-error .sl-checkout-error-msg {
  display: block;
}

/* Keep default required-field state neutral until user blur/submit. */
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.woocommerce-invalid input.input-text,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.woocommerce-invalid textarea,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.woocommerce-invalid select {
  border-color: #cfd8e3 !important;
  box-shadow: none !important;
  animation: none !important;
  background-image: none !important;
}

body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-show-error.woocommerce-invalid input.input-text,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-show-error.woocommerce-invalid textarea,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-show-error.woocommerce-invalid select {
  border-color: #e53e3e !important;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.12) !important;
}

body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-touched.woocommerce-validated input.input-text,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-touched.woocommerce-validated textarea,
body.woocommerce-checkout.sl-checkout-ux-ready .form-row.sl-touched.woocommerce-validated select {
  border-color: #22a563 !important;
  box-shadow: 0 0 0 3px rgba(34, 165, 99, 0.11) !important;
}

/* Stronger place-order CTA with dynamic total + loading state. */
body.woocommerce-checkout #place_order {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1.1;
  min-height: 62px;
}

body.woocommerce-checkout #place_order .sl-place-order__primary {
  display: block;
  font-size: 1.02em;
  font-weight: 800;
  letter-spacing: 0.01em;
}

body.woocommerce-checkout #place_order .sl-place-order__meta {
  display: block;
  font-size: 0.72em;
  font-weight: 600;
  opacity: 0.95;
}

body.woocommerce-checkout #place_order.is-loading {
  opacity: 0.96 !important;
  cursor: wait !important;
  transform: none !important;
}

body.woocommerce-checkout #place_order.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sl-checkout-spin 0.75s linear infinite;
}

@keyframes sl-checkout-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Top area declutter: reduce visual noise before form/payment sections. */
body.woocommerce-checkout .sl-checkout-header {
  padding: 12px clamp(12px, 2vw, 20px) !important;
}

body.woocommerce-checkout .sl-cart-progress {
  margin: 0 auto 10px !important;
}

body.woocommerce-checkout .woocommerce-notices-wrapper {
  margin-bottom: 8px;
}

body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.woocommerce-checkout .sl-checkout-mini-cart {
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin-bottom: 10px !important;
}

body.woocommerce-checkout .sl-checkout-mini-cart > button {
  font-size: 14px !important;
}

body.woocommerce-checkout .woocommerce-form-login-toggle {
  margin: 8px 0 10px !important;
}

@media (max-width: 849px) {
  /* Keep fixed CTA truly fixed (transformed parent breaks fixed positioning). */
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    animation: none !important;
    transform: none !important;
  }

  body.woocommerce-checkout #place_order {
    min-height: 72px;
    padding-top: 12px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.woocommerce-checkout #place_order .sl-place-order__primary {
    font-size: 17px;
  }

  body.woocommerce-checkout #place_order .sl-place-order__meta {
    font-size: 12px;
  }

  body.woocommerce-checkout .sl-checkout-mini-cart {
    margin: 0 0 10px !important;
  }
}

/* ===== Layout: hide nav, set background ===== */
body.woocommerce-checkout{
  background:linear-gradient(165deg,#f0f4fa 0%,#f7f9fc 50%,#eef2f9 100%);
  min-height:100vh;
}
body.woocommerce-checkout #site-header.sl-header,
body.woocommerce-checkout .header-wrapper,
body.woocommerce-checkout .header-bg-color{display:none!important}
body.woocommerce-checkout .checkout-page-title.page-title{display:none!important}
body.woocommerce-checkout #site-footer-help,
body.woocommerce-checkout .footer-bottom-bar{display:none!important}

/* ===== Mini Header ===== */
.sl-checkout-header{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1200px;margin:0 auto;padding:16px clamp(12px,2vw,24px);
}
.sl-checkout-header__logo img{height:74px;width:auto;max-width:none}
.sl-checkout-header__logo strong{font-size:1.3rem;color:var(--prim)}
.sl-checkout-header__back{
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:600;color:var(--acc);text-decoration:none;
  transition:color .2s,transform .2s;
}
.sl-checkout-header__back:hover{color:var(--prim);transform:translateX(3px)}
.sl-checkout-header__back svg{width:18px;height:18px}

/* ===== Progress Bar ===== */
.sl-cart-progress{max-width:1200px;margin:0 auto clamp(12px,2vw,20px);padding:0 clamp(12px,2vw,24px)}
.sl-cart-progress ol{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;gap:0;counter-reset:step}
.sl-cart-progress li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex:1;text-align:center;font-size:13px;font-weight:600;color:var(--muted)}
.sl-cart-progress li::before{content:'';position:absolute;top:18px;inset-inline-start:calc(-50% + 18px);width:calc(100% - 36px);height:2px;background:var(--br);z-index:0}
.sl-cart-progress li:first-child::before{display:none}
.sl-cart-progress__icon{
  width:36px;height:36px;border-radius:50%;border:2px solid var(--br);background:var(--surface);
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
  transition:all .3s cubic-bezier(.4,0,.2,1);
}
.sl-cart-progress li.is-active .sl-cart-progress__icon{
  border-color:var(--acc);background:var(--acc);color:#fff;
  box-shadow:0 4px 14px rgba(43,108,176,.35);
  animation:sl-pulse-soft 2s ease-in-out infinite;
}
.sl-cart-progress li.is-active{color:var(--prim)}
.sl-cart-progress li.is-active::before{background:var(--acc)}
.sl-cart-progress li.is-done .sl-cart-progress__icon{border-color:var(--acc);background:var(--acc);color:#fff}
.sl-cart-progress li.is-done::before{background:var(--acc)}
.sl-cart-progress li.is-done{color:var(--acc)}

@keyframes sl-pulse-soft{
  0%,100%{box-shadow:0 4px 14px rgba(43,108,176,.35)}
  50%{box-shadow:0 4px 20px rgba(43,108,176,.55)}
}

/* ===== WC notices ===== */
.woocommerce-checkout .woocommerce-info{background:#f8fbff;border:1px solid var(--br);border-radius:14px;padding:14px 20px;margin-bottom:10px;font-size:14px;color:var(--muted)}
.woocommerce-checkout .woocommerce-info::before{color:var(--acc)}
.woocommerce-checkout .woocommerce-info a{color:var(--acc);font-weight:600}
.woocommerce-checkout .woocommerce-info a:hover{color:var(--prim)}
.woocommerce-checkout .woocommerce-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:14px 20px;margin-bottom:10px;color:#991b1b}
.woocommerce-checkout .woocommerce-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:14px 20px;margin-bottom:10px;color:#166534}

/* ===== Main checkout cards ===== */
.woocommerce-checkout #customer_details{
  background:var(--surface);border-radius:24px;
  padding:clamp(20px,3vw,36px);
  box-shadow:0 20px 50px rgba(15,42,86,.07),0 1px 3px rgba(15,42,86,.04);
  border:1px solid var(--br);margin-bottom:24px;
  transition:box-shadow .3s;
}
.woocommerce-checkout #customer_details:focus-within{
  box-shadow:0 20px 50px rgba(15,42,86,.1),0 1px 3px rgba(15,42,86,.06);
}
.woocommerce-checkout .checkout-sidebar,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--surface);border-radius:24px;
  padding:clamp(20px,3vw,36px);
  box-shadow:0 20px 50px rgba(15,42,86,.07),0 1px 3px rgba(15,42,86,.04);
  border:1px solid var(--br);
}

/* ===== Section Headers with Icons ===== */
.sl-section-header{
  display:flex;align-items:center;gap:10px;
  margin:24px 0 16px;padding-bottom:12px;
  border-bottom:2px solid var(--br);
  position:relative;
}
.sl-section-header:first-child{margin-top:0}
.sl-section-header svg{
  color:var(--acc);flex-shrink:0;
  background:linear-gradient(135deg,rgba(43,108,176,.1),rgba(43,108,176,.05));
  padding:8px;border-radius:12px;width:36px;height:36px;box-sizing:content-box;
}
.sl-section-header span{
  font-size:1.1rem;font-weight:700;color:var(--prim);letter-spacing:-.01em;
}
.sl-section-header::after{
  content:'';position:absolute;bottom:-2px;inset-inline-start:0;
  width:60px;height:2px;background:var(--acc);border-radius:1px;
}
.sl-section-header--payment{
  margin-top:28px;
}

/* ===== Section titles (legacy) ===== */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading{
  font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--prim);
  margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--br);
}

/* ===== Form fields styling ===== */
.woocommerce-checkout .form-row{margin-bottom:14px;position:relative}
.woocommerce-checkout .form-row label{font-size:14px;font-weight:600;color:var(--prim);margin-bottom:6px}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea{
  border:2px solid var(--br);border-radius:14px;
  padding:14px 16px 14px 16px;font-size:15px;
  background:#fafbfd;width:100%;box-sizing:border-box;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .15s ease;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus{
  border-color:var(--acc);box-shadow:var(--glow);outline:none;background:#fff;
  transform:translateY(-1px);
}
.woocommerce-checkout .form-row input.input-text:hover:not(:focus),
.woocommerce-checkout .form-row textarea:hover:not(:focus){
  border-color:#c5d3e3;
}
.woocommerce-checkout .form-row .select2-container .select2-selection--single{
  border:2px solid var(--br);border-radius:14px;height:48px;padding:8px 16px;
}

/* ===== Field Icons ===== */
.woocommerce-checkout .form-row[class*="sl-icon-"] .woocommerce-input-wrapper{
  position:relative;
}
.woocommerce-checkout .form-row[class*="sl-icon-"] .woocommerce-input-wrapper::before{
  position:absolute;top:50%;transform:translateY(-50%);
  inset-inline-start:14px;z-index:2;pointer-events:none;
  font-size:18px;line-height:1;opacity:.45;
  transition:opacity .25s;
}
.woocommerce-checkout .form-row[class*="sl-icon-"]:focus-within .woocommerce-input-wrapper::before{
  opacity:.75;
}
.woocommerce-checkout .form-row[class*="sl-icon-"] input.input-text{
  padding-inline-start:42px;
}
/* Icon content via CSS */
.woocommerce-checkout .sl-icon-person .woocommerce-input-wrapper::before{content:'👤'}
.woocommerce-checkout .sl-icon-phone .woocommerce-input-wrapper::before{content:'📱'}
.woocommerce-checkout .sl-icon-email .woocommerce-input-wrapper::before{content:'✉️'}
.woocommerce-checkout .sl-icon-city .woocommerce-input-wrapper::before{content:'🏙️'}
.woocommerce-checkout .sl-icon-address .woocommerce-input-wrapper::before{content:'📍'}
.woocommerce-checkout .sl-icon-door .woocommerce-input-wrapper::before{content:'🚪'}
.woocommerce-checkout .sl-icon-postcode .woocommerce-input-wrapper::before{content:'📮'}

/* ===== Shipping method selector — card style ===== */
.woocommerce-checkout #shipping_method,
.woocommerce-checkout ul.shipping__list{
  display:grid!important;gap:10px;list-style:none;padding:0!important;margin:12px 0;
}
.woocommerce-checkout #shipping_method li,
.woocommerce-checkout ul.shipping__list li{
  padding:14px 16px!important;border:2px solid var(--br)!important;border-radius:16px!important;
  background:var(--surface);display:flex!important;align-items:center;gap:12px;cursor:pointer;
  transition:border-color .25s,background .25s,box-shadow .25s,transform .15s;
}
.woocommerce-checkout #shipping_method li:hover,
.woocommerce-checkout ul.shipping__list li:hover{border-color:#b8cfe0!important;transform:translateY(-1px)}
.woocommerce-checkout #shipping_method li:has(input:checked),
.woocommerce-checkout ul.shipping__list li:has(input:checked){
  border-color:var(--acc)!important;
  background:linear-gradient(135deg,rgba(43,108,176,.06),rgba(43,108,176,.02));
  box-shadow:0 4px 14px rgba(43,108,176,.12);
}
.woocommerce-checkout #shipping_method li input[type="radio"],
.woocommerce-checkout ul.shipping__list li input[type="radio"]{accent-color:var(--acc);width:20px;height:20px;margin:0;flex-shrink:0}
.woocommerce-checkout #shipping_method li label,
.woocommerce-checkout ul.shipping__list li label{font-weight:600;font-size:15px;color:var(--prim);cursor:pointer;flex:1}

/* ===== Shipping table overrides ===== */
.woocommerce-checkout .shipping__inner,
.woocommerce-checkout .shipping__table--multiple{border:none!important;background:transparent!important;padding:0!important}
.woocommerce-checkout .shipping__table--multiple td{padding:0!important;border:none!important}

/* ===== Order review table ===== */
.woocommerce-checkout .woocommerce-checkout-review-order-table{border:none}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:10px 0;border-bottom:1px solid var(--br)}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td{font-size:1.15em;font-weight:700;color:var(--prim);border-bottom:none;padding-top:16px}

/* ===== Place Order button ===== */
.woocommerce-checkout #place_order{
  background:linear-gradient(135deg,var(--prim) 0%,#1a3a6e 100%);
  color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;
  padding:18px 32px;width:100%;cursor:pointer;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  letter-spacing:.02em;position:relative;overflow:hidden;
  box-shadow:0 8px 24px rgba(15,42,86,.2);
}
.woocommerce-checkout #place_order:hover{
  background:linear-gradient(135deg,#0a1d3d 0%,#153060 100%);
  box-shadow:0 12px 32px rgba(15,42,86,.35);
  transform:translateY(-2px);
}
.woocommerce-checkout #place_order:active{
  transform:translateY(0);
  box-shadow:0 4px 12px rgba(15,42,86,.2);
}

/* ===== Security Badge ===== */
.sl-secure-badge{
  margin:16px 0;padding:14px 18px;
  background:linear-gradient(135deg,#f0f7ff 0%,#f8fbff 100%);
  border:1px solid #d4e4f4;border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
}
.sl-secure-badge__lock{
  display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:var(--prim);
}
.sl-secure-badge__lock svg{color:#22a563;flex-shrink:0}
.sl-secure-badge__cards{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.sl-secure-badge__cards img{
  display:block;
  width:auto;
  height:22px;
  max-width:52px;
  object-fit:contain;
  background:#fff;
  border:1px solid #dbe7f4;
  border-radius:6px;
  padding:3px 6px;
  opacity:1;
  transition:transform .2s ease;
}
.sl-secure-badge__cards img:hover{transform:translateY(-1px)}

/* Payment method logos inside gateway labels */
.woocommerce-checkout .wc_payment_method label img{
  display:inline-block;
  width:auto!important;
  max-height:24px!important;
  object-fit:contain;
  vertical-align:middle;
  margin-inline-start:6px;
}

/* ===== Help Section ===== */
.sl-checkout-help{
  margin:20px 0;padding:20px;border:1px solid var(--br);border-radius:20px;
  background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.sl-checkout-help__text{display:flex;flex-direction:column;gap:4px}
.sl-checkout-help__text strong{font-size:15px;color:var(--prim)}
.sl-checkout-help__text span{font-size:13px;color:var(--muted)}
.sl-checkout-help__actions{display:flex;gap:8px}
.sl-checkout-help__btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;
  font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;
}
.sl-checkout-help__btn:hover{transform:translateY(-1px)}
.sl-checkout-help__btn--phone{background:var(--prim);color:#fff}
.sl-checkout-help__btn--phone:hover{background:#0a1d3d;color:#fff}
.sl-checkout-help__btn--wa{background:#25d366;color:#fff}
.sl-checkout-help__btn--wa:hover{background:#1fb855;color:#fff}

/* ===== Mailchimp / Marketing opt-in ===== */
.woocommerce-checkout p.mailchimp-newsletter{
  background:#f8fbff;border:1px solid var(--br);border-radius:18px;padding:14px 16px;margin:18px 0 0;
}
.woocommerce-checkout p.mailchimp-newsletter label{
  display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--prim);cursor:pointer;margin:0;
}
.woocommerce-checkout p.mailchimp-newsletter input[type="checkbox"]{accent-color:var(--acc);width:18px;height:18px;flex-shrink:0}
.sl-checkout-marketing{margin:22px 0;padding:16px;border:1px solid var(--br);border-radius:18px;background:#f8fbff}
.sl-checkout-marketing .woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f2a56}
.sl-checkout-marketing__hint{margin:8px 0 0;font-size:.9rem;color:#4c5c74}

/* ===== Terms & conditions ===== */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  background:#f8fbff;border:1px solid var(--br);border-radius:18px;padding:16px 18px;margin:16px 0;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label{
  display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--prim);cursor:pointer;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{color:var(--acc);font-weight:600}

/* ===== Account / Ship to different ===== */
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout #ship-to-different-address{margin-top:12px}
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout .woocommerce-account-fields label.woocommerce-form__label{font-size:14px;font-weight:600;color:var(--prim);cursor:pointer}
.woocommerce-checkout #ship-to-different-address input[type="checkbox"],
.woocommerce-checkout .woocommerce-account-fields input[type="checkbox"]{accent-color:var(--acc);width:18px;height:18px;margin-inline-end:6px;vertical-align:middle}

/* ===== No payment methods notice ===== */
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info,
.woocommerce-checkout #payment .woocommerce-info{
  background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:16px 20px;
  color:#9a3412;font-size:14px;font-weight:500;line-height:1.6;width:100%;box-sizing:border-box;
}

/* ===== Privacy policy ===== */
.woocommerce-checkout .woocommerce-privacy-policy-text p{font-size:13px;color:var(--muted);line-height:1.5}
.woocommerce-checkout .woocommerce-privacy-policy-text a{color:var(--acc);font-weight:600}

/* ===== Trust section ===== */
.sl-checkout-trust{
  margin:20px 0 0;padding:16px;border:1px solid var(--br);border-radius:20px;
  display:flex;flex-direction:column;gap:10px;background:#f8fbff;
}
.sl-checkout-trust article{
  padding:12px 14px;border-radius:14px;background:#fff;
  box-shadow:0 4px 14px rgba(15,42,86,.06);display:flex;align-items:center;gap:10px;text-align:right;
}
.sl-checkout-trust strong{display:block;margin-bottom:2px;color:var(--prim);font-size:.9rem}
.sl-checkout-trust p{margin:0;font-size:.82rem;color:#4a566d;line-height:1.35}
.sl-checkout-trust svg{flex-shrink:0}

/* ===== Thank You page ===== */
body.woocommerce-order-received .cart-container.page-checkout{padding-bottom:32px}
body.woocommerce-order-received .woocommerce-order{display:grid;gap:22px}
/* Flatsome still renders a two-column thankyou layout for verified guests. Flatten it so the hero stays primary. */
body.woocommerce-order-received .woocommerce-order.row{
  grid-template-columns:minmax(0,1fr);
  margin:0;
}
body.woocommerce-order-received .woocommerce-order.row > .large-5.col,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  margin:0;
  padding:0!important;
}
body.woocommerce-order-received .woocommerce-order.row > .large-5.col{order:1}
body.woocommerce-order-received .woocommerce-order.row > .large-7.col{
  order:2;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}
body.woocommerce-order-received .woocommerce-order.row > .large-7.col > *{
  width:100%;
  justify-self:stretch;
}
body.woocommerce-order-received .woocommerce-order.row > .large-5.col .is-well.col-inner.entry-content{
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
body.woocommerce-order-received .woocommerce-order.row > .large-5.col .clear{display:none}
.sl-thankyou-layout__hero,
.sl-thankyou-layout__content{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}
.sl-thankyou-layout__hero > *,
.sl-thankyou-layout__content > *{
  width:100%;
  justify-self:stretch;
}
.sl-thankyou-layout__failed{max-width:980px;margin:0 auto}
.sl-order-received-hero{position:relative;overflow:hidden;margin:0 0 24px;padding:32px;border-radius:34px;background:
  radial-gradient(circle at top right,rgba(43,108,176,.16),transparent 32%),
  radial-gradient(circle at bottom left,rgba(72,187,120,.16),transparent 30%),
  linear-gradient(135deg,#ffffff 0%,#f4f9ff 58%,#eefbf6 100%);
  border:1px solid rgba(15,42,86,.12);box-shadow:0 28px 60px rgba(15,42,86,.12)}
.sl-order-received-hero__inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);gap:24px;align-items:start}
.sl-order-received-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(15,42,86,.07);color:#0f2a56;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sl-order-received-hero__mark{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin:18px 0 14px;border-radius:24px;background:linear-gradient(135deg,#2fbf8f,#1f7a5a);color:#fff;box-shadow:0 18px 32px rgba(31,122,90,.24)}
.sl-order-received-hero__mark svg{width:34px;height:34px}
.sl-order-received-hero__title{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.02;color:#0f2a56}
.sl-order-received-hero__message{margin:0 0 12px!important;padding:0!important;background:transparent!important;border:none!important;color:#1f7a5a;font-size:1rem;font-weight:800}
.sl-order-received-hero__lead{margin:0;max-width:52rem;color:#314563;font-size:1.05rem;line-height:1.8}
.sl-order-received-hero__chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:18px 0 0;padding:0}
.sl-order-received-hero__chips li{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(15,42,86,.1);color:#1e3656;font-size:.93rem;font-weight:600;box-shadow:0 10px 22px rgba(15,42,86,.06)}
.sl-order-received-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sl-order-received-hero__aside{padding:24px 24px 22px;border-radius:28px;background:linear-gradient(145deg,#0f2a56,#163a72);color:#fff;box-shadow:0 22px 44px rgba(15,42,86,.22)}
.sl-order-received-hero__eyebrow{margin:0 0 8px;color:#b7cbef;font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sl-order-received-hero__aside-title{margin:0;font-size:1.45rem;line-height:1.2;color:#fff}
.sl-order-received-hero__steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.sl-order-received-hero__steps li{position:relative;padding-inline-start:30px;line-height:1.7;color:#e4eefb}
.sl-order-received-hero__steps li::before{content:"";position:absolute;inset-inline-start:0;top:.52em;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6ee7b7,#93c5fd);box-shadow:0 0 0 5px rgba(147,197,253,.12)}
.sl-order-received-hero__support{display:inline-flex;margin-top:18px;color:#cfe3ff;font-weight:600;text-decoration:none}
.sl-order-received-hero__support:hover{color:#fff}
body.woocommerce-order-received .woocommerce-order-overview{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
body.woocommerce-order-received .woocommerce-order-overview li{margin:0;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(15,42,86,.1);box-shadow:0 16px 32px rgba(15,42,86,.08);color:#5b6d86;font-size:.92rem}
body.woocommerce-order-received .woocommerce-order-overview li strong{display:block;margin-top:8px;color:#0f2a56;font-size:1rem;font-weight:800}
body.woocommerce-order-received .woocommerce-info.message-wrapper{margin:0 auto 18px;padding:0;border:none;background:transparent;max-width:980px}
body.woocommerce-order-received .woocommerce-info.message-wrapper .message-container{padding:16px 20px;border-radius:22px;background:#f5f9ff;border:1px solid #d7e5f5;color:#1d4f84;box-shadow:0 14px 30px rgba(15,42,86,.06)}
.sl-thankyou-layout__content .woocommerce-order-details,
.sl-thankyou-layout__content .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-customer-details{width:100%;max-width:980px;margin:0 auto;padding:26px 28px;border-radius:30px;background:#fff;border:1px solid rgba(15,42,86,.1);box-shadow:0 24px 50px rgba(15,42,86,.08)}
.sl-thankyou-layout__content .woocommerce-order-details__title,
.sl-thankyou-layout__content .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-column__title{margin:0 0 18px;color:#0f2a56;font-size:1.55rem}
.sl-thankyou-layout__content .woocommerce-table--order-details,
.sl-thankyou-layout__content .woocommerce-table--order-details th,
.sl-thankyou-layout__content .woocommerce-table--order-details td,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-table--order-details,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-table--order-details td{border-color:#e2e8f0}
.sl-thankyou-layout__content .woocommerce-table--order-details,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .woocommerce-table--order-details,
.sl-thankyou-layout__content address,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col address{width:100%;max-width:none}
.sl-thankyou-layout__content address,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col address{margin:0;color:#44566f;line-height:1.9;font-style:normal}
.sl-thankyou-layout__content .shopline-payment-instructions,
body.woocommerce-order-received .woocommerce-order.row > .large-7.col .shopline-payment-instructions{max-width:980px;margin:0 auto;padding:18px 22px;border-radius:22px;background:#eef6ff;border:1px solid #bfd4f6;color:#1a4c84;font-weight:600}
.sl-order-received-flow,
body.woocommerce-order-received .woocommerce-form-login.login,
.sl-thankyou-summary{width:100%;max-width:980px;margin:0 auto 22px}
.sl-order-received-flow,
body.woocommerce-order-received .woocommerce-form-login.login,
.sl-thankyou-summary{padding:28px;border-radius:30px;background:#fff;border:1px solid rgba(15,42,86,.1);box-shadow:0 24px 50px rgba(15,42,86,.1)}
.sl-order-received-flow__head{margin-bottom:18px}
.sl-order-received-flow__eyebrow,
.sl-thankyou-summary__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;color:#7f92ad;font-size:.82rem;font-weight:700}
.sl-order-received-flow__head h2,
.sl-thankyou-summary__head h2{margin:8px 0 6px;font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.15;color:#0f2a56}
.sl-order-received-flow__head p,
.sl-thankyou-summary__head p{margin:0;color:#5b6d86;line-height:1.7}
.sl-order-received-form__alt{margin:0 0 14px;color:#4d627d}
.sl-order-received-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.sl-order-received-form__submit{margin:0}
.sl-order-received-form .input-text,
body.woocommerce-order-received .woocommerce-form-login.login .input-text{height:54px;border-radius:16px;border:1px solid #cbd5e1;background:#f8fbff;box-shadow:none}
.sl-order-received-form .button,
body.woocommerce-order-received .woocommerce-form-login.login .button{min-height:54px;padding:0 24px;border:none;background:linear-gradient(135deg,#2B6CB0,#0F2A56);color:#fff;box-shadow:0 18px 34px rgba(15,42,86,.18)}
body.woocommerce-order-received .woocommerce-form-login.login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:hidden}
body.woocommerce-order-received .woocommerce-form-login.login .form-row-first{grid-column:1;margin:0;float:none;width:auto}
body.woocommerce-order-received .woocommerce-form-login.login .form-row-last{grid-column:2;margin:0;float:none;width:auto}
body.woocommerce-order-received .woocommerce-form-login.login .form-row:not(.form-row-first):not(.form-row-last){grid-column:1 / -1;margin:0;float:none;width:auto}
body.woocommerce-order-received .woocommerce-form-login.login .form-row:not(.form-row-first):not(.form-row-last){display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.woocommerce-order-received .woocommerce-form-login.login .lost_password{grid-column:1 / -1;margin:0}
body.woocommerce-order-received .woocommerce-form-login.login .clear{display:none}
body.woocommerce-order-received .woocommerce-form-login.login .secure-passkey-login-woocommerce-wrapper{grid-column:1 / -1}
body.woocommerce-order-received .woocommerce-form-login.login #login-via-passkey{width:100%}
.sl-thankyou-summary{background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}
.sl-thankyou-summary__head{margin-bottom:18px}
.sl-thankyou-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 18px}
.sl-thankyou-grid article{border:1px solid var(--br);border-radius:22px;background:#f8fbff;padding:18px;box-shadow:0 12px 28px rgba(15,42,86,.08)}
.sl-thankyou-grid ul{margin:12px 0 0;padding-inline-start:18px;color:#1f2f48;font-size:.95rem;line-height:1.8}
.sl-thankyou-summary__contacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.sl-thankyou-summary__contacts a{border-radius:999px;padding:8px 14px;text-decoration:none;border:1px solid #0f2a56;color:#0f2a56;font-weight:700}
.sl-thankyou-summary__contacts a:hover{background:#0f2a56;color:#fff}
.sl-thankyou-summary__actions{display:flex;flex-wrap:wrap;gap:12px}

/* ===== Minimal review table ===== */
.sl-checkout-minimal-table{border:none!important;margin:0!important}
.sl-checkout-minimal-table thead,.sl-checkout-minimal-table tbody{display:none!important}
.sl-checkout-minimal-table tfoot tr.order-total th,
.sl-checkout-minimal-table tfoot tr.order-total td{font-size:1.25em;font-weight:700;color:var(--prim);padding:16px 0 8px;border:none}

/* ===== Prominent order total ===== */
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td{
  font-size:1.8em!important;font-weight:800!important;color:var(--prim)!important;
  padding-top:20px!important;border-top:3px solid var(--prim)!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th{
  padding-top:20px!important;border-top:3px solid var(--prim)!important;
  font-size:1.1em!important;font-weight:700!important;
}

/* ===== Hide duplicates from cart ===== */
.woocommerce-checkout #order_review_heading{display:none!important}
.woocommerce-checkout .woocommerce-shipping-totals,
.woocommerce-checkout #shipping_method,
.woocommerce-checkout .shipping__list,
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal{display:none!important}
.woocommerce-checkout .shipping__inner,
.woocommerce-checkout .shipping__table--multiple{display:none!important}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item{display:none!important}

/* ===== Hide help & trust (minimal checkout) ===== */
.woocommerce-checkout .sl-checkout-help,
.woocommerce-checkout .sl-checkout-trust{display:none!important}

/* ===== Validation states ===== */
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{
  border-color:#22a563;
}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text{
  border-color:#e53e3e;
  box-shadow:0 0 0 3px rgba(229,62,62,.12);
  animation:sl-shake .4s ease;
}
@keyframes sl-shake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}

/* ===== Fade-in animation ===== */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-checkout-review-order{
  animation:sl-fadeUp .5s ease-out both;
}
.woocommerce-checkout .woocommerce-checkout-review-order{
  animation-delay:.1s;
}
@keyframes sl-fadeUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* ===== Mobile ===== */
@media(max-width:849px){
  .woocommerce-checkout #place_order{
    position:fixed!important;bottom:0!important;left:0;right:0;z-index:9999;
    border-radius:0!important;padding:18px 24px;font-size:17px;margin:0!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.15);
  }
  .woocommerce-checkout form.checkout{padding-bottom:80px}
  .sl-checkout-header{padding:12px 16px}
  .sl-checkout-header__logo img{height:58px}
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout .checkout-sidebar,
  .woocommerce-checkout .woocommerce-checkout-review-order{border-radius:18px;padding:18px}
  .sl-checkout-help{flex-direction:column;text-align:center}
  .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals{
    border-top:1px solid var(--br);padding-top:8px;margin-top:4px;
  }
  .sl-secure-badge{flex-direction:column;text-align:center;align-items:center}
  .sl-section-header svg{padding:6px;width:32px;height:32px}
}

@media(max-width:375px){
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout .woocommerce-checkout-review-order{padding:14px;border-radius:14px}
  .woocommerce-checkout .form-row input.input-text{padding:12px 12px 12px 38px;font-size:14px}
  .sl-section-header span{font-size:1rem}
  .sl-checkout-header__back span{display:none}
  .sl-checkout-header__logo img{height:54px}
}

@media(max-width:640px){
  .sl-order-received-hero{padding:22px}
  .sl-order-received-hero__inner{grid-template-columns:1fr}
  .sl-order-received-hero__aside{padding:20px}
  .sl-order-received-hero__actions .sl-btn,
  .sl-thankyou-summary__actions .sl-btn{width:100%}
  .sl-order-received-form__row{grid-template-columns:1fr}
  body.woocommerce-order-received .woocommerce-form-login.login{grid-template-columns:1fr}
  body.woocommerce-order-received .woocommerce-form-login.login .form-row-first,
  body.woocommerce-order-received .woocommerce-form-login.login .form-row-last{grid-column:1}
  .sl-thankyou-grid{grid-template-columns:1fr}
}

/* ===== Item count + shipping summary rows ===== */
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-items-count,
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-shipping-summary{
  display:table-row!important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-items-count th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-items-count td,
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-shipping-summary th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .sl-shipping-summary td{
  padding:10px 0;border-bottom:1px solid var(--br);font-size:14px;color:var(--muted);font-weight:500;
}
/* ===== Cart Page Mobile Overhaul (Feb 2026) ===== */

/* --- Cart page: full-width layout on mobile --- */
@media(max-width:849px){
  /* Hide the off-canvas sidebar/filter on cart & checkout */
  body.woocommerce-cart .off-canvas-left,
  body.woocommerce-cart .off-canvas-right,
  body.woocommerce-cart .mfp-wrap,
  body.woocommerce-cart .mfp-bg,
  body.woocommerce-cart #shop-sidebar,
  body.woocommerce-cart .shop-sidebar,
  body.woocommerce-cart .sidebar-menu,
  body.woocommerce-cart .category-filtering,
  body.woocommerce-cart .off-canvas-container{display:none!important}
  body.woocommerce-cart.off-canvas-active{overflow:auto!important}
  body.woocommerce-cart.off-canvas-active .main-content,
  body.woocommerce-cart.off-canvas-active #main{transform:none!important;width:100%!important}

  /* Make the cart use full width */
  body.woocommerce-cart .shopline-cart{
    display:flex!important;flex-direction:column!important;
    padding:0 12px!important;gap:16px!important;
  }
  body.woocommerce-cart .shopline-cart__form{width:100%!important}
  body.woocommerce-cart .shopline-cart__summary{
    width:100%!important;margin:0!important;
  }

  /* Progress bar compact on mobile */
  body.woocommerce-cart .sl-cart-progress{padding:0 8px;margin-bottom:12px}
  body.woocommerce-cart .sl-cart-progress li{font-size:11px}
  body.woocommerce-cart .sl-cart-progress__icon{width:32px;height:32px}
  body.woocommerce-cart .sl-cart-progress__icon svg{width:16px;height:16px}

  /* Timer - less aggressive, more subtle */
  body.woocommerce-cart .sl-cart-timer{
    display:none!important; /* Hide fake countdown */
  }

  /* Cart item cards - bigger images, bigger buttons */
  body.woocommerce-cart .woocommerce-cart-form__cart-item{
    display:grid!important;
    grid-template-columns:90px 1fr!important;
    grid-template-rows:auto auto!important;
    gap:8px 12px!important;
    padding:16px 12px!important;
    border-bottom:1px solid #e2e8f0;
    align-items:start!important;
  }

  /* Product thumbnail - bigger */
  body.woocommerce-cart .product-thumbnail{
    grid-row:1/3;
    width:90px!important;height:auto!important;
  }
  body.woocommerce-cart .product-thumbnail img{
    width:90px!important;height:90px!important;
    object-fit:cover;border-radius:12px;
  }

  /* Product name */
  body.woocommerce-cart .product-name{
    font-size:15px!important;font-weight:600!important;
    line-height:1.3!important;
  }
  body.woocommerce-cart .product-name a{color:#0f2a56;text-decoration:none}

  /* Hide desktop-only columns */
  body.woocommerce-cart .shopline-cart__head-tags,
  body.woocommerce-cart .shopline-cart__head-row,
  body.woocommerce-cart thead.shopline-cart__head-row{display:none!important}
  
  /* Price display */
  body.woocommerce-cart .product-price{
    font-size:16px!important;font-weight:700!important;color:#0f2a56!important;
  }

  /* Quantity controls - BIGGER */
  body.woocommerce-cart .product-quantity .quantity{
    display:flex!important;align-items:center!important;
    gap:0!important;
    border:2px solid #e2e8f0;border-radius:12px;
    overflow:hidden;width:fit-content;
  }
  body.woocommerce-cart .product-quantity .quantity input.qty{
    width:48px!important;height:44px!important;
    text-align:center!important;font-size:16px!important;font-weight:700!important;
    border:none!important;background:#fff!important;
    -moz-appearance:textfield!important;
    padding:0!important;margin:0!important;
  }
  body.woocommerce-cart .product-quantity .quantity input.qty::-webkit-outer-spin-button,
  body.woocommerce-cart .product-quantity .quantity input.qty::-webkit-inner-spin-button{
    -webkit-appearance:none!important;margin:0!important;
  }
  body.woocommerce-cart .product-quantity .quantity .qty-btn,
  body.woocommerce-cart .product-quantity .quantity button,
  body.woocommerce-cart .product-quantity .quantity .minus,
  body.woocommerce-cart .product-quantity .quantity .plus{
    width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:20px!important;font-weight:700!important;
    background:#f7f9fc!important;color:#0f2a56!important;
    border:none!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
    padding:0!important;margin:0!important;
    line-height:1!important;
  }
  body.woocommerce-cart .product-quantity .quantity .minus:active,
  body.woocommerce-cart .product-quantity .quantity .plus:active{
    background:#e2e8f0!important;
  }

  /* Remove button - bigger tap target */
  body.woocommerce-cart .product-remove{
    position:absolute!important;top:8px!important;left:8px!important;
    z-index:5!important;
  }
  body.woocommerce-cart .product-remove .remove{
    width:32px!important;height:32px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:18px!important;color:#94a3b8!important;
    background:#f1f5f9!important;border-radius:50%!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Subtotal */
  body.woocommerce-cart .product-subtotal{
    font-size:15px!important;font-weight:600!important;color:#0f2a56!important;
  }

  /* Cart summary card */
  body.woocommerce-cart .shopline-summary__card{
    border-radius:18px!important;padding:16px!important;
  }

  /* Coupon section */
  body.woocommerce-cart .shopline-cart__coupon{margin-bottom:12px}
  body.woocommerce-cart .sl-coupon-toggle{
    min-height:44px;font-size:15px;
    -webkit-tap-highlight-color:transparent;
  }

  /* Payment logos - cleaner row */
  body.woocommerce-cart .sl-payment-logos{
    display:flex!important;flex-wrap:wrap!important;
    justify-content:center!important;gap:8px!important;
    padding:12px 0!important;
  }
  body.woocommerce-cart .sl-payment-logos img{
    height:28px!important;width:auto!important;
  }

  /* Sticky bottom bar - IMPROVED */
  body.woocommerce-cart .sl-cart-mobile-bar{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    background:#fff!important;
    border-top:1px solid #e2e8f0!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.12)!important;
    padding:12px 16px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;
    safe-area-inset-bottom:env(safe-area-inset-bottom)!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__total{
    font-size:14px!important;color:#6b7c93!important;
    display:flex!important;flex-direction:column!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__total strong{
    font-size:20px!important;color:#0f2a56!important;font-weight:800!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__cta{
    background:linear-gradient(135deg,#0f2a56 0%,#1a3a6e 100%)!important;
    color:#fff!important;border:none!important;
    border-radius:14px!important;
    padding:14px 28px!important;
    font-size:16px!important;font-weight:700!important;
    white-space:nowrap!important;
    box-shadow:0 6px 20px rgba(15,42,86,.25)!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
    min-height:48px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }

  /* Add bottom padding to page for sticky bar */
  body.woocommerce-cart .shopline-cart{padding-bottom:90px!important}

  /* Cross-sells - horizontal scroll */
  body.woocommerce-cart .sl-cart-cross-sells__track{
    display:flex!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:12px!important;padding:8px 0!important;
  }
  body.woocommerce-cart .sl-cart-cross-sells__card{
    min-width:140px!important;max-width:160px!important;
    flex-shrink:0!important;scroll-snap-align:start!important;
  }
  body.woocommerce-cart .sl-cart-cross-sells__add{
    min-height:44px!important;font-size:14px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Support section - more compact */
  body.woocommerce-cart .shopline-cart__support{
    padding:14px!important;border-radius:14px!important;
    font-size:14px!important;
  }

  /* Hide footer in cart area */
  body.woocommerce-cart .shopline-cart__summary .footer-wrapper,
  body.woocommerce-cart .shopline-cart .footer-wrapper{display:none!important}

  /* Delivery cards - full width */
  body.woocommerce-cart .sl-cart-delivery__grid{
    display:flex!important;flex-direction:column!important;gap:10px!important;
  }
  body.woocommerce-cart .sl-cart-delivery__card{
    min-height:56px!important;
    padding:14px 16px!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Update cart button - full width */
  body.woocommerce-cart .shopline-cart__action-buttons .button{
    width:100%!important;min-height:48px!important;
    font-size:15px!important;
  }
}

/* ===== Checkout Mobile Enhancements ===== */
@media(max-width:849px){
  /* Sticky CTA with price */
  .woocommerce-checkout #place_order{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    border-radius:0!important;
    padding:16px 24px!important;
    padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;
    font-size:17px!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.15)!important;
  }

  /* Cookie consent - don't overlap CTA */
  body.woocommerce-checkout .cmplz-cookiebanner{
    bottom:70px!important;
  }

  /* Form fields - proper input types will be set via PHP */
  .woocommerce-checkout .form-row input.input-text{
    min-height:48px!important;
    font-size:16px!important; /* Prevents iOS zoom */
  }

  /* Persistent labels above fields */
  .woocommerce-checkout .form-row label{
    display:block!important;
    margin-bottom:6px!important;
    font-size:13px!important;
    font-weight:600!important;
    color:#0f2a56!important;
  }

  /* Hide the off-canvas sidebar/filter on checkout too */
  body.woocommerce-checkout .off-canvas-left,
  body.woocommerce-checkout .off-canvas-right,
  body.woocommerce-checkout .mfp-wrap,
  body.woocommerce-checkout .mfp-bg,
  body.woocommerce-checkout #shop-sidebar,
  body.woocommerce-checkout .shop-sidebar{display:none!important}
}

/* ===== Inline validation visual cues ===== */
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{
  border-color:#22a563!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322a563' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 14px center!important;
  background-size:16px!important;
}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text{
  border-color:#e53e3e!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2.5'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 14px center!important;
  background-size:16px!important;
}

/* ===== Replace emoji icons with SVG-based icons ===== */
.woocommerce-checkout .sl-icon-person .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-phone .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-email .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-city .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cline x1='8' y1='6' x2='8' y2='6.01'/%3E%3Cline x1='16' y1='6' x2='16' y2='6.01'/%3E%3Cline x1='12' y1='6' x2='12' y2='6.01'/%3E%3Cline x1='8' y1='10' x2='8' y2='10.01'/%3E%3Cline x1='16' y1='10' x2='16' y2='10.01'/%3E%3Cline x1='12' y1='10' x2='12' y2='10.01'/%3E%3Cline x1='8' y1='14' x2='8' y2='14.01'/%3E%3Cline x1='16' y1='14' x2='16' y2='14.01'/%3E%3Cline x1='12' y1='14' x2='12' y2='14.01'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-address .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-door .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-postcode .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 8h20'/%3E%3Cpath d='M6 12h.01'/%3E%3Cpath d='M10 12h.01'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}

/* Fix: add bottom padding so sticky CTA doesn't overlap payment logos */
@media(max-width:849px){
  .woocommerce-checkout #payment{
    padding-bottom:80px!important;
  }
}

/* ===== Checkout Mobile Compact Mode (Feb 2026) ===== */
@media (max-width: 849px) {
  /* Hide decorative/duplicate blocks above the form to reduce vertical bloat. */
  body.woocommerce-checkout .sl-checkout-mini-cart,
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .sl-form-progress {
    display: none !important;
  }

  /* Bring back checkout progress bar in compact mobile form. */
  body.woocommerce-checkout .sl-cart-progress {
    display: block !important;
    margin: 0 auto 10px !important;
    padding: 0 10px !important;
  }

  body.woocommerce-checkout .sl-cart-progress li {
    font-size: 11px !important;
    gap: 4px !important;
  }

  body.woocommerce-checkout .sl-cart-progress__icon {
    width: 30px !important;
    height: 30px !important;
  }

  body.woocommerce-checkout .sl-cart-progress__icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.woocommerce-checkout .sl-secure-badge__cards {
    justify-content: center;
    gap: 8px;
  }

  body.woocommerce-checkout .sl-secure-badge__cards img {
    width: 80px !important;
    height: auto !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-checkout .wc_payment_method label {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  body.woocommerce-checkout .wc_payment_method label img {
    max-height: 24px !important;
  }

  body.woocommerce-checkout .checkout.woocommerce-checkout {
    margin-top: 0 !important;
  }

  /* Tighten card spacing for faster scan and less scroll. */
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout .checkout-sidebar,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order {
    margin-top: 10px !important;
  }

  body.woocommerce-checkout #customer_details .form-row {
    margin-bottom: 10px !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 8px 0 !important;
  }

  /* Collapsible optional block (newsletter / account / notes). */
  body.woocommerce-checkout .sl-checkout-optional {
    margin-top: 12px;
    border: 1px solid var(--br);
    border-radius: 12px;
    background: #f8fbff;
    overflow: hidden;
  }

  body.woocommerce-checkout .sl-checkout-optional__toggle {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 12px 14px;
    background: transparent;
    color: var(--prim);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }

  body.woocommerce-checkout .sl-checkout-optional__chevron {
    transition: transform 0.2s ease;
  }

  body.woocommerce-checkout .sl-checkout-optional.is-open .sl-checkout-optional__chevron {
    transform: rotate(180deg);
  }

  body.woocommerce-checkout .sl-checkout-optional__panel {
    border-top: 1px solid var(--br);
    padding: 12px 14px;
  }

  body.woocommerce-checkout .sl-checkout-optional__panel p.mailchimp-newsletter {
    margin: 0 0 10px !important;
  }

  body.woocommerce-checkout .sl-checkout-optional__panel .woocommerce-account-fields {
    margin-top: 0 !important;
  }

  body.woocommerce-checkout.sl-checkout-compact-ready #order_comments_field,
  body.woocommerce-checkout .sl-checkout-optional__panel #order_comments_field {
    display: block !important;
    margin-top: 10px !important;
  }

  body.woocommerce-checkout.sl-checkout-compact-ready .sl-notes-toggle {
    display: none !important;
  }
}

/* ===== Checkout UX: compact top error notice ===== */
body.woocommerce-checkout.sl-checkout-ux-ready ul.woocommerce-error.sl-checkout-error-list--compact {
  display: none !important;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors {
  border: 1px solid #fecaca;
  background: #fff5f5;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 0 0 10px;
  color: #9f1239;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__text {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__toggle {
  border: 0;
  background: transparent;
  color: #be123c;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  text-decoration: underline;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__details {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__details li {
  position: relative;
  padding-inline-start: 12px;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #7f1d1d;
}

body.woocommerce-checkout.sl-checkout-ux-ready .sl-checkout-server-errors__details li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.63em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #dc2626;
}

/* ===== Payment logos: keep original assets (no fake cards/cropping) ===== */
body.woocommerce-checkout .sl-secure-badge__cards img {
  width: auto !important;
  height: 26px !important;
  max-width: none !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .wc_payment_method label img {
  width: auto !important;
  height: auto !important;
  max-height: 28px !important;
  max-width: 140px !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin-inline-start: 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (max-width: 849px) {
  body.woocommerce-checkout .sl-secure-badge__cards img {
    height: 24px !important;
    max-width: none !important;
  }

  body.woocommerce-checkout .wc_payment_method label img {
    max-height: 26px !important;
    max-width: 130px !important;
  }
}

/* Always show address_2 (apartment/floor) field */
#billing_address_2_field,
#shipping_address_2_field {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
#billing_address_2_field .optional-field-toggle,
#shipping_address_2_field .optional-field-toggle,
.woocommerce-checkout .address-field--toggle {
  display: none !important;
}