/* Composição aprovada na imagem enviada pelo usuário em 16/10/2026. */
body.bella-reference { --bella-panel:#D2D6DC; --bella-gap:18px; padding-top:106px; }
.bella-reference #site-header { top:24px !important; height:72px; min-height:72px; border-radius:18px; }
.bella-reference #site-header .site-nav > li.active { background:#B59B60 !important; }
.bella-reference #site-header .site-nav > li.active > a { color:#fff; }
.bella-reference .bella-brand > span { font-family:'Bodoni Moda',Georgia,serif; letter-spacing:-.025em; }
.bella-reference .bella-brand > small { color:#343536; }
.bella-reference .hero-section { border-radius:18px; }
.bella-reference .hero-stage { height:auto; aspect-ratio:2/1; max-width:none; padding:6.4% 7.8% 3%; }
.bella-reference .hero-bg { bottom:54px; }
.bella-reference .hero-bg img { object-fit:cover; object-position:center; }
.bella-reference .hero-bg::after { background:none; }
.bella-reference .hero-left { width:53%; max-width:none; }
.bella-reference .ht-line-sm { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(25px,4.2vw,60px); line-height:1; letter-spacing:-.04em; }
.bella-reference .ht-line-big { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(70px,10.1vw,145px); font-weight:500; line-height:.92; letter-spacing:-.055em; margin:0 0 4px; }
.bella-reference .ht-line-big.it { font-size:clamp(61px,8.7vw,125px); font-weight:400; margin-bottom:0; }
.bella-reference .hero-left-desc { max-width:none; font-size:clamp(14px,1.9vw,24px); line-height:1.35; margin:22px 0 14px; }
.bella-reference .hero-left-desc::before { content:''; display:block; width:66px; height:2px; background:#B59B60; margin-bottom:15px; }
.bella-reference .hero-shop-btn { background:#171819; border:0; color:white; padding:13px 25px; font-size:clamp(13px,1.45vw,18px); letter-spacing:0; min-height:44px; }
.bella-reference .hero-stats.bella-trust { min-height:54px; padding:13px 3%; }
.bella-reference .bella-trust > span { display:flex; align-items:center; justify-content:center; gap:12px; }
.bella-reference .bella-trust svg { width:24px; height:24px; flex-shrink:0; stroke:#A48F58; }
.bella-reference .bella-trust b { margin:0; font-size:clamp(12px,1.2vw,16px); }
.bella-reference .nov-glass,.bella-reference .bella-collections { padding:18px 22px 22px; border-radius:18px; box-shadow:none; }
.bella-reference .nov-editorial { display:none; }
.bella-reference .nov-head,.bella-reference .bella-section-head { margin:0 0 16px; align-items:center; }
.bella-reference .nov-title,.bella-reference .bella-section-head h2 { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(32px,4.1vw,58px); font-weight:400; line-height:1.1; margin:0; letter-spacing:-.045em; }
.bella-reference .nov-title::after,.bella-reference .bella-section-head h2::after { content:''; display:block; width:64px; height:2px; background:#A48F58; margin-top:8px; }
.bella-reference .nov-link { color:#807044; font-size:14px; }
.bella-reference .nov-track { gap:20px; }
.bella-reference .nov-card { flex:0 0 calc((100% - 60px)/4); }
.bella-reference .product-card-img { aspect-ratio:3/4.2; border-radius:9px; }
.bella-reference .product-card-body { padding:10px 5px 0; gap:4px; }
.bella-reference .product-card-name { min-height:0; font-size:15px; line-height:1.3; }
.bella-reference .product-card-price { font-size:18px; }
.bella-reference .product-card-price::before { content:'USD '; font-size:12px; font-weight:500; }
.bella-reference .nov-nav { opacity:0; transition:opacity .2s; }
.bella-reference .nov-wrap:hover .nov-nav,.bella-reference .nov-nav:focus-visible { opacity:1; }
.bella-reference .bella-section-head .bella-eyebrow,.bella-reference .bella-section-head > a { display:none; }
.bella-reference .bella-collection-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.bella-reference .bella-collection-tile { aspect-ratio:1.05; border-radius:10px; }
.bella-reference .bella-collection-tile img { object-position:center; }
.bella-reference .bella-collection-tile::after { inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.57)); }
.bella-reference .bella-collection-tile span { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(26px,3.1vw,44px); left:24px; bottom:20px; line-height:.98; }
.bella-reference .bella-collection-tile span::after { content:'→'; display:block; color:#D8C393; font-family:Georgia,serif; font-size:.9em; line-height:.9; margin-top:7px; }
@media(min-width:901px) and (max-width:1200px) {
  .bella-reference #site-header { grid-template-columns:1fr auto 1fr; padding:0 16px !important; }
  .bella-reference .bella-brand { grid-column:2; justify-self:center; }
  .bella-reference #site-header > nav { grid-column:1; justify-self:start; margin:0; }
  .bella-reference #site-header .header-icons { grid-column:3; }
  .bella-reference #site-header .site-nav > li > a { font-size:10px; padding:8px 7px; }
}
@media(min-width:701px) and (max-width:900px) {
  body.bella-reference { padding-top:88px !important; }
  body.bella-reference.has-bbm-nav #site-header { grid-template-columns:1fr auto 1fr; top:16px !important; height:62px; min-height:62px; }
  .bella-reference #site-header > nav { display:block; }
  .bella-reference #site-header .site-nav { display:flex !important; }
  .bella-reference #site-header .site-nav > li > a { font-size:9px; padding:7px 6px; }
  .bella-reference .bella-brand { grid-column:2; }
  .bella-reference .bella-brand > span { font-size:19px; }
  .bella-reference #site-header .header-icons { display:flex !important; grid-column:3; }
  .bella-reference #site-header .header-icons > .hamburger { display:none !important; }
  .bella-reference #site-header #user-wrap { display:block !important; }
  .bella-reference #site-header #search-wrap { order:0; }
  .bella-reference #site-header #user-wrap { order:1; }
  .bella-reference #site-header #cart-btn { order:2; }
  .bella-reference #site-header .icon-btn { width:34px !important; min-width:34px; padding:8px !important; }
}
@media(max-width:900px) {
  .bella-reference .hero-left-desc { margin:14px 0 10px; }
  .bella-reference .hero-left-desc::before { margin-bottom:10px; width:52px; }
  .bella-reference .hero-shop-btn { padding:10px 19px; min-height:40px; }
  .bella-reference .nov-glass,.bella-reference .bella-collections { padding:14px 14px 18px; }
  .bella-reference .nov-track { gap:14px; }
  .bella-reference .nov-card { flex-basis:calc((100% - 42px)/4); }
  .bella-reference .product-card-name { font-size:13px; }
  .bella-reference .product-card-price { font-size:16px; }
}
@media(max-width:700px) {
  body.bella-reference { padding-top:90px !important; --bella-gap:14px; }
  .bella-reference .hero-stage { height:440px; aspect-ratio:auto; padding:42px 20px 20px; }
  .bella-reference .hero-bg { bottom:88px; }
  .bella-reference .hero-bg img { object-position:61% center; }
  .bella-reference .hero-bg::after { background:linear-gradient(90deg,rgba(216,218,220,.8),rgba(216,218,220,.28) 38%,transparent 64%); }
  .bella-reference .hero-left { width:60%; max-width:265px; }
  .bella-reference .ht-line-sm { font-size:clamp(25px,6.5vw,38px); }
  .bella-reference .ht-line-big { font-size:clamp(57px,15vw,82px); margin:0 0 8px; }
  .bella-reference .ht-line-big.it { font-size:clamp(48px,12.8vw,70px); }
  .bella-reference .hero-left-desc { max-width:165px; font-size:14px; margin:20px 0 17px; }
  .bella-reference .hero-shop-btn { padding:12px 16px; font-size:12px; gap:8px; min-height:44px; }
  .bella-reference .hero-stats.bella-trust { min-height:88px; padding:12px 4px; }
  .bella-reference .bella-trust > span { flex-direction:column; gap:7px; }
  .bella-reference .bella-trust svg { width:21px; height:21px; }
  .bella-reference .bella-trust b { font-size:10px; padding:0 3px; }
  .bella-reference .nov-card { flex-basis:calc((100% - 12px)/2); }
  .bella-reference .nov-track { gap:12px; }
  .bella-reference .nov-nav { opacity:1; }
  .bella-reference .nov-head,.bella-reference .bella-section-head { margin-bottom:12px; }
  .bella-reference .nov-title,.bella-reference .bella-section-head h2 { font-size:32px; }
  .bella-reference .nov-link { font-size:12px; }
  .bella-reference .bella-collection-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .bella-reference .bella-collection-tile { aspect-ratio:.62; border-radius:8px; }
  .bella-reference .bella-collection-tile span { left:8px; right:5px; bottom:12px; font-size:clamp(17px,4.6vw,27px); }
}