/*
 * File: details-rebuild.css
 * Path: /wp-content/themes/LezamizTheme/details-rebuild/assets/css/details-rebuild.css
 * Version: 2025-10-30-1D (MLS router-ready; cleaned; non-wrapping labels; Divi-safe; gallery modal)
 */

/* -------------------- Base type & spacing -------------------- */
:root{
  --navH: 40px;         /* set precisely by foot-scripts.php */
  --stickyTop: 0px;     /* computed below via body state */
  --mobileStickyH: 52px;/* fallback for fixed mobile bar */
}

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 0; background: #f9f9f9; color: #222; overflow-x: hidden; }
h1 { font-size: 2.125rem; margin: .5rem; padding: 0 .rem; line-height: 1.2; }
h2 { font-size: 1.25rem; font-weight: 600; color: #333; margin: .5rem; padding: 0 .5rem; }
p  { font-size: 1rem; margin: .5rem; padding: 0 .5rem; max-width: 900px; }
.lz-h2-bullets { text-align: left; margin: .5rem .5rem 1rem; line-height: 1.4; }

/* Anchor comfort when using sticky tabs */
#about, #basic-details, #schools-education, #map-directions, #listing-info,
.details-section { scroll-margin-top: calc(var(--navH, 40px) + 12px); }


/* -------------------- Section divider -------------------- */
.section-divider { width: 100%; height: 4px; background-color: #000; margin: 0 0 1rem; }


/* -------------------- About + Contact layout -------------------- */
.about-contact-container{
  display: grid; grid-template-columns: 1fr; gap: 16px; align-items: start;
}
@media (min-width: 960px){
  .about-contact-container{
    grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr);
.about-card about-card--qr {
display:none!important;
}
  }
}

/* Left stack = About paragraph + Two Cards */
.about-left{ display: flex; flex-direction: column; gap: 16px; min-width: 0;}
.about-content{ min-width:0; padding-left:15px; }
.contact-card-slot{ width:100%; max-width:100%; min-width:0; }

/* Keep About first, Cards second */
.about-left .about-content{ order:0; }
.about-left .about-two-cards{ order:1; }

/* Mobile order: 1) About 2) Contact 3) Cards */
@media (max-width: 959px){
  .about-contact-container{ display:grid; grid-template-columns:1fr; grid-auto-flow:row; gap:16px; }
  .about-left{ display: contents; } /* allow children to place directly */
  .about-content{ grid-row:1; }
  .contact-card-slot{ grid-row:2; float:none !important; width:auto !important; }
  .about-two-cards{ grid-row:3; }
.about-card about-card--qr {
display:none!important;
}

}

/* About: full-bleed on mobile, but box the text nicely */
@media (max-width: 768px){
  .wpl-custom-layout .about-contact-container,
  .wpl-custom-layout .about-content{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .wpl-custom-layout .about-content{
    box-sizing: border-box; padding-left: 15px; padding-right: 15px;
  }
  .wpl-custom-layout .about-content h2,
  .wpl-custom-layout .about-content p{
    max-width: none !important; margin-left:0; margin-right:0; padding-left:0; padding-right:0;
  }
  .wpl-custom-layout .about-contact-container .et_pb_row,
  .wpl-custom-layout .about-contact-container .et_pb_column{
    padding-left: 0 !important; padding-right: 0 !important;
  }
.about-card about-card--qr {
display:none!important;
}

}

/* -------------------- Agent Card visuals -------------------- */
.agent-card { border: 1px solid #e2e5e9; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); overflow: hidden; }
.agent-card__inner { padding: 14px; display: grid; gap: 14px; }

.agent-card__header { display: grid; gap: 10px; align-items: start; }
.agent-photo { position: relative; width: 100%; max-width: 100%; border-radius: 10px; overflow: hidden; background: #f6f7f9; margin: 0 auto; }
.agent-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.agent-photo__placeholder { font-size: 32px; opacity: .65; display: grid; place-items: center; min-height: 220px; }

.agent-overlay{
  position: absolute; top: 10px; right: 10px; z-index: 1; text-align: right; color: #000;
  background: rgba(255,255,255,0.88); padding: 6px 8px; border-radius: 10px;
  max-width: min(55%, 320px); box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.agent-overlay__name{ font-weight: 800; line-height: 1.1; font-size: clamp(1rem, 2.2vw, 1.375rem); white-space: normal; word-break: break-word; }
.agent-overlay__title{ margin-top: 2px; line-height: 1.2; font-size: clamp(0.78rem, 1.8vw, 0.95rem); white-space: normal; word-break: break-word; }

.agent-identity { display: block; }
.agent-contactline { font-weight: 700; color: #000; line-height: 1.2; font-size: 1rem; }

.agent-card__body { display: grid; gap: 6px; }
.agent-phone { font-size: .98rem; color: #222; display: flex; gap: 8px; align-items: center; }
.agent-phone i { opacity: .85; }

.agent-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.agent-actions .btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px;
  border: 1px solid #dcdcde; background: #fff; cursor: pointer;
  text-decoration: none; font-weight: 600;
}
.agent-actions .btn:hover { background: #f8f9fb; }
.agent-actions .agent-contact { border-color: #2271b1; }

/* -------------------- Details blocks -------------------- */
.details-root { margin-top: 8px; }
.details-section { margin-top: 2rem; }
.details-section h3 { font-size: 1.25rem; font-weight: 700; margin: 0.75rem 0 0.5rem; border-bottom: 2px solid #e2e2e2; padding-bottom: 0.4rem; display:flex; align-items:center; gap:.5rem; }
.details-section h3 .icon { font-size: 1.2rem; vertical-align: middle; }

.details-grid { display: grid; column-gap: 2rem; row-gap: 0.75rem; }
.details-grid.cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.details-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.details-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.details-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

.detail-item { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #e2e2e2; padding-bottom: .5rem; font-size: .95rem; }
.detail-label { font-weight: 700; color: #111; margin-right: .5rem; white-space: nowrap; }
.detail-value { flex: 1; color: #111; text-align: right; font-weight: 600; word-break: break-word; }
@media (max-width: 600px) {
  .detail-item { flex-direction: column; align-items: flex-start; }
  .detail-value { text-align: left; margin-top: .25rem; }
.about-card about-card--qr {
display:none!important;
}

}


/* -------------------- Little niceties -------------------- */
.details-section { margin-top: 1.25rem; } /* slight tighten under About */





/* -------------------- Tried removing this no difference About ? Two Cards (non-wrapping list) -------------------- */
.about-two-cards{
  display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 12px;
}
@media (min-width: 800px){
  .about-two-cards{ grid-template-columns: 1fr 1fr; }
.about-card about-card--qr {
display:none!important;
}

}
.about-card{
  border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.about-card .details-section > h3{
  margin: 0; padding: 12px 14px; font: 700 clamp(16px, 1.4vw, 18px)/1.2 Georgia, serif;
  display: flex; align-items: center; gap: 8px; background: #fafafa; border-bottom: 1px solid #f0f0f0;
}

.about-inline__grid{ list-style:none; margin:0; padding:0; }
.about-inline__item{
  display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:6px;
  padding: 10px 14px; border-bottom: 1.5px solid #cd001e;
}
.about-inline__item:last-child{ border-bottom: 1.5px solid #cd001e; }
.about-inline__label{
  font-weight: 800; color:#111; white-space: nowrap; position:relative; padding-right:10px;
}
.about-inline__label::after{ content:" |"; margin-left:6px; color:#6b7280; font-weight:400; }
.about-inline__value{
  font-weight:700; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}

/* -------------------- “About Basic Inline” (single list style) -------------------- */
.about-basic-inline{ width:100%; max-width:none; padding:15px; background:#fff; border:1px solid #000; box-shadow:none; }
.about-basic-inline__title{ margin:0 0 .4rem; }
.about-basic-inline__grid{ display:block; margin:0; padding:0; list-style:none; }
.about-basic-inline__item{
  display:grid; grid-template-columns:auto 1fr; gap:10px; border-bottom:2px solid #8b0000; padding:10px 0;
}
.about-basic-inline__label{ font-weight:700; color:#111; margin:0 !important; white-space:nowrap; }
.about-basic-inline__label::after{ content:" |"; margin-left:6px; opacity:.85; }
.about-basic-inline__value{ text-align:left; color:#111; font-weight:600; }

/* Divi UL reset just for these lists */
#left-area .about-basic-inline__grid,
.entry-content .about-basic-inline__grid,
.et-l--body .about-basic-inline__grid,
.et-l--footer .about-basic-inline__grid,
.et-l--header .about-basic-inline__grid,
.wpl-custom-layout .about-content .about-basic-inline__grid,
.wpl-custom-layout .about-content .about-inline__grid{
  list-style:none !important; padding:0 !important; margin:0 !important;
  padding-inline-start:0 !important; margin-inline-start:0 !important;
}
.wpl-custom-layout .about-content .about-basic-inline__item,
.wpl-custom-layout .about-content .about-inline__item{
  margin:0 !important; padding-left:0 !important;
}
.wpl-custom-layout .about-content .about-basic-inline__item::marker,
.wpl-custom-layout .about-content .about-inline__item::marker{ content:'' !important; }

/* File: details-rebuild.css */
/* Path: /wp-content/themes/LezamizTheme/details-rebuild/assets/css/details-rebuild.css */
/* Version: 2025-12-23A (Buyer Snapshot A–H: no inline styles; debug via .is-debug) */

/* =========================================================
   Buyer Snapshot (A–H) layout + sizing
   ========================================================= */
.lz-buyer-snapshot{
  margin: 16px 0 24px;
  padding: 12px;
  border-radius: 14px;
}

/* Grid */
.lz-buyer-snapshot__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* Cards inside snapshot should all behave like playing cards */
.lz-buyer-snapshot .about-card{
  height: clamp(190px, 16vw, 260px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Ensure bodies stretch */
.lz-buyer-snapshot .about-card__body{
  flex: 1;
}

/* Responsive columns */
@media (max-width: 980px){
  .lz-buyer-snapshot__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.about-card about-card--qr {
display:none!important;
}

}
@media (max-width: 520px){
  .lz-buyer-snapshot__grid{
    grid-template-columns: 1fr;
  }
.about-card about-card--qr {
display:none!important;
}

}

/* =========================================================
   Debug outlines (NO layout shift)
   Toggle by adding class: .lz-buyer-snapshot.is-debug
   ========================================================= */
.lz-buyer-snapshot.is-debug{
  box-shadow: inset 0 0 0 3px #1e88e5;
}

.lz-buyer-snapshot.is-debug .about-card--a{ box-shadow: inset 0 0 0 3px #e53935; }
.lz-buyer-snapshot.is-debug .about-card--b{ box-shadow: inset 0 0 0 3px #fb8c00; }
.lz-buyer-snapshot.is-debug .about-card--c{ box-shadow: inset 0 0 0 3px #43a047; }
.lz-buyer-snapshot.is-debug .about-card--d{ box-shadow: inset 0 0 0 3px #8e24aa; }
.lz-buyer-snapshot.is-debug .about-card--e{ box-shadow: inset 0 0 0 3px #00897b; }
.lz-buyer-snapshot.is-debug .about-card--f{ box-shadow: inset 0 0 0 3px #c0ca33; }
.lz-buyer-snapshot.is-debug .about-card--g{ box-shadow: inset 0 0 0 3px #3949ab; }
.lz-buyer-snapshot.is-debug .about-card--h{ box-shadow: inset 0 0 0 3px #f4511e; }

/*
 * File: details-rebuild.css
 * Path: /wp-content/themes/LezamizTheme/details-rebuild/assets/css/property-show.css
 * Version: 2025-10-30-1D (MLS router-ready; cleaned; non-wrapping labels; Divi-safe; gallery modal)
 */

/* -------------------- Base type & spacing -------------------- */
:root{
  --navH: 40px;         /* set precisely by foot-scripts.php */
  --stickyTop: 0px;     /* computed below via body state */
  --mobileStickyH: 52px;/* fallback for fixed mobile bar */
}

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 0; background: #f9f9f9; color: #222; overflow-x: hidden; }
h1 { font-size: 2.125rem; margin: .5rem; padding: 0 .rem; line-height: 1.2; }
h2 { font-size: 1.25rem; font-weight: 600; color: #333; margin: .5rem; padding: 0 .5rem; }
p  { font-size: 1rem; margin: .5rem; padding: 0 .5rem; max-width: 900px; }
.lz-h2-bullets { text-align: left; margin: .5rem .5rem 1rem; line-height: 1.4; }

/* Anchor comfort when using sticky tabs */
#about, #basic-details, #schools-education, #map-directions, #listing-info,
.details-section { scroll-margin-top: calc(var(--navH, 40px) + 12px); }


/* -------------------- Section divider -------------------- */
.section-divider { width: 100%; height: 4px; background-color: #000; margin: 0 0 1rem; }


/* -------------------- About + Contact layout -------------------- */
.about-contact-container{
  display: grid; grid-template-columns: 1fr; gap: 16px; align-items: start;
}
@media (min-width: 960px){
  .about-contact-container{
    grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr);
  }
}

/* Left stack = About paragraph + Two Cards */
.about-left{ display: flex; flex-direction: column; gap: 16px; min-width: 0;}
.about-content{ min-width:0; padding-left:15px; }
.contact-card-slot{ width:100%; max-width:100%; min-width:0; }

/* Keep About first, Cards second */
.about-left .about-content{ order:0; }
.about-left .about-two-cards{ order:1; }

/* Mobile order: 1) About 2) Contact 3) Cards */
@media (max-width: 959px){
  .about-contact-container{ display:grid; grid-template-columns:1fr; grid-auto-flow:row; gap:16px; }
  .about-left{ display: contents; } /* allow children to place directly */
  .about-content{ grid-row:1; }
  .contact-card-slot{ grid-row:2; float:none !important; width:auto !important; }
  .about-two-cards{ grid-row:3; }
.about-card about-card--qr {
display:none!important;
}

}

/* About: full-bleed on mobile, but box the text nicely */
@media (max-width: 768px){
  .wpl-custom-layout .about-contact-container,
  .wpl-custom-layout .about-content{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
.about-card about-card--qr {
display:none!important;
}

  .wpl-custom-layout .about-content{
    box-sizing: border-box; padding-left: 15px; padding-right: 15px;
  }
  .wpl-custom-layout .about-content h2,
  .wpl-custom-layout .about-content p{
    max-width: none !important; margin-left:0; margin-right:0; padding-left:0; padding-right:0;
  }
  .wpl-custom-layout .about-contact-container .et_pb_row,
  .wpl-custom-layout .about-contact-container .et_pb_column{
    padding-left: 0 !important; padding-right: 0 !important;
  }
}

/* -------------------- Agent Card visuals -------------------- */
.agent-card { border: 1px solid #e2e5e9; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); overflow: hidden; }
.agent-card__inner { padding: 14px; display: grid; gap: 14px; }

.agent-card__header { display: grid; gap: 10px; align-items: start; }
.agent-photo { position: relative; width: 100%; max-width: 100%; border-radius: 10px; overflow: hidden; background: #f6f7f9; margin: 0 auto; }
.agent-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.agent-photo__placeholder { font-size: 32px; opacity: .65; display: grid; place-items: center; min-height: 220px; }

.agent-overlay{
  position: absolute; top: 10px; right: 10px; z-index: 1; text-align: right; color: #000;
  background: rgba(255,255,255,0.88); padding: 6px 8px; border-radius: 10px;
  max-width: min(55%, 320px); box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.agent-overlay__name{ font-weight: 800; line-height: 1.1; font-size: clamp(1rem, 2.2vw, 1.375rem); white-space: normal; word-break: break-word; }
.agent-overlay__title{ margin-top: 2px; line-height: 1.2; font-size: clamp(0.78rem, 1.8vw, 0.95rem); white-space: normal; word-break: break-word; }

.agent-identity { display: block; }
.agent-contactline { font-weight: 700; color: #000; line-height: 1.2; font-size: 1rem; }

.agent-card__body { display: grid; gap: 6px; }
.agent-phone { font-size: .98rem; color: #222; display: flex; gap: 8px; align-items: center; }
.agent-phone i { opacity: .85; }

.agent-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.agent-actions .btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px;
  border: 1px solid #dcdcde; background: #fff; cursor: pointer;
  text-decoration: none; font-weight: 600;
}
.agent-actions .btn:hover { background: #f8f9fb; }
.agent-actions .agent-contact { border-color: #2271b1; }

/* -------------------- Details blocks -------------------- */
.details-root { margin-top: 8px; }
.details-section { margin-top: 2rem; }
.details-section h3 { font-size: 1.25rem; font-weight: 700; margin: 0.75rem 0 0.5rem; border-bottom: 2px solid #e2e2e2; padding-bottom: 0.4rem; display:flex; align-items:center; gap:.5rem; }
.details-section h3 .icon { font-size: 1.2rem; vertical-align: middle; }

.details-grid { display: grid; column-gap: 2rem; row-gap: 0.75rem; }
.details-grid.cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.details-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.details-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.details-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

.detail-item { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #e2e2e2; padding-bottom: .5rem; font-size: .95rem; }
.detail-label { font-weight: 700; color: #111; margin-right: .5rem; white-space: nowrap; }
.detail-value { flex: 1; color: #111; text-align: right; font-weight: 600; word-break: break-word; }
@media (max-width: 600px) {
  .detail-item { flex-direction: column; align-items: flex-start; }
  .detail-value { text-align: left; margin-top: .25rem; }
.about-card about-card--qr {
display:none!important;
}

}


/* -------------------- Little niceties -------------------- */
.details-section { margin-top: 1.25rem; } /* slight tighten under About */





/* -------------------- Tried removing this no difference About ? Two Cards (non-wrapping list) -------------------- */
.about-two-cards{
  display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 12px;
}
@media (min-width: 800px){
  .about-two-cards{ grid-template-columns: 1fr 1fr; }
.about-card about-card--qr {
display:none!important;
}

}
.about-card{
  border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.about-card .details-section > h3{
  margin: 0; padding: 12px 14px; font: 700 clamp(16px, 1.4vw, 18px)/1.2 Georgia, serif;
  display: flex; align-items: center; gap: 8px; background: #fafafa; border-bottom: 1px solid #f0f0f0;
}

.about-inline__grid{ list-style:none; margin:0; padding:0; }
.about-inline__item{
  display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:6px;
  padding: 10px 14px; border-bottom: 1.5px solid #cd001e;
}
.about-inline__item:last-child{ border-bottom: 1.5px solid #cd001e; }
.about-inline__label{
  font-weight: 800; color:#111; white-space: nowrap; position:relative; padding-right:10px;
}
.about-inline__label::after{ content:" |"; margin-left:6px; color:#6b7280; font-weight:400; }
.about-inline__value{
  font-weight:700; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}

/* -------------------- “About Basic Inline” (single list style) -------------------- */
.about-basic-inline{ width:100%; max-width:none; padding:15px; background:#fff; border:1px solid #000; box-shadow:none; }
.about-basic-inline__title{ margin:0 0 .4rem; }
.about-basic-inline__grid{ display:block; margin:0; padding:0; list-style:none; }
.about-basic-inline__item{
  display:grid; grid-template-columns:auto 1fr; gap:10px; border-bottom:2px solid #8b0000; padding:10px 0;
}
.about-basic-inline__label{ font-weight:700; color:#111; margin:0 !important; white-space:nowrap; }
.about-basic-inline__label::after{ content:" |"; margin-left:6px; opacity:.85; }
.about-basic-inline__value{ text-align:left; color:#111; font-weight:600; }

/* Divi UL reset just for these lists */
#left-area .about-basic-inline__grid,
.entry-content .about-basic-inline__grid,
.et-l--body .about-basic-inline__grid,
.et-l--footer .about-basic-inline__grid,
.et-l--header .about-basic-inline__grid,
.wpl-custom-layout .about-content .about-basic-inline__grid,
.wpl-custom-layout .about-content .about-inline__grid{
  list-style:none !important; padding:0 !important; margin:0 !important;
  padding-inline-start:0 !important; margin-inline-start:0 !important;
}
.wpl-custom-layout .about-content .about-basic-inline__item,
.wpl-custom-layout .about-content .about-inline__item{
  margin:0 !important; padding-left:0 !important;
}
.wpl-custom-layout .about-content .about-basic-inline__item::marker,
.wpl-custom-layout .about-content .about-inline__item::marker{ content:'' !important; }

/* File: details-rebuild.css */
/* Path: /wp-content/themes/LezamizTheme/details-rebuild/assets/css/details-rebuild.css */
/* Version: 2025-12-23A (Buyer Snapshot A–H: no inline styles; debug via .is-debug) */

/* =========================================================
   Buyer Snapshot (A–H) layout + sizing
   ========================================================= */
.lz-buyer-snapshot{
  margin: 16px 0 24px;
  padding: 12px;
  border-radius: 14px;
}

/* Grid */
.lz-buyer-snapshot__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* Cards inside snapshot should all behave like playing cards */
.lz-buyer-snapshot .about-card{
  height: clamp(190px, 16vw, 260px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Ensure bodies stretch */
.lz-buyer-snapshot .about-card__body{
  flex: 1;
}

/* Responsive columns */
@media (max-width: 980px){
  .lz-buyer-snapshot__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.about-card about-card--qr {
display:none!important;
}

}
@media (max-width: 520px){
  .lz-buyer-snapshot__grid{
    grid-template-columns: 1fr;
  }
.about-card about-card--qr {
display:none!important;
}

}

/* =========================================================
   Debug outlines (NO layout shift)
   Toggle by adding class: .lz-buyer-snapshot.is-debug
   ========================================================= */
.lz-buyer-snapshot.is-debug{
  box-shadow: inset 0 0 0 3px #1e88e5;
}

.lz-buyer-snapshot.is-debug .about-card--a{ box-shadow: inset 0 0 0 3px #e53935; }
.lz-buyer-snapshot.is-debug .about-card--b{ box-shadow: inset 0 0 0 3px #fb8c00; }
.lz-buyer-snapshot.is-debug .about-card--c{ box-shadow: inset 0 0 0 3px #43a047; }
.lz-buyer-snapshot.is-debug .about-card--d{ box-shadow: inset 0 0 0 3px #8e24aa; }
.lz-buyer-snapshot.is-debug .about-card--e{ box-shadow: inset 0 0 0 3px #00897b; }
.lz-buyer-snapshot.is-debug .about-card--f{ box-shadow: inset 0 0 0 3px #c0ca33; }
.lz-buyer-snapshot.is-debug .about-card--g{ box-shadow: inset 0 0 0 3px #3949ab; }
.lz-buyer-snapshot.is-debug .about-card--h{ box-shadow: inset 0 0 0 3px #f4511e; }

/* Ensure About-card header/body padding vars exist OUTSIDE .about-only */
.about-card--schools-education{
  --card-head-pad-y: 10px;
  --card-head-pad-x: 12px;
  --card-body-pad-y: 12px;
  --card-body-pad-x: 14px;

  --card-head-pad-y-mobile: 7px;
  --card-head-pad-x-mobile: 9px;
  --card-body-pad-y-mobile: 7px;
  --card-body-pad-x-mobile: 9px;
}

@media (max-width: 640px){
  .about-card--schools-education .about-card__head{
    padding: var(--card-head-pad-y-mobile) var(--card-head-pad-x-mobile);
  }
  .about-card--schools-education .about-card__body{
    padding: var(--card-body-pad-y-mobile) var(--card-body-pad-x-mobile);
  }
.about-card about-card--qr {
display:none!important;
}

}

/* =========================================================
   Buyer Snapshot — unify card head/body padding + reset H2
   (This is why Schools looked “right”: it had padding rules.)
   ========================================================= */

/* Default padding vars for ALL snapshot cards */
.lz-buyer-snapshot .about-card{
  --card-head-pad-y: 10px;
  --card-head-pad-x: 12px;
  --card-body-pad-y: 12px;
  --card-body-pad-x: 14px;

  --card-head-pad-y-mobile: 7px;
  --card-head-pad-x-mobile: 9px;
  --card-body-pad-y-mobile: 7px;
  --card-body-pad-x-mobile: 9px;
}

/* Head + body padding comes from vars */
.lz-buyer-snapshot .about-card__head{
  padding: var(--card-head-pad-y) var(--card-head-pad-x);
}

.lz-buyer-snapshot .about-card__body{
  padding: var(--card-body-pad-y) var(--card-body-pad-x);
}

/* On mobile use mobile vars */
@media (max-width: 640px){
  .lz-buyer-snapshot .about-card__head{
    padding: var(--card-head-pad-y-mobile) var(--card-head-pad-x-mobile);
  }
  .lz-buyer-snapshot .about-card__body{
    padding: var(--card-body-pad-y-mobile) var(--card-body-pad-x-mobile);
  }
.about-card about-card--qr {
display:none!important;
}

}

/* CRITICAL: stop global h2 { margin:.5rem; padding:0 .5rem; } from wrecking card headers */
.lz-buyer-snapshot .about-card__head h2{
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Buyer Snapshot: allow cards to grow with content
   ========================================================= */

/* If your grid has fixed row tracks, this removes them */
.lz-buyer-snapshot__grid{
  grid-template-rows: none !important;
  grid-auto-rows: minmax(min-content, max-content) !important;
  align-items: start !important;
  height: auto !important;
}

/* Make sure no card is being forced into a fixed height */
.lz-buyer-snapshot__grid > .about-card{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* If the BODY is where clipping happens */
.lz-buyer-snapshot__grid > .about-card .about-card__body{
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}