/* Maalibaba — WooCommerce pages CSS (checkout / my-account / single product)
   Extracted from inline <style> blocks; enqueued only on WC pages. */

/* ── from woocommerce/single-product.php ── */
.mbsp-breadcrumb{padding:10px 20px;font-size:12.5px;color:#8C8C87;background:#F4FBF5;border-bottom:1px solid #EDE7DE}
.mbsp-breadcrumb a{color:#2D5A3D;text-decoration:none}
.mbsp-wrap{max-width:1200px;margin:0 auto;padding:24px 20px 60px}
.mbsp-main{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px;align-items:start}
.mbsp-gallery{position:sticky;top:85px}
.mbsp-img-main{border-radius:16px;overflow:hidden;background:#F4FBF5;aspect-ratio:1/1;position:relative;margin-bottom:12px}
.mbsp-img-main img{width:100%;height:100%;object-fit:cover}
.mbsp-disc-badge{position:absolute;top:14px;left:14px;background:#D94040;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;z-index:2}
.mbsp-out-badge{position:absolute;top:14px;left:14px;background:#8C8C87;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;z-index:2}
.mbsp-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.mbsp-thumb{width:68px;height:68px;border-radius:10px;overflow:hidden;border:2px solid #EDE7DE;cursor:pointer;flex-shrink:0;transition:border-color .2s}
.mbsp-thumb.active,.mbsp-thumb:hover{border-color:#2D5A3D}
.mbsp-thumb img{width:100%;height:100%;object-fit:cover}
.mbsp-cat{font-size:11.5px;font-weight:700;color:#4A8C62;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.mbsp-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:700;color:#0F2318;line-height:1.2;margin-bottom:12px}
.mbsp-rating{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.mbsp-stars{color:#E8A020;font-size:15px;letter-spacing:1px}
.mbsp-rvc{font-size:12.5px;color:#8C8C87}
.mbsp-rvlink{font-size:12.5px;color:#2D5A3D;font-weight:600;text-decoration:none}
.mbsp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.mbsp-pnow{font-size:34px;font-weight:900;color:#0F2318}
.mbsp-pmrp{font-size:16px;color:#ABABAB;text-decoration:line-through}
.mbsp-poff{font-size:12.5px;font-weight:700;color:#fff;background:#D94040;padding:3px 10px;border-radius:100px}
.mbsp-save{display:inline-flex;align-items:center;gap:6px;background:#E8F5EC;color:#2D5A3D;font-size:13px;font-weight:700;padding:6px 14px;border-radius:8px;margin-bottom:14px}
.mbsp-short{font-size:14px;color:#4B4B47;line-height:1.8;border-left:3px solid #8FCA9D;padding-left:14px;margin-bottom:16px}
.mbsp-stock{font-size:13.5px;font-weight:700;margin-bottom:18px}
.mbsp-stock.in{color:#2D5A3D}.mbsp-stock.out{color:#D94040}
/* ATC */
.mbsp-atc-wrap{margin-bottom:14px}
.mbsp-atc-wrap form.cart{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important}
.mbsp-atc-wrap .quantity{display:flex !important;align-items:center !important;border:1.5px solid #E0E0E0 !important;border-radius:100px !important;overflow:hidden !important;height:52px !important;background:#fff !important}
.mbsp-atc-wrap input.qty{width:52px !important;height:52px !important;border:none !important;border-left:1px solid #E0E0E0 !important;border-right:1px solid #E0E0E0 !important;border-radius:0 !important;font-size:16px !important;font-weight:700 !important;text-align:center !important;outline:none !important;background:#fff !important;-moz-appearance:textfield !important}
.mbsp-atc-wrap input.qty::-webkit-inner-spin-button,.mbsp-atc-wrap input.qty::-webkit-outer-spin-button{-webkit-appearance:none !important}
.mbsp-atc-wrap .qty-minus,.mbsp-atc-wrap .qty-plus{width:46px !important;height:52px !important;background:#fff !important;border:none !important;font-size:26px !important;font-weight:300 !important;cursor:pointer !important;color:#0F2318 !important;display:flex !important;align-items:center !important;justify-content:center !important}
.mbsp-atc-wrap .qty-minus:hover,.mbsp-atc-wrap .qty-plus:hover{background:#F4FBF5 !important}
.mbsp-atc-wrap .single_add_to_cart_button{flex:1 !important;height:52px !important;border-radius:100px !important;background:linear-gradient(135deg,#1B3A27,#2D5A3D) !important;color:#fff !important;border:none !important;font-size:15px !important;font-weight:700 !important;cursor:pointer !important;font-family:inherit !important;box-shadow:0 4px 14px rgba(15,35,24,.25) !important;min-width:160px !important;transition:all .2s !important}
.mbsp-atc-wrap .single_add_to_cart_button:hover{background:#0F2318 !important;transform:translateY(-1px) !important}
.mbsp-wa{display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#fff;border-radius:100px;padding:13px;font-size:14px;font-weight:700;text-decoration:none;margin-bottom:14px;box-shadow:0 4px 14px rgba(37,211,102,.3);transition:all .2s}
.mbsp-wa:hover{background:#1da851;color:#fff;transform:translateY(-1px)}
.mbsp-guarantee{display:flex;align-items:center;gap:12px;background:#FFF8E1;border:1.5px solid #FFD54F;border-radius:12px;padding:13px 16px;font-size:13px;color:#5D4037;margin-bottom:12px}
.mbsp-guarantee strong{display:block;font-size:13.5px;font-weight:700;margin-bottom:2px}
.mbsp-offers{background:#F4FBF5;border:1.5px solid #C3E6CC;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.mbsp-offers-title{font-size:14px;font-weight:700;color:#0F2318;margin-bottom:8px}
.mbsp-offer-row{display:flex;align-items:center;font-size:13px;color:#4B4B47;padding:5px 0;border-bottom:1px solid #E8F5EC}
.mbsp-offer-row:last-child{border-bottom:none}
.mbsp-otag{background:#2D5A3D;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;margin-left:auto}
.mbsp-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#F4FBF5;border:1px solid #E8F5EC;border-radius:12px;padding:14px;margin-bottom:14px}
.mbsp-ti{display:flex;gap:10px;align-items:flex-start}
.mbsp-ti>span{font-size:20px;flex-shrink:0}
.mbsp-ti strong{font-size:12.5px;display:block;color:#0F2318}
.mbsp-ti small{font-size:11px;color:#8C8C87}
.mbsp-meta{font-size:12px;color:#8C8C87;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.mbsp-meta strong{color:#4B4B47}
.mbsp-share{display:flex;align-items:center;gap:10px;font-size:13px;color:#8C8C87}
.mbsp-share a{font-size:20px;text-decoration:none;transition:transform .2s}
.mbsp-share a:hover{transform:scale(1.2)}
/* Tabs */
.mbsp-tabs-wrap{margin-bottom:40px}
.mbsp-tabs{display:flex;border-bottom:2px solid #EDE7DE;overflow-x:auto}
.mbsp-tab{padding:12px 22px;font-size:14px;font-weight:600;color:#8C8C87;background:none;border:none;cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}
.mbsp-tab.active{color:#0F2318;border-bottom-color:#2D5A3D}
.mbsp-tb{display:none;padding:24px;background:#fff;border:1.5px solid #EDE7DE;border-top:none;border-radius:0 0 12px 12px;font-size:14px;color:#4B4B47;line-height:1.9}
.mbsp-tb.active{display:block}
.mbsp-desc h2,.mbsp-desc h3{font-family:'Cormorant Garamond',serif;color:#0F2318;margin:18px 0 8px}
.mbsp-desc ul,.mbsp-desc ol{padding-left:20px;margin-top:8px}
.mbsp-empty{color:#8C8C87;text-align:center;padding:20px}
/* Related */
.mbsp-related{margin-top:40px}
.mbsp-related h2{font-family:'Cormorant Garamond',serif;font-size:26px;color:#0F2318;margin-bottom:18px}
.mbsp-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
/* Mobile */
@media(max-width:768px){
  .mbsp-wrap{padding:0 0 80px}
  .mbsp-breadcrumb{padding:10px 14px}
  .mbsp-main{grid-template-columns:1fr;gap:0}
  .mbsp-gallery{position:static}
  .mbsp-img-main{border-radius:0;margin-bottom:0}
  .mbsp-thumbs{padding:10px 14px;overflow-x:auto;flex-wrap:nowrap}
  .mbsp-det{padding:14px}
  .mbsp-title{font-size:22px}
  .mbsp-pnow{font-size:28px}
  .mbsp-atc-wrap form.cart{display:grid !important;grid-template-columns:auto 1fr !important;gap:10px !important}
  .mbsp-atc-wrap .single_add_to_cart_button{min-width:unset !important;width:100% !important}
  .mbsp-rel-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mbsp-tab{padding:10px 14px;font-size:13px}
  .mbsp-tb{border-radius:0}
}

/* ── from woocommerce/myaccount/my-account.php ── */
/* ════════════════════════════════════════
   MY ACCOUNT PAGE — MAALIBABA PREMIUM
   ════════════════════════════════════════ */
.mb-account-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 20px 80px;
  font-family: 'Inter', -apple-system, sans-serif;
}

/* ── AUTH PAGE ── */
.mb-auth-page { max-width: 900px; margin: 0 auto; }
.mb-auth-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1.5px solid #EDE7DE;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.08);
}

/* Left branding */
.mb-auth-brand {
  background: linear-gradient(160deg, #0F2318 0%, #1B3A27 60%, #2D5A3D 100%);
  padding: 44px 36px;
  display: flex; flex-direction: column; justify-content: center;
}
.mb-auth-logo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 26px; font-weight: 700; color: #fff;
  margin-bottom: 24px;
}
.mb-auth-brand h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 32px; font-weight: 600; color: #fff;
  margin-bottom: 12px; line-height: 1.2;
}
.mb-auth-brand > p {
  font-size: 14px; color: #7AAD8A; line-height: 1.7; margin-bottom: 28px;
}
.mb-auth-features { display: flex; flex-direction: column; gap: 12px; }
.mb-auth-feat {
  display: flex; align-items: center; gap: 12px;
  font-size: 13.5px; color: #C3E6CC;
}
.mb-auth-feat span:first-child { font-size: 18px; }

/* Right forms */
.mb-auth-forms { background: #fff; padding: 40px 36px; }
.mb-auth-tabs {
  display: flex; gap: 0;
  background: #F4FBF5;
  border-radius: 10px; padding: 4px;
  margin-bottom: 24px;
}
.mb-auth-tab {
  flex: 1; padding: 10px;
  border: none; background: transparent;
  font-size: 14px; font-weight: 600; color: #8C8C87;
  border-radius: 8px; cursor: pointer;
  font-family: inherit; transition: all .2s;
}
.mb-auth-tab.active { background: #fff; color: #0F2318; box-shadow: 0 2px 8px rgba(0,0,0,.08); }

/* Form fields */
.mb-form-field { margin-bottom: 16px; }
.mb-form-field label {
  display: block; font-size: 13px; font-weight: 600;
  color: #4B4B47; margin-bottom: 6px;
}
.mb-form-field input {
  width: 100%; padding: 12px 14px;
  border: 1.5px solid #EDE7DE; border-radius: 10px;
  font-size: 14px; font-family: inherit;
  outline: none; transition: all .2s;
}
.mb-form-field input:focus { border-color: #4A8C62; box-shadow: 0 0 0 3px rgba(74,140,98,.1); }
.mb-password-wrap { position: relative; }
.mb-password-wrap input { padding-right: 44px; }
.mb-toggle-pw {
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  background: none; border: none; cursor: pointer; font-size: 16px;
}
.mb-form-row-inline {
  display: flex; align-items: center;
  justify-content: space-between; margin-bottom: 18px;
  font-size: 13px;
}
.mb-remember-label { display: flex; align-items: center; gap: 6px; cursor: pointer; color: #4B4B47; }
.mb-forgot-link { color: #2D5A3D; text-decoration: none; font-weight: 600; }
.mb-auth-submit {
  width: 100%; padding: 14px;
  background: linear-gradient(135deg, #1B3A27, #2D5A3D);
  color: #fff; border: none; border-radius: 10px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  font-family: inherit; transition: all .2s;
  box-shadow: 0 4px 14px rgba(15,35,24,.25);
}
.mb-auth-submit:hover { background: linear-gradient(135deg, #0F2318, #1B3A27); transform: translateY(-1px); }

/* ── DASHBOARD ── */
.mb-account-header {
  display: flex; align-items: center; gap: 16px;
  padding: 20px 24px;
  background: #0F2318; border-radius: 14px;
  margin-bottom: 24px;
}
.mb-account-avatar .mb-avatar-img {
  width: 60px; height: 60px;
  border-radius: 50%; border: 3px solid #4A8C62;
}
.mb-account-info h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px; font-weight: 600; color: #fff;
  margin: 0 0 4px;
}
.mb-account-info p { font-size: 13px; color: #6DB88A; margin: 0; }
.mb-logout-btn {
  margin-left: auto;
  padding: 8px 16px;
  background: rgba(255,255,255,.1);
  color: #fff; border-radius: 8px; font-size: 13px;
  font-weight: 600; text-decoration: none; transition: background .2s;
}
.mb-logout-btn:hover { background: rgba(255,255,255,.2); }

.mb-dashboard-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px; align-items: start;
}

/* Sidebar Nav */
.mb-account-nav {
  background: #fff; border: 1.5px solid #EDE7DE;
  border-radius: 14px; overflow: hidden;
  position: sticky; top: 90px;
}
.mb-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 18px;
  font-size: 13.5px; font-weight: 500; color: #4B4B47;
  text-decoration: none; transition: all .15s;
  border-bottom: 1px solid #F4FBF5;
  position: relative;
}
.mb-nav-item:last-child { border-bottom: none; }
.mb-nav-item:hover { background: #F4FBF5; color: #2D5A3D; }
.mb-nav-item.active {
  background: #F4FBF5; color: #0F2318;
  font-weight: 700; border-left: 3px solid #2D5A3D;
}
.mb-nav-icon { font-size: 16px; width: 20px; text-align: center; }
.mb-nav-badge {
  margin-left: auto; background: #2D5A3D; color: #fff;
  font-size: 10px; font-weight: 700;
  padding: 2px 7px; border-radius: 100px;
}

/* Content */
.mb-account-content { min-height: 300px; }
.mb-account-stats {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; margin-bottom: 20px;
}
.mb-acc-stat {
  background: #fff; border: 1.5px solid #EDE7DE;
  border-radius: 12px; padding: 18px;
  text-align: center;
}
.mb-acc-stat-num { font-size: 22px; font-weight: 800; color: #0F2318; margin-bottom: 4px; }
.mb-acc-stat-label { font-size: 12px; color: #8C8C87; font-weight: 500; }

.mb-acc-card {
  background: #fff; border: 1.5px solid #EDE7DE;
  border-radius: 14px; overflow: hidden; margin-bottom: 18px;
}
.mb-acc-card-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px;
  background: #F4FBF5; border-bottom: 1px solid #EDE7DE;
}
.mb-acc-card-head h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 18px; font-weight: 600; color: #0F2318; margin: 0;
}
.mb-acc-card-head a { font-size: 13px; color: #2D5A3D; font-weight: 600; text-decoration: none; }
.mb-acc-order-row {
  display: grid; grid-template-columns: 2fr 1fr 1fr auto;
  gap: 12px; align-items: center;
  padding: 12px 18px; border-bottom: 1px solid #F4FBF5;
  font-size: 13.5px;
}
.mb-acc-order-row:last-child { border-bottom: none; }
.mb-acc-order-date { font-size: 12px; color: #8C8C87; margin-left: 6px; }
.mb-acc-order-status {
  font-size: 11.5px; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
  background: #F4FBF5; color: #4B4B47;
}
.mbsc-status-completed { background: #E8F5EC !important; color: #2D5A3D !important; }
.mbsc-status-processing { background: #EFF6FF !important; color: #1D4ED8 !important; }
.mbsc-status-pending { background: #FEF3C7 !important; color: #B45309 !important; }
.mbsc-status-cancelled { background: #FEE2E2 !important; color: #991B1B !important; }
.mb-acc-order-total { font-weight: 800; color: #0F2318; }
.mb-acc-btn {
  padding: 6px 14px; background: #0F2318; color: #fff;
  border-radius: 6px; font-size: 12px; font-weight: 600;
  text-decoration: none; transition: background .15s;
}
.mb-acc-btn:hover { background: #2D5A3D; }

.mb-acc-quick-links {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 10px; margin-bottom: 20px;
}
.mb-acc-quick-btn {
  display: flex; align-items: center; justify-content: center;
  gap: 8px; padding: 14px;
  background: #fff; border: 1.5px solid #EDE7DE;
  border-radius: 10px; font-size: 13.5px; font-weight: 600;
  color: #4B4B47; text-decoration: none; transition: all .2s;
  text-align: center;
}
.mb-acc-quick-btn:hover { border-color: #4A8C62; color: #2D5A3D; background: #F4FBF5; }

/* WC Content Override */
.mb-account-content .woocommerce-MyAccount-content { float: none !important; width: 100% !important; }
.mb-account-content table.shop_table { border: 1.5px solid #EDE7DE !important; border-radius: 12px !important; overflow: hidden !important; }
.mb-account-content table.shop_table th { background: #F4FBF5 !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #4A8C62 !important; padding: 12px 16px !important; }
.mb-account-content table.shop_table td { padding: 12px 16px !important; border-bottom: 1px solid #F4FBF5 !important; font-size: 13.5px !important; }
.mb-account-content .woocommerce-address-fields h3 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 22px !important; color: #0F2318 !important; }
.mb-account-content input[type=text], .mb-account-content input[type=email], .mb-account-content input[type=tel], .mb-account-content input[type=password], .mb-account-content select {
  padding: 12px 14px !important; border: 1.5px solid #EDE7DE !important;
  border-radius: 10px !important; font-size: 14px !important;
  width: 100% !important; transition: border-color .2s !important;
}
.mb-account-content input:focus, .mb-account-content select:focus {
  border-color: #4A8C62 !important; outline: none !important;
}
.mb-account-content button[type=submit], .mb-account-content .button {
  background: #0F2318 !important; color: #fff !important;
  border-radius: 10px !important; padding: 12px 24px !important;
  font-size: 14px !important; font-weight: 700 !important;
  border: none !important; cursor: pointer !important;
  transition: background .2s !important;
}
.mb-account-content button[type=submit]:hover { background: #2D5A3D !important; }

/* Mobile */
@media (max-width: 768px) {
  .mb-account-page { padding: 16px 12px 80px; }
  .mb-auth-wrap { grid-template-columns: 1fr; }
  .mb-auth-brand { display: none; }
  .mb-auth-forms { padding: 24px 20px; }
  .mb-dashboard-layout { grid-template-columns: 1fr; }
  .mb-account-nav { position: static; display: flex; flex-wrap: wrap; }
  .mb-nav-item { width: 50%; border-right: 1px solid #F4FBF5; }
  .mb-account-stats { grid-template-columns: repeat(3, 1fr); }
  .mb-acc-order-row { grid-template-columns: 1fr auto; gap: 6px; }
  .mb-acc-order-row > div:nth-child(2) { display: none; }
  .mb-acc-quick-links { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 380px) {
  .mb-account-stats { grid-template-columns: 1fr 1fr; }
  .mb-acc-quick-links { grid-template-columns: 1fr; }
}

/* ── from woocommerce/checkout/form-checkout.php ── */
/* ════════════════════════════════════════
   CHECKOUT PAGE — MAALIBABA PREMIUM
   ════════════════════════════════════════ */
.mb-checkout-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 20px 80px;
  font-family: 'Inter', -apple-system, sans-serif;
}

/* Progress Bar */
.mb-checkout-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 36px;
  padding: 20px;
  background: #fff;
  border: 1.5px solid #EDE7DE;
  border-radius: 14px;
}
.mb-progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.mb-step-circle {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: #EDE7DE;
  color: #8C8C87;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700;
  transition: all .3s;
}
.mb-step-label {
  font-size: 12px; font-weight: 600;
  color: #8C8C87; white-space: nowrap;
}
.mb-progress-step.mb-step-done .mb-step-circle {
  background: #4A8C62; color: #fff;
}
.mb-progress-step.mb-step-active .mb-step-circle {
  background: #0F2318; color: #fff;
  box-shadow: 0 0 0 4px rgba(15,35,24,.15);
}
.mb-progress-step.mb-step-active .mb-step-label { color: #0F2318; font-weight: 700; }
.mb-progress-line {
  flex: 1; height: 2px; background: #EDE7DE;
  margin: 0 12px; margin-bottom: 22px;
  min-width: 40px;
}
.mb-progress-line.mb-line-active { background: #4A8C62; }

/* Layout */
.mb-checkout-layout {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 28px;
  align-items: start;
}

/* Sections */
.mb-checkout-section {
  background: #fff;
  border: 1.5px solid #EDE7DE;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
}
.mb-checkout-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #F4FBF5;
  border-bottom: 1.5px solid #EDE7DE;
}
.mb-checkout-section-head h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0F2318 !important;
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
}
.mb-section-num {
  width: 28px; height: 28px;
  background: #0F2318; color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; flex-shrink: 0;
}
.mb-checkout-section-body {
  padding: 20px;
}

/* Login notice */
.mb-checkout-login-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #F4FBF5;
  border: 1.5px solid #C3E6CC;
  border-radius: 10px;
  margin-bottom: 18px;
  font-size: 13.5px;
  color: #4B4B47;
}
.mb-login-link {
  color: #2D5A3D;
  font-weight: 700;
  text-decoration: none;
  margin-left: auto;
}

/* WC Form fields override */
.mb-checkout-section-body .form-row {
  margin-bottom: 14px !important;
}
.mb-checkout-section-body label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4B4B47 !important;
  margin-bottom: 5px !important;
  display: block !important;
}
.mb-checkout-section-body input[type=text],
.mb-checkout-section-body input[type=email],
.mb-checkout-section-body input[type=tel],
.mb-checkout-section-body input[type=number],
.mb-checkout-section-body select,
.mb-checkout-section-body textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid #EDE7DE !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s !important;
  background: #fff !important;
  color: #1A1A18 !important;
}
.mb-checkout-section-body input:focus,
.mb-checkout-section-body select:focus,
.mb-checkout-section-body textarea:focus {
  border-color: #4A8C62 !important;
  box-shadow: 0 0 0 3px rgba(74,140,98,.1) !important;
}

/* ORDER SUMMARY BOX */
.mb-order-summary-box {
  background: #fff;
  border: 1.5px solid #EDE7DE;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
  position: sticky;
  top: 90px;
}
.mb-order-summary-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: #0F2318;
  color: #fff;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 20px;
  font-weight: 700;
}
.mb-order-count {
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #6DB88A;
}

/* Order Items */
.mb-order-items { padding: 12px 16px; border-bottom: 1px solid #F4FBF5; }
.mb-order-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #F4FBF5;
}
.mb-order-item:last-child { border-bottom: none; }
.mb-order-item-img-wrap {
  position: relative; flex-shrink: 0;
}
.mb-order-item-img-wrap img {
  width: 52px; height: 52px;
  border-radius: 8px; object-fit: cover;
  background: #F4FBF5;
}
.mb-order-item-qty {
  position: absolute;
  top: -6px; right: -6px;
  background: #0F2318; color: #fff;
  width: 20px; height: 20px;
  border-radius: 50%;
  font-size: 10px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.mb-order-item-name {
  font-size: 13px; font-weight: 600;
  color: #1A1A18; flex: 1; line-height: 1.4;
}
.mb-order-item-price {
  font-size: 14px; font-weight: 700;
  color: #0F2318; white-space: nowrap;
}

/* Totals */
.mb-order-totals { padding: 14px 20px; border-bottom: 1px solid #EDE7DE; }
.mb-order-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  font-size: 14px;
  color: #4B4B47;
  border-bottom: 1px solid #F4FBF5;
}
.mb-order-total-row:last-child { border-bottom: none; }
.mb-discount-row { color: #2D5A3D; }
.mb-discount-val { font-weight: 700; }
.mb-free-ship {
  background: #E8F5EC; color: #2D5A3D;
  font-size: 11px; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
}
.mb-order-grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 0;
  font-size: 15px; font-weight: 700;
  color: #0F2318;
  border-top: 2px solid #E8F5EC;
  margin-top: 8px;
}
.mb-grand-total-price {
  font-size: 22px; font-weight: 800; color: #0F2318;
}

/* Coupon */
.mb-coupon-section { padding: 14px 20px; border-bottom: 1px solid #EDE7DE; }
.mb-coupon-toggle {
  font-size: 13px; font-weight: 600; color: #4A8C62;
  cursor: pointer; display: flex; justify-content: space-between;
}
.mb-coupon-box {
  display: none; margin-top: 12px;
  gap: 8px; flex-direction: row;
}
.mb-coupon-box.open { display: flex; }
.mb-coupon-box input {
  flex: 1; padding: 10px 14px;
  border: 1.5px solid #C3E6CC;
  border-radius: 8px; font-size: 14px; outline: none;
}
.mb-coupon-box input:focus { border-color: #4A8C62; }
.mb-coupon-box button {
  padding: 10px 18px;
  background: #0F2318; color: #fff;
  border: none; border-radius: 8px;
  font-size: 13px; font-weight: 700; cursor: pointer;
}

/* Payment Box */
.mb-payment-box {
  background: #fff;
  border: 1.5px solid #EDE7DE;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
}
.mb-payment-head {
  padding: 16px 20px;
  background: #F4FBF5;
  border-bottom: 1.5px solid #EDE7DE;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 20px; font-weight: 600; color: #0F2318;
}

/* WC Payment Methods Override */
.mb-payment-box #payment { background: transparent !important; border: none !important; }
.mb-payment-box #payment ul.payment_methods {
  border: none !important; padding: 12px 16px !important;
}
.mb-payment-box #payment ul.payment_methods li {
  padding: 12px 14px !important;
  border: 1.5px solid #EDE7DE !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  transition: all .2s !important;
}
.mb-payment-box #payment ul.payment_methods li:hover {
  border-color: #4A8C62 !important;
  background: #F4FBF5 !important;
}
.mb-payment-box #payment ul.payment_methods li input[type=radio]:checked + label {
  color: #0F2318 !important; font-weight: 700 !important;
}
.mb-payment-box #payment .payment_box {
  background: #F4FBF5 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 13.5px !important;
  margin: 8px 0 !important;
}
.mb-payment-box #payment .place-order {
  padding: 16px 20px !important;
  background: #F4FBF5 !important;
  border-top: 1px solid #EDE7DE !important;
}
#place_order {
  width: 100% !important;
  padding: 16px !important;
  background: linear-gradient(135deg, #1B3A27, #2D5A3D) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  letter-spacing: .02em !important;
  box-shadow: 0 4px 16px rgba(15,35,24,.25) !important;
  transition: all .2s !important;
}
#place_order:hover {
  background: linear-gradient(135deg, #0F2318, #1B3A27) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px rgba(15,35,24,.35) !important;
}

/* Trust Badges */
.mb-checkout-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.mb-trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 12px 6px;
  background: #fff;
  border: 1.5px solid #EDE7DE;
  border-radius: 10px;
  text-align: center;
}
.mb-trust-badge span:first-child { font-size: 20px; }
.mb-trust-badge span:last-child {
  font-size: 10.5px; font-weight: 600;
  color: #4A8C62; line-height: 1.3;
}

/* Mobile */
@media (max-width: 768px) {
  .mb-checkout-page { padding: 16px 12px 80px; }
  .mb-checkout-layout { grid-template-columns: 1fr; gap: 16px; }
  .mb-order-summary-box { position: static; order: -1; }
  .mb-checkout-progress { padding: 14px 10px; }
  .mb-progress-line { min-width: 20px; }
  .mb-step-label { font-size: 11px; }
  .mb-checkout-trust { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) {
  .mb-checkout-progress { gap: 4px; }
  .mb-step-circle { width: 32px; height: 32px; font-size: 12px; }
  .mb-trust-badge span:last-child { font-size: 10px; }
}


/* ── THANK-YOU PAGE (moved from mb_custom_thankyou_page() inline <style>, v3.0.2) ── */
.mb-ty-wrap{max-width:660px;margin:0 auto;padding:24px 16px 80px;font-family:"Inter",-apple-system,sans-serif}
.mb-ty-hero{text-align:center;padding:28px 16px 20px;margin-bottom:16px}
.mb-ty-check{font-size:60px;margin-bottom:12px}
.mb-ty-h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:700;color:#0F2318;margin-bottom:10px}
.mb-ty-msg{font-size:14px;color:#4B4B47;line-height:1.6}
.mb-ty-card{background:#fff;border:1.5px solid #EDE7DE;border-radius:14px;overflow:hidden;margin-bottom:14px}
.mb-ty-card-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0F2318;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;font-weight:700}
.mb-ty-badge{font-size:11px;background:#4A8C62;padding:4px 10px;border-radius:100px;font-family:"Inter",sans-serif;font-weight:600}
.mb-ty-meta{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 18px;gap:10px}
.mb-ty-meta-item{display:flex;flex-direction:column;gap:3px;border-right:1px solid #F4FBF5;padding-right:10px}
.mb-ty-meta-item:last-child{border-right:none}
.mb-ty-mlabel{font-size:10px;font-weight:600;color:#8C8C87;text-transform:uppercase;letter-spacing:.06em}
.mb-ty-mval{font-size:13px;font-weight:700;color:#0F2318}
.mb-ty-green{color:#2D5A3D!important;font-size:18px!important}
.mb-ty-cod{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#FEF3C7;border:1.5px solid #FCD34D;border-radius:12px;margin-bottom:14px}
.mb-ty-cod strong{display:block;font-size:13px;color:#92400E;margin-bottom:2px}
.mb-ty-cod p{font-size:12px;color:#B45309;margin:0}
.mb-ty-steps-card{background:#fff;border:1.5px solid #EDE7DE;border-radius:14px;overflow:hidden;margin-bottom:14px}
.mb-ty-steps-title{padding:12px 18px;background:#F4FBF5;border-bottom:1px solid #EDE7DE;font-size:14px;font-weight:700;color:#0F2318}
.mb-ty-steps{display:flex;align-items:center;padding:16px 18px;gap:0;overflow-x:auto}
.mb-ty-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:66px;text-align:center}
.mb-ty-dot{width:40px;height:40px;border-radius:50%;background:#F4FBF5;border:2px solid #EDE7DE;display:flex;align-items:center;justify-content:center;font-size:16px}
.mb-ty-done .mb-ty-dot{background:#E8F5EC;border-color:#4A8C62}
.mb-ty-step strong{font-size:11px;font-weight:700;color:#0F2318;display:block}
.mb-ty-step span{font-size:9.5px;color:#8C8C87}
.mb-ty-line{flex:1;height:2px;background:#EDE7DE;min-width:14px;margin-bottom:20px}
.mb-ty-items{background:#fff;border:1.5px solid #EDE7DE;border-radius:14px;overflow:hidden;margin-bottom:14px}
.mb-ty-items-title{padding:12px 18px;background:#F4FBF5;border-bottom:1px solid #EDE7DE;font-size:14px;font-weight:700;color:#0F2318}
.mb-ty-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #F4FBF5}
.mb-ty-item:last-of-type{border-bottom:none}
.mb-ty-img{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#F4FBF5;flex-shrink:0}
.mb-ty-item-name{font-size:13px;font-weight:600;color:#0F2318;margin-bottom:2px}
.mb-ty-item-qty{font-size:11px;color:#8C8C87}
.mb-ty-item-price{font-size:14px;font-weight:800;color:#0F2318;margin-left:auto;white-space:nowrap}
.mb-ty-totals{padding:12px 18px;border-top:2px solid #E8F5EC}
.mb-ty-trow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:#4B4B47;border-bottom:1px solid #F4FBF5}
.mb-ty-disc{color:#2D5A3D;font-weight:600}
.mb-ty-grand{font-size:15px;font-weight:800;color:#0F2318;border-top:2px solid #E8F5EC;border-bottom:none;padding-top:10px;margin-top:4px}
.mb-ty-free{background:#E8F5EC;color:#2D5A3D;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px}
.mb-ty-addr{background:#fff;border:1.5px solid #EDE7DE;border-radius:14px;overflow:hidden;margin-bottom:14px}
.mb-ty-addr-body{padding:14px 18px;font-size:13.5px;color:#4B4B47;line-height:1.8}
.mb-ty-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.mb-ty-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:linear-gradient(135deg,#1B3A27,#2D5A3D);color:#fff;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(15,35,24,.25)}
.mb-ty-btn-primary:hover{color:#fff;opacity:.92}
.mb-ty-btn-sec{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;background:#fff;color:#2D5A3D;border:1.5px solid #4A8C62;border-radius:12px;text-decoration:none;font-size:13.5px;font-weight:700}
.mb-ty-btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;background:#25D366;color:#fff;border-radius:12px;text-decoration:none;font-size:13.5px;font-weight:700}
.mb-ty-email-note{text-align:center;font-size:12.5px;color:#8C8C87;padding:12px;background:#F4FBF5;border-radius:10px}
@media(max-width:480px){.mb-ty-meta{grid-template-columns:repeat(2,1fr)}.mb-ty-meta-item{border-right:none;padding:0;border-bottom:1px solid #F4FBF5;padding-bottom:8px}.mb-ty-meta-item:nth-child(3),.mb-ty-meta-item:nth-child(4){border-bottom:none}}

/* ── RECENTLY VIEWED (v3.0.2) ── */
.mbsp-recent{margin-top:40px}
.mbsp-recent h2{font-family:'Cormorant Garamond',serif;font-size:26px;color:#0F2318;margin-bottom:18px}