/* =========================================================
   ERG — PDP Layout (Hero: gallery + summary + purchase card)
   Module: 50-erg-pdp-layout.css
   Depends on: 00-tokens.css + 10-base.css
   Template: "ERG - Single Product" (Elementor template 8403)
   ========================================================= */

/* -----------------------------
   Page shell + layout constraints
   ----------------------------- */
.erg-single-product-page{
  padding: clamp(18px, 2vw, 28px) 0 clamp(34px, 4vw, 56px);
}

/* The hero grid wrapper is the Elementor container:
   .erg-single-main.erg-pdp-grid */
.erg-single-product-page .erg-single-main{
  max-width: 1270px;
  margin: 0 auto clamp(28px, 3vw, 44px);
  padding-inline: 24px;

  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 34px);
  align-items: start;
}

/* Keep tabs aligned with the hero width */
.erg-single-product-page .erg-single-tabs{
  max-width: 1270px;
  margin-inline: auto;
  padding-inline: 24px;
}

/* -----------------------------
   Left: gallery card
   ----------------------------- */
.erg-single-product__gallery{
  /* .erg-card already gives border/radius/bg; we enhance it */
  background:
    radial-gradient(90% 80% at 20% 0%, rgba(255,255,255,.04) 0, rgba(255,255,255,0) 60%),
    var(--erg-panel);
  padding: clamp(14px, 1.4vw, 24px);
  box-shadow: 0 18px 40px rgba(0,0,0,.60);
}

/* Woo “SALE” badge inside the gallery */
.erg-single-product__gallery .onsale{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 12px;
  border-radius: 999px;

  background: linear-gradient(180deg, #f04a4a, var(--erg-sale-1));
  border: 1px solid rgba(0,0,0,.25);
  box-shadow: 0 14px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.14);

  color: #fff;
  font-family: var(--erg-head);
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
}

/* -----------------------------
   Right: summary card
   ----------------------------- */
.erg-single-product.erg-pdp-summary{
  /* inherit .erg-card shell, but read more “agency” */
  padding: clamp(14px, 1.6vw, 22px);
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 60%),
    var(--erg-panel-2);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Title */
.erg-single-product__title .product_title{
  font-family: var(--erg-head);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 900;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.08;
  margin: 0;
}

/* Rating (if enabled) */
.erg-single-product .woocommerce-product-rating{
  margin: 2px 0 0;
}

/* -----------------------------
   Price (chip style, parity with PLP)
   Targets Elementor widget: .erg-product-price
   ----------------------------- */
.erg-product-price .price{
  --erg-price-chip-bg: rgba(0,0,0,.28);
  --erg-price-chip-ring: rgba(255,255,255,.12);
  --erg-price-chip-inner: rgba(255,255,255,.06);
  --erg-price-text: var(--erg-text);

  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;

  padding: .24em .70em .30em;
  border-radius: 999px;
  background:
    radial-gradient(140% 100% at 50% 0%, var(--erg-price-chip-inner) 0, transparent 70%),
    var(--erg-price-chip-bg);
  border: 1px solid var(--erg-price-chip-ring);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.38);
}

/* Regular price amount */
.erg-product-price .price > .woocommerce-Price-amount,
.erg-product-price .price > .woocommerce-Price-amount bdi{
  font-size: 22px;
  font-weight: 900;
  color: var(--erg-price-text);
  line-height: 1.05;
}

/* Sale price: del is muted, ins stays strong (keeps the pill) */
.erg-product-price .price del{
  opacity: 1;
  color: var(--erg-text-dim);
  font-size: 14px;
  font-weight: 800;
}
.erg-product-price .price ins{
  text-decoration: none;
}

/* -----------------------------
   Meta lines (Manufacturer / MPN / Model / UPC)
   ----------------------------- */
.erg-single-product__meta{
  border-top: 1px solid var(--erg-line);
  padding-top: 12px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 22px;
}

.erg-single-product__meta .elementor-widget-text-editor{
  margin: 0;
}
.erg-meta-line--primary,
.erg-meta-line--secondary,
.erg-meta-line--upc{
  font-family: var(--erg-body);
  font-size: 13px;
  line-height: 1.35;
  color: rgba(242,244,246,.86);
}
.erg-meta-line--secondary{
  color: rgba(242,244,246,.72);
}
.erg-meta-line--upc{
  font-family: var(--erg-mono);
  letter-spacing: .02em;
  color: rgba(242,244,246,.78);
}

