/**
 * Theme Name:  Hello Elementor Child
 * Template:    hello-elementor
 * Author:      Govind Kewat
 * Version:     10.0.0
 */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');

/* ══════════════════════════════════════════════════
   TOKENS
══════════════════════════════════════════════════ */
:root {
  --grn:    #0a4d3c;
  --grn-h:  #0d6650;
  --grn-lt: #e8f5f0;
  --grn-br: #b8dec9;
  --grn-m:  #1a7c5a;
  --grn-g:  linear-gradient(90deg,#2e9d81 0%,#76b852 100%);
  --orn:    #ed8306;
  --orn-h:  #c96c09;
  --txt:    #1a1a1a;
  --sub:    #555;
  --muted:  #888;
  --bdr:    #e2e5e9;
  --white:  #fff;
  --ff-d:   'Barlow Condensed',sans-serif;
  --ff-b:   'Barlow',sans-serif;
  --r:      10px;
  --r-lg:   14px;
  --sh:     0 2px 20px rgba(0,0,0,.08);
}
*,*::before,*::after { box-sizing: border-box; }
body { font-family: var(--ff-b); color: var(--txt); }

/* ══════════════════════════════════════════════════
   HIDE WC DEFAULTS WE REPLACE
══════════════════════════════════════════════════ */
.single-product .summary .price { display:none !important; }
.single-product .stock          { display:none !important; }
.single-product .product_meta   { display:none !important; }

/* ══════════════════════════════════════════════════
   BREADCRUMB
══════════════════════════════════════════════════ */
.woocommerce-breadcrumb { font-size:13px; color:var(--muted); margin-bottom:20px !important; }
.woocommerce-breadcrumb a { color:var(--muted); text-decoration:none; }
.woocommerce-breadcrumb a:hover { color:var(--grn); }

/* ══════════════════════════════════════════════════
   GALLERY
══════════════════════════════════════════════════ */
.woocommerce-product-gallery__wrapper { border-radius:var(--r) !important; overflow:hidden !important; }
.flex-control-nav.flex-control-thumbs {
  display:flex !important; gap:10px !important;
  padding:12px 0 0 !important; margin:0 !important; list-style:none !important;
}
.flex-control-nav.flex-control-thumbs li { margin:0 !important; flex:0 0 calc(25% - 8px); }
.flex-control-nav.flex-control-thumbs li img {
  border-radius:8px !important; border:2.5px solid transparent !important;
  width:100% !important; height:72px !important; object-fit:cover !important;
  cursor:pointer !important; transition:border-color .18s !important; display:block;
}
.flex-control-nav.flex-control-thumbs li img.flex-active,
.flex-control-nav.flex-control-thumbs li img:hover { border-color:var(--grn) !important; }

/* ══════════════════════════════════════════════════
   PRODUCT TITLE
══════════════════════════════════════════════════ */
.single-product h1.product_title {
  font-family:var(--ff-d) !important; font-size:2rem !important;
  font-weight:800 !important; color:var(--txt) !important; margin:0 0 10px !important;
}

/* ══════════════════════════════════════════════════
   META ROW
══════════════════════════════════════════════════ */
.g72-meta-row {
  display:flex; flex-wrap:wrap; gap:2px 0;
  font-size:13px; color:var(--sub); margin-bottom:14px; line-height:1.7;
}
.g72-meta-row strong { color:var(--txt); font-weight:600; }
.g72-pipe { color:var(--bdr); margin:0 8px; }

/* ══════════════════════════════════════════════════
   AUCTION BOX CARD
══════════════════════════════════════════════════ */
.g72-auction-box {
  background:var(--white); border:1.5px solid var(--bdr);
  border-radius:var(--r-lg); padding:22px 24px 24px;
  box-shadow:var(--sh); margin-top:6px;
}

/* ══════════════════════════════════════════════════
   COUNTDOWN — dark green bar
══════════════════════════════════════════════════ */
.g72-countdown {
  background:var(--grn) !important; color:#fff !important;
  border-radius:var(--r) !important; padding:13px 20px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:10px !important; margin-bottom:18px !important; width:100% !important;
}
.g72-cd-label { font-size:14px; font-weight:500; color:rgba(255,255,255,.85); white-space:nowrap; }
.g72-cd-time  { font-family:var(--ff-d); font-size:1.4rem; font-weight:700; letter-spacing:1px; color:#fff; }

/* ══════════════════════════════════════════════════
   HIGHEST BIDDER NOTICE
══════════════════════════════════════════════════ */
.g72-highest-notice {
  display:flex; align-items:center; gap:8px;
  background:var(--grn-lt); border:1.5px solid var(--grn-br);
  border-radius:var(--r); color:var(--grn); font-size:14px; font-weight:600;
  padding:10px 16px; margin-bottom:14px;
}
.g72-check-icon {
  width:20px; height:20px; background:var(--grn-m); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:11px; font-weight:700; flex-shrink:0;
}

/* ══════════════════════════════════════════════════
   CURRENT BID
══════════════════════════════════════════════════ */
.g72-bid-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin-bottom:4px; }
.g72-current-bid { font-family:var(--ff-d); font-size:2.2rem; font-weight:800; color:var(--grn-m); line-height:1; margin-bottom:8px; }
.g72-current-bid .woocommerce-Price-amount { color:var(--grn-m) !important; }
.g72-bids-badge {
  display:inline-flex; align-items:center; background:var(--grn-lt); color:var(--grn);
  border:1px solid var(--grn-br); border-radius:20px; font-size:12px; font-weight:600;
  padding:3px 12px; margin-bottom:16px;
}

/* ══════════════════════════════════════════════════
   INFO GRID (Next Min / Increment)
══════════════════════════════════════════════════ */
.g72-bid-info-grid { border:1.5px solid var(--bdr); border-radius:var(--r); overflow:hidden; margin-bottom:18px; }
.g72-bid-info-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 16px; font-size:14px; border-bottom:1.5px solid var(--bdr);
}
.g72-bid-info-row:last-child { border-bottom:none; }
.g72-info-label { color:var(--sub); font-weight:500; }
.g72-info-value { font-family:var(--ff-d); font-size:1.1rem; font-weight:700; color:var(--txt); }

