.ab-wcds-buybox{
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px;
  background: rgba(15,18,28,0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--text-high, #e6edf7);
}

.ab-wcds-buybox.is-loading{
  opacity: 0.75;
  pointer-events: none;
}

.ab-wcds-buybox__loading,
.ab-wcds-buybox__error{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px;
  font-size: 13px;
  opacity: .9;
}

.ab-wcds-buybox__loading:before{
  content:"";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.25);
  border-top-color: rgba(255,255,255,0.85);
  animation: abwcdsSpin .9s linear infinite;
}

@keyframes abwcdsSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.ab-wcds-buybox__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.ab-wcds-buybox__title{
  font-weight: 650;
  font-size: 14px;
  line-height: 1.1;
}

.ab-wcds-buybox__qty{
  display:flex;
  align-items:center;
  gap: 8px;
  font-size: 12px;
  opacity: 0.9;
}

.ab-wcds-buybox__qty-input{
  width: 84px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color: inherit;
}

.ab-wcds-buybox__empty{
  padding: 10px;
  opacity: 0.8;
  font-size: 13px;
}

.ab-wcds-buybox__list{
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.ab-wcds-buybox__row{
  width:100%;
  text-align:left;
  cursor:pointer;
  display:flex;
  gap: 10px;
  align-items:stretch;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.18);
  transition: transform .10s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.ab-wcds-buybox__row:hover{
  transform: translateY(-1px);
  background: rgba(0,0,0,0.24);
  border-color: rgba(255,255,255,0.14);
}

.ab-wcds-buybox__row:active{
  transform: translateY(0px);
}

.ab-wcds-buybox__row.is-selected{
  border-color: rgba(120,180,255,0.55);
  box-shadow: 0 0 0 1px rgba(120,180,255,0.22) inset;
}

.ab-wcds-buybox__row.is-best{
  border-color: rgba(236,134,57,0.55);
  box-shadow: 0 0 0 1px rgba(236,134,57,0.35) inset;
}

.ab-wcds-buybox__row.is-unavailable{
  opacity: .7;
}

.ab-wcds-buybox__logo{
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  display:flex;
  align-items:center;
  justify-content:center;
}

.ab-wcds-buybox__logo img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.ab-wcds-buybox__logo-fallback{
  width: 16px;
  height: 16px;
  border-radius: 6px;
  background: rgba(255,255,255,0.18);
}

.ab-wcds-buybox__main{
  flex: 1;
  min-width: 0;
  display:flex;
  flex-direction:column;
  gap: 6px;
}

.ab-wcds-buybox__row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.ab-wcds-buybox__vendor a,
.ab-wcds-buybox__vendor{
  font-size: 13px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.ab-wcds-buybox__vendor{
  display:flex;
  align-items:center;
  gap: 8px;
  min-width: 0;
}

.ab-wcds-buybox__native-pill{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(120,180,255,0.35);
  background: rgba(120,180,255,0.12);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

.ab-wcds-buybox__native-ic{
  width: 12px;
  height: 12px;
  display:inline-block;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l8 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8l8-6zm0 2.5L6 9v11h12V9l-6-4.5z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l8 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8l8-6zm0 2.5L6 9v11h12V9l-6-4.5z"/></svg>') center/contain no-repeat;
  opacity: .95;
}

.ab-wcds-buybox__row-badges{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  flex: 0 0 auto;
}

.ab-wcds-buybox__badge{
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(236,134,57,0.16);
  border: 1px solid rgba(236,134,57,0.35);
}

.ab-wcds-buybox__badge--sel{
  background: rgba(120,180,255,0.14);
  border-color: rgba(120,180,255,0.40);
}

.ab-wcds-buybox__badge--best{
  background: rgba(236,134,57,0.18);
}

.ab-wcds-buybox__row-bottom{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 10px;
}

.ab-wcds-buybox__tail{
  display:flex;
  align-items:baseline;
  gap: 10px;
  flex-wrap: wrap;
  justify-content:flex-end;
}

.ab-wcds-buybox__price{
  display:flex;
  align-items:baseline;
  gap: 6px;
  min-width: 0;
}

.ab-wcds-buybox__price-unit{
  font-weight: 750;
  font-size: 14px;
}

.ab-wcds-buybox__price-meta{
  font-size: 12px;
  opacity: 0.75;
}

.ab-wcds-buybox__min{
  font-size: 12px;
  opacity: 0.75;
  white-space: nowrap;
}

.ab-wcds-buybox__aslow{
  font-size: 12px;
  opacity: 0.8;
  white-space: nowrap;
}

.ab-wcds-buybox__na{
  font-size: 13px;
  opacity: 0.75;
}
.apf-vbuybox{
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 10px;
  background: rgba(0,0,0,0.18);
}

.apf-vbuybox__head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap: 10px; margin-bottom: 8px;
}
.apf-vbuybox__title{ font-weight: 650; font-size: 13px; }
.apf-vbuybox__hint{ opacity: .75; }

.apf-vbuybox__list{ display:flex; flex-direction:column; gap: 6px; }

.apf-vbuybox__row{
  width: 100%;
  text-align: left;
  display:grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 10px;
  align-items:center;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.10);
  cursor: pointer;
}
.apf-vbuybox__row.is-best{
  border-color: rgba(236,134,57,0.55);
  box-shadow: 0 0 0 1px rgba(236,134,57,0.25) inset;
}
.apf-vbuybox__vendor{ font-weight: 600; font-size: 13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.apf-vbuybox__badge{
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(236,134,57,0.16);
  border: 1px solid rgba(236,134,57,0.35);
}
.apf-vbuybox__price{ font-weight: 700; font-size: 13px; white-space:nowrap; }
.apf-vbuybox__per{ font-weight: 500; opacity: .7; margin-left: 6px; }
.apf-vbuybox__min{ font-size: 12px; opacity: .75; white-space:nowrap; }
.apf-vbuybox__na{ opacity: .7; font-weight: 600; }
.apf-vbuybox__empty{ opacity: .75; }


/* ======================================================================
   Amazon-style buybox layout
   - Primary store/native price callout + compact competing-offers table
   Keeps existing .ab-wcds-buybox wrapper + loading state.
   ====================================================================== */

.ab-wcds-buybox__amazon{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.ab-wcds-buybox__primary{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.16);
}

.ab-wcds-buybox__primary-logo{
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  display:flex;
  align-items:center;
  justify-content:center;
}

.ab-wcds-buybox__primary-logo img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.ab-wcds-buybox__primary-main{
  flex: 1;
  min-width: 0;
  display:flex;
  flex-direction:column;
  gap: 6px;
}

.ab-wcds-buybox__primary-line{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap: 6px 8px;
  line-height: 1.2;
}

.ab-wcds-buybox__primary-vendor a{
  font-weight: 650;
  text-decoration: none;
}

.ab-wcds-buybox__primary-vendor a:hover{
  text-decoration: underline;
}

.ab-wcds-buybox__primary-label{
  opacity: 0.9;
}

.ab-wcds-buybox__primary-price{
  font-weight: 750;
  font-size: 16px;
}

.ab-wcds-buybox__primary-meta{
  font-size: 12px;
  opacity: 0.85;
}

.ab-wcds-buybox__primary-sub{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}

.ab-wcds-buybox__offers-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 650;
  opacity: 0.95;
}

.ab-wcds-buybox__offers-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.22);
  font-size: 12px;
  font-weight: 650;
}

