:root{
  --wine-950:#250106;
  --wine-900:#35030b;
  --wine-800:#4b0612;
  --wine-700:#650919;
  --wine-600:#7c1022;
  --cream:#fff9f2;
  --cream-2:#f6e8dd;
  --gold:#c99b49;
  --gold-soft:#ead4a0;
  --ink:#2c171b;
  --muted:#755e62;
  --white:#fff;
  --shadow:0 22px 55px rgba(46,4,12,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--wine-950);color:var(--ink)}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}
.wrap{width:min(1420px,94%);margin:auto}

.topline{
  background:linear-gradient(90deg,var(--wine-950),var(--wine-700),var(--wine-950));
  color:#ead9dc;
  border-bottom:1px solid rgba(201,155,73,.25);
}
.topline .wrap{
  min-height:34px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:48px;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.site-header{
  position:sticky;top:0;z-index:80;
  background:linear-gradient(180deg,rgba(62,4,15,.98),rgba(48,3,11,.98));
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.header-row{
  min-height:88px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.brand{
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  color:#f3e7da;
  letter-spacing:.02em;
}
.brand small{
  display:block;
  color:var(--gold-soft);
  font-family:Arial,Helvetica,sans-serif;
  font-size:7px;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-top:4px;
}
.nav{display:flex;gap:34px;align-items:center}
.nav a{
  color:#fff;
  text-transform:uppercase;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}
.nav a:hover{color:var(--gold-soft)}
.header-icons{
  justify-self:end;
  display:flex;
  gap:14px;
  color:var(--gold-soft);
  font-size:19px;
}
.hero{
  background:var(--cream);
}
.hero .wrap{
  width:min(1536px,100%);
}
.hero-image{
  width:100%;
  height:auto;
}

.section{
  padding:58px 0;
  background:linear-gradient(180deg,#fffaf4,#f5e7dc);
}
.section.wine{
  color:#fff;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.05),transparent 20%),
    radial-gradient(circle at 90% 90%,rgba(201,155,73,.08),transparent 24%),
    linear-gradient(135deg,var(--wine-950),var(--wine-700) 55%,var(--wine-900));
}
.section-head{text-align:center;margin-bottom:28px}
.section-head span{
  color:var(--gold);
  font-size:9px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.section-head h2{
  margin:9px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:44px;
  font-weight:500;
  color:var(--wine-700);
}
.wine .section-head h2{color:#fff}
.section-head p{
  max-width:660px;
  margin:12px auto 0;
  line-height:1.7;
  font-size:13px;
  color:var(--muted);
}
.wine .section-head p{color:#e7d6d9}
.flourish{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:11px;color:var(--gold)
}
.flourish::before,.flourish::after{content:"";width:62px;height:1px;background:var(--gold)}

.about-grid{
  display:grid;
  grid-template-columns:40% 60%;
  gap:0;
  overflow:hidden;
  border-radius:26px;
  background:#fffaf4;
  box-shadow:var(--shadow);
}
.about-grid img{
  width:100%;height:100%;object-fit:cover;min-height:380px;
}
.about-copy{
  padding:48px 52px;
  display:flex;flex-direction:column;justify-content:center;
}
.about-copy .eyebrow{
  color:var(--gold);
  font-size:9px;
  letter-spacing:.25em;
  text-transform:uppercase;
}
.about-copy h2{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--wine-700);
  font-size:42px;
  line-height:1;
  margin:8px 0 16px;
  font-weight:500;
}
.about-copy p{
  max-width:620px;
  font-size:14px;
  line-height:1.85;
  color:#695458;
  margin:0;
}
.about-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:30px;
}
.about-point{
  text-align:center;
  padding:16px 10px;
  border-top:1px solid rgba(201,155,73,.42);
}
.about-point b{
  display:block;
  color:var(--wine-700);
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  margin-top:5px;
}
.about-point span{color:var(--gold);font-size:21px}

.products-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.product-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(180deg,#fff9f3,#ecd8cd);
  box-shadow:0 18px 38px rgba(60,6,17,.13);
  transition:.25s;
}
.product-card:hover{transform:translateY(-5px);box-shadow:0 26px 46px rgba(60,6,17,.19)}
.product-photo{
  height:315px;
  overflow:hidden;
  background:#efe0d7;
}
.product-photo img{
  width:100%;height:100%;object-fit:cover;
  transition:.3s;
}
.product-card:hover .product-photo img{transform:scale(1.025)}
.badge{
  position:absolute;left:13px;top:13px;z-index:4;
  background:linear-gradient(135deg,var(--wine-600),var(--wine-900));
  color:#fff;
  padding:7px 10px;
  border-radius:999px;
  font-size:8px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.product-body{padding:17px 17px 20px}
.product-body h3{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:500;
  color:#34191f;
}
.product-price{
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
  color:var(--wine-700);
}
.product-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:15px;
  padding:11px 13px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--wine-700),var(--wine-950));
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.instagram-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:180px;
  gap:10px;
}
.instagram-grid a{
  position:relative;overflow:hidden;border-radius:13px;
  background:#eadbd3;
}
.instagram-grid a:nth-child(1){grid-row:span 2}
.instagram-grid a:nth-child(4){grid-row:span 2}
.instagram-grid img{width:100%;height:100%;object-fit:cover;transition:.3s}
.instagram-grid a:hover img{transform:scale(1.035)}
.instagram-grid a::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent,rgba(56,4,14,.18));
}
.instagram-cta{
  display:flex;justify-content:center;margin-top:22px;
}
.outline-btn{
  padding:12px 18px;
  border:1px solid var(--wine-700);
  color:var(--wine-700);
  background:transparent;
  border-radius:8px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.whatsapp{
  position:fixed;
  right:24px;
  bottom:22px;
  z-index:200;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 17px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wine-700),var(--wine-950));
  color:#fff;
  box-shadow:0 16px 36px rgba(38,1,8,.28);
  border:1px solid rgba(201,155,73,.55);
}
.whatsapp .wa-icon{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  color:#f4d791;
  border:1px solid rgba(244,215,145,.8);
  font-size:19px;
}
.whatsapp strong{display:block;font-size:12px}
.whatsapp small{display:block;font-size:9px;color:#e4d1d5;margin-top:2px}

.footer{
  padding:38px 0 26px;
  background:#260107;
  color:#d9c5c9;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:30px;
}
.footer h4{color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.footer p,.footer a{font-size:11px;line-height:1.8;color:#d5c0c4}
.footer-brand{font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:29px}
.footer-brand span{color:var(--gold-soft)}
.copyright{
  text-align:center;
  padding-top:18px;
  margin-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:9px;
}

/* Product detail page */
.product-page{
  min-height:100vh;
  background:linear-gradient(135deg,#fffaf4,#f3e5db);
  padding:44px 0 70px;
}
.back-link{
  display:inline-flex;gap:8px;align-items:center;
  color:var(--wine-700);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.product-detail{
  display:grid;
  grid-template-columns:50% 50%;
  overflow:hidden;
  border-radius:26px;
  background:#fffaf5;
  box-shadow:0 25px 60px rgba(54,5,15,.14);
}
.detail-image{
  min-height:660px;
  background:#eadbd2;
}
.detail-image img{width:100%;height:100%;object-fit:cover}
.detail-copy{padding:52px 48px}
.detail-collection{
  color:var(--gold);
  font-size:9px;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:700;
}
.detail-copy h1{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--wine-700);
  font-size:45px;
  line-height:1;
  margin:10px 0 15px;
  font-weight:500;
}
.detail-price{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--wine-700);
  font-size:35px;
  margin-bottom:26px;
}
.detail-title{
  margin-top:25px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#6c5559;
  font-weight:700;
}
.size-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.size-chip{
  padding:9px 12px;
  border:1px solid #cfb8ad;
  border-radius:7px;
  background:#fff;
  color:#5e4247;
  font-size:11px;
}
.detail-copy p{font-size:14px;line-height:1.75;color:#6b5559}
.detail-copy ul{padding-left:18px;color:#6b5559;font-size:13px;line-height:1.8}
.interest-btn{
  display:inline-flex;
  margin-top:22px;
  padding:14px 20px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--wine-700),var(--wine-950));
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

@media(max-width:950px){
  .topline{display:none}
  .header-row{grid-template-columns:auto 1fr auto;min-height:76px}
  .brand{justify-self:center;font-size:23px}
  .nav{display:none}
  .about-grid{grid-template-columns:1fr}
  .about-grid img{min-height:300px}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .instagram-grid{grid-template-columns:repeat(2,1fr)}
  .product-detail{grid-template-columns:1fr}
  .detail-image{min-height:460px}
}
@media(max-width:580px){
  .wrap{width:94%}
  .hero .wrap{width:100%}
  .hero-image{width:150%;max-width:none;transform:translateX(-16%)}
  .section{padding:40px 0}
  .section-head h2{font-size:34px}
  .about-copy{padding:34px 24px}
  .about-copy h2{font-size:35px}
  .about-points{grid-template-columns:1fr}
  .products-grid{
    display:flex;
    overflow-x:auto;
    gap:13px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .products-grid::-webkit-scrollbar{display:none}
  .product-card{flex:0 0 80%;scroll-snap-align:start}
  .product-photo{height:330px}
  .instagram-grid{grid-auto-rows:145px}
  .whatsapp{right:12px;bottom:12px;padding:10px 13px}
  .whatsapp small{display:none}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .detail-copy{padding:34px 24px}
  .detail-copy h1{font-size:36px}
  .detail-image{min-height:400px}
}


/* V31 — fachada real da loja */
.about-grid{
  background:linear-gradient(135deg,#fffaf4,#f4e5da);
}
.about-grid > img{
  object-position:center 38%;
  filter:contrast(1.03) saturate(.98);
}
.about-copy{
  background:
    radial-gradient(circle at 85% 12%,rgba(201,155,73,.10),transparent 24%),
    linear-gradient(145deg,#fffaf5,#f5e8de);
}
.about-copy h2{
  letter-spacing:.01em;
}


/* V32 — Contatos oficiais + Instagram */
.contact-float{
  position:fixed;
  right:24px;
  bottom:22px;
  z-index:250;
}
.contact-main{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 17px;
  border-radius:999px;
  border:1px solid rgba(201,155,73,.58);
  background:linear-gradient(135deg,var(--wine-700),var(--wine-950));
  color:#fff;
  box-shadow:0 16px 36px rgba(38,1,8,.30);
  cursor:pointer;
}
.contact-main .wa-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#f4d791;
  border:1px solid rgba(244,215,145,.80);
  font-size:19px;
}
.contact-main-copy{
  text-align:left;
}
.contact-main-copy strong{
  display:block;
  font-size:12px;
}
.contact-main-copy small{
  display:block;
  margin-top:2px;
  font-size:9px;
  color:#e4d1d5;
}
.contact-menu{
  position:absolute;
  right:0;
  bottom:68px;
  width:285px;
  display:none;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(160deg,#fffaf5,#f1dfd5);
  box-shadow:0 22px 55px rgba(37,1,8,.30);
  border:1px solid rgba(201,155,73,.35);
}
.contact-menu.open{
  display:block;
}
.contact-option{
  display:block;
  padding:13px 14px;
  border-radius:12px;
  color:#3b2025;
  transition:.2s ease;
}
.contact-option + .contact-option{
  border-top:1px solid rgba(111,25,43,.09);
}
.contact-option:hover{
  background:rgba(107,9,26,.07);
}
.contact-option .contact-role{
  display:block;
  margin-bottom:4px;
  color:#a57a39;
  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
}
.contact-option strong{
  display:block;
  color:#5b0715;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:500;
}
.contact-option small{
  display:block;
  margin-top:4px;
  color:#795f64;
  font-size:10px;
}
.instagram-option{
  background:linear-gradient(135deg,rgba(91,7,21,.03),rgba(201,155,73,.05));
}
.footer strong{
  color:#fff;
  font-weight:600;
}
.footer a:hover{
  color:var(--gold-soft);
}
@media(max-width:580px){
  .contact-float{
    right:12px;
    bottom:12px;
  }
  .contact-main{
    padding:9px 12px;
  }
  .contact-main-copy small{
    display:none;
  }
  .contact-menu{
    width:min(290px,calc(100vw - 24px));
    bottom:60px;
  }
}


/* V33 — Facebook + múltiplas proprietárias */
.social-cta{
  gap:12px;
  flex-wrap:wrap;
}
.facebook-btn{
  background:linear-gradient(135deg,#5b0715,#35030b);
  color:#fff;
  border-color:#5b0715;
}
.facebook-option{
  background:linear-gradient(135deg,rgba(67,18,95,.035),rgba(201,155,73,.04));
}


/* V34 — tipografia mais luxuosa no "Sobre a Você Mulher" */
.about-copy .eyebrow{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.34em !important;
  color:#b27f35 !important;
  margin-bottom:8px;
}

.about-copy h2{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:0 0 25px !important;
  font-family:"Bodoni MT","Didot","Bodoni 72","Times New Roman",Georgia,serif !important;
  font-size:54px !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  color:#5d0716 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 5px 16px rgba(92,7,22,.10);
}

.about-copy h2::after{
  content:"";
  display:block;
  width:78%;
  height:2px;
  margin-top:14px;
  background:linear-gradient(90deg,#741024,#c99b49 68%,transparent);
}

.about-copy p{
  max-width:700px !important;
  margin:0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  line-height:1.88 !important;
  font-weight:600 !important;
  letter-spacing:.005em;
  color:#4d373b !important;
}

.about-point b{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:#5b0715 !important;
}

.about-point span{
  color:#c99843 !important;
  font-size:24px !important;
}

@media(max-width:580px){
  .about-copy h2{
    font-size:39px !important;
  }
  .about-copy p{
    font-size:15px !important;
    line-height:1.75 !important;
  }
  .about-point b{
    font-size:16px !important;
  }
}


/* V34 — banner clicável e coleções separadas */
.hero-stage{
  position:relative;
}

.hero-collection-link{
  position:absolute;
  z-index:8;
  top:7%;
  bottom:7%;
  border-radius:20px;
  cursor:pointer;
}
.hero-winter-link{
  left:0;
  width:24%;
}
.hero-summer-link{
  right:0;
  width:24%;
}
.hero-collection-link:hover{
  box-shadow:inset 0 0 0 2px rgba(212,172,89,.35);
}

.collections-showcase{
  scroll-margin-top:90px;
}

.collection-block{
  scroll-margin-top:105px;
  padding-top:14px;
}

.collection-title-row{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:end;
  gap:34px;
  margin:0 0 24px;
  padding:0 3px 15px;
  border-bottom:1px solid rgba(234,212,160,.32);
}

.collection-kicker{
  display:block;
  margin-bottom:4px;
  color:#d3ab59;
  font-size:8px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.collection-title-row h3{
  margin:0;
  font-family:"Bodoni MT","Didot","Times New Roman",Georgia,serif;
  font-size:39px;
  line-height:1;
  font-weight:700;
  color:#fff;
  letter-spacing:-.02em;
}

.collection-title-row p{
  margin:0;
  max-width:620px;
  justify-self:end;
  color:#e7d4d8;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.65;
  text-align:right;
}

.collection-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:48px 0 38px;
  color:#d2aa57;
}
.collection-divider::before,
.collection-divider::after{
  content:"";
  width:110px;
  height:1px;
  background:linear-gradient(90deg,transparent,#c99b49);
}
.collection-divider::after{
  background:linear-gradient(90deg,#c99b49,transparent);
}

@media(max-width:950px){
  .hero-winter-link{
    left:0;
    width:28%;
  }
  .hero-summer-link{
    right:0;
    width:28%;
  }
  .collection-title-row{
    grid-template-columns:1fr;
    gap:9px;
    align-items:start;
  }
  .collection-title-row p{
    justify-self:start;
    text-align:left;
  }
}

@media(max-width:580px){
  .hero-collection-link{
    top:5%;
    bottom:5%;
  }
  .hero-winter-link{
    left:0;
    width:31%;
  }
  .hero-summer-link{
    right:0;
    width:31%;
  }
  .collection-title-row h3{
    font-size:32px;
  }
}

/* V37 — fundo minimalista luxuoso aprovado para a área vinho */
.collections-showcase{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(34,1,8,.08), rgba(34,1,8,.10)),
    url("colecoes-fundo-minimalista.png") center center / cover no-repeat !important;
}
.collections-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.035), transparent 30%),
    linear-gradient(180deg, rgba(35,1,8,.03), rgba(35,1,8,.12));
}
.collections-showcase::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 90px rgba(22,0,5,.18);
}
.collections-showcase > .wrap,
.collections-showcase .section-head,
.collections-showcase .collection-block,
.collections-showcase .collection-divider{
  position:relative;
  z-index:2;
}
.collections-showcase .product-card{
  box-shadow:0 22px 48px rgba(29,2,8,.30);
  border:1px solid rgba(255,255,255,.07);
}
.collections-showcase .section-head h2,
.collection-title-row h3{
  text-shadow:0 3px 15px rgba(0,0,0,.22);
}
@media(max-width:580px){
  .collections-showcase{
    background-position:center center !important;
    background-size:cover !important;
  }
}