/* -----------------------------
   Purchase card (sticky on desktop)
   Template container: .erg-purchase-card.erg-pdp-sticky
   ----------------------------- */
.erg-single-product-page{
  --erg-pdp-sticky-top: 96px; /* header height buffer; tweak if needed */
}

@media (min-width: 1025px){
  .erg-pdp-sticky{
    position: sticky;
    top: var(--erg-pdp-sticky-top);
    z-index: 2;
  }
}

/* Add-to-cart form: robust layout */
.erg-purchase-card form.cart{
  display: grid;
  grid-template-columns: minmax(96px, 120px) minmax(0, 1fr);
  gap: 10px 12px;
  align-items: center;
}

/* Variable products: keep dropdowns readable inside the purchase card */
.erg-purchase-card form.cart table.variations{
  grid-column: 1 / -1;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.erg-purchase-card form.cart table.variations td,
.erg-purchase-card form.cart table.variations th{
  padding: 6px 0;
  border: 0;
}
.erg-purchase-card form.cart table.variations label{
  font-family: var(--erg-head);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(242,244,246,.78);
}
.erg-purchase-card form.cart table.variations select{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  color: var(--erg-text);
  padding: 0 12px;
}
.erg-purchase-card form.cart .reset_variations{
  display: inline-block;
  margin-top: 6px;
  color: var(--erg-link);
  font-weight: 800;
}
.erg-purchase-card form.cart .reset_variations:hover{
  color: var(--erg-link-hover);
}

/* Quantity (base styles in 10-base.css; this just sets width) */
.erg-purchase-card .quantity{
  width: 120px;
}
.erg-purchase-card .quantity input.qty{
  width: 100%;
}

/* CTA button: “ERG teal pill” */
.erg-purchase-card .single_add_to_cart_button,
.erg-purchase-card button.single_add_to_cart_button{
  height: 46px;
  border-radius: 999px;
  padding: 0 18px;

  background: linear-gradient(180deg, var(--erg-cta), var(--erg-cta-2)) !important;
  color: var(--erg-cta-contrast) !important;
  border: 1px solid rgba(0,0,0,.35) !important;

  font-family: var(--erg-head);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 46px;

  box-shadow: 0 18px 38px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.12);
  transition: transform .16s ease, filter .16s ease;
}

@media (hover:hover){
  .erg-purchase-card .single_add_to_cart_button:hover{
    filter: brightness(1.07);
    transform: translateY(-1px);
  }
}
.erg-purchase-card .single_add_to_cart_button:active{
  transform: translateY(0);
  filter: brightness(.98);
}