/* ══════════════════════════════════════════════════
   BID INPUT
══════════════════════════════════════════════════ */
.g72-bid-input {
  width:100% !important; padding:13px 16px !important;
  font-family:var(--ff-b) !important; font-size:1rem !important;
  border:1.5px solid var(--bdr) !important; border-radius:var(--r) !important;
  outline:none !important; color:var(--txt) !important; background:#fff !important;
  -moz-appearance:textfield !important; margin-bottom:12px !important; display:block !important;
}
.g72-bid-input::-webkit-inner-spin-button,
.g72-bid-input::-webkit-outer-spin-button { -webkit-appearance:none; }
.g72-bid-input::placeholder { color:var(--muted) !important; }
.g72-bid-input:focus { border-color:var(--grn) !important; box-shadow:0 0 0 3px rgba(10,77,60,.1) !important; }

/* ══════════════════════════════════════════════════
   QUICK BUTTONS
══════════════════════════════════════════════════ */
.g72-quick-btns { display:flex; gap:10px; margin-bottom:12px; }
.g72-qbtn {
  flex:1; padding:12px 6px; background:var(--grn); color:#fff;
  border:none; border-radius:var(--r); font-family:var(--ff-b); font-size:15px;
  font-weight:700; cursor:pointer; transition:background .15s;
}
.g72-qbtn:hover { background:var(--grn-h); }

