/* Scoped to the three revised pages; no app, guide, cart or master changes. */
body[data-site-refinement="v1"] {
  --site-gutter: clamp(16px, 3vw, 64px);
  --catalog-card-min: 15rem;
  --catalog-card-max: 20rem;
  --catalog-gap: 1.5rem;
}
body[data-site-refinement="v1"] .wrap {
  width: calc(100% - 2 * var(--site-gutter));
  max-width: none;
  margin-inline: auto;
  min-width: 0;
}
body[data-site-refinement="v1"] .shelf-grid {
  display: grid;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--catalog-card-min)), 1fr));
  gap: var(--catalog-gap);
  justify-content: start;
  justify-items: start;
  grid-auto-flow: row;
}
body[data-site-refinement="v1"] .product-card {
  width: 100%;
  max-width: var(--catalog-card-max);
  min-width: 0;
}
body[data-site-refinement="v1"] .product-card .card-copy {
  border-top: 0;
  padding: 1.1rem;
}
body[data-site-refinement="v1"] .product-card .card-subtitle {min-height: 0;}
body[data-site-refinement="v1"] .square-cover {
  container-type: inline-size;
  display: grid;
  /* Shared square: solid title band above a straight, common photo edge. */
  grid-template-rows: 43.72% 56.28%;
  aspect-ratio: 1;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  background: #193A8A;
  color: #fff;
}
body[data-site-refinement="v1"] .square-cover .cover-lettering {
  position: relative;
  z-index: 1;
  padding: .8rem 1rem .55rem;
  min-width: 0;
  gap: .35rem;
  justify-content: center;
  background: transparent;
}
body[data-site-refinement="v1"] .square-cover .cover-lettering strong {
  font-size: clamp(1.75rem, 10cqi, 2.4rem);
  line-height: 1.05;
  letter-spacing: -.04em;
  text-wrap: balance;
}
body[data-site-refinement="v1"] .square-cover .cover-lettering span {
  display: block;
  font-size: clamp(.85rem, 4.8cqi, 1rem);
  line-height: 1.35;
  max-width: 25ch;
  text-wrap: balance;
}
body[data-site-refinement="v1"] .square-cover img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: none;
  mask-image: none;
}
body[data-site-refinement="v1"] .caixa .square-cover {background: #E8BF7C; color: #142B4B;}
body[data-site-refinement="v1"] .caixa .cover-lettering strong {
  font-family: Open Sans, system-ui, sans-serif;
  font-size: clamp(1.3rem, 7.5cqi, 1.8rem);
  line-height: 1.15;
  max-width: 13ch;
}
/* The picture stays complete. The title does not cover the face, hands or task. */
body[data-site-refinement="v1"] .guide-app-concept {
  padding-block: clamp(3rem, 6vw, 5rem);
  border-top: 1px solid var(--line);
}
body[data-site-refinement="v1"] .concept-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 4rem);
}
body[data-site-refinement="v1"] .concept-copy {max-width: 64ch; min-width: 0;}
body[data-site-refinement="v1"] .concept-copy .eyebrow {color: #004F46;}
body[data-site-refinement="v1"] .concept-copy h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  line-height: 1.2;
  max-width: 23ch;
  margin-bottom: 1.5rem;
}
body[data-site-refinement="v1"] .concept-copy > p:not(.eyebrow) {line-height: 1.7;}
body[data-site-refinement="v1"] .concept-pair {
  margin: 1.7rem 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1.5rem;
}
body[data-site-refinement="v1"] .concept-pair > div {border-top: 2px solid #3157D5; padding-top: .85rem;}
body[data-site-refinement="v1"] .concept-pair > div + div {border-color: #00796B;}
body[data-site-refinement="v1"] .concept-pair dt {display: flex; align-items: center; gap: .6rem; font-weight: 800;}
body[data-site-refinement="v1"] .concept-pair dd {margin: .6rem 0 0; line-height: 1.65; font-size: .95rem;}
body[data-site-refinement="v1"] .concept-figure {margin: 0; min-width: 0;}
body[data-site-refinement="v1"] .concept-figure img {width: 100%; height: auto; border-radius: 1rem; object-fit: contain;}
body[data-site-refinement="v1"] .native-scene {position: relative; overflow: hidden; border-radius: 1rem;}
body[data-site-refinement="v1"] .scene-planes {position: absolute; left: 0; top: 0; width: 1448px; height: 1086px; transform-origin: 0 0; pointer-events: none;}
body[data-site-refinement="v1"] .scene-plane {position: absolute; left: 0; top: 0; transform-origin: 0 0; overflow: hidden; border-radius: 10px; backface-visibility: hidden;}
body[data-site-refinement="v1"] .scene-plane img {width: 100%; height: 100%; object-fit: contain; border-radius: 0;}
body[data-site-refinement="v1"] .scene-plane::after {content: ""; position: absolute; inset: 0; background: linear-gradient(125deg, #FFFFFF12, transparent 65%); pointer-events: none;}
body[data-site-refinement="v1"] .concept-availability {font-size: .9rem; color: var(--muted);}
body[data-site-refinement="v1"] .product-detail {padding-block: 2rem 4rem;}
body[data-site-refinement="v1"] .detail-opening {
  display: grid;
  grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.5fr);
  align-items: start;
  gap: clamp(2rem, 4vw, 4rem);
  margin-block: 2.5rem 3.5rem;
}
body[data-site-refinement="v1"] .detail-cover {width: min(100%, 25rem); min-width: 0;}
body[data-site-refinement="v1"] .detail-cover .square-cover {border-radius: .9rem;}
body[data-site-refinement="v1"] .detail-copy {max-width: 66ch; min-width: 0;}
body[data-site-refinement="v1"] .detail-copy h1 {
  font-size: clamp(2rem, 3.3vw, 3.5rem);
  line-height: 1.15;
  max-width: 22ch;
  text-wrap: balance;
}
body[data-site-refinement="v1"] .detail-copy .eyebrow {margin: 0 0 1rem;}
body[data-site-refinement="v1"] .detail-copy > p {margin: 1.15rem 0; max-width: 60ch;}
body[data-site-refinement="v1"] .detail-copy .cart-interest {margin: 1.3rem 0 0; gap: .7rem 1rem;}
body[data-site-refinement="v1"] .cart-interest > p {flex-basis: 100%; font-size: .85rem; color: var(--muted); margin: 0;}
body[data-site-refinement="v1"] #cart-feedback {margin: .7rem 0 0;}
body[data-site-refinement="v1"] .detail-content,
body[data-site-refinement="v1"] .product-experience {
  max-width: none;
  margin: 0;
  padding-block: clamp(2.5rem, 4vw, 4rem);
  border-top: 1px solid var(--line);
}
body[data-site-refinement="v1"] .detail-content h2,
body[data-site-refinement="v1"] .product-experience h2 {
  font-size: clamp(1.7rem, 2.5vw, 2.5rem);
  line-height: 1.25;
  max-width: 25ch;
  margin-bottom: 1.4rem;
}
body[data-site-refinement="v1"] .detail-content ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .9rem 3rem;
  max-width: 70rem;
  padding-left: 1.3rem;
  margin: 0 0 1.7rem;
}
body[data-site-refinement="v1"] .detail-content li {margin: 0; padding-left: .3rem; line-height: 1.65;}
body[data-site-refinement="v1"] .detail-content li::marker {color: #3157D5;}
body[data-site-refinement="v1"] .detail-content > p,
body[data-site-refinement="v1"] .product-experience p {max-width: 65ch; line-height: 1.75;}
body[data-site-refinement="v1"] .product-experience {grid-template-columns: minmax(0,1.4fr) minmax(0,.8fr); align-items: start; gap: 3rem;}
body[data-site-refinement="v1"] .product-mockup {width: min(100%,22rem); justify-self: start;}
body[data-site-refinement="v1"] .product-experience .detail-use {margin-top: 1.6rem;}
body[data-site-refinement="v1"] .detail-use h3 {font-size: 1.1rem; margin-bottom: .6rem;}
@media(max-width: 900px) {
  body[data-site-refinement="v1"] .concept-layout {grid-template-columns: minmax(0,1fr);}
  body[data-site-refinement="v1"] .concept-figure {max-width: 48rem;}
  body[data-site-refinement="v1"] .detail-opening {grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 2rem;}
}
@media(max-width: 700px) {
  body[data-site-refinement="v1"] {--catalog-gap: 1rem;}
  body[data-site-refinement="v1"] .detail-opening,
  body[data-site-refinement="v1"] .product-experience {grid-template-columns: minmax(0,1fr); gap: 2rem;}
  body[data-site-refinement="v1"] .detail-opening > .detail-cover {max-width: 22rem;}
  body[data-site-refinement="v1"] .detail-content ul {grid-template-columns: minmax(0,1fr);}
  body[data-site-refinement="v1"] .product-mockup {max-width: 21rem;}
}
@media(max-width: 400px) {
  body[data-site-refinement="v1"] .concept-pair {grid-template-columns: minmax(0,1fr);}
}

/* Product 3: canonical N3 amber, preserving the accepted fluid shelf. */
body[data-site-refinement="v1"] .mudar-trabalho .square-cover{background:#FFF0C9;color:#744900}
body[data-site-refinement="v1"] .mudar-trabalho .cover-lettering{color:#744900}
body[data-site-refinement="v1"] .mudar-trabalho .cover-lettering strong{font-size:clamp(1.3rem,8cqi,2rem);line-height:1.12}

/* Fourth product: native title and original photo, with a top-biased crop. */
body[data-site-refinement="v1"] .primeiro-imovel .square-cover{background:#DDE5FF;color:#193A8A}
body[data-site-refinement="v1"] .primeiro-imovel .cover-lettering strong{font-size:clamp(1.35rem,7.6cqi,1.85rem);line-height:1.12;max-width:18ch}
/* Original 1200x800: visible y≈19..694; face and both hands remain inside. */
body[data-site-refinement="v1"] .primeiro-imovel .square-cover img{object-position:50% 15%}
body[data-site-refinement="v1"] .product-card[hidden]{display:none}