/* Make sure focus is visible */
.erg-single-product-page :focus-visible{
  outline: 2px solid rgba(114,182,198,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* -----------------------------
   Short description
   ----------------------------- */
.erg-single-product .woocommerce-product-details__short-description{
  border-top: 1px solid var(--erg-line);
  padding-top: 12px;
}
.erg-single-product .woocommerce-product-details__short-description p{
  margin: 0 0 10px;
  color: rgba(242,244,246,.82);
  font-size: 15px;
  line-height: 1.55;
}
.erg-single-product .woocommerce-product-details__short-description p:last-child{
  margin-bottom: 0;
}

/* -----------------------------
   Responsive
   ----------------------------- */
@media (max-width: 1024px){
  .erg-single-product-page .erg-single-main{
    grid-template-columns: 1fr;
    max-width: 940px;
    padding-inline: 16px;
  }
  .erg-single-product-page .erg-single-tabs{
    padding-inline: 16px;
  }
}

@media (max-width: 767px){
  .erg-single-product__meta{
    grid-template-columns: 1fr;
  }
  .erg-purchase-card form.cart{
    grid-template-columns: 1fr;
  }
  .erg-purchase-card .quantity{
    width: 100%;
  }
}
/* =========================================================
   PDP CENTERING (migrated from 60-erg-pdp-centering.css)
   Keep PDP width + alignment consistent across sections
   ========================================================= */

.erg-single-product-page .erg-single-main{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
}

.erg-single-tabs{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* tablet / down */
@media (max-width: 1024px){
  .erg-single-product-page .erg-single-main{
    grid-template-columns: 1fr;
    max-width: 940px;
    padding: 0 16px;
  }
  .erg-single-tabs{
    max-width: 940px;
    padding: 0 16px;
  }
}
/* =========================================================
   PDP PURCHASE CARD — QTY + CTA FIX
   ========================================================= */

.erg-single-product-page .erg-purchase-card form.cart,
.erg-single-product-page .erg-purchase-card .cart{
  grid-template-columns: 120px 1fr; /* was 96px */
  align-items: end;
}

/* Ensure qty can’t collapse */
.erg-single-product-page .erg-purchase-card .quantity{
  width: 120px;
  min-width: 120px;
}

.erg-single-product-page .erg-purchase-card .quantity input.qty{
  width: 100%;
  min-width: 120px;
  height: 54px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  border-radius: 999px;
}

/* Mobile: stack */
@media (max-width: 520px){
  .erg-single-product-page .erg-purchase-card form.cart,
  .erg-single-product-page .erg-purchase-card .cart{
    grid-template-columns: 1fr;
  }

  .erg-single-product-page .erg-purchase-card .quantity,
  .erg-single-product-page .erg-purchase-card .quantity input.qty{
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   PDP SALE BADGE (JetWooBuilder) — match PLP final fix
   Requires: Sale badge widget in gallery with class .erg-card__sale-badge
   Scope: PDP only
   ========================================================= */

/* Ensure gallery can anchor absolute badge */
.erg-single-product-page .erg-single-product__gallery{
  position: relative;
}

/* 1) Wrapper layers must be transparent (kills inner rectangle) */
.erg-single-product-page .erg-card__sale-badge,
.erg-single-product-page .erg-card__sale-badge .elementor-widget-container,
.erg-single-product-page .erg-card__sale-badge .jet-woo-builder-archive-product-sale-badge{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Kill any wrapper bubbles */
.erg-single-product-page .erg-card__sale-badge::before,
.erg-single-product-page .erg-card__sale-badge::after{
  content: none !important;
  display: none !important;
}

/* 2) Strip Jet defaults that paint “inner rectangles” */
.erg-single-product-page .erg-card__sale-badge .jet-woo-product-badge__sale,
.erg-single-product-page .erg-card__sale-badge .jet-woo-product-badge__sale *{
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) The actual pill */
.erg-single-product-page .erg-card__sale-badge .jet-woo-product-badge.jet-woo-product-badge__sale{
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 10 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 8px 14px !important;
  border-radius: 999px !important;

  background: var(--erg-red) !important;
  background-image: linear-gradient(180deg, #f04a4a, #b82d2d) !important;

  border: 1px solid rgba(0,0,0,.25) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.14) !important;

  color: #fff !important;
  font-family: var(--erg-head) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  font-variant-numeric: tabular-nums !important;

  white-space: nowrap !important;
  max-width: calc(100% - 28px);
}

/* 4) Top highlight */
.erg-single-product-page .erg-card__sale-badge
  .jet-woo-product-badge__sale::after{
  content: "" !important;
  position: absolute;
  left: 2px; right: 2px; top: 2px;
  height: 45%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

/* =========================================================
   PDP SECTIONS (no tabs)
   Rail: .erg-single-tabs
   Blocks: .erg-pdp-section (.erg-pdp-description / .erg-pdp-specs)
   ========================================================= */

/* Rail spacing */
.erg-single-product-page .erg-single-tabs{
  margin-top: clamp(16px, 2vw, 26px);
  display: grid;
  gap: clamp(14px, 1.8vw, 22px);
}

/* Section shell (steel card parity) */
.erg-single-product-page .erg-pdp-section{
  border: 1px solid var(--erg-line);
  border-radius: 20px;
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(255,255,255,.04) 0, rgba(255,255,255,0) 60%),
    color-mix(in srgb, var(--erg-panel) 80%, #000 20%);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  padding: clamp(16px, 2vw, 22px);
}

/* ---------------------------------
   Description typography
   --------------------------------- */
.erg-single-product-page .erg-pdp-description{
  color: rgba(242,244,246,.86);
  line-height: 1.65;
}

.erg-single-product-page .erg-pdp-description p{
  margin: 0 0 12px;
}

.erg-single-product-page .erg-pdp-description p:last-child{
  margin-bottom: 0;
}

.erg-single-product-page .erg-pdp-description h2,
.erg-single-product-page .erg-pdp-description h3{
  margin: 0 0 10px;
  color: var(--erg-text);
  letter-spacing: .02em;
}

.erg-single-product-page .erg-pdp-description ul,
.erg-single-product-page .erg-pdp-description ol{
  margin: 10px 0 14px 18px;
  padding: 0;
}

.erg-single-product-page .erg-pdp-description a{
  color: var(--erg-link);
  text-decoration: none;
  font-weight: 800;
}
.erg-single-product-page .erg-pdp-description a:hover{
  color: var(--erg-link-hover);
  text-decoration: underline;
}

/* ---------------------------------
   Additional Information (attributes)
   Convert Woo attributes table -> card grid
   (migrated from 40-pdp.css, now scoped)
   --------------------------------- */

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border: 0 !important;
  margin: 0 !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tbody{
  display: contents !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr{
  display: flex !important;
  flex-direction: column;
  gap: 8px;

  background: color-mix(in srgb, var(--erg-panel-2) 88%, #000 12%);
  border: 1px solid var(--erg-line);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes th,
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes td{
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes th{
  color: var(--erg-text-dim) !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
  font-size: 12px;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes td{
  color: var(--erg-text) !important;
  font-size: 15px;
  line-height: 1.5;
}

/* Responsive specs grid */
@media (max-width: 860px){
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   PDP SECTION HEADINGS (Description / Specs)
   Add to END of 50-erg-pdp-layout.css
   ========================================================= */

.erg-single-product-page .erg-pdp-section__title{
  margin: 0 0 12px;
  padding: 0 0 12px;

  font-family: var(--erg-head);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  line-height: 1.1;

  font-size: 16px;
  color: var(--erg-text);
  border-bottom: 1px solid var(--erg-line);
}

/* If Elementor injected weird spacing */
.erg-single-product-page .erg-pdp-section__title.elementor-widget-heading{
  margin-bottom: 0; /* keep spacing controlled by the title itself */
}

/* Slightly calmer on small screens */
@media (max-width: 767px){
  .erg-single-product-page .erg-pdp-section__title{
    font-size: 15px;
    letter-spacing: .12em;
  }
}
/* =========================================================
   PDP SPECS REDESIGN — "Datasheet" layout (no card grid)
   Scope: .erg-pdp-specs only
   Requires widget class: .erg-pdp-specs__widget
   ========================================================= */

/* Kill Woo's default "Additional information" heading (the giant ghost text) */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes__heading{
  display: none !important;
}

/* Table becomes a clean 2-col sheet of rows */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
  /* override prior grid/card rules */
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tbody{
  display: contents !important;
}

/* Each attribute row = a compact "sheet row" */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr{
  display: grid !important;
  grid-template-columns: 190px 1fr;
  align-items: start;
  gap: 10px;

  padding: 14px 14px;
  border: 1px solid var(--erg-line);
  border-radius: 14px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    color-mix(in srgb, var(--erg-panel) 72%, #000 28%);

  box-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* Remove table cell defaults */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes th,
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes td{
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Label = small uppercase "field name" */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes th{
  font-family: var(--erg-head);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--erg-text-dim) !important;
  line-height: 1.2;
}

/* Value = readable */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes td{
  color: rgba(242,244,246,.92) !important;
  font-size: 14px;
  line-height: 1.45;
  word-break: break-word;
}

/* Row hover = subtle "clickable understanding" without being flashy */
@media (hover:hover){
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:hover{
    border-color: rgba(255,255,255,.14);
    box-shadow: 0 16px 36px rgba(0,0,0,.58);
    transform: translateY(-1px);
    transition: transform .14s ease-out, box-shadow .14s ease-out, border-color .14s ease-out;
  }
}

/* Responsive: 1 column + stack label/value */
@media (max-width: 860px){
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr{
    grid-template-columns: 1fr !important;
    gap: 8px;
  }
}

/* =========================================================
   PDP SPECS — Key Specs strip (first 4) + datasheet below
   Scope: .erg-pdp-specs only
   ========================================================= */

/* Hide Woo heading */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes__heading{
  display: none !important;
}

/* Whole attributes table becomes a grid */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* key strip = 4 cols */
  gap: 12px 18px;
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tbody{
  display: contents !important;
}

/* ---------- Shared pill background for the top 4 ---------- */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes::before{
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  z-index: 0;

  border-radius: 18px;
  border: 1px solid var(--erg-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    color-mix(in srgb, var(--erg-panel) 72%, #000 28%);
  box-shadow: 0 14px 40px rgba(0,0,0,.50);
}

/* Top 4 rows become “cells” on row 1 (no individual pills) */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4){
  position: relative;
  z-index: 1;
  grid-row: 1;

  /* kill old row styling */
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  padding: 14px 12px !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;

  align-content: center;
  justify-items: center;
  text-align: center;
  min-height: 74px;
}

/* Put the first four into columns 1–4 */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(1){ grid-column: 1; }
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(2){ grid-column: 2; }
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(3){ grid-column: 3; }
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(4){ grid-column: 4; }

/* Vertical dividers inside the shared pill */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(2),
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(3),
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(4){
  border-left: 1px solid var(--erg-line) !important;
}

/* Label/value styling for the key strip */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) th,
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) td{
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) th{
  font-family: var(--erg-head);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--erg-text-dim) !important;
  line-height: 1.1;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) td{
  font-size: 15px;
  font-weight: 800;
  color: rgba(242,244,246,.92) !important;
  line-height: 1.25;
}

/* ---------- Remaining rows: premium datasheet cards (2 per row) ---------- */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5){
  grid-column: span 2;

  padding: 14px 14px !important;
  border: 1px solid var(--erg-line);
  border-radius: 14px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    color-mix(in srgb, var(--erg-panel) 72%, #000 28%);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);

  display: grid !important;
  grid-template-columns: 190px 1fr;
  align-items: center;            /* <-- centers title/value vertically */
  gap: 10px;
}

/* Cell resets */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) th,
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) td{
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) th{
  font-family: var(--erg-head);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--erg-text-dim) !important;
  line-height: 1.2;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) td{
  color: rgba(242,244,246,.92) !important;
  font-size: 14px;
  line-height: 1.45;
  word-break: break-word;
}

/* Responsive: key strip becomes 2x2, rest becomes 1-col */
@media (max-width: 860px){
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* shared pill spans 2 columns on mobile */
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes::before{
    grid-column: 1 / -1;
    grid-row: 1 / span 2; /* covers the 2x2 grid */
  }

  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(1){ grid-column: 1; grid-row: 1; }
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(2){ grid-column: 2; grid-row: 1; border-left: 1px solid var(--erg-line) !important; }
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(3){ grid-column: 1; grid-row: 2; border-left: 0 !important; border-top: 1px solid var(--erg-line) !important; }
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(4){ grid-column: 2; grid-row: 2; border-left: 1px solid var(--erg-line) !important; border-top: 1px solid var(--erg-line) !important; }

  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5){
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    align-items: start;
  }
}
/* =========================================================
   SPECS — tighten desktop + make lower specs 1-line on mobile
   Append-only override
   ========================================================= */

/* --- Tighten the TOP 4 pill (desktop + all) --- */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4){
  padding: 10px 10px !important;
  min-height: 64px !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) th{
  font-size: 11px !important;
  letter-spacing: .12em !important;
}

.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(-n+4) td{
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* --- Tighten lower rows (desktop) --- */
.erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5){
  padding: 12px 14px !important;
  border-radius: 12px !important;
  grid-template-columns: 170px 1fr !important; /* a bit tighter than 190 */
}

/* =========================================================
   MOBILE: lower specs should be ONE LINE (label | value)
   (keep top 4 as 2x2 pill)
   ========================================================= */

@media (max-width: 860px){

  /* Undo the earlier "stack label/value" behavior for lower rows */
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5){
    grid-column: 1 / -1 !important;
    grid-template-columns: 140px 1fr !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Label + value each stay on one line */
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) th{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5) td{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Even tighter phones */
@media (max-width: 520px){
  .erg-single-product-page .erg-pdp-specs .woocommerce-product-attributes tr:nth-child(n+5){
    grid-template-columns: 120px 1fr !important;
  }
}
/* =========================================================
   PDP — Trust notes under Add to Cart (readability fix)
   Target: .erg-trust-stack / .erg-trust-item (HTML widget)
   Location: inside .erg-purchase-card
   ========================================================= */

/* In case Elementor/parent set opacity on the HTML widget */
.erg-purchase-card .elementor-widget-html,
.erg-purchase-card .elementor-widget-html .elementor-widget-container{
  opacity: 1 !important;
}

/* Trust block container */
.erg-purchase-card .erg-trust-stack{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--erg-line);

  display: grid;
  gap: 8px;

  color: var(--erg-muted) !important;
  font-family: var(--erg-body);
  font-size: 13px;
  line-height: 1.35;
}

/* Each line */
.erg-purchase-card .erg-trust-item{
  display: flex;
  gap: 10px;
  align-items: flex-start;

  color: var(--erg-muted) !important;
  opacity: .95;
}

/* Small “signal dot” bullet */
.erg-purchase-card .erg-trust-item::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--erg-link);
  margin-top: 6px;
  flex: 0 0 6px;
  opacity: .85;
}

/* Slightly tighter on phones */
@media (max-width: 767px){
  .erg-purchase-card .erg-trust-stack{ font-size: 12.5px; gap: 7px; }
}