@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --ivory:#f6f2e8;
  --paper:#fbf8f1;
  --ink:#181818;
  --muted:#6d6d70;
  --line:#928b80;
  --soft:rgba(80,75,68,.22);
  --purple:#5d2ca6;
  --white:#fff;
  --black:#101010;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.page{width:min(100% - 32px,1180px);margin:0 auto}

.site-header{
  padding:28px 0 24px;
  border-bottom:1px solid var(--soft);
  background:var(--paper);
}
.site-header>.page{
  width:min(100% - 48px,1500px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:56px;
}
.brand{
  flex:0 0 auto;
  text-align:center;
}
.monogram{
  font:500 clamp(2.35rem,4.2vw,4rem)/.88 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.28em;
  margin-left:.28em;
}
.brand-name{
  margin-top:10px;
  font:600 .78rem "Cormorant Garamond",Georgia,serif;
  letter-spacing:.22em;
  white-space:nowrap;
}
.brand-divider{
  width:58px;
  height:1px;
  margin:12px auto 9px;
  background:#aaa397;
}
.brand-tagline{
  color:#6f6b65;
  font:400 .68rem/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  white-space:nowrap;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(38px,5vw,82px);
  margin-top:0;
  flex-wrap:wrap;
}
.main-nav a{
  font-size:.78rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#5f6062;
}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--ink)}