/* ══════════════════════════════════════════════════
   PLACE BID BUTTON
══════════════════════════════════════════════════ */
.g72-place-bid-btn {
  display:block !important; width:100% !important; padding:15px 24px !important;
  background:var(--orn) !important; color:#fff !important; border:none !important;
  border-radius:var(--r) !important; font-family:var(--ff-b) !important;
  font-size:1rem !important; font-weight:700 !important; cursor:pointer !important;
  text-align:center !important; text-decoration:none !important;
  transition:background .15s !important; box-shadow:0 4px 14px rgba(237,131,6,.35) !important;
  margin-bottom:10px !important;
}
.g72-place-bid-btn:hover { background:var(--orn-h) !important; color:#fff !important; }
.g72-proxy-hint { font-size:12px; color:var(--muted); text-align:center; margin:0; line-height:1.5; }
.g72-login-btn { background:var(--grn) !important; box-shadow:none !important; }
.g72-auction-ended { text-align:center; padding:24px 16px; font-size:15px; font-weight:600; color:var(--muted); }
.g72-form-notice { padding:10px 14px; border-radius:8px; font-size:13px; margin-bottom:14px; border:1px solid; }
.g72-notice-error   { background:#fef2f2; border-color:#fecaca; color:#b91c1c; }
.g72-notice-success { background:var(--grn-lt); border-color:var(--grn-br); color:var(--grn); }

/* ══════════════════════════════════════════════════
   TABS
══════════════════════════════════════════════════ */
.woocommerce-tabs { margin-top:40px !important; }
.woocommerce-tabs .tabs {
  border-bottom:2px solid var(--bdr) !important; padding:0 !important;
  display:flex !important; gap:0 !important; margin:0 !important; list-style:none !important;
}
.woocommerce-tabs .tabs li { border:none !important; border-radius:0 !important; margin:0 !important; background:none !important; padding:0 !important; }
.woocommerce-tabs .tabs li a {
  display:block !important; padding:14px 24px !important; font-family:var(--ff-b) !important;
  font-size:15px !important; font-weight:500 !important; color:var(--sub) !important;
  text-decoration:none !important; border-bottom:3px solid transparent !important;
  margin-bottom:-2px !important; background:none !important;
  border-top:none !important; border-left:none !important; border-right:none !important;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li a:hover { color:var(--grn) !important; border-bottom-color:var(--grn) !important; font-weight:700 !important; background:none !important; }
.woocommerce-tabs .tabs li::before,.woocommerce-tabs .tabs li::after { display:none !important; }
.woocommerce-tabs .panel { padding:10px 0 1px 0!important; border:none !important; background:none !important; }

/* ══════════════════════════════════════════════════
   SPEC TABLE
══════════════════════════════════════════════════ */
.g72-spec-table { width:100%; border-collapse:collapse; font-size:14px; margin-bottom:24px; }
.g72-spec-table th,.g72-spec-table td { padding:12px 16px; border:1px solid var(--bdr); text-align:left; vertical-align:middle; }
.g72-spec-table th { width:35%; background:#f8f8f8; font-weight:600; color:var(--sub); }
.g72-spec-section { font-size:17px; font-weight:700; color:var(--txt); margin:28px 0 14px; }

/* ══════════════════════════════════════════════════
   BID HISTORY TAB
══════════════════════════════════════════════════ */
.g72-bh-note { font-size:14px; color:var(--sub); margin-bottom:16px; }
.g72-bh-header {
  display:flex; justify-content:space-between; align-items:center;
  background:#f8f8f8; border:1px solid var(--bdr); border-radius:var(--r);
  padding:14px 18px; margin-bottom:22px; flex-wrap:wrap; gap:10px;
}
.g72-bh-curbid { font-size:15px; font-weight:600; color:var(--txt); }
.g72-bh-curbid span { color:var(--grn); font-weight:700; }
.g72-bh-pill {
  background:var(--grn); color:#fff; border-radius:var(--r);
  padding:8px 16px; font-family:var(--ff-d); font-size:1rem; font-weight:700; letter-spacing:.5px;
}
.g72-bh-title { font-size:16px; font-weight:700; color:var(--txt); margin:0 0 14px; }
.g72-bh-table { width:100%; border-collapse:collapse; font-size:14px; }
.g72-bh-table th { background:var(--grn-lt); color:var(--grn); font-weight:700; padding:12px 16px; text-align:left; border:1px solid var(--bdr); }
.g72-bh-table td { padding:12px 16px; border-bottom:1px solid #f0f0f0; color:var(--sub); }
.g72-bh-table td:nth-child(2) { font-weight:700; color:var(--txt); }
table.yith_wcact_bid_list th { background:var(--grn-lt) !important; color:var(--grn) !important; padding:12px 16px !important; border:1px solid var(--bdr) !important; }
table.yith_wcact_bid_list td { padding:12px 16px !important; border-bottom:1px solid #f0f0f0 !important; }

/* ══════════════════════════════════════════════════
   SHIPPING CARDS
══════════════════════════════════════════════════ */
.g72-ship-card { border:1.5px solid var(--bdr); border-radius:var(--r-lg); padding:22px 24px; margin-bottom:16px; }
.g72-ship-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.g72-ship-icon { width:44px; height:44px; background:var(--grn-lt); border-radius:var(--r); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.g72-ship-head h3 { font-family:var(--ff-d) !important; font-size:1.15rem !important; font-weight:700 !important; margin:0 !important; }
.g72-ship-card p { font-size:14px; color:var(--sub); margin:0 0 10px; line-height:1.7; }
.g72-ship-card ul { padding-left:20px; margin:6px 0 0; list-style:disc; }
.g72-ship-card li { font-size:14px; color:var(--sub); margin-bottom:6px; line-height:1.6; }

/* ══════════════════════════════════════════════════
   RELATED AUCTIONS
══════════════════════════════════════════════════ */
.g72-related { margin:48px 0 60px; }
.g72-related-title { font-family:var(--ff-d) !important; font-size:1.6rem !important; font-weight:800 !important; color:var(--txt) !important; margin-bottom:20px !important; }
.g72-related-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.g72-rel-card { background:#fff; border:1.5px solid var(--bdr); border-radius:var(--r-lg); overflow:hidden; position:relative; transition:box-shadow .2s,transform .2s; }
.g72-rel-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.1); transform:translateY(-3px); }
.g72-rel-img-wrap { display:block; aspect-ratio:1; overflow:hidden; background:#f5f5f5; position:relative; }
.g72-rel-img { width:100%; height:100%; object-fit:cover; display:block; }
.g72-rel-timer { position:absolute; bottom:8px; left:8px; background:rgba(10,77,60,.85); color:#fff; font-size:11px; font-weight:700; padding:3px 8px; border-radius:5px; z-index:2; }
.g72-wish-btn { position:absolute; top:8px; right:8px; z-index:3; background:rgba(255,255,255,.9); border:none; border-radius:50%; width:30px; height:30px; display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; padding:0; }
.g72-rel-body { padding:12px 14px 14px; }
.g72-rel-name { display:block; font-size:12.5px; font-weight:600; color:var(--txt); text-decoration:none; line-height:1.35; margin-bottom:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.g72-rel-name:hover { color:var(--grn); }
.g72-rel-openbid { font-size:12px; color:var(--sub); margin-bottom:3px; }
.g72-rel-openbid strong { color:var(--txt); }
.g72-rel-status { font-size:12px; color:var(--sub); margin-bottom:2px; }
.g72-rel-status-val { color:var(--orn); font-weight:600; }
.g72-rel-bids { font-size:12px; color:var(--sub); margin-bottom:9px; }
.g72-rel-bid-btn { display:block; width:100%; padding:9px; background:var(--orn); color:#fff; border-radius:6px; font-size:12.5px; font-weight:700; text-align:center; text-decoration:none; margin-bottom:6px; transition:background .15s; }
.g72-rel-bid-btn:hover { background:var(--orn-h); color:#fff; }
.g72-rel-reserve { display:block; text-align:center; border:1.5px solid var(--grn); color:var(--grn); border-radius:6px; font-size:11.5px; font-weight:700; padding:4px 10px; }

/* ══════════════════════════════════════════════════
   MODAL OVERLAY (shared)
══════════════════════════════════════════════════ */
.g72-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:999999;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.g72-modal {
  background:#fff; border-radius:18px; width:100%; max-width:560px;
  box-shadow:0 24px 64px rgba(0,0,0,.3); max-height:92vh; overflow-y:auto;
}
/* Figma: light green header */
.g72-modal-head {
    background: var(--grn-lt);
    padding: 20px 26px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    border-bottom: 1px solid var(--grn-br);
    position: relative;
    top: 0;
    z-index: 2;
}
.g72-modal-head h2 {
  font-family:var(--ff-b) !important; font-size:1.2rem !important; font-weight:700 !important;
  margin:0 !important; color:var(--txt) !important;
}
.g72-modal-x {
    background: none;
    border: none;
    position: relative;
    font-size: 24px;
    cursor: pointer;
    color: var(--sub);
    line-height: 1;
    padding: 0;
    transition: color .15s;
    max-width: 30px;
    left: 0px;
}

.g72-modal-x:hover { color:var(--txt); }
.g72-modal-body { padding:24px 26px; }

/* ══════════════════════════════════════════════════
   PAYMENT MODAL — Figma pixel-perfect (dummy form)
══════════════════════════════════════════════════ */
.g72-pay-modal { max-width:520px !important; }

/* Green notice */
.g72-pay-notice {
  font-size:14px; font-weight:600; color:var(--grn-m);
  text-align:center; margin:0 0 22px; line-height:1.4;
}
/* "Add Your Card Details" bold heading */
.g72-pay-heading {
  font-family:var(--ff-b); font-size:17px; font-weight:700;
  color:var(--txt); margin:0 0 20px;
}

/* Field wrapper */
.g72-field { margin-bottom:16px; position:relative; }
.g72-field label {
  display:block; font-size:14px; font-weight:500; color:var(--txt); margin-bottom:7px;
}

/* Card number row with logos */
.g72-card-row { position:relative; }
.g72-card-logos {
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:4px;
}
/* Card brand pills */
.g72-logo-visa  { font-size:11px; font-weight:900; color:#1a1f71; letter-spacing:.5px; font-family:sans-serif; }
.g72-logo-mc    { font-size:10px; font-weight:700; color:#eb001b; font-family:sans-serif; }
.g72-logo-amex  { font-size:10px; font-weight:700; color:#2e77bc; font-family:sans-serif; }

/* All text inputs */
.g72-input {
  width:100%; padding:13px 14px;
  border:1.5px solid var(--bdr); border-radius:var(--r);
  font-size:15px; font-family:var(--ff-b); outline:none;
  background:#fff; color:var(--txt); transition:border-color .2s;
  box-sizing:border-box;
}
.g72-input::placeholder { color:var(--muted); }
.g72-input:focus { border-color:var(--grn); box-shadow:0 0 0 3px rgba(10,77,60,.1); }
/* Card number has extra right padding for logos */
#g72-card-number { padding-right:100px; }

/* Error messages */
.g72-pay-err { display:block; font-size:12px; color:#b91c1c; margin-top:4px; min-height:16px; }

/* Expiry + CVV side by side */
.g72-field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.g72-field-row .g72-field { margin-bottom:0; }

/* Save card checkbox */
.g72-checkbox-row {
  display:flex; align-items:center; gap:10px; font-size:14px;
  color:var(--sub); cursor:pointer; margin-bottom:22px; line-height:1.4;
}
.g72-checkbox-row input[type="checkbox"] { width:18px; height:18px; cursor:pointer; accent-color:var(--grn); flex-shrink:0; }

/* Verify Payment Method button — Figma green gradient */
.g72-pay-btn {
  width:100%; padding:16px;
  background:var(--grn-g); color:#fff; border:none;
  border-radius:var(--r); font-family:var(--ff-b); font-size:16px; font-weight:700;
  cursor:pointer; margin-bottom:20px; display:block; transition:opacity .15s;
}
.g72-pay-btn:hover   { opacity:.9; }
.g72-pay-btn:disabled { opacity:.6; cursor:not-allowed; }

/* Legal disclaimer */
.g72-pay-disclaimer {
  display:flex; gap:10px; align-items:flex-start;
  background:var(--grn-lt); border-radius:var(--r);
  padding:14px 16px; font-size:13px; line-height:1.55;
  color:var(--sub); margin-bottom:18px;
}
.g72-pay-disclaimer p { margin:0; }
.g72-disc-icon {
  width:20px; height:20px; flex-shrink:0;
  background:var(--grn-m); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:12px; font-style:italic; font-weight:700;
}

/* Powered By stripe */
.g72-powered-by {
  text-align:center; font-size:14px; color:var(--muted);
  display:flex; align-items:center; justify-content:center; gap:5px;
}
.g72-stripe-logo {
  font-family:'Courier New',monospace; font-size:15px; font-weight:700;
  color:#6772e5; letter-spacing:.5px;
}

/* ══════════════════════════════════════════════════
   BID CONFIRM MODAL — Figma pixel-perfect
══════════════════════════════════════════════════ */
.g72-bc-modal { max-width:580px !important; }
.g72-bc-body  { padding:24px 28px !important; }

.g72-bc-product {
  display:flex; gap:18px; align-items:flex-start;
}
.g72-bc-img { width:110px; height:110px; border-radius:var(--r); overflow:hidden; flex-shrink:0; background:#f0f0f0; }
.g72-bc-img img { width:100%; height:100%; object-fit:cover; display:block; }
.g72-bc-name { font-size:16px; font-weight:700; color:var(--txt); line-height:1.4; padding-top:2px; }

.g72-bc-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:15px 0; border-bottom:1.5px solid #eee; font-size:15px;
}
.g72-bc-row:last-child { border-bottom:none; }
.g72-bc-row span  { color:var(--sub); font-weight:500; }
.g72-bc-row strong { font-family:var(--ff-d); font-size:1.25rem; font-weight:800; color:var(--grn); }

.g72-bc-note {
  font-size:13px; color:var(--sub); line-height:1.65;
  padding:16px 0 20px; border-top:1.5px solid #eee; margin:0;
}

/* Figma: green gradient "Confirm Bid" */
.g72-confirm-btn {
  width:100%; padding:16px; background:var(--grn-g); color:#fff;
  border:none; border-radius:var(--r); font-family:var(--ff-b);
  font-size:1rem; font-weight:700; cursor:pointer;
  margin-bottom:10px; display:block; transition:opacity .15s;
}
.g72-confirm-btn:hover    { opacity:.9; }
.g72-confirm-btn:disabled { opacity:.6; cursor:not-allowed; }

/* Figma: grey bg, orange-red text Cancel */
.g72-cancel-btn {
  width:100%; padding:14px; background:#f5f5f5; color:#e5470a;
  border:none; border-radius:var(--r); font-family:var(--ff-b);
  font-size:15px; font-weight:600; cursor:pointer; display:block; transition:background .15s;
}
.g72-cancel-btn:hover { background:#ebebeb; }

/* ══════════════════════════════════════════════════
   SUCCESS BANNER — Figma: Confrim_bid.png top green bar
══════════════════════════════════════════════════ */
.g72-success-banner {
  position:fixed; top:0; left:0; right:0; z-index:999998;
  background:var(--grn-lt); border-bottom:2px solid var(--grn-br);
  padding:14px 32px;
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:16px; box-shadow:0 4px 20px rgba(0,0,0,.1);
}
.g72-sb-inner { display:flex; gap:12px; align-items:flex-start; }
.g72-sb-icon {
  width:28px; height:28px; background:var(--grn-m); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:14px; font-weight:700; flex-shrink:0; margin-top:2px;
}
.g72-sb-inner > div { display:flex; flex-direction:column; gap:2px; }
.g72-sb-inner strong { font-size:15px; font-weight:700; color:var(--txt); }
.g72-sb-inner span   { font-size:13px; color:var(--sub); }
.g72-sb-x {
  background:none; border:none; font-size:22px; cursor:pointer;
  color:var(--muted); padding:0; flex-shrink:0; line-height:1;
}

/* ══════════════════════════════════════════════════
   CONGRATULATIONS PAGE — Figma exact
══════════════════════════════════════════════════ */
/* Full-width banner */
.g72-congrats-banner {
  background:var(--grn-lt); border-bottom:2px solid var(--grn-br);
  padding:22px 40px; display:flex; align-items:center; gap:16px;
}
.g72-congrats-icon {
  width:40px; height:40px; background:var(--grn-m); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:20px; font-weight:700; flex-shrink:0;
}
.g72-congrats-banner h1 {
  font-family:var(--ff-d) !important; font-size:1.9rem !important;
  font-weight:800 !important; color:var(--txt) !important; margin:0 !important;
}

/* 2-col thank-you grid */
.g72-ty-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:48px;
  align-items:start; padding:36px 0 60px;
}
.g72-ty-main-img { width:100%; border-radius:var(--r-lg); display:block; object-fit:cover; aspect-ratio:4/3; margin-bottom:12px; }
.g72-ty-thumbs { display:flex; gap:10px; }
.g72-ty-thumb { flex:1; border-radius:8px; overflow:hidden; }
.g72-ty-thumb img { width:100%; aspect-ratio:1; object-fit:cover; display:block; border-radius:8px; }

.g72-ty-title { font-family:var(--ff-d) !important; font-size:1.8rem !important; font-weight:800 !important; color:var(--txt) !important; margin:0 0 16px !important; line-height:1.2 !important; }
.g72-ty-meta { margin-bottom:20px; }
.g72-ty-meta p { font-size:15px; color:var(--sub); margin:0 0 8px; }
.g72-ty-meta strong { color:var(--txt); font-weight:600; }
.g72-ty-price { font-family:var(--ff-d); font-size:1rem; font-weight:700; color:var(--txt); }
.g72-ty-order-link { color:var(--grn); font-weight:700; text-decoration:none; }
.g72-ty-order-link:hover { text-decoration:underline; }

/* Payment Successful panel */
.g72-ty-pay-panel {
  background:var(--grn-lt); border:1.5px solid var(--grn-br);
  border-radius:var(--r); padding:16px 20px; margin-bottom:16px;
}
.g72-ty-pay-row { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; margin-bottom:12px; color:var(--txt); }
.g72-ty-pay-icon { width:22px; height:22px; background:var(--grn-m); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:12px; flex-shrink:0; }
.g72-ty-list { margin:0; padding-left:18px; list-style:disc; }
.g72-ty-list li { font-size:14px; color:var(--sub); margin-bottom:5px; line-height:1.6; }

/* Download Tax Invoice — outlined */
.g72-ty-invoice-btn {
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; padding:13px 20px; border-radius:var(--r);
  font-size:15px; font-weight:600; text-decoration:none;
  margin-bottom:10px; border:1.5px solid var(--bdr);
  background:var(--white); color:var(--txt); transition:border-color .15s;
}
.g72-ty-invoice-btn:hover { border-color:var(--grn); color:var(--txt); }

/* View My Orders — solid green */
.g72-ty-orders-btn {
  display:block; width:100%; padding:15px 20px;
  background:var(--grn); color:#fff; border:none;
  border-radius:var(--r); font-size:16px; font-weight:700;
  text-align:center; text-decoration:none; transition:background .15s;
}
.g72-ty-orders-btn:hover { background:var(--grn-h); color:#fff; }

/* ══════════════════════════════════════════════════
   MY ORDERS PAGE
══════════════════════════════════════════════════ */
.g72-orders-page h1 { font-family:var(--ff-d); font-size:2rem; font-weight:800; margin-bottom:6px; }
.g72-orders-bc { font-size:13px; color:var(--muted); margin-bottom:22px; }
.g72-orders-bc a { color:var(--grn); text-decoration:none; }
.g72-orders-filters { display:flex; gap:10px; margin-bottom:22px; flex-wrap:wrap; }
.g72-order-filter { padding:8px 18px; border:1.5px solid var(--bdr); border-radius:20px; font-size:13px; font-weight:600; color:var(--sub); text-decoration:none; background:#fff; transition:all .15s; }
.g72-order-filter.active,.g72-order-filter:hover { background:var(--grn); border-color:var(--grn); color:#fff; }
.g72-order-card { border:1.5px solid var(--bdr); border-radius:var(--r-lg); overflow:hidden; margin-bottom:16px; }
.g72-order-head { background:#f8f8f8; padding:12px 18px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--bdr); flex-wrap:wrap; gap:8px; }
.g72-order-num { font-weight:600; font-size:14px; }
.g72-order-date { font-size:13px; color:var(--muted); }
.g72-order-row { display:flex; gap:16px; padding:18px; align-items:center; }
.g72-order-img { width:80px; height:80px; border-radius:6px; overflow:hidden; flex-shrink:0; background:#f0f0f0; }
.g72-order-img img { width:100%; height:100%; object-fit:cover; display:block; }
.g72-order-info { flex:1; }
.g72-order-info h4 { font-size:15px; font-weight:700; margin:0 0 6px; }
.g72-order-meta { font-size:13px; color:var(--sub); line-height:1.6; }
.g72-order-right { display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex-shrink:0; }
.g72-order-qty { font-size:13px; color:var(--muted); }
.g72-status { padding:4px 12px; border-radius:12px; font-size:12px; font-weight:700; }
.g72-st-in-process { background:#fff3cd; color:#856404; }
.g72-st-shipped    { background:#cce5ff; color:#004085; }
.g72-st-delivered  { background:var(--grn-lt); color:var(--grn); }
.g72-st-cancelled  { background:#f8d7da; color:#721c24; }
.g72-order-price { font-family:var(--ff-d); font-size:1.1rem; font-weight:700; }

/* ══════════════════════════════════════════════════
   WC NOTICES
══════════════════════════════════════════════════ */
.woocommerce-message { border-top-color:var(--grn) !important; background:var(--grn-lt) !important; }

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media(max-width:900px){ .g72-related-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:768px){
  .g72-ty-grid         { grid-template-columns:1fr; gap:28px; }
  .g72-congrats-banner { padding:18px 20px; }
  .g72-congrats-banner h1 { font-size:1.3rem !important; }
  .g72-related-grid    { grid-template-columns:repeat(2,1fr); }
  .g72-modal           { margin:8px; }
  .g72-success-banner  { padding:12px 16px; }
  .g72-field-row       { grid-template-columns:1fr; }
}
@media(max-width:480px){
  .g72-quick-btns { gap:6px; }
  .g72-qbtn { font-size:13px; padding:10px 4px; }
  .g72-related-grid { grid-template-columns:repeat(2,1fr); }
}