/* layout-polish.css — v11.7.1 quality cards + shared content edge */

:root {
  --page-radius: 16px;
  --card-pad-y: 28px;
  --card-pad-x: 26px;
}

/* Shared horizontal content edge: section already has var(--pad);
   containers share one max-width so left/right edges match. */
.container {
  max-width: var(--container, 1240px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Craft frame aligns to the same content column as .container */
#craft.craft-section {
  /* keep section pad from cinematic; frame fills content column */
}
.craft-collapsed {
  width: 100% !important;
  max-width: var(--container, 1240px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  border-radius: var(--page-radius) !important;
}
.craft-collapsed-ui {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 48px clamp(22px, 3vw, 40px) 56px !important;
  box-sizing: border-box;
}

/* Products / contact / about already in .container — reinforce full width */
#about > .container,
#products > .container,
#contact > .container,
.site-footer .container {
  max-width: var(--container, 1240px);
}

/* ---------- Quality Assurance: kill nested glass wash on #quality ---------- */
#quality.about-quality,
.about-quality#quality,
body.hero-active #quality,
body.home-active #quality,
body.page-sub #quality {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.about-quality {
  margin-top: 64px;
}

.about-quality .section-head {
  margin-bottom: 36px;
}

/* Quality cards: quieter surface, consistent radius, real breathing room */
.about-quality .pcard,
#quality .pcard {
  border-radius: var(--page-radius) !important;
  padding: var(--card-pad-y) var(--card-pad-x) !important;
  background: rgba(12, 16, 24, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  box-sizing: border-box;
}

.about-quality .pcard:hover,
#quality .pcard:hover {
  background: rgba(16, 22, 34, 0.72) !important;
  border-color: rgba(127, 178, 255, 0.28) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28) !important;
  transform: translateY(-3px);
}

.about-quality .pcard .n,
#quality .pcard .n {
  margin: 0 0 14px !important;
  letter-spacing: 0.16em;
  font-size: 12px;
  line-height: 1.3;
}

.about-quality .pcard h4,
#quality .pcard h4 {
  margin: 0 0 12px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  padding: 0;
}

.about-quality .pcard p,
#quality .pcard p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  padding: 0;
}

/* Stat cells in About: same radius + padding language */
#about .stat-row .cell {
  border-radius: var(--page-radius) !important;
  padding: 24px 22px !important;
  background: rgba(12, 16, 24, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  box-sizing: border-box;
}


/* Product cards — same glass language as Quality pcards */
.yt-pg-card {
  border-radius: var(--page-radius) !important;
  background: rgba(12, 16, 24, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  box-sizing: border-box;
}
.yt-pg-card:hover {
  background: rgba(16, 22, 34, 0.72) !important;
  border-color: rgba(127, 178, 255, 0.28) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.yt-pg-media {
  background: rgba(255, 255, 255, 0.03) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.yt-pg-tab:not(.is-active) {
  background: rgba(12, 16, 24, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(234, 244, 255, 0.78) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
.yt-pg-tab.is-active {
  color: #081018 !important;
  background: var(--brand, #3b82f6) !important;
  border-color: var(--brand, #3b82f6) !important;
  box-shadow: 0 0 24px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.yt-pg-body {
  padding: 18px 20px 20px !important;
}

/* Contact info items — same edge feel */
.contact-info-item,
.contact-form {
  border-radius: var(--page-radius);
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .about-quality .pcard,
  #quality .pcard {
    padding: 22px 20px !important;
  }
  .craft-collapsed-ui {
    padding: 36px 18px 44px !important;
  }
}


/* Netlify honeypot — keep out of layout */
.yt-hp { position: absolute !important; left: -9999px !important; height: 0 !important; overflow: hidden !important; }