.ab-wcds-buybox__tablewrap{
  overflow:auto;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.14);
}

.ab-wcds-buybox__table{
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.ab-wcds-buybox__table thead th{
  text-align:left;
  padding: 10px 12px;
  font-size: 12px;
  opacity: 0.85;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  white-space: nowrap;
}

.ab-wcds-buybox__table tbody td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  vertical-align: middle;
}

.ab-wcds-buybox__table tbody tr:hover{
  background: rgba(255,255,255,0.04);
}

.ab-wcds-buybox__table tbody tr:last-child td{
  border-bottom: none;
}

.ab-wcds-buybox__vendorcell{
  display:flex;
  align-items:center;
  gap: 8px;
  min-width: 180px;
}

.ab-wcds-buybox__vendorlogo{
  width: 22px;
  height: 22px;
  border-radius: 7px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  display:flex;
  align-items:center;
  justify-content:center;
}

.ab-wcds-buybox__vendorlogo img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.ab-wcds-buybox__td-price,
.ab-wcds-buybox__td-min,
.ab-wcds-buybox__td-aslow{
  white-space: nowrap;
}

.ab-wcds-buybox__td-price{
  font-weight: 650;
}

@media (max-width: 520px){
  .ab-wcds-buybox__table thead th,
  .ab-wcds-buybox__table tbody td{
    padding: 9px 10px;
  }
  .ab-wcds-buybox__vendorcell{
    min-width: 150px;
  }
}
/* ======================================================================
   Buybox XXS pill normalization (Option 1 Reduced)
   - Unifies vendor/badge/price/min sizing + reduces overall type
   - Keep your existing layout; just makes the â€œrow partsâ€ consistent
   ====================================================================== */

