.signature{max-width:1640px;width:96%;background:linear-gradient(105deg,#faf7f1 0%,#f0e7d9 70%,#bcaa95 100%);grid-template-columns:minmax(0,1fr) auto;margin-top:12px}.signature figure{background:none;padding:0;margin:0;mask-image:linear-gradient(90deg,transparent 0%,#000 9%)}.signature img{height:clamp(360px,32vw,520px)}.signature-copy{justify-self:start;margin-left:5%;padding:24px 3%;background:radial-gradient(ellipse at center,#f9f1e5df,transparent 75%)}.signature-copy p{letter-spacing:.2em}.signature-copy a{background:#45332f;color:#fff7ef;border:0;padding:13px 20px;border-radius:3px}
#colecao [data-filter="Todos"]{--category-photo:url('assets/aura-luz.jpg')}#colecao [data-filter="Conjuntos"]{--category-photo:url('assets/aura-conjuntos.jpg');--surface:#e9dcd5}#colecao [data-filter="Colares"]{--category-photo:url('assets/aura-colares.jpg');--surface:#eadbc7}#colecao [data-filter="Anéis"]{--category-photo:url('assets/aura-aneis.jpg');--surface:#e8dceb}#colecao [data-filter="Relógios"]{--category-photo:url('assets/aura-relogios.jpg');--surface:#ebd6d2}
#colecao .filters button:before{height:clamp(115px,13vw,186px);background-image:var(--category-photo);background-size:contain}
#colecao .filters button{border-radius:7px;background-image:linear-gradient(125deg,#ffffff80,transparent);font-size:14px}
@media(max-width:650px){.signature{width:100%;grid-template-columns:1fr 45%;background-position:30% center}.signature img{height:auto;width:100%}.signature-copy{margin:0;padding:14px;background:linear-gradient(90deg,#fbf1e9e8,#fbf1e9c2,transparent)}.signature-copy a{padding:10px;font-size:12px}.signature-copy p{letter-spacing:.1em}#colecao .filters button:before{height:112px}}
#colecao [data-filter="Todos"]{--category-photo:url('assets/filtro-colecao.svg')}
#colecao [data-filter="Conjuntos"]{--category-photo:url('assets/filtro-real-conjuntos.jpg')}
#colecao [data-filter="Colares"]{--category-photo:url('assets/filtro-real-colares.jpg')}
#colecao [data-filter="Anéis"]{--category-photo:url('assets/filtro-real-aneis.jpg')}
#colecao [data-filter="Relógios"]{--category-photo:url('assets/filtro-real-relogios.jpg')}
#colecao .filters button:before{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f6f0e8}

/* Extend the portrait's edge at the same vertical scale as the photograph. */
.signature { isolation: isolate; background: #f5ede2; }
.signature figure { position: relative; align-self: center; mask-image: none; }
.signature figure::before {
  content: "";
  position: absolute;
  inset: 0 100% 0 auto;
  width: 100vw;
  background: url("assets/signature-extension.svg") center / 100% 100% no-repeat;
  mask-image: linear-gradient(to left, black, transparent min(48vw, 750px));
  pointer-events: none;
}
.signature-copy { position: relative; z-index: 1; background: transparent; }

#colecao .section-top {
  display: block;
  text-align: center;
  margin: 0 auto 1.5rem;
}
#colecao .section-top h2 {
  font: 400 clamp(2rem, 4vw, 3.6rem)/1.1 Georgia, serif;
  color: #43342b;
}
#colecao .section-top .eyebrow { letter-spacing: .19em; }
#colecao .filter-title { color: #624f43; gap: 1rem; }
#colecao .filters button {
  border-radius: 2px;
  background: #faf6f0;
  color: #42352d;
  font-weight: 500;
}
#colecao .filters button.active { box-shadow: inset 0 -3px #946d45; }


.dupla-joias {
  width: min(96%, 1640px);
  margin: 2rem auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
}
.dupla-joias a {
  min-height: clamp(265px, 28vw, 470px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  padding: clamp(20px, 2.6vw, 48px);
  color: #342219;
  text-decoration: none;
  background: linear-gradient(90deg, #f3d2b5bb, transparent 56%), url("assets/campanha-luz.jpg") center / cover;
}
.dupla-joias a + a {
  color: white;
  background: linear-gradient(to top, #352316a8, transparent 65%), url("assets/campanha-tempo.jpg") center / cover;
}
.dupla-joias small { font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.dupla-joias strong { font: 400 clamp(34px, 3.6vw, 64px)/1 Georgia, serif; }
.dupla-joias span { font-weight: 600; }
.dupla-joias a:hover span, .dupla-joias a:focus-visible span { text-decoration: underline; }
@media (max-width: 650px) {
  .dupla-joias { grid-template-columns: 1fr; gap: 8px; }
  .dupla-joias a { min-height: 225px; }
}

@media (max-width: 650px) {
  .category-nav .category-inner { display: grid; width: 100%; grid-template-columns: 1.25fr repeat(4, 1fr); }
  .category-nav .category-inner > a { display: flex; flex-direction: column; gap: 4px; padding: 6px 0; font-size: clamp(11px, 3vw, 14px); }
  .category-nav .category-icon { width: 23px; height: 23px; flex: none; }
  .signature { grid-template-columns: minmax(0, 1fr) 46%; }
  .signature-copy { min-width: 0; padding: 12px; }
  .signature-copy h1 { font-size: clamp(31px, 8vw, 46px); }
  .signature-copy a { display: inline-flex; min-height: 44px; align-items: center; box-sizing: border-box; }
  .signature figure img { width: 100%; height: auto; object-fit: contain; }
  #colecao .filters { overflow-x: auto; scroll-snap-type: x proximity; gap: 8px; padding-bottom: 4px; }
  #colecao .filters button { scroll-snap-align: start; font-size: 14px; }
  #colecao .advanced-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #colecao .advanced-filters label, #colecao select { min-width: 0; max-width: 100%; }
  #colecao select, #favorites-only, .card .add-cart { min-height: 44px; }
  #products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 9px; }
  #products .card, #products .card-content { min-width: 0; }
  #products .card-content { padding: 10px 5px; }
  #products .card h3 { font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
  #products .price { font-size: 18px; }
  #products .add-cart { padding-inline: 6px; font-size: 12px; }
  .dupla-joias { margin-block: 20px; }
}