/* CATÁLOGO */
.catalog-page{width:min(100% - 40px,1500px);margin:0 auto;padding:0 0 72px}
.catalog-controls{border-bottom:1px solid #d9d9d9}
.catalog-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d9d9d9}
.filters-toggle{border:0;background:transparent;padding:0;color:#696a70;font-size:.78rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase}
.catalog-count{font-size:.8rem;color:#77787c;white-space:nowrap}
.filters-panel{padding:16px 0 22px;overflow:hidden;max-height:520px;opacity:1;transition:max-height .28s ease,opacity .2s ease,padding .28s ease}
.filters-panel.is-collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}
.filter-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start;margin:10px 0}
.filter-label{padding-top:10px;font-size:.68rem;letter-spacing:.3em;color:#77787c;text-transform:uppercase;white-space:nowrap}
.filter-options{display:flex;flex-wrap:wrap;gap:10px 12px}
.filter-pill{min-height:44px;border:1px solid #d1d1d3;border-radius:999px;background:transparent;color:#696a70;padding:8px 20px;font-size:.84rem;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease}
.filter-pill:hover{border-color:#9c9ca0;color:#222}
.filter-pill.is-active{background:#111;color:#fff;border-color:#111}

.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 40px;padding-top:38px;align-items:start}
.watch-card{min-width:0}
.watch-image-link{display:block}
.watch-image{position:relative;aspect-ratio:1/1;background:#e8e2d7;overflow:hidden}
.watch-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .2s ease,opacity .2s ease}
.watch-card:not(.is-sold) .watch-image-link:hover img{transform:scale(1.015)}
.sold-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.68)}
.sold-overlay span{border:2px solid #202020;background:rgba(255,255,255,.08);padding:10px 28px;font-size:1rem;letter-spacing:.34em;text-indent:.34em;color:#111}
.watch-card.is-sold .watch-image img{filter:saturate(.15);opacity:.78}
.watch-copy{padding-top:14px}
.watch-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.watch-brand{font-size:.7rem;letter-spacing:.31em;text-transform:uppercase;color:#696a70;line-height:1.35}
.price{font-size:.91rem;font-weight:400;color:#171717;white-space:nowrap}
.watch-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:4px}
.watch-title{margin:0;font:500 1.15rem/1.1 Inter,Arial,sans-serif;letter-spacing:-.03em}
.installment-link{border:0;background:transparent;color:#99999d;padding:0;display:flex;align-items:center;gap:6px;font-size:.66rem;white-space:nowrap}
.installment-icon{font-size:.8rem;line-height:1;transform:translateY(-1px)}
.watch-reference{margin-top:6px;color:#707176;font-size:.72rem}
.watch-description{margin:16px 0 20px;color:#6d6e72;font-size:.8rem;line-height:1.58;min-height:3.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.watch-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:14px}
.catalog-button{height:47px;display:flex;align-items:center;justify-content:center;font-size:.68rem;letter-spacing:.31em;text-indent:.31em;text-transform:uppercase}
.catalog-button.whatsapp{background:#101010;color:#fff;border:1px solid #101010}
.catalog-button.details{background:transparent;color:#222;border:1px solid #d3d3d5}
.catalog-button:hover{opacity:.84}
.empty{grid-column:1/-1;padding:60px 20px;border:1px dashed #bdb4a7;text-align:center;color:var(--muted)}


/* SIMULADOR DE PARCELAMENTO */
body.modal-open{overflow:hidden}
.installment-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.installment-modal.is-hidden{display:none}
.installment-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);cursor:default}
.installment-dialog{position:relative;z-index:1;width:min(100%,520px);max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:#171717;padding:28px 28px 30px;box-shadow:0 18px 60px rgba(0,0,0,.26)}
.installment-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:1px solid #777;background:#fff;color:#555;font:400 1.45rem/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:0}
.installment-close:hover{background:#f2f2f2}
.installment-dialog h2{margin:0 42px 18px 0;font:600 1.18rem/1.25 Inter,Arial,sans-serif;letter-spacing:-.03em}
.installment-base{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;font-size:.77rem}
.installment-base span{font-size:.66rem;letter-spacing:.28em;color:#67676b}
.installment-base strong{font-weight:500}
.installment-table{width:100%;border-collapse:collapse;table-layout:fixed}
.installment-table th,.installment-table td{border-bottom:1px solid #dedede;padding:9px 8px;text-align:left}
.installment-table th{font-size:.65rem;font-weight:500;letter-spacing:.28em;color:#66676b}
.installment-table td{font-size:.84rem}
.installment-table th:nth-child(1),.installment-table td:nth-child(1){width:30%}
.installment-table th:nth-child(2),.installment-table td:nth-child(2){width:22%}
.installment-table th:nth-child(3),.installment-table td:nth-child(3){width:48%;text-align:right}
.installment-note{margin:20px 0 0;color:#777;font-size:.68rem;line-height:1.45}

/* Mantém os cards visualmente próximos ao catálogo de referência em telas grandes */
@media(min-width:1200px){
  .catalog-page{max-width:1500px}
  .watch-image{max-height:473px}
}

/* PÁGINAS INSTITUCIONAIS */
.hero{padding:54px 0 36px;text-align:center}
.eyebrow{font-size:.64rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.hero h1{font:500 clamp(2.6rem,7vw,5rem)/.95 "Cormorant Garamond",Georgia,serif;margin:0}
.hero p{max-width:620px;margin:18px auto 0;color:var(--muted);font-size:.9rem}
.content-page{width:min(100% - 32px,820px);margin:0 auto;padding:66px 0 90px}
.content-page h1{font:500 clamp(2.8rem,7vw,4.6rem)/.95 "Cormorant Garamond",Georgia,serif;margin:0 0 28px}
.content-page h2{font:500 2rem "Cormorant Garamond",Georgia,serif;margin-top:38px}
.content-page p{color:var(--muted);line-height:1.85}

/* DETALHE DO RELÓGIO */
.watch-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:54px;padding:54px 0 80px}
.detail-main-image{aspect-ratio:4/5;border:1px solid #aaa195;background:#eee7db;overflow:hidden}
.detail-main-image img{display:block;width:100%;height:100%;object-fit:cover}
.thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
.thumb{padding:0;border:1px solid #c7c0b4;background:none;aspect-ratio:1;overflow:hidden;cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb.active{border-color:var(--purple)}
.detail-kicker{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.detail-title{font:500 clamp(2.8rem,5vw,4.7rem)/.9 "Cormorant Garamond",Georgia,serif;margin:7px 0 8px}
.detail-ref{color:var(--muted);font-size:.82rem}
.detail-price{font-size:1.3rem;font-weight:600;margin:24px 0 6px}
.detail-status{color:var(--purple);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.whatsapp-button{display:flex;align-items:center;justify-content:center;min-height:52px;background:var(--purple);color:white;font-weight:600;margin:26px 0 34px;padding:12px 18px}
.detail-description{color:var(--muted);line-height:1.8;white-space:pre-wrap}
.specs{margin-top:34px;border-top:1px solid var(--soft)}
.spec-row{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--soft)}
.spec-label{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.back-link{display:inline-block;margin-top:34px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.footer{border-top:1px solid var(--soft);padding:34px 0 46px;text-align:center;background:var(--paper)}
.footer-brand{font:600 1rem "Cormorant Garamond",Georgia,serif;letter-spacing:.16em}
.footer p{color:var(--muted);font-size:.7rem}

@media(max-width:1050px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
}

@media(max-width:900px){
  .watch-detail{grid-template-columns:1fr;gap:30px}
  .filter-row{grid-template-columns:1fr;gap:8px}
  .filter-label{padding-top:0}
}

@media(max-width:640px){
  .site-header{padding:22px 0 20px}
  .site-header>.page{
    width:min(100% - 28px,1500px);
    flex-direction:column;
    justify-content:center;
    gap:22px;
  }
  .brand-name{font-size:.72rem}
  .brand-divider{margin-top:10px}
  .brand-tagline{font-size:.62rem}

  .installment-modal{padding:14px}
  .installment-dialog{padding:24px 18px 22px}
  .installment-table th{font-size:.58rem;letter-spacing:.18em}
  .installment-table td{font-size:.78rem}

  .main-nav{justify-content:center;gap:24px;margin-top:0}
  .main-nav a{font-size:.70rem;letter-spacing:.18em}
  .catalog-page{width:min(100% - 24px,1580px)}
  .catalog-toolbar{min-height:54px}
  .filters-toggle{font-size:.68rem;letter-spacing:.24em}
  .catalog-count{font-size:.72rem}
  .filter-pill{min-height:40px;padding:8px 15px;font-size:.77rem}
  .catalog-grid{grid-template-columns:1fr;gap:40px;padding-top:26px}
  .watch-title-row{align-items:flex-start}
  .installment-link{font-size:.62rem}
  .watch-actions{grid-template-columns:minmax(0,2fr) minmax(112px,1fr);gap:10px}
  .catalog-button{font-size:.64rem}
  .hero{padding-top:38px}
  .spec-row{grid-template-columns:110px 1fr}
}


/* =========================================================
   PÁGINA DE DETALHES V5 — layout editorial de referência
   ========================================================= */

.detail-page-body{
  background:#fff;
}

.watch-detail-page{
  width:min(calc(100% - 48px),1280px);
  margin:0 auto;
  padding:26px 0 84px;
}

.detail-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 42px;
  color:#626262;
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  text-decoration:none;
}

.detail-back-link:hover{
  color:#111;
}

.watch-detail-reference{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);
  gap:68px;
  align-items:start;
}

.detail-reference-image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f1f1f1;
}

.detail-reference-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.detail-reference-image.is-sold img{
  opacity:.28;
  filter:saturate(.65);
}

.detail-sold-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

.detail-sold-overlay span{
  border:2px solid #1f1f1f;
  padding:15px 36px;
  background:rgba(255,255,255,.58);
  color:#111;
  font-size:1rem;
  letter-spacing:.34em;
  text-indent:.34em;
}

.detail-reference-thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
}

.detail-reference-thumb{
  width:112px;
  height:112px;
  padding:0;
  border:1px solid transparent;
  background:#f3f3f3;
  overflow:hidden;
  cursor:pointer;
}

.detail-reference-thumb.active{
  border-color:#111;
}

.detail-reference-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.detail-copy-column{
  padding-top:16px;
}

.detail-reference-brand{
  color:#747474;
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.detail-reference-title{
  margin:0;
  color:#0e0e0e;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.7rem,4.2vw,4.6rem);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.05em;
}

.detail-reference-ref{
  margin-top:20px;
  color:#626262;
  font-size:1rem;
}

.detail-commercial-row{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:38px;
}

.detail-reference-price{
  color:#111;
  font-size:2rem;
  font-weight:500;
  line-height:1;
}

.detail-reference-price.sold-price{
  text-transform:capitalize;
}

.detail-reference-status{
  border:1px solid #222;
  padding:8px 13px 7px;
  color:#222;
  font-size:.62rem;
  letter-spacing:.25em;
  text-transform:uppercase;
}

.detail-reference-status.is-sold{
  background:#fff;
}

.detail-installment-link{
  appearance:none;
  border:0;
  background:transparent;
  margin:11px 0 0;
  padding:0;
  color:#8b8b8b;
  font:inherit;
  font-size:.72rem;
  cursor:pointer;
}

.detail-installment-link:hover{
  color:#111;
}

.detail-reference-description{
  margin-top:46px;
  color:#4c4c4c;
  font-size:1rem;
  line-height:1.65;
  white-space:pre-line;
}

.detail-whatsapp-button,
.detail-unavailable-button{
  display:inline-flex;
  min-width:272px;
  min-height:54px;
  margin-top:34px;
  align-items:center;
  justify-content:center;
  padding:12px 28px;
  background:#111;
  color:#fff;
  border:1px solid #111;
  font-size:.72rem;
  letter-spacing:.27em;
  text-indent:.27em;
  text-transform:uppercase;
  text-decoration:none;
}

.detail-unavailable-button{
  background:#111;
  color:#8e8e8e;
  cursor:not-allowed;
}

.detail-reference-specs{
  margin-top:50px;
  border-top:1px solid #ddd;
}

.detail-spec-row{
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);
  gap:24px;
  align-items:center;
  min-height:49px;
  border-bottom:1px solid #ddd;
  padding:10px 0;
}

.detail-spec-label{
  color:#777;
  font-size:.7rem;
  letter-spacing:.27em;
  text-transform:uppercase;
}

.detail-spec-value{
  color:#242424;
  text-align:right;
  font-size:.95rem;
}

.detail-footer{
  background:#fff;
}

@media (max-width:900px){
  .watch-detail-page{
    width:min(calc(100% - 28px),720px);
    padding-top:22px;
  }

  .watch-detail-reference{
    grid-template-columns:1fr;
    gap:36px;
  }

  .detail-copy-column{
    padding-top:0;
  }

  .detail-reference-thumbs{
    gap:8px;
  }

  .detail-reference-thumb{
    width:88px;
    height:88px;
  }

  .detail-reference-title{
    font-size:clamp(2.4rem,12vw,4rem);
  }

  .detail-reference-description{
    margin-top:32px;
  }
}

@media (max-width:520px){
  .watch-detail-page{
    width:calc(100% - 24px);
  }

  .detail-back-link{
    margin-bottom:26px;
  }

  .detail-commercial-row{
    align-items:flex-start;
    flex-wrap:wrap;
    margin-top:28px;
  }

  .detail-reference-price{
    font-size:1.7rem;
  }

  .detail-whatsapp-button,
  .detail-unavailable-button{
    width:100%;
    min-width:0;
  }

  .detail-spec-row{
    grid-template-columns:1fr;
    gap:5px;
    padding:13px 0;
  }

  .detail-spec-value{
    text-align:left;
  }
}

/* =========================================================
   V6 — PALETA UNIFICADA TWM
   Cor de referência do print: RGB(246,242,233) / #F6F2E9
   Aplica o mesmo fundo à página principal e à página de detalhes.
   ========================================================= */
:root{
  --twm-background:#f6f2e9;
  --ivory:#f6f2e9;
  --paper:#f6f2e9;
}

html,
body,
.site-header,
.catalog-controls,
.catalog-page,
.detail-page-body,
.watch-detail-page,
.detail-footer,
.footer{
  background-color:var(--twm-background);
}

/* Evita blocos brancos na página de detalhes */
.detail-reference-image,
.detail-reference-thumb{
  background-color:var(--twm-background);
}