/* ---------- AB buybox rows (your custom wrapper) ---------- */
.ab-wcds-buybox__row{
  align-items: center; /* was stretch */
}

.ab-wcds-buybox__row-top{
  align-items: center;
}

/* Make vendor behave like a pill without breaking ellipsis */
.ab-wcds-buybox__vendor,
.ab-wcds-buybox__vendor a{
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.18);
  font-size: 10.25px;
  line-height: 1;
  font-weight: 600;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

/* Unified pill sizing for badge/price/min */
.ab-wcds-buybox__badge,
.ab-wcds-buybox__price-unit,
.ab-wcds-buybox__min{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.18);
  font-size: 10.25px;
  line-height: 1;
  white-space: nowrap;
}

/* Keep â€œbestâ€ badge accent while matching size */
.ab-wcds-buybox__badge{
  background: rgba(236,134,57,0.10);
  border-color: rgba(236,134,57,0.28);
  font-weight: 700;
  padding: 0 7px; /* override your 3px 8px */
}

/* Price emphasis via weight, not size */
.ab-wcds-buybox__price-unit{
  font-weight: 760;
}

/* Secondary meta smaller */
.ab-wcds-buybox__price-meta{
  font-size: 9.25px;
  opacity: .72;
}

/* Tighten row spacing slightly to match the reduced scale */
.ab-wcds-buybox__main{ gap: 5px; }
.ab-wcds-buybox__row{ padding: 8px; }
.ab-wcds-buybox__row-bottom{ align-items: center; }


/* ---------- APF vbuybox rows (native competing list) ---------- */
.apf-vbuybox__row{
  align-items: center;
}

/* Normalize vendor/badge/price/min to same pill sizing */
.apf-vbuybox__vendor,
.apf-vbuybox__badge,
.apf-vbuybox__price,
.apf-vbuybox__min{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.18);
  font-size: 10.25px;
  line-height: 1;
  white-space: nowrap;
}

/* Vendor pill should left-align + ellipsis */
.apf-vbuybox__vendor{
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

/* Price pill emphasis */
.apf-vbuybox__price{
  font-weight: 760;
}

/* â€œperâ€ stays secondary */
.apf-vbuybox__per{
  font-size: 9.25px;
  opacity: .7;
  margin-left: 5px;
}

/* Badge keeps your accent but stays same pill geometry */
.apf-vbuybox__badge{
  background: rgba(236,134,57,0.10);
  border-color: rgba(236,134,57,0.28);
  font-weight: 700;
}

/* Slight density improvements */
.apf-vbuybox{ padding: 8px; }
.apf-vbuybox__list{ gap: 5px; }
.apf-vbuybox__row{ padding: 6px 8px; border-radius: 10px; gap: 7px; }

/* Buybox pricing refresh */
.ab-wcds-buybox__summary{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.ab-wcds-buybox__summary-card{
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,0,0,0.18));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.ab-wcds-buybox__summary-card.is-native{
  border-color: rgba(120,180,255,0.28);
  background: linear-gradient(180deg, rgba(120,180,255,0.14), rgba(0,0,0,0.16));
}

.ab-wcds-buybox__summary-card.is-market-best{
  box-shadow: 0 0 0 1px rgba(120,180,255,0.28) inset;
}

.ab-wcds-buybox__summary-card.is-best-price{
  border-color: rgba(236,134,57,0.36);
  background: linear-gradient(180deg, rgba(236,134,57,0.14), rgba(0,0,0,0.16));
}

.ab-wcds-buybox__summary-card.is-bulk-price{
  border-color: rgba(109,214,156,0.32);
  background: linear-gradient(180deg, rgba(109,214,156,0.14), rgba(0,0,0,0.16));
}

.ab-wcds-buybox__summary-label{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.72;
  margin-bottom: 6px;
}

.ab-wcds-buybox__summary-price{
  font-size: 24px;
  font-weight: 760;
  line-height: 1.05;
}

.ab-wcds-buybox__summary-price .woocommerce-Price-amount{
  font-size: inherit;
}

.ab-wcds-buybox__summary-meta{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.84;
}

.ab-wcds-buybox__row{
  align-items: flex-start;
  padding: 12px;
}

.ab-wcds-buybox__row.is-native{
  border-color: rgba(120,180,255,0.24);
  background: linear-gradient(180deg, rgba(120,180,255,0.12), rgba(0,0,0,0.16));
}

.ab-wcds-buybox__row.is-best-current{
  border-color: rgba(236,134,57,0.55);
  box-shadow: 0 0 0 1px rgba(236,134,57,0.22) inset;
}

.ab-wcds-buybox__row.is-best-bulk{
  border-color: rgba(109,214,156,0.38);
  box-shadow: 0 0 0 1px rgba(109,214,156,0.18) inset;
}

.ab-wcds-buybox__row.requires-more-qty{
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.22));
}

.ab-wcds-buybox__vendor,
.ab-wcds-buybox__vendor a{
  height: auto;
  min-height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 13px;
  line-height: 1.2;
}

.ab-wcds-buybox__vendor{
  gap: 10px;
}

.ab-wcds-buybox__badge,
.ab-wcds-buybox__status,
.ab-wcds-buybox__price-unit,
.ab-wcds-buybox__min{
  height: auto;
  min-height: 22px;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.15;
}

.ab-wcds-buybox__badge--bulk{
  background: rgba(109,214,156,0.12);
  border-color: rgba(109,214,156,0.28);
}

.ab-wcds-buybox__badge--gate{
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.16);
}

.ab-wcds-buybox__price{
  flex-wrap: wrap;
}

.ab-wcds-buybox__price-unit{
  font-size: 14px;
}

.ab-wcds-buybox__price-meta{
  font-size: 11px;
}

.ab-wcds-buybox__min.is-gated{
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.16);
  opacity: 0.92;
}

.ab-wcds-buybox__aslow{
  font-size: 11px;
  opacity: 0.82;
}

.ab-wcds-buybox__status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  white-space: nowrap;
}

@media (max-width: 640px){
  .ab-wcds-buybox__summary{
    grid-template-columns: 1fr;
  }

  .ab-wcds-buybox__row-top,
  .ab-wcds-buybox__row-bottom{
    flex-direction: column;
    align-items: flex-start;
  }

  .ab-wcds-buybox__tail{
    justify-content: flex-start;
  }
}
