@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap");
:root{
  --primary-color: #e11d48;
  --primary-dark: #be123c;
  --accent-color: #facc15;
  --dark-bg: #0c0c0e;
  --light-bg: #f4f4f6;
  --bg-color: #ffffff;
  --bg-secondary: #f8f8fa;
  --text-color: #121214;
  --text-secondary: #65656d;
  --border-color: #e2e2e8;
  --card-bg: #ffffff;
  --shadow-color: rgba(0, 0, 0, .08);
  --header-bg: #0c0c0e;
  --header-text: #ffffff;
  --transition-fast: .2s cubic-bezier(.16, 1, .3, 1);
  --transition-smooth: .35s cubic-bezier(.16, 1, .3, 1);
  --border-radius: 8px;
  --border-radius-large: 16px
}
body.dark-mode{
  --bg-color: #0c0c0e;
  --bg-secondary: #141417;
  --text-color: #f4f4f6;
  --text-secondary: #a1a1aa;
  --border-color: #27272a;
  --card-bg: #141417;
  --shadow-color: rgba(0, 0, 0, .4)
}
*{
  box-sizing:border-box;
  margin:0;
  padding:0
}
html{
  scroll-behavior:smooth
}
body{
  font-family:Inter,system-ui,-apple-system,sans-serif;
  background-color:var(--bg-color);
  color:var(--text-color);
  line-height:1.5;
  overflow-x:hidden;
  transition:background-color var(--transition-smooth),color var(--transition-smooth)
}
a{
  text-decoration:none;
  color:inherit
}
button,input,select,textarea{
  font-family:inherit;
  outline:none
}
button{
  cursor:pointer;
  border:none;
  background:none;
  transition:all var(--transition-fast)
}
ul{
  list-style:none
}
img{
  max-width:100%;
  display:block;
  object-fit:cover
}
.text-accent{
  color:var(--primary-color)!important
}
.text-yellow{
  color:var(--accent-color)!important
}
.text-green{
  color:#10b981!important
}
.hidden{
  display:none!important
}
.push-container{
  position:fixed;
  top:100px;
  right:20px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none
}
.push-card{
  background:#0f172a;
  color:#fff;
  border-left:4px solid var(--primary-color);
  padding:12px 18px;
  border-radius:6px;
  box-shadow:0 10px 15px -3px #0000004d;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:.85rem;
  max-width:320px;
  transform:translate(120%);
  transition:transform var(--transition-smooth);
  pointer-events:auto
}
.push-card.slide-in{
  transform:translate(0)
}
.push-card .icon{
  color:var(--accent-color);
  flex-shrink:0
}
.promo-bar{
  background-color:var(--primary-color);
  color:#fff;
  font-family:Space Grotesk,sans-serif;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding:8px 0;
  overflow:hidden;
  position:relative;
  z-index:1001
}
.promo-text-track{
  display:flex;
  white-space:nowrap;
  animation:promoTicker 22s linear infinite;
  width:max-content
}
.promo-item{
  padding:0 50px;
  display:inline-block
}
@keyframes promoTicker{
  0%{
    transform:translateZ(0)
  }
  to{
    transform:translate3d(-50%,0,0)
  }

}
.main-header{
  background-color:var(--header-bg);
  color:var(--header-text);
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 4px 12px var(--shadow-color)
}
.header-container{
  max-width:1300px;
  margin:0 auto;
  padding:15px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px
}
.header-logo{
  display:flex;
  flex-direction:column;
  line-height:1
}
.logo-text{
  font-family:Space Grotesk,sans-serif;
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:-.03em;
  color:#fff
}
.logo-sub{
  font-family:JetBrains Mono,monospace;
  font-size:.65rem;
  font-weight:700;
  color:var(--primary-color);
  letter-spacing:.25em;
  margin-top:-2px
}
.header-search-box{
  flex:1;
  max-width:480px;
  display:flex;
  background-color:#ffffff14;
  border:1.5px solid rgba(255,255,255,.15);
  border-radius:var(--border-radius);
  overflow:hidden;
  transition:all var(--transition-fast)
}
.header-search-box:focus-within{
  border-color:var(--primary-color);
  background-color:#ffffff1f
}
.header-search-box input{
  flex:1;
  border:none;
  background:none;
  padding:10px 15px;
  color:#fff;
  font-size:.85rem
}
.header-search-box input::placeholder{
  color:#ffffff80
}
.btn-search-icon{
  background:none;
  color:#ffffffb3;
  padding:10px 15px;
  display:flex;
  align-items:center;
  justify-content:center
}
.btn-search-icon:hover{
  color:var(--primary-color)
}
.header-actions{
  display:flex;
  align-items:center;
  gap:16px
}
.header-action-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:.65rem;
  background:none;
  border:none;
  color:#ffffffd9;
  transition:color var(--transition-fast);
  padding:4px;
  position:relative
}
.header-action-btn svg{
  width:22px;
  height:22px;
  margin-bottom:2px
}
.header-action-btn:hover{
  color:var(--primary-color)
}
.action-text{
  font-family:Space Grotesk,sans-serif;
  font-weight:500;
  text-transform:uppercase
}
.whatsapp-highlight{
  color:#25d366!important
}
.hot-badge{
  position:absolute;
  top:-8px;
  right:-8px;
  background-color:var(--accent-color);
  color:#000;
  font-size:.55rem;
  font-weight:800;
  padding:1px 4px;
  border-radius:4px;
  text-transform:uppercase
}
.cart-pill{
  flex-direction:row;
  align-items:center;
  gap:8px;
  background-color:var(--primary-color)!important;
  color:#fff!important;
  padding:8px 14px;
  border-radius:20px;
  font-family:Space Grotesk,sans-serif;
  font-weight:700
}
.cart-pill:hover{
  background-color:var(--primary-dark)!important
}
.cart-icon-wrapper{
  position:relative;
  display:flex
}
.cart-icon-wrapper svg{
  width:18px;
  height:18px;
  margin:0
}
.cart-counter{
  position:absolute;
  top:-8px;
  right:-8px;
  background-color:var(--accent-color);
  color:#000;
  font-size:.65rem;
  font-weight:900;
  min-width:16px;
  height:16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1px
}
.cart-price{
  font-size:.8rem
}
.header-dropdown{
  position:relative
}
.dropdown-trigger{
  width:100%
}
.dropdown-menu{
  position:absolute;
  top:100%;
  right:0;
  background-color:#121214;
  border:1px solid rgba(255,255,255,.1);
  padding:6px;
  border-radius:var(--border-radius);
  display:none;
  min-width:120px;
  box-shadow:0 10px 15px -3px #0000004d;
  z-index:1002
}
.header-dropdown:hover .dropdown-menu{
  display:block
}
.dropdown-item{
  width:100%;
  text-align:left;
  padding:6px 10px;
  font-size:.75rem;
  color:#ccc;
  font-weight:500
}
.dropdown-item:hover{
  background-color:var(--primary-color);
  color:#fff
}
.main-navigation{
  background-color:#000000f2;
  border-top:none!important;
  border-bottom:2.5px solid var(--primary-color)
}
.nav-container{
  max-width:1300px;
  margin:0 auto
}
.mobile-menu-toggle{
  display:none;
  color:#fff;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.9rem
}
.nav-links{
  display:flex;
  align-items:center;
  justify-content:center
}
.nav-links>li{
  position:relative
}
.nav-links>li>a{
  display:block;
  padding:12px 18px;
  color:#ffffffd9;
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:all var(--transition-fast)
}
.nav-links>li:hover>a{
  color:var(--primary-color);
  background-color:#ffffff0d
}
.spark-link{
  color:var(--accent-color)!important;
  display:flex;
  align-items:center;
  gap:4px
}
.fidelidade-spark{
  animation:flash 1.5s infinite;
  width:14px;
  height:14px
}
@keyframes flash{
  0%,to{
    opacity:.5
  }
  50%{
    opacity:1
  }

}
.nav-promo-tab a{
  background-color:var(--primary-color);
  color:#fff!important
}
.nav-promo-tab:hover a{
  background-color:var(--primary-dark)!important
}
.admin-badge{
  background-color:#27272a;
  color:#ff002c!important;
  display:flex!important;
  align-items:center;
  gap:4px;
  font-size:.75rem!important
}
.admin-badge svg{
  width:14px;
  height:14px
}
.has-megamenu{
  position:static!important
}
.mega-menu{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background-color:#121214;
  border-bottom:3.5px solid var(--primary-color);
  box-shadow:0 15px 30px #00000080;
  z-index:999;
  padding:40px 20px;
  display:none;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .3s,transform .3s
}
.has-megamenu:hover .mega-menu{
  display:block;
  opacity:1;
  transform:translateY(0)
}
.mega-menu-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px
}
.mega-column h3{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:700;
  color:#fff;
  margin-bottom:12px;
  border-left:2px solid var(--primary-color);
  padding-left:8px;
  text-transform:uppercase;
  letter-spacing:.05em
}
.mega-column h3 a:hover{
  color:var(--primary-color)
}
.mega-column ul li a{
  display:block;
  padding:6px 0;
  color:#a1a1aa;
  font-size:.75rem;
  font-weight:500;
  transition:color var(--transition-fast)
}
.mega-column ul li a:hover{
  color:var(--accent-color);
  transform:translate(3px)
}
.highlighted-col{
  background-color:#ffffff05;
  border:1px dashed rgba(255,255,255,.08);
  padding:12px;
  border-radius:6px
}
.highlighted-col h3{
  border-color:var(--accent-color)
}
.hero-section{
  position:relative;
  background-image:linear-gradient(135deg,#000000eb 20%,#0c0c0eb3),url(https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?q=80&w=1500);
  background-size:cover;
  background-position:center;
  padding:120px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:520px
}
.hero-content{
  max-width:800px;
  color:#fff;
  z-index:2
}
.hero-badge{
  background-color:var(--primary-color);
  color:#fff;
  display:inline-block;
  font-family:Space Grotesk,sans-serif;
  font-size:.7rem;
  font-weight:800;
  padding:4px 12px;
  border-radius:4px;
  letter-spacing:.1em;
  margin-bottom:20px;
  box-shadow:0 4px 10px #0003
}
.hero-title{
  font-family:Space Grotesk,sans-serif;
  font-size:3.5rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
  text-transform:uppercase;
  margin-bottom:20px
}
.hero-subtitle{
  font-size:1.1rem;
  color:#d1d5db;
  max-width:600px;
  margin:0 auto 35px
}
.hero-actions-container{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  margin-bottom:40px
}
.btn-hero{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:.85rem;
  padding:15px 30px;
  border-radius:var(--border-radius);
  transition:transform var(--transition-fast),background var(--transition-fast)
}
.btn-primary-hero{
  background-color:var(--primary-color);
  color:#fff;
  box-shadow:0 8px 16px #e11d484d
}
.btn-primary-hero:hover{
  background-color:var(--primary-dark);
  transform:translateY(-2px)
}
.btn-secondary-hero{
  background-color:#25d366;
  color:#121214
}
.btn-secondary-hero:hover{
  background-color:#20ba59;
  transform:translateY(-2px)
}
.hero-benefits{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.15);
  padding-top:25px
}
.benefit-tag{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.75rem;
  font-weight:500;
  color:#a1a1aa
}
.benefit-tag svg{
  color:var(--accent-color);
  width:16px;
  height:16px
}
.catalog-filters-section{
  padding:40px 20px 10px
}
.section-container{
  max-width:1300px;
  margin:0 auto
}
.catalog-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px;
  flex-wrap:wrap;
  gap:15px
}
.catalog-title-wrapper h2{
  font-family:Space Grotesk,sans-serif;
  font-size:1.8rem;
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase
}
.catalog-title-wrapper p{
  font-size:.9rem;
  color:var(--text-secondary)
}
.active-filter-badge{
  background-color:var(--bg-secondary);
  border:1.5px solid var(--border-color);
  padding:8px 14px;
  border-radius:6px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.8rem
}
.active-filter-badge button{
  background:none;
  cursor:pointer;
  color:var(--primary-color)
}
.active-filter-badge button svg{
  width:14px;
  height:14px
}
.filter-tabs-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:15px;
  scrollbar-width:thin
}
.filter-tab{
  background-color:var(--bg-secondary);
  border:1.5px solid var(--border-color);
  color:var(--text-color);
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.75rem;
  text-transform:uppercase;
  padding:10px 18px;
  border-radius:4px;
  white-space:nowrap
}
.filter-tab.active{
  background-color:#0c0c0e;
  color:#fff;
  border-color:#0c0c0e
}
body.dark-mode .filter-tab.active{
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.filter-tab:hover:not(.active){
  border-color:var(--primary-color)
}
.highlight-tab{
  border-color:var(--primary-color);
  color:var(--primary-color)
}
.highlight-tab:hover{
  background-color:var(--primary-color);
  color:#fff
}
.store-container{
  max-width:1300px;
  margin:0 auto;
  padding:0 20px 80px
}
.grid-layout{
  display:flex;
  flex-direction:column;
  gap:40px
}
.no-products-screen{
  text-align:center;
  padding:60px 20px;
  background-color:var(--bg-secondary);
  border-radius:var(--border-radius);
  border:1.5px dashed var(--border-color)
}
.empty-icon{
  width:48px;
  height:48px;
  color:var(--text-secondary);
  margin-bottom:15px
}
.no-products-screen h3{
  font-family:Space Grotesk,sans-serif;
  font-size:1.25rem;
  margin-bottom:5px
}
.btn-clear-choice{
  margin-top:15px;
  background-color:var(--primary-color);
  color:#fff;
  font-weight:600;
  padding:10px 24px;
  border-radius:4px
}
.vitrine-shelf-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}
@media(max-width:1024px){
  .vitrine-shelf-grid{
    grid-template-columns:repeat(3,1fr)
  }

}
@media(max-width:768px){
  .vitrine-shelf-grid{
    grid-template-columns:repeat(2,1fr)
  }

}
@media(max-width:480px){
  .vitrine-shelf-grid{
    grid-template-columns:1fr
  }

}
.product-card{
  background-color:var(--card-bg);
  border:1.5px solid var(--border-color);
  border-radius:var(--border-radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:all var(--transition-fast);
  box-shadow:0 4px 6px var(--shadow-color);
  min-height:440px
}
.product-card:hover{
  transform:translateY(-4px);
  border-color:var(--primary-color);
  box-shadow:0 10px 20px var(--shadow-color)
}
.product-badge-pill{
  position:absolute;
  top:10px;
  left:10px;
  background-color:var(--primary-color);
  color:#fff;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.65rem;
  padding:4px 10px;
  border-radius:4px;
  text-transform:uppercase;
  z-index:5
}
.product-badge-pill.new{
  background-color:#000;
  color:#fff;
  border:1px solid var(--accent-color)
}
.product-badge-pill.soldout{
  background-color:#4b5563
}
.product-badge-pill.promo{
  background-color:var(--primary-color)
}
.product-badge-pill.best{
  background-color:#d97706
}
.btn-share-card{
  position:absolute;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  background-color:#0009;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5
}
.btn-share-card:hover{
  background-color:var(--primary-color)
}
.btn-share-card svg{
  width:14px;
  height:14px
}
.product-card-image{
  width:100%;
  height:220px;
  position:relative;
  background-color:var(--bg-secondary);
  overflow:hidden
}
.product-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s
}
.product-card:hover .product-card-image img{
  transform:scale(1.05)
}
.product-card-info{
  padding:15px;
  display:flex;
  flex-direction:column;
  flex:1
}
.product-tag-cat{
  font-family:JetBrains Mono,monospace;
  font-size:.65rem;
  font-weight:700;
  color:var(--text-secondary);
  text-transform:uppercase;
  margin-bottom:4px
}
.product-name{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:700;
  line-height:1.3;
  color:var(--text-color);
  margin-bottom:10px;
  height:36px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.product-pricing-box{
  margin-top:auto;
  border-top:1px dashed var(--border-color);
  padding-top:10px;
  margin-bottom:15px
}
.old-price-line{
  font-size:.75rem;
  color:var(--text-secondary);
  text-decoration:line-through;
  margin-bottom:2px
}
.current-price-row{
  display:flex;
  align-items:baseline;
  gap:8px
}
.new-price{
  font-family:Space Grotesk,sans-serif;
  font-size:1.25rem;
  font-weight:900;
  color:var(--primary-color)
}
.discount-calc-badge{
  background-color:#e11d481a;
  color:var(--primary-color);
  font-size:.65rem;
  font-weight:800;
  padding:1px 4px;
  border-radius:4px
}
.installments-line{
  font-size:.7rem;
  color:var(--text-secondary)
}
.pix-price-line{
  font-size:.75rem;
  font-weight:700;
  background-color:#facc151a;
  color:var(--text-color);
  display:inline-block;
  padding:2px 6px;
  border-radius:2px;
  margin-top:6px;
  border-left:2px solid var(--accent-color)
}
.product-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.btn-card-buy{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.65rem;
  text-transform:uppercase;
  padding:10px 4px;
  border-radius:4px
}
.btn-cart-add{
  background-color:#0c0c0e;
  color:#fff;
  border:1.5px solid #0c0c0e
}
body.dark-mode .btn-cart-add{
  background-color:#27272a;
  border-color:#27272a
}
.btn-cart-add:hover{
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.btn-card-whats{
  background-color:#25d366;
  color:#121214
}
.btn-card-whats:hover{
  background-color:#20ba59
}
.main-footer{
  background-color:#0c0c0e;
  color:#fff;
  padding:60px 20px 0;
  border-top:4px solid var(--primary-color)
}
.footer-container{
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px
}
@media(max-width:1024px){
  .footer-container{
    grid-template-columns:repeat(2,1fr)
  }

}
@media(max-width:600px){
  .footer-container{
    grid-template-columns:1fr
  }

}
.footer-col h3.footer-title{
  font-family:Space Grotesk,sans-serif;
  font-size:1rem;
  font-weight:700;
  color:#fff;
  margin-bottom:20px;
  text-transform:uppercase;
  letter-spacing:.05em;
  border-bottom:2px solid var(--primary-color);
  padding-bottom:8px;
  display:inline-block
}
.footer-col p{
  font-size:.85rem;
  color:#a1a1aa
}
.social-icons{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:15px
}
.social-icons a{
  background-color:#ffffff0f;
  width:32px;
  height:32px;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color var(--transition-fast),background var(--transition-fast)
}
.social-icons a:hover{
  background-color:var(--primary-color)
}
.social-icons a.tiktok-logo{
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.65rem;
  padding:0 8px;
  width:auto
}
.footer-col ul li a{
  display:block;
  padding:5px 0;
  font-size:.8rem;
  color:#a1a1aa;
  transition:color var(--transition-fast)
}
.footer-col ul li a:hover{
  color:var(--primary-color);
  transform:translate(3px)
}
.converter-card{
  background-color:#ffffff05;
  border:1px solid rgba(255,255,255,.08);
  padding:20px;
  border-radius:6px
}
.footer-whats-box{
  margin-top:15px;
  margin-bottom:15px
}
.whats-footer-btn{
  background-color:#25d366;
  color:#000!important;
  font-family:Space Grotesk,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:4px;
  font-size:.8rem
}
.whats-hours{
  font-size:.65rem;
  color:#71717a;
  margin-top:4px
}
.payment-seals{
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.seal-badge{
  background-color:#ffffff0d;
  padding:4px 8px;
  border-radius:4px;
  font-size:.65rem;
  font-family:Space Grotesk,sans-serif;
  color:#ccc;
  display:flex;
  align-items:center;
  gap:4px
}
.footer-bottom-info{
  background-color:#070708;
  padding:20px;
  margin-top:50px;
  font-size:.7rem;
  color:#52525b
}
.bottom-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px
}
.creator-stamp{
  font-family:Space Grotesk,sans-serif;
  font-weight:600
}
.cart-drawer{
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  z-index:2000;
  visibility:hidden
}
.cart-drawer.active{
  visibility:visible
}
.drawer-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#0009;
  opacity:0;
  transition:opacity .3s
}
.cart-drawer.active .drawer-overlay{
  opacity:1
}
.drawer-content{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  max-width:440px;
  height:100%;
  background-color:var(--bg-color);
  box-shadow:-10px 0 30px #0000004d;
  display:flex;
  flex-direction:column;
  transform:translate(100%);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
  z-index:10
}
.cart-drawer.active .drawer-content{
  transform:translate(0)
}
.drawer-header{
  padding:20px;
  border-bottom:2px solid var(--border-color);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color:var(--bg-secondary)
}
.drawer-title{
  display:flex;
  align-items:center;
  gap:8px
}
.drawer-title h2{
  font-family:Space Grotesk,sans-serif;
  font-size:1.25rem;
  font-weight:800;
  text-transform:uppercase
}
.items-count-badge{
  background-color:var(--primary-color);
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  padding:2px 7px;
  border-radius:10px
}
.btn-close-drawer{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--text-color)
}
.btn-close-drawer:hover{
  color:var(--primary-color)
}
.drawer-items{
  flex:1;
  overflow-y:auto;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:15px
}
.empty-cart-state{
  text-align:center;
  padding:40px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%
}
.huge-cart-icon{
  width:50px;
  height:50px;
  color:var(--text-secondary);
  opacity:.4;
  margin-bottom:12px
}
.btn-start-shopping{
  margin-top:15px;
  background-color:var(--primary-color);
  color:#fff;
  padding:10px 20px;
  border-radius:4px;
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase
}
.cart-item-row{
  display:flex;
  gap:12px;
  border-bottom:1px solid var(--border-color);
  padding-bottom:15px;
  position:relative
}
.cart-item-img{
  width:70px;
  height:70px;
  border-radius:4px;
  border:1px solid var(--border-color);
  background-color:var(--bg-secondary)
}
.cart-item-details{
  flex:1
}
.cart-item-name{
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:5px
}
.cart-item-price-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:5px
}
.cart-item-unit-p{
  font-weight:700;
  color:var(--primary-color);
  font-size:.85rem
}
.qty-badge-controls{
  display:flex;
  align-items:center;
  border:1px solid var(--border-color);
  border-radius:4px;
  overflow:hidden
}
.btn-qty-mini{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:700
}
.btn-qty-mini:hover{
  background-color:var(--bg-secondary);
  color:var(--primary-color)
}
.qty-val-mini{
  padding:0 8px;
  font-size:.75rem;
  font-family:JetBrains Mono,monospace;
  font-weight:700
}
.btn-item-delete{
  position:absolute;
  top:0;
  right:0;
  color:var(--text-secondary)
}
.btn-item-delete:hover{
  color:var(--primary-color)
}
.btn-item-delete svg{
  width:14px;
  height:14px
}
.drawer-footer{
  border-top:2px solid var(--border-color);
  background-color:var(--bg-secondary);
  padding:15px 20px
}
.footer-sub-label{
  font-size:.65rem;
  text-transform:uppercase;
  font-weight:700;
  color:var(--text-secondary);
  margin-bottom:4px;
  display:block
}
.cart-shipping-box,.cart-coupon-box{
  margin-bottom:12px
}
.shipping-inputs,.coupon-inputs{
  display:flex;
  gap:8px
}
.shipping-inputs input,.coupon-inputs input{
  flex:1;
  background-color:var(--bg-color);
  border:1.5px solid var(--border-color);
  border-radius:4px;
  padding:6px 12px;
  font-size:.75rem
}
.shipping-inputs input:focus,.coupon-inputs input:focus{
  border-color:var(--primary-color)
}
.btn-shipping-calc,.btn-coupon-apply{
  background-color:#0c0c0e;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  padding:0 12px;
  border-radius:4px
}
.btn-shipping-calc:hover,.btn-coupon-apply:hover{
  background-color:var(--primary-color)
}
.shipping-result,.coupon-result{
  font-size:.7rem;
  font-weight:600;
  margin-top:4px
}
.pricing-summary{
  background-color:var(--bg-color);
  padding:12px;
  border-radius:var(--border-radius);
  border:1px solid var(--border-color);
  margin-bottom:15px
}
.pricing-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.75rem;
  margin-bottom:6px
}
.pricing-line:last-child{
  margin-bottom:0
}
.total-row{
  margin-top:8px;
  border-top:1px dashed var(--border-color);
  padding-top:8px;
  font-size:1rem;
  font-family:Space Grotesk,sans-serif;
  font-weight:950
}
.pix-row{
  background-color:#facc1514;
  font-size:.7rem;
  font-weight:700;
  padding:4px 6px;
  border-radius:4px
}
.cart-action-buttons{
  display:grid;
  grid-template-columns:1fr;
  gap:8px
}
.btn-checkout{
  background-color:var(--primary-color);
  color:#fff;
  width:100%;
  padding:12px;
  border-radius:var(--border-radius);
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:800;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 4px 10px #e11d4840
}
.btn-checkout:hover{
  background-color:var(--primary-dark)
}
.btn-whats-checkout{
  background-color:#25d366;
  color:#121214;
  width:100%;
  padding:10px;
  border-radius:var(--border-radius);
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  font-weight:8s00;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px
}
.btn-whats-checkout:hover{
  background-color:#20ba59
}
.modal{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px
}
.modal.active{
  display:flex
}
.bg-backdrop{
  background-color:#000000b3;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)
}
.modal-card{
  background-color:var(--card-bg);
  border:2px solid var(--border-color);
  border-radius:var(--border-radius-large);
  width:100%;
  max-width:900px;
  max-height:90vh;
  overflow-y:auto;
  box-shadow:0 20px 25px -5px #00000080;
  display:flex;
  flex-direction:column
}
.modal-header{
  padding:20px;
  border-bottom:2.5px solid var(--primary-color);
  color:var(--text-color);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color:var(--bg-secondary)
}
.modal-header h2{
  font-family:Space Grotesk,sans-serif;
  text-transform:uppercase;
  font-size:1.15rem;
  font-weight:900;
  letter-spacing:.05em
}
.btn-close-modal{
  background:none;
  border:none;
  color:var(--text-color);
  font-size:1.5rem
}
.btn-close-modal:hover{
  color:var(--primary-color)
}
.modal-body{
  padding:25px
}
.checkout-form-layout{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:25px
}
@media(max-width:768px){
  .checkout-form-layout{
    grid-template-columns:1fr
  }

}
.form-group{
  margin-bottom:15px
}
.form-group label{
  font-family:Space Grotesk,sans-serif;
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--text-secondary);
  margin-bottom:4px;
  display:block
}
.form-group input,.form-group select{
  width:100%;
  background-color:var(--bg-secondary);
  border:1.5px solid var(--border-color);
  border-radius:var(--border-radius);
  padding:10px 14px;
  font-size:.85rem;
  color:var(--text-color)
}
.form-group input:focus,.form-group select:focus{
  border-color:var(--primary-color);
  background-color:var(--bg-color)
}
.form-row{
  display:flex;
  gap:15px
}
.col-small{
  width:100px
}
.crm-capture-info{
  background-color:#e11d480f;
  border:1px dashed var(--primary-color);
  padding:8px 12px;
  font-size:.7rem;
  border-radius:4px;
  margin-bottom:15px;
  font-weight:550
}
.payment-section-selector{
  border-top:1px dashed var(--border-color);
  margin-top:15px;
  padding-top:15px
}
.payment-section-selector h3{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:12px
}
.payment-tabs{
  display:flex;
  gap:10px;
  margin-bottom:15px
}
.payment-tab-option{
  flex:1;
  cursor:pointer
}
.payment-tab-option input{
  display:none
}
.payment-tab-option .tab-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1.5px solid var(--border-color);
  background-color:var(--bg-secondary);
  padding:10px;
  border-radius:var(--border-radius);
  font-size:.75rem;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  text-transform:uppercase
}
.payment-tab-option input:checked+.tab-pill{
  border-color:var(--primary-color);
  background-color:#e11d4814;
  color:var(--primary-color)
}
.payment-detail-container{
  background-color:var(--bg-secondary);
  padding:15px;
  border-radius:var(--border-radius);
  border:1.5px solid var(--border-color);
  margin-bottom:15px
}
.pix-instructions{
  display:flex;
  gap:15px;
  align-items:center
}
@media(max-width:480px){
  .pix-instructions{
    flex-direction:column;
    text-align:center
  }

}
.pix-qr-mock{
  width:90px;
  height:90px;
  background-color:#fff;
  border:2px solid var(--border-color);
  border-radius:4px;
  padding:5px;
  flex-shrink:0
}
.qr-pattern{
  width:100%;
  height:100%;
  background-image:repeating-linear-gradient(45deg,#000 0px,#000 2px,transparent 2px,transparent 4px),repeating-linear-gradient(-45deg,#000,#000 2px,#fff 2px,#fff 4px)
}
.pix-steps{
  flex:1;
  font-size:.75rem
}
.pix-key-box{
  background-color:var(--bg-color);
  padding:8px;
  border-radius:4px;
  border:1px solid var(--border-color);
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
  font-family:JetBrains Mono,monospace;
  font-size:.65rem;
  overflow-x:auto
}
.btn-copy-pix{
  background-color:var(--primary-color);
  color:#fff;
  padding:4px 8px;
  border-radius:2px;
  font-weight:700
}
.credit-card-simulator{
  display:flex;
  flex-direction:column;
  gap:20px
}
.card-visual-wrapper{
  perspective:1000px;
  width:280px;
  height:160px;
  margin:0 auto
}
.card-side{
  width:100%;
  height:100%;
  background-image:linear-gradient(135deg,#1e1b4b,#111827);
  color:#fff;
  border-radius:12px;
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 10px 15px #0000004d;
  position:relative;
  font-family:JetBrains Mono,monospace
}
.card-logo-brand{
  text-align:right;
  font-weight:700;
  font-style:italic;
  font-size:.95rem;
  color:var(--accent-color)
}
.card-chip{
  width:32px;
  height:24px;
  border-radius:4px;
  background-image:linear-gradient(135deg,#facc15,#ca8a04)
}
.card-number-display{
  font-size:.95rem;
  letter-spacing:.1em;
  text-align:center;
  margin:10px 0
}
.card-holder-display{
  font-size:.65rem;
  text-transform:uppercase
}
.card-expiry-display{
  font-size:.65rem;
  text-align:right
}
.card-inputs-grid{
  display:flex;
  flex-direction:column;
  gap:10px
}
.btn-checkout-execute{
  background-color:#25d366;
  color:#121214;
  font-family:Space Grotesk,sans-serif;
  font-weight:900;
  font-size:.9rem;
  text-transform:uppercase;
  width:100%;
  padding:14px;
  border-radius:var(--border-radius);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 4px 12px #25d3664d
}
.checkout-order-summary{
  background-color:var(--bg-secondary);
  border:1px solid var(--border-color);
  padding:15px;
  border-radius:var(--border-radius);
  max-height:500px;
  display:flex;
  flex-direction:column
}
.checkout-order-summary h3{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:12px;
  border-bottom:1px solid var(--border-color);
  padding-bottom:6px
}
.checkout-scoller-items{
  flex:1;
  overflow-y:auto;
  margin-bottom:15px
}
.checkout-items-row-mini{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.75rem;
  padding:6px 0;
  border-bottom:1px dashed var(--border-color)
}
.checkout-totals{
  border-top:1.5px solid var(--border-color);
  padding-top:12px
}
.checkout-totals .line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.75rem;
  margin-bottom:4px
}
.total-highlight{
  font-family:Space Grotesk,sans-serif;
  font-weight:900;
  font-size:1.1rem;
  color:var(--primary-color);
  border-top:1px solid var(--border-color);
  padding-top:8px;
  margin-top:8px
}
.auth-card{
  background-color:var(--card-bg);
  border:2px solid var(--border-color);
  border-radius:var(--border-radius-large);
  width:100%;
  max-width:440px;
  box-shadow:0 20px 25px -5px #00000080
}
.btn-auth-action{
  background-color:var(--primary-color);
  color:#fff;
  width:100%;
  padding:12px;
  border-radius:var(--border-radius);
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.85rem
}
.or-separator{
  text-align:center;
  font-family:Space Grotesk,sans-serif;
  font-size:.65rem;
  font-weight:700;
  color:var(--text-secondary);
  position:relative;
  margin:15px 0
}
.or-separator:before,.or-separator:after{
  content:"";
  position:absolute;
  top:50%;
  width:35%;
  height:1px;
  background-color:var(--border-color)
}
.or-separator:before{
  left:0
}
.or-separator:after{
  right:0
}
.social-login-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.btn-social{
  border:1px solid var(--border-color);
  padding:8px;
  border-radius:var(--border-radius);
  font-size:.8rem;
  font-weight:600
}
.btn-social.google:hover{
  background-color:var(--bg-secondary)
}
.btn-social.facebook{
  background-color:#1877f2;
  color:#fff;
  border:none
}
.user-card-profile{
  display:flex;
  gap:12px;
  align-items:center;
  background-color:var(--bg-secondary);
  padding:15px;
  border-radius:var(--border-radius);
  margin-bottom:20px
}
.profile-logged-icon{
  width:36px;
  height:36px;
  color:var(--primary-color)
}
.profile-details h4{
  font-family:Space Grotesk,sans-serif;
  font-size:.95rem
}
.profile-details p{
  font-size:.75rem;
  color:var(--text-secondary)
}
.fidelidade-status{
  font-size:.75rem;
  font-weight:700
}
.profile-recent-orders h5{
  font-family:Space Grotesk,sans-serif;
  font-size:.75rem;
  text-transform:uppercase;
  margin-bottom:10px
}
.orders-list-profile{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:20px
}
.order-item-history{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.75rem;
  padding:8px;
  border:1px solid var(--border-color);
  border-radius:var(--border-radius)
}
.status-tag{
  font-size:.65rem;
  font-weight:700;
  padding:2px 6px;
  border-radius:4px
}
.status-cyan{
  background-color:#06b6d41a;
  color:#0891b2
}
.btn-track-mini{
  background-color:var(--primary-color);
  color:#fff;
  padding:2px 6px;
  border-radius:2px
}
.btn-auth-logout{
  width:100%;
  text-align:center;
  padding:8px;
  font-size:.75rem;
  border:1.5px solid var(--border-color);
  border-radius:var(--border-radius);
  color:var(--text-secondary)
}
.tracking-card{
  background-color:var(--card-bg);
  border:2px solid var(--border-color);
  border-radius:var(--border-radius-large);
  width:100%;
  max-width:520px;
  box-shadow:0 20px 25px -5px #00000080
}
.tracking-search{
  display:flex;
  gap:10px;
  margin-top:15px;
  margin-bottom:20px
}
.tracking-search input{
  flex:1;
  background-color:var(--bg-secondary);
  border:1.5px solid var(--border-color);
  border-radius:4px;
  padding:10px;
  font-size:.85rem;
  color:var(--text-color)
}
.btn-tracking-search-go{
  background-color:#0c0c0e;
  color:#fff;
  padding:10px 18px;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  border-radius:4px
}
.btn-tracking-search-go:hover{
  background-color:var(--primary-color)
}
.tracking-result-box{
  background-color:var(--bg-secondary);
  border:1px solid var(--border-color);
  padding:15px;
  border-radius:var(--border-radius)
}
.tracking-order-id-bar{
  display:flex;
  justify-content:space-between;
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  border-bottom:1.5px solid var(--border-color);
  padding-bottom:10px;
  margin-bottom:20px
}
.tracking-timeline{
  display:flex;
  flex-direction:column;
  gap:20px;
  position:relative
}
.tracking-timeline:before{
  content:"";
  position:absolute;
  top:10px;
  left:12px;
  width:2px;
  height:calc(100% - 25px);
  background-color:var(--border-color);
  z-index:1
}
.timeline-step{
  display:flex;
  gap:15px;
  position:relative;
  z-index:2;
  opacity:.4
}
.timeline-step.active{
  opacity:1
}
.timeline-step.active .step-bullet{
  background-color:var(--primary-color);
  color:#fff;
  border-color:var(--primary-color)
}
.step-bullet{
  width:26px;
  height:26px;
  border-radius:50%;
  background-color:var(--bg-color);
  border:2.5px solid var(--border-color);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Space Grotesk,sans-serif;
  font-weight:700;
  font-size:.75rem
}
.step-info h4{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  font-weight:700
}
.step-info p{
  font-size:.75rem;
  color:var(--text-secondary)
}
.step-date{
  font-family:JetBrains Mono,monospace;
  font-size:.6rem;
  color:var(--primary-color);
  font-weight:700
}
.loyalty-wheel-section{
  padding:60px 20px;
  background-color:var(--bg-secondary);
  border-top:2px solid var(--border-color);
  border-bottom:2.5px solid var(--primary-color)
}
.loyalty-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:40px;
  align-items:center
}
@media(max-width:768px){
  .loyalty-container{
    grid-template-columns:1fr
  }

}
.club-brand{
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.1em;
  color:var(--primary-color);
  margin-bottom:10px
}
.loyalty-info h2{
  font-family:Space Grotesk,sans-serif;
  font-size:1.8rem;
  font-weight:800;
  margin-bottom:15px
}
.points-balance-card{
  background-color:var(--bg-color);
  border:1.5px solid var(--border-color);
  padding:15px 20px;
  border-radius:var(--border-radius);
  margin:20px 0
}
.points-val{
  font-family:Space Grotesk,sans-serif;
  font-size:2rem;
  font-weight:900;
  color:var(--primary-color)
}
.points-desc{
  font-size:.7rem;
  color:var(--text-secondary)
}
.rewards-deck h3{
  font-family:Space Grotesk,sans-serif;
  font-size:.85rem;
  text-transform:uppercase;
  margin-bottom:10px
}
.reward-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px;
  border:1px solid var(--border-color);
  border-radius:4px;
  background-color:var(--bg-color);
  margin-bottom:8px;
  font-size:.8rem
}
.btn-redeem{
  background-color:#0c0c0e;
  color:#fff;
  font-size:.7rem;
  padding:4px 10px;
  border-radius:4px;
  font-weight:700
}
.btn-redeem:hover{
  background-color:var(--primary-color)
}
.wheel-box{
  background-color:var(--bg-color);
  border:1.5px solid var(--border-color);
  border-radius:var(--border-radius-large);
  padding:30px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center
}
.wheel-wrapper{
  position:relative;
  width:260px;
  height:260px;
  margin:25px 0
}
.wheel-pointer{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translate(-50%);
  width:0;
  height:0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-top:24px solid var(--primary-color);
  z-index:10
}
.wheel-canvas-container{
  width:100%;
  height:100%
}
#wheel-svg{
  width:100%;
  height:100%;
  transform-origin:50% 50%;
  transition:transform 4s cubic-bezier(.1,.8,.1,1)
}
.btn-spin{
  background-color:var(--primary-color);
  color:#fff;
  padding:12px 30px;
  border-radius:30px;
  font-family:Space Grotesk,sans-serif;
  font-weight:900;
  font-size:.95rem;
  letter-spacing:.05em;
  box-shadow:0 4px 12px #e11d484d
}
.btn-spin:disabled{
  background-color:#71717a;
  box-shadow:none;
  cursor:not-allowed
}
.wheel-status{
  margin-top:15px;
  font-weight:700;
  font-size:.85rem;
  color:var(--primary-color)
}
.live-chat-panel{
  position:fixed;
  bottom:25px;
  right:25px;
  z-index:1500
}
.btn-chat-trigger{
  background:none;
  border:none;
  position:relative
}
.widget-avatar{
  background-color:var(--primary-color);
  color:#fff;
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 15px -3px #e11d4866
}
.btn-chat-trigger:hover .widget-avatar{
  background-color:var(--primary-dark);
  transform:scale(1.05)
}
.chat-online-indicator{
  position:absolute;
  bottom:0;
  right:0;
  width:14px;
  height:14px;
  background-color:#25d366;
  border:2px solid white;
  border-radius:50%
}
.chat-alert-pill{
  position:absolute;
  top:-5px;
  left:-5px;
  background-color:var(--accent-color);
  color:#000;
  font-size:.65rem;
  font-weight:900;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center
}
.chat-window{
  position:absolute;
  bottom:70px;
  right:0;
  width:320px;
  height:400px;
  background-color:var(--card-bg);
  border:1.5px solid var(--border-color);
  border-radius:var(--border-radius-large);
  box-shadow:0 15px 25px #0000004d;
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.chat-header{
  background-color:var(--header-bg);
  color:#fff;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.chat-agent{
  display:flex;
  align-items:center;
  gap:8px
}
.chat-indicator{
  width:8px;
  height:8px;
  background-color:#25d366;
  border-radius:50%
}
.chat-agent h4{
  font-family:Space Grotesk,sans-serif;
  font-size:.8rem;
  font-weight:700
}
.chat-agent p{
  font-size:.6rem;
  color:#a1a1aa
}
.btn-chat-close{
  color:#ffffffb3;
  font-size:1.25rem
}
.chat-messages-body{
  flex:1;
  padding:15px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  background-color:var(--bg-secondary)
}
.chat-bubble{
  max-width:80%;
  padding:8px 12px;
  border-radius:12px;
  font-size:.75rem;
  line-height:1.4
}
.chat-bubble.agent{
  background-color:var(--bg-color);
  color:var(--text-color);
  border-bottom-left-radius:2px
}
.chat-bubble.user{
  background-color:var(--primary-color);
  color:#fff;
  align-self:flex-end;
  border-bottom-right-radius:2px
}
.chat-footer{
  display:flex;
  border-top:1px solid var(--border-color);
  background-color:var(--bg-color)
}
.chat-footer input{
  flex:1;
  border:none;
  background:none;
  padding:12px;
  font-size:.75rem;
  color:var(--text-color)
}
.btn-send-chat{
  padding:12px;
  color:var(--primary-color)
}
@media(max-width:900px){
  .header-search-box{
    display:none
  }

}
@media(max-width:768px){
  .header-actions .action-text,.header-actions .selected-lang{
    display:none
  }
  .header-container{
    padding:10px 15px
  }
  .mobile-menu-toggle{
    display:flex
  }
  .nav-links{
    display:none;
    flex-direction:column;
    width:100%;
    background-color:#0c0c0e;
    position:absolute;
    top:100%;
    left:0;
    border-bottom:2px solid var(--primary-color);
    box-shadow:0 10px 15px #0000004d
  }
  .nav-links.active{
    display:flex
  }
  .nav-links>li{
    width:100%
  }
  .nav-links>li>a{
    padding:12px 20px;
    border-bottom:1px solid rgba(255,255,255,.05)
  }
  .has-megamenu{
    position:relative!important
  }
  .has-megamenu:hover .mega-menu{
    display:none
  }
  .has-megamenu.open .mega-menu{
    display:block;
    opacity:1;
    transform:none;
    position:relative;
    padding:15px
  }
  .mega-menu-container{
    grid-template-columns:1fr;
    gap:15px
  }
  .hero-title{
    font-size:2.2rem
  }
  .hero-subtitle{
    font-size:.95rem
  }

}

/* CORREÇÃO CARDS PRODUTOS - CONEXÃO MULTIMARCAS */

.vitrine-shelf-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;

}

.product-card {

  background: #111115;

  border: 1px solid rgba(255,255,255,.08);

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 18px 40px rgba(0,0,0,.18);

  color: #fff;

}

.card-image-wrap {

  position: relative;

  height: 300px;

  background: #08080a;

  overflow: hidden;

}

.card-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.card-content {

  padding: 16px;

}

.card-cat {

  display: block;

  color: #e11d48;

  font-size: .72rem;

  font-weight: 800;

  text-transform: uppercase;

  margin-bottom: 8px;

}

.card-title {

  color: #fff;

  font-size: 1rem;

  line-height: 1.25;

  font-weight: 900;

  margin-bottom: 8px;

}

.card-desc {

  color: #b7b7bd;

  font-size: .82rem;

  line-height: 1.45;

  min-height: 54px;

}

.price-old {

  color: #777;

  text-decoration: line-through;

  font-size: .8rem;

}

.price-current {

  color: #fff;

  font-size: 1.35rem;

  font-weight: 900;

}

.installments-label {

  color: #aaa;

  font-size: .78rem;

}

.stock-badge {

  color: #facc15;

  font-size: .75rem;

  font-weight: 700;

}

.badge-custom-tag,
.product-corner-badge {

  background: #e11d48 !important;

  color: #fff !important;

}

.product-corner-badge {

  position: absolute;

  top: 8px;

  right: 8px;

  z-index: 5;

  font-size: .65rem;

  font-weight: 900;

  padding: 4px 8px;

  border-radius: 999px;

}

.quick-icons-layout {

  position: absolute;

  right: 10px;

  bottom: 10px;

  display: flex;

  gap: 8px;

}

.quick-btn {

  width: 34px;

  height: 34px;

  border-radius: 999px;

  background: rgba(0,0,0,.72);

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.btn-cta-card {

  width: 100%;

  background: #e11d48;

  color: #fff;

  padding: 12px;

  border-radius: 8px;

  font-weight: 900;

  font-size: .78rem;

  text-transform: uppercase;

}

.btn-cta-card:hover {

  background: #be123c;

}

.btn-view-details {

  color: #cfcfd4 !important;

  border-color: rgba(255,255,255,.12) !important;

}

@media (max-width: 1024px) {

  .vitrine-shelf-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 768px) {

  .vitrine-shelf-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  .card-image-wrap {

    height: 240px;

  }

}

@media (max-width: 520px) {

  .vitrine-shelf-grid {

    grid-template-columns: 1fr;

  }

}

/* FIX DEFINITIVO HERO CARROSSEL */

.hero-section {

  background-size: contain !important;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-color: #050505 !important;

}

.hero-section.hero-carousel-active .hero-carousel-bg {

  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  z-index: 0 !important;

  opacity: 1 !important;

}

.hero-section.hero-carousel-active::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(135deg, rgba(0,0,0,.88), rgba(0,0,0,.48));

  z-index: 1;

}

.hero-section.hero-carousel-active .hero-bg-overlay {

  display: none !important;

}

.hero-section.hero-carousel-active .hero-content {

  position: relative !important;

  z-index: 2 !important;

}

/* HERO PREMIUM CONEXÃO MULTIMARCAS - FADE + ZOOM */

.hero-section {

  min-height: 640px !important;

  background-size: 106% auto !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  transition:
    background-image .9s ease-in-out,
    transform 1.2s ease-in-out,
    filter .9s ease-in-out !important;

  will-change: transform, filter, background-image !important;

}

.hero-section.hero-changing {

  transform: scale(1.018) !important;

  filter: saturate(1.08) contrast(1.04) brightness(1.03) !important;

}

.hero-section .hero-content {

  max-width: 760px !important;

}

.hero-title {

  text-shadow: 0 18px 50px rgba(0,0,0,.65) !important;

}

.hero-subtitle {

  text-shadow: 0 10px 30px rgba(0,0,0,.55) !important;

}

@media (max-width: 768px) {

  .hero-section {

    min-height: 560px !important;

    background-size: cover !important;

    background-position: center center !important;

  }

}

/* HERO CARROSSEL REAL - DUAS CAMADAS */

.hero-carousel-active {

  position: relative !important;

  overflow: hidden !important;

  background-image: none !important;

  background-color: #050505 !important;

}

.hero-slide {

  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  opacity: 0 !important;

  transform: scale(1) !important;

  transition: opacity 1.4s ease, transform 7s ease !important;

}

.hero-slide.is-active {

  opacity: 1 !important;

  transform: scale(1.08) !important;

}

.hero-slide::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(135deg, rgba(0,0,0,.42), rgba(0,0,0,.16));

  z-index: 1;

}

.hero-carousel-active .hero-content {

  position: relative !important;

  z-index: 3 !important;

}

.hero-carousel-active .hero-bg-overlay,
.hero-carousel-bg {

  display: none !important;

}

/* AJUSTE ALTURA HERO HOME - CONEXÃO MULTIMARCAS */

.hero-section {

  min-height: calc(100vh - 150px) !important;

  padding-top: 90px !important;

  padding-bottom: 90px !important;

  background-size: cover !important;

  background-position: center center !important;

}

@media (max-width: 768px) {

  .hero-section {

    min-height: 620px !important;

    padding-top: 70px !important;

    padding-bottom: 70px !important;

  }

}

/* RESET FINAL HERO CONEXÃO - USAR APENAS BACKGROUND DO INDEX */

.hero-section.hero-carousel-active,
#hero-section {

  min-height: 760px !important;

  padding-top: 110px !important;

  padding-bottom: 110px !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: #050505 !important;

}

.hero-section.hero-carousel-active::before {

  display: none !important;

}

.hero-carousel-bg,
.hero-slide,
.hero-bg-overlay {

  display: none !important;

}

.hero-section .hero-content {

  position: relative !important;

  z-index: 5 !important;

}

@media (max-width: 768px) {

  .hero-section.hero-carousel-active,
  #hero-section {

    min-height: 620px !important;

    padding-top: 80px !important;

    padding-bottom: 80px !important;

    background-size: cover !important;

    background-position: center center !important;

  }

}

/* RESET FINAL HERO ESTÁVEL - CONEXÃO MULTIMARCAS */

#hero-section.hero-section {

  min-height: calc(100vh - 142px) !important;

  padding-top: 110px !important;

  padding-bottom: 110px !important;

  background-image:
    linear-gradient(135deg, rgba(0,0,0,.28), rgba(0,0,0,.08)),
    url("/img%20home/home/hero-01.jpg") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: #050505 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}

#hero-section::before,
#hero-section .hero-bg-overlay,
#hero-section .hero-carousel-bg,
#hero-section .hero-slide {

  display: none !important;

}

#hero-section .hero-content {

  position: relative !important;

  z-index: 5 !important;

}

#hero-section .hero-benefits {

  border-top: none !important;

}

@media (max-width: 768px) {

  #hero-section.hero-section {

    min-height: 620px !important;

    padding-top: 80px !important;

    padding-bottom: 80px !important;

    background-position: center center !important;

  }

}

/* LIMPEZA PREMIUM DOS CARDS - CONEXÃO MULTIMARCAS */

.card-desc {

  display: none !important;

}

.card-title {

  color: #ffffff !important;

  font-size: 1.05rem !important;

  line-height: 1.18 !important;

  font-weight: 900 !important;

  margin-bottom: 14px !important;

}

.card-cat {

  color: #ff174d !important;

  font-size: .72rem !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  margin-bottom: 8px !important;

}

.card-content {

  padding: 18px !important;

}

.price-current {

  font-size: 1.45rem !important;

  color: #ffffff !important;

}

/* AJUSTE DE ROLAGEM E ESPAÇAMENTO DA VITRINE */

html {

  scroll-padding-top: 170px !important;

}

#catalog-section,
.products-grid-section,
#products-shelf-grid {

  scroll-margin-top: 170px !important;

}

.catalog-filters-section {

  padding-top: 56px !important;

}

.vitrine-shelf-grid {

  gap: 34px 28px !important;

  row-gap: 42px !important;

}

.product-card {

  margin-bottom: 6px !important;

}

/* ===================================
   MARCAS PREMIUM ROLAGEM CONTÍNUA
=================================== */

.brands-ticker-section{

    background:#050505;

    border-top:1px solid rgba(255,255,255,.05);

    border-bottom:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    padding:18px 0;

}

.brands-ticker{

    width:100%;

    overflow:hidden;

}

.brands-track{

    display:flex;

    gap:70px;

    width:max-content;

    animation:brandsTicker 35s linear infinite;

}

.brands-track span{

    color:#d8d8d8;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    white-space:nowrap;

    opacity:.9;

    text-transform:uppercase;

}

.brands-track span:hover{

    color:#e11d48;

}

@keyframes brandsTicker{

    from{

        transform:translateX(0);

  }

    to{

        transform:translateX(-50%);

  }

}

/* ===================================
   OFERTAS RELÂMPAGO - HOME PREMIUM
=================================== */

.flash-offers-section{

    background:#f6f6f7;

    padding:58px 20px 50px;

}

.flash-offers-container{

    max-width:1300px;

    margin:0 auto;

}

.flash-offers-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:28px;

    margin-bottom:26px;

}

.flash-kicker{

    display:block;

    color:#e11d48;

    font-size:12px;

    font-weight:900;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-bottom:8px;

}

.flash-offers-header h2{

    font-family:'Space Grotesk',sans-serif;

    font-size:42px;

    line-height:1;

    font-weight:900;

    letter-spacing:-1.8px;

    color:#08080a;

    text-transform:uppercase;

}

.flash-offers-header p{

    max-width:440px;

    color:#5f5f66;

    font-size:14px;

    line-height:1.5;

}

.flash-offers-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

}

.flash-card{

    min-height:210px;

    border-radius:22px;

    padding:24px;

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    transition:.35s ease;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.flash-card:hover{

    transform:translateY(-6px);

}

.flash-card span{

    font-size:12px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:1.2px;

    opacity:.85;

}

.flash-card strong{

    font-family:'Space Grotesk',sans-serif;

    font-size:26px;

    line-height:1.05;

    font-weight:900;

    letter-spacing:-.8px;

    max-width:210px;

}

.flash-card small{

    font-size:12px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.8px;

}

.flash-card-red{

    background:linear-gradient(135deg,#e11d48,#7f061d);

    color:#fff;

}

.flash-card-dark{

    background:linear-gradient(135deg,#050505,#1c1c22);

    color:#fff;

}

.flash-card-white{

    background:#fff;

    color:#08080a;

    border:1px solid rgba(0,0,0,.08);

}

.flash-card-gradient{

    background:radial-gradient(circle at top right,#ff335f,#0a0a0d 58%);

    color:#fff;

}

@media(max-width:900px){

    .flash-offers-header{

        align-items:flex-start;

        flex-direction:column;

  }

    .flash-offers-grid{

        grid-template-columns:repeat(2,1fr);

  }

    .flash-offers-header h2{

        font-size:34px;

  }

}

@media(max-width:560px){

    .flash-offers-grid{

        grid-template-columns:1fr;

  }

}

/* REFINO OFERTAS RELÂMPAGO */

.flash-offers-header h2{

  color:#050505 !important;

}

.flash-offers-header h2::after{

  content:" RELÂMPAGO";

  color:#e11d48;

}

.flash-offers-header h2{

  font-size:46px !important;

}

.flash-offers-section{

  background:linear-gradient(180deg,#f7f7f8 0%,#ffffff 100%) !important;

}

.flash-card{

  min-height:230px !important;

}

.flash-card strong{

  font-size:28px !important;

}

.flash-card-red{

  background:linear-gradient(135deg,#e11d48 0%,#7a061d 100%) !important;

}

.flash-card-gradient{

  background:radial-gradient(circle at top right,#e11d48 0%,#15151a 48%,#050505 100%) !important;

}

/* REFINO FINAL - OFERTAS EM DESTAQUE */

.flash-offers-header h2::after{

  content:"" !important;

}

.flash-offers-header h2 span{

  color:#ffb800 !important;

}

.flash-offers-section{

  background:#070707 !important;

  color:#fff !important;

  border-top:1px solid rgba(255,255,255,.06);

  border-bottom:1px solid rgba(255,255,255,.06);

}

.flash-kicker{

  color:#ffde00 !important;

}

.flash-offers-header h2{

  color:#fff !important;

  text-shadow:0 0 22px rgba(255,0,45,.18);

}

.flash-offers-header p{

  color:#b9bbc5 !important;

}

.flash-card-red,
.flash-card-gradient{

  background:linear-gradient(135deg,#ff183f 0%,#b30725 42%,#08080b 100%) !important;

}

.flash-card-dark{

  background:linear-gradient(135deg,#15151a 0%,#070707 100%) !important;

  border:1px solid rgba(255,255,255,.08);

}

.flash-card-white{

  background:#111115 !important;

  color:#fff !important;

  border:1px solid rgba(255,255,255,.08);

}

.flash-card::before{

  content:"OFERTA ESPECIAL";

  position:absolute;

  top:16px;

  right:14px;

  background:#ff183f;

  color:#fff;

  font-size:10px;

  font-weight:900;

  letter-spacing:.8px;

  padding:5px 12px;

  border-radius:4px;

  transform:skewX(-10deg);

  box-shadow:0 8px 18px rgba(255,0,45,.25);

}

.flash-card small{

  color:#ffde00 !important;

}

/* BANNER EDITORIAL PREMIUM - CONEXÃO */

.editorial-drop-section{

  background:#050505;

  padding:70px 20px;

  border-top:1px solid rgba(255,255,255,.06);

  border-bottom:1px solid rgba(255,255,255,.06);

}

.editorial-drop-container{

  max-width:1300px;

  margin:0 auto;

  min-height:360px;

  border-radius:26px;

  overflow:hidden;

  display:grid;

  grid-template-columns:1.1fr .9fr;

  background:
    radial-gradient(circle at right,#3b0712 0%,#121216 42%,#08080a 100%);

  border:1px solid rgba(255,255,255,.08);

  box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.editorial-drop-content{

  padding:58px;

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.editorial-kicker{

  width:max-content;

  background:rgba(225,29,72,.12);

  color:#8b5cf6;

  border:1px solid rgba(139,92,246,.35);

  padding:6px 14px;

  border-radius:999px;

  font-size:11px;

  font-weight:900;

  text-transform:uppercase;

  letter-spacing:1.2px;

  margin-bottom:18px;

}

.editorial-drop-content h2{

  font-family:'Space Grotesk',sans-serif;

  color:#fff;

  font-size:46px;

  line-height:.98;

  font-weight:900;

  text-transform:uppercase;

  font-style:italic;

  letter-spacing:-1.5px;

  margin-bottom:18px;

}

.editorial-drop-content h2 strong{

  color:#e11d48;

}

.editorial-drop-content p{

  max-width:520px;

  color:#b8bac3;

  font-size:14px;

  line-height:1.6;

  margin-bottom:28px;

}

.editorial-btn{

  width:max-content;

  background:#e11d48;

  color:#fff;

  padding:13px 24px;

  border-radius:10px;

  font-size:12px;

  font-weight:900;

  text-transform:uppercase;

  letter-spacing:.8px;

  box-shadow:0 12px 28px rgba(225,29,72,.25);

}

.editorial-drop-image{

  min-height:360px;

  background:
    linear-gradient(90deg,rgba(8,8,10,.25),rgba(8,8,10,.78)),
    url("/img%20home/home/hero-01.jpg");

  background-size:cover;

  background-position:center;

}

@media(max-width:850px){

  .editorial-drop-container{

    grid-template-columns:1fr;

  }

  .editorial-drop-content{

    padding:38px 26px;

  }

  .editorial-drop-content h2{

    font-size:36px;

  }

  .editorial-drop-image{

    min-height:260px;

  }

}

/* UPGRADE BANNER EDITORIAL - PREMIUM GRAFITE */

.editorial-drop-section{

  background:#050505 !important;

  padding:96px 20px 86px !important;

}

.editorial-drop-container{

  max-width:1380px !important;

  min-height:520px !important;

  border-radius:34px !important;

  grid-template-columns:1.15fr .85fr !important;

  background:
    radial-gradient(circle at 88% 52%,rgba(225,29,72,.20),transparent 34%),
    linear-gradient(135deg,#18181d 0%,#101014 48%,#070707 100%) !important;

  border:1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 40px 110px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;

  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease !important;

}

.editorial-drop-container:hover{

  transform:translateY(-8px) !important;

  border-color:rgba(225,29,72,.35) !important;

  box-shadow:
    0 55px 130px rgba(0,0,0,.70),
    0 0 70px rgba(225,29,72,.10),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

}

.editorial-drop-content{

  padding:78px 68px !important;

}

.editorial-kicker{

  color:#8b5cf6 !important;

  background:rgba(139,92,246,.13) !important;

  border-color:rgba(139,92,246,.38) !important;

  margin-bottom:26px !important;

}

.editorial-drop-content h2{

  font-size:64px !important;

  line-height:.94 !important;

  letter-spacing:-2.5px !important;

  margin-bottom:28px !important;

  text-shadow:0 18px 55px rgba(0,0,0,.45) !important;

}

.editorial-drop-content h2 strong{

  color:#e00016 !important;

  text-shadow:0 0 30px rgba(224,0,22,.18) !important;

}

.editorial-drop-content p{

  max-width:570px !important;

  font-size:16px !important;

  color:#d1d5db !important;

  line-height:1.72 !important;

  margin-bottom:34px !important;

}

.editorial-btn{

  background:#e00016 !important;

  padding:16px 34px !important;

  border-radius:14px !important;

  box-shadow:0 18px 38px rgba(224,0,22,.26) !important;

}

.editorial-btn:hover{

  transform:translateY(-3px) !important;

  box-shadow:0 26px 55px rgba(224,0,22,.36) !important;

}

.editorial-drop-image{

  min-height:520px !important;

  margin:42px 62px 42px 0 !important;

  border-radius:24px !important;

  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28)),
    url("/img%20home/home/hero-01.jpg") !important;

  background-size:cover !important;

  background-position:center !important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 8px rgba(255,255,255,.025) !important;

  transition:transform .55s ease, filter .55s ease !important;

}

.editorial-drop-container:hover .editorial-drop-image{

  transform:scale(1.035) !important;

  filter:saturate(1.12) contrast(1.08) !important;

}

@media(max-width:850px){

  .editorial-drop-section{

    padding:64px 16px !important;

  }

  .editorial-drop-container{

    min-height:auto !important;

    grid-template-columns:1fr !important;

  }

  .editorial-drop-content{

    padding:42px 28px !important;

  }

  .editorial-drop-content h2{

    font-size:42px !important;

  }

  .editorial-drop-image{

    margin:0 24px 32px !important;

    min-height:320px !important;

  }

}

/* OFERTAS ESPECIAIS HORIZONTAIS */

.special-offers-section{

  background:#050505;

  padding:72px 20px 80px;

  border-top:1px solid rgba(255,255,255,.06);

}

.special-offers-container{

  max-width:1300px;

  margin:0 auto;

}

.special-offers-header{

  display:flex;

  justify-content:space-between;

  align-items:flex-end;

  gap:24px;

  margin-bottom:32px;

}

.special-kicker{

  color:#ffde00;

  font-size:12px;

  font-weight:900;

  letter-spacing:1.2px;

  text-transform:uppercase;

}

.special-offers-header h2{

  color:#fff;

  font-family:'Space Grotesk',sans-serif;

  font-size:36px;

  font-weight:900;

  text-transform:uppercase;

  margin-top:8px;

}

.special-page-selector{

  display:flex;

  gap:8px;

  background:#0d0d10;

  border:1px solid rgba(255,255,255,.08);

  padding:6px;

  border-radius:999px;

}

.special-page-btn{

  color:#aaa;

  background:transparent;

  border-radius:999px;

  padding:8px 13px;

  font-weight:900;

}

.special-page-btn.active{

  background:#e11d48;

  color:#fff;

}

.special-offers-page{

  display:none;

  grid-template-columns:repeat(2,1fr);

  gap:28px;

}

.special-offers-page.active{

  display:grid;

}

.special-offer-card{

  background:#171719;

  border:1px solid rgba(255,255,255,.08);

  border-radius:20px;

  padding:24px;

  display:grid;

  grid-template-columns:220px 1fr;

  gap:26px;

  box-shadow:0 28px 70px rgba(0,0,0,.35);

}

.special-offer-image{

  position:relative;

  height:250px;

  border-radius:16px;

  overflow:hidden;

  background:#0b0b0d;

}

.special-offer-image img{

  width:100%;

  height:100%;

  object-fit:cover;

}

.special-offer-image span{

  position:absolute;

  left:14px;

  bottom:14px;

  background:#ffde00;

  color:#050505;

  font-size:11px;

  font-weight:900;

  padding:6px 12px;

  border-radius:5px;

  transform:skewX(-8deg);

}

.special-offer-info small{

  color:#e11d48;

  font-size:11px;

  font-weight:900;

  letter-spacing:1.2px;

  text-transform:uppercase;

}

.special-offer-info h3{

  color:#fff;

  font-size:22px;

  line-height:1.15;

  margin:10px 0 20px;

}

.special-price{

  color:#e11d48;

  font-size:24px;

  font-weight:900;

}

.special-price del{

  color:#777;

  font-size:14px;

  margin-right:8px;

}

.special-pix{

  color:#00e676;

  font-weight:900;

  font-size:13px;

  margin:4px 0 20px;

}

.special-sizes{

  display:flex;

  gap:8px;

  margin-bottom:20px;

}

.special-sizes button{

  background:#26262b;

  color:#fff;

  width:auto;

  min-width:38px;

  height:36px;

  border-radius:9px;

  font-weight:900;

}

.special-actions{

  display:grid;

  grid-template-columns:1fr 86px;

  gap:10px;

}

.special-actions button{

  background:#e11d48;

  color:#fff;

  border-radius:12px;

  font-weight:900;

  text-transform:uppercase;

}

.special-actions a{

  background:#25d366;

  color:#050505;

  border-radius:12px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:900;

}

@media(max-width:900px){

  .special-offers-header{

    flex-direction:column;

    align-items:flex-start;

  }

  .special-offers-page.active{

    grid-template-columns:1fr;

  }

  .special-offer-card{

    grid-template-columns:1fr;

  }

  .special-offer-image{

    height:280px;

  }

}

/* OFERTAS ESPECIAIS HORIZONTAIS - CONEXÃO MULTIMARCAS */

.special-offers-section{

  background:#050505 !important;

  padding:72px 20px 82px !important;

  border-top:1px solid rgba(255,255,255,.06) !important;

}

.special-offers-container{

  max-width:1300px !important;

  margin:0 auto !important;

}

.special-offers-header{

  display:flex !important;

  justify-content:space-between !important;

  align-items:flex-end !important;

  gap:24px !important;

  margin-bottom:32px !important;

}

.special-kicker{

  color:#ffde00 !important;

  font-size:12px !important;

  font-weight:900 !important;

  letter-spacing:1.2px !important;

  text-transform:uppercase !important;

}

.special-offers-header h2{

  color:#fff !important;

  font-family:'Space Grotesk',sans-serif !important;

  font-size:38px !important;

  font-weight:900 !important;

  text-transform:uppercase !important;

  margin-top:8px !important;

}

.special-offers-header h2 span{

  color:#ffde00 !important;

}

.special-page-selector{

  display:flex !important;

  gap:8px !important;

  background:#111115 !important;

  border:1px solid rgba(255,255,255,.09) !important;

  padding:7px !important;

  border-radius:999px !important;

}

.special-page-btn{

  color:#aaa !important;

  background:transparent !important;

  border-radius:999px !important;

  padding:9px 14px !important;

  font-weight:900 !important;

}

.special-page-btn.active{

  background:#e11d48 !important;

  color:#fff !important;

}

.special-offers-page{

  display:none !important;

  grid-template-columns:repeat(2,1fr) !important;

  gap:28px !important;

}

.special-offers-page.active{

  display:grid !important;

}

.special-offer-card{

  background:linear-gradient(135deg,#18181d 0%,#101014 58%,#09090b 100%) !important;

  border:1px solid rgba(255,255,255,.09) !important;

  border-radius:24px !important;

  padding:24px !important;

  display:grid !important;

  grid-template-columns:220px 1fr !important;

  gap:26px !important;

  box-shadow:0 28px 70px rgba(0,0,0,.38) !important;

  transition:.35s ease !important;

}

.special-offer-card:hover{

  transform:translateY(-6px) !important;

  border-color:rgba(225,29,72,.35) !important;

  box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 55px rgba(225,29,72,.10) !important;

}

.special-offer-image{

  position:relative !important;

  height:250px !important;

  border-radius:18px !important;

  overflow:hidden !important;

  background:#0b0b0d !important;

}

.special-offer-image img{

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

  transition:.45s ease !important;

}

.special-offer-card:hover .special-offer-image img{

  transform:scale(1.06) !important;

}

.special-offer-image span{

  position:absolute !important;

  left:14px !important;

  bottom:14px !important;

  background:#ffde00 !important;

  color:#050505 !important;

  font-size:11px !important;

  font-weight:900 !important;

  padding:6px 12px !important;

  border-radius:5px !important;

  transform:skewX(-8deg) !important;

}

.special-offer-info small{

  color:#e11d48 !important;

  font-size:11px !important;

  font-weight:900 !important;

  letter-spacing:1.2px !important;

  text-transform:uppercase !important;

}

.special-offer-info h3{

  color:#fff !important;

  font-size:22px !important;

  line-height:1.15 !important;

  margin:10px 0 20px !important;

}

.special-price{

  color:#e11d48 !important;

  font-size:24px !important;

  font-weight:900 !important;

}

.special-price del{

  color:#777 !important;

  font-size:14px !important;

  margin-right:8px !important;

}

.special-pix{

  color:#00e676 !important;

  font-weight:900 !important;

  font-size:13px !important;

  margin:4px 0 20px !important;

}

.special-sizes{

  display:flex !important;

  flex-wrap:wrap !important;

  gap:8px !important;

  margin-bottom:20px !important;

}

.special-sizes button{

  background:#26262b !important;

  color:#fff !important;

  min-width:38px !important;

  height:36px !important;

  border-radius:9px !important;

  font-weight:900 !important;

}

.special-actions{

  display:grid !important;

  grid-template-columns:1fr 86px !important;

  gap:10px !important;

}

.special-actions button{

  background:#e11d48 !important;

  color:#fff !important;

  border-radius:12px !important;

  font-weight:900 !important;

  text-transform:uppercase !important;

}

.special-actions a{

  background:#25d366 !important;

  color:#050505 !important;

  border-radius:12px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  font-weight:900 !important;

}

@media(max-width:900px){

  .special-offers-header{

    flex-direction:column !important;

    align-items:flex-start !important;

  }

  .special-offers-page.active{

    grid-template-columns:1fr !important;

  }

  .special-offer-card{

    grid-template-columns:1fr !important;

  }

  .special-offer-image{

    height:280px !important;

  }

}

/* ================================
   CORREÇÃO FINAL - OFERTAS EM DESTAQUE
   Igual referência: card grande, alinhado e seletor inferior
================================ */

.special-offers-section{

  padding:72px 20px 90px !important;

  background:#050505 !important;

}

.special-offers-header{

  max-width:1320px !important;

  margin:0 auto 34px !important;

  display:flex !important;

  justify-content:space-between !important;

  align-items:flex-end !important;

}

.special-countdown{

  display:flex !important;

  opacity:1 !important;

  visibility:visible !important;

  align-items:center !important;

  gap:10px !important;

  background:#070707 !important;

  border:1px solid rgba(225,29,72,.45) !important;

  border-radius:14px !important;

  padding:12px 18px !important;

  color:#fff !important;

  box-shadow:0 0 28px rgba(225,29,72,.16) !important;

}

.special-offers-page.active{

  max-width:1320px !important;

  margin:0 auto !important;

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:32px !important;

}

.special-offer-card{

  min-height:330px !important;

  padding:28px !important;

  display:grid !important;

  grid-template-columns:250px 1fr !important;

  gap:30px !important;

  align-items:center !important;

  background:linear-gradient(135deg,#1a1a1d 0%,#111116 60%,#09090b 100%) !important;

  border:1px solid rgba(255,255,255,.12) !important;

  border-radius:22px !important;

  box-shadow:0 32px 80px rgba(0,0,0,.48) !important;

}

.special-offer-image{

  height:270px !important;

  border-radius:16px !important;

}

.special-offer-info{

  height:100% !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

}

.special-offer-info small{

  color:#ff1744 !important;

  font-size:12px !important;

  font-weight:900 !important;

  letter-spacing:1.5px !important;

}

.special-offer-info h3{

  color:#ffffff !important;

  font-size:24px !important;

  line-height:1.12 !important;

  margin:10px 0 22px !important;

  max-width:390px !important;

}

.special-price{

  color:#ff1744 !important;

  font-size:28px !important;

  font-weight:900 !important;

  margin-bottom:4px !important;

}

.special-price del{

  color:#707078 !important;

  font-size:15px !important;

  margin-right:12px !important;

}

.special-pix{

  color:#00f078 !important;

  font-size:14px !important;

  font-weight:900 !important;

  margin-bottom:22px !important;

}

.special-sizes{

  display:flex !important;

  gap:10px !important;

  margin-bottom:24px !important;

}

.special-sizes button{

  width:42px !important;

  height:40px !important;

  border-radius:10px !important;

  background:#24242a !important;

  color:#fff !important;

  font-weight:900 !important;

  border:1px solid rgba(255,255,255,.12) !important;

}

.special-sizes button:first-child{

  background:#f0183f !important;

  border-color:#f0183f !important;

}

.special-actions{

  display:grid !important;

  grid-template-columns:1fr 92px !important;

  gap:12px !important;

  margin-top:auto !important;

}

.special-actions button{

  height:46px !important;

  background:#f0183f !important;

  color:#fff !important;

  border-radius:12px !important;

  font-size:13px !important;

  font-weight:900 !important;

}

.special-actions a{

  height:46px !important;

  background:#22d866 !important;

  color:#050505 !important;

  border-radius:12px !important;

  font-size:14px !important;

  font-weight:900 !important;

}

/* seletor inferior igual carrossel */
.special-page-selector{

  display:none !important;

}

.special-offers-nav{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:10px !important;

  margin:30px auto 0 !important;

}

.special-dot{

  width:12px !important;

  height:12px !important;

  border-radius:999px !important;

  background:#34343a !important;

  border:1px solid rgba(255,255,255,.18) !important;

  cursor:pointer !important;

  transition:.3s ease !important;

}

.special-dot.active{

  width:44px !important;

  background:#f0183f !important;

  border-color:#f0183f !important;

  box-shadow:0 0 22px rgba(240,24,63,.45) !important;

}

@media(max-width:900px){

  .special-offers-header{

    flex-direction:column !important;

    align-items:flex-start !important;

  }

  .special-offers-page.active{

    grid-template-columns:1fr !important;

  }

  .special-offer-card{

    grid-template-columns:1fr !important;

  }

  .special-offer-image{

    height:280px !important;

  }

}

/* REFINO OFERTAS EM DESTAQUE - BOTÕES, CORES E SELETOR */

.special-price{

  color:#ff0038 !important;

}

.special-card-pay{

  color:#ffffff !important;

  font-size:13px !important;

  font-weight:800 !important;

  margin:4px 0 2px !important;

}

.special-pix{

  color:#00f078 !important;

  font-size:13px !important;

  font-weight:900 !important;

}

.special-sizes button{

  background:#25252b !important;

  color:#fff !important;

  border:1px solid rgba(255,255,255,.14) !important;

  cursor:pointer !important;

}

.special-sizes button.active{

  background:#ff0038 !important;

  border-color:#ff0038 !important;

  color:#fff !important;

  box-shadow:0 0 20px rgba(255,0,56,.35) !important;

}

.special-actions button{

  background:#ff0038 !important;

  color:#fff !important;

  font-size:13px !important;

  letter-spacing:.2px !important;

  box-shadow:0 14px 28px rgba(255,0,56,.24) !important;

}

.special-actions button:hover{

  transform:translateY(-2px) !important;

  box-shadow:0 20px 40px rgba(255,0,56,.34) !important;

}

.special-actions a{

  background:#20dc65 !important;

  color:#050505 !important;

}

.special-step-nav{

  margin-top:28px !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:10px !important;

}

.special-step{

  width:54px !important;

  height:34px !important;

  border-radius:12px !important;

  background:#17171c !important;

  color:#b8bac4 !important;

  border:1px solid rgba(255,255,255,.12) !important;

  font-size:13px !important;

  font-weight:900 !important;

  cursor:pointer !important;

  transition:.3s ease !important;

}

.special-step.active{

  width:72px !important;

  background:#ff0038 !important;

  color:#fff !important;

  border-color:#ff0038 !important;

  box-shadow:0 0 28px rgba(255,0,56,.38) !important;

}

/* AJUSTE DEFINITIVO - OFERTAS EM DESTAQUE PROPORÇÃO PREMIUM */

.special-offers-section{

  padding:64px 20px 72px !important;

  background:#050505 !important;

}

.special-offers-page.active{

  max-width:1240px !important;

  gap:28px !important;

}

.special-offer-card{

  min-height:260px !important;

  padding:22px !important;

  grid-template-columns:210px 1fr !important;

  gap:24px !important;

  border-radius:18px !important;

  background:linear-gradient(135deg,#18181b,#111115 60%,#09090b) !important;

}

.special-offer-image{

  height:220px !important;

  border-radius:13px !important;

}

.special-offer-info h3{

  font-size:20px !important;

  line-height:1.12 !important;

  margin:8px 0 15px !important;

}

.special-price{

  font-size:24px !important;

  color:#ff0038 !important;

}

.special-card-pay{

  color:#ffffff !important;

  font-size:12px !important;

  font-weight:800 !important;

  margin:2px 0 !important;

}

.special-pix{

  color:#00f078 !important;

  font-size:12px !important;

  font-weight:900 !important;

  margin-bottom:15px !important;

}

.special-sizes{

  gap:8px !important;

  margin-bottom:16px !important;

}

.special-sizes button{

  width:36px !important;

  height:34px !important;

  border-radius:8px !important;

  background:#24242a !important;

  color:#fff !important;

  border:1px solid rgba(255,255,255,.14) !important;

  font-size:12px !important;

  cursor:pointer !important;

}

.special-sizes button.active{

  background:#ff0038 !important;

  border-color:#ff0038 !important;

  box-shadow:0 0 18px rgba(255,0,56,.35) !important;

}

.special-actions{

  grid-template-columns:1fr 80px !important;

  gap:10px !important;

}

.special-actions button,
.special-actions a{

  height:40px !important;

  border-radius:10px !important;

  font-size:12px !important;

}

.special-actions button{

  background:#ff0038 !important;

  color:#fff !important;

  box-shadow:0 12px 26px rgba(255,0,56,.25) !important;

}

.special-actions button::before{

  content:"";

  display:inline-block;

  width:15px;

  height:15px;

  margin-right:7px;

  vertical-align:-3px;

  background-color:#fff;

  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M6 8h12l-1 12H7L6 8Z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E") center/contain no-repeat;

  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M6 8h12l-1 12H7L6 8Z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E") center/contain no-repeat;

}

.special-arrow-nav{

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:10px !important;

  margin-top:24px !important;

}

.special-arrow-btn,
.special-page-counter{

  height:34px !important;

  border-radius:10px !important;

  background:#17171c !important;

  border:1px solid rgba(255,255,255,.14) !important;

  color:#cfd2dc !important;

  font-weight:900 !important;

}

.special-arrow-btn{

  width:42px !important;

  font-size:22px !important;

  cursor:pointer !important;

}

.special-page-counter{

  min-width:86px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  font-size:12px !important;

  letter-spacing:1px !important;

}

.special-arrow-btn:hover{

  background:#ff0038 !important;

  color:#fff !important;

  border-color:#ff0038 !important;

}

.special-dot,
.special-step{

  display:none !important;

}

/* AJUSTE FINO - OFERTAS EM DESTAQUE */

.special-offers-header,
.special-offers-page.active,
.special-arrow-nav{

  max-width:1045px !important;

  margin-left:auto !important;

  margin-right:auto !important;

}

.special-offers-page.active{

  grid-template-columns:500px 500px !important;

  justify-content:space-between !important;

  gap:45px !important;

}

.special-sizes button:first-child{

  background:#24242a !important;

  border-color:rgba(255,255,255,.14) !important;

  box-shadow:none !important;

}

.special-sizes button.active{

  background:#ff0038 !important;

  border-color:#ff0038 !important;

  color:#fff !important;

  box-shadow:0 0 18px rgba(255,0,56,.35) !important;

}

/* CORREÇÃO REAL - OFERTAS EM DESTAQUE ALINHADAS E SEM ENCOLHER */

.special-offers-container,
.special-offers-header,
.special-offers-page.active,
.special-arrow-nav{

  max-width:1180px !important;

  margin-left:auto !important;

  margin-right:auto !important;

}

.special-offers-page.active{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:70px !important;

  justify-content:space-between !important;

}

.special-offer-card{

  width:100% !important;

  min-height:300px !important;

  padding:24px !important;

  grid-template-columns:220px 1fr !important;

  gap:28px !important;

}

.special-offer-image{

  height:240px !important;

}

.special-actions{

  grid-template-columns:1fr 88px !important;

}

.special-actions button,
.special-actions a{

  height:42px !important;

}

/* AJUSTE FINAL REAL - OFERTAS EM DESTAQUE */

.special-offers-container,
.special-offers-header,
.special-offers-page.active,
.special-arrow-nav{

  max-width:1180px !important;

  margin-left:auto !important;

  margin-right:auto !important;

}

.special-offers-page.active{

  display:grid !important;

  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;

  gap:64px !important;

  justify-content:center !important;

}

.special-offer-card{

  width:100% !important;

  min-height:300px !important;

  padding:24px !important;

  grid-template-columns:220px 1fr !important;

  gap:28px !important;

}

.special-offer-image{

  height:240px !important;

}

.special-sizes button{

  background:#24242a !important;

  border-color:rgba(255,255,255,.14) !important;

  box-shadow:none !important;

}

.special-sizes button.active{

  background:#ff0038 !important;

  border-color:#ff0038 !important;

  color:#fff !important;

  box-shadow:0 0 18px rgba(255,0,56,.35) !important;

}

.special-actions{

  grid-template-columns:1fr 88px !important;

}

.special-actions button,
.special-actions a{

  height:42px !important;

}

/* MARCAS PREMIUM - CONEXÃO MULTIMARCAS LIMPO */

.brand-strip-section,
.brand-strip-track,
.brand-strip-image-section,
.brand-strip-image,
.brand-strip-image img{

  display:none !important;

}

.brand-logo-section{

  background:#050505 !important;

  padding:120px 20px 110px !important;

  margin:0 !important;

  border-top:1px solid rgba(255,255,255,.06) !important;

  border-bottom:1px solid rgba(255,255,255,.06) !important;

  box-shadow:none !important;

}

.brand-logo-headline{

  max-width:1180px !important;

  margin:0 auto 72px !important;

  text-align:left !important;

}

.brand-logo-headline span{

  display:block !important;

  color:#ffde00 !important;

  font-size:12px !important;

  font-weight:900 !important;

  letter-spacing:1.6px !important;

  text-transform:uppercase !important;

  margin-bottom:18px !important;

}

.brand-logo-headline h2{

  max-width:860px !important;

  color:#ffffff !important;

  font-family:'Space Grotesk',sans-serif !important;

  font-size:52px !important;

  line-height:1.04 !important;

  font-weight:900 !important;

  text-transform:uppercase !important;

  letter-spacing:-1.8px !important;

  margin:0 !important;

}

.brand-logo-headline h2 strong{

  white-space:nowrap !important;

  color:#ff1744 !important;

  text-shadow:0 0 22px rgba(255,23,68,.26) !important;

}

.brand-logo-headline p{

  max-width:620px !important;

  margin:22px 0 0 !important;

  color:#c4c6d0 !important;

  font-size:16px !important;

  line-height:1.65 !important;

}

.brand-logo-container{

  max-width:1180px !important;

  margin:0 auto !important;

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  gap:44px !important;

  flex-wrap:wrap !important;

}

.brand-logo-card{

  width:auto !important;

  height:auto !important;

  background:transparent !important;

  border:0 !important;

  outline:0 !important;

  box-shadow:none !important;

  padding:0 !important;

  overflow:visible !important;

}

.brand-logo-card img{

  display:block !important;

  width:auto !important;

  height:54px !important;

  max-width:150px !important;

  max-height:54px !important;

  object-fit:contain !important;

  background:transparent !important;

  border:0 !important;

  outline:0 !important;

  box-shadow:none !important;

  opacity:.95 !important;

  filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(255,255,255,.16)) !important;

  transition:.35s ease !important;

}

.brand-logo-card:hover img{

  transform:scale(1.12) !important;

  filter:brightness(0) saturate(100%) invert(23%) sepia(94%) saturate(4712%) hue-rotate(337deg) brightness(104%) contrast(100%) drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;

}

.special-offers-section{

  padding-top:96px !important;

}

@media(max-width:900px){

  .brand-logo-section{

    padding:82px 20px !important;

  }

  .brand-logo-headline h2{

    font-size:36px !important;

  }

  .brand-logo-container{

    justify-content:center !important;

  }

}

/* =====================================================
   AJUSTE FINAL SEGURO - HEADER FIXO + TRAVA LATERAL
   Mantém visual premium, remove fio branco e não altera logos.
===================================================== */

html,
body{

  width:100%;

  max-width:100%;

  overflow-x:hidden !important;

}

.promo-bar{

  position:fixed !important;

  top:0 !important;

  left:0 !important;

  right:0 !important;

  width:100% !important;

  z-index:100001 !important;

  border:0 !important;

  box-shadow:none !important;

}

.main-header{

  position:fixed !important;

  top:32px !important;

  left:0 !important;

  right:0 !important;

  width:100% !important;

  z-index:100000 !important;

  border:0 !important;

  box-shadow:0 8px 24px rgba(0,0,0,.42) !important;

}

.main-navigation{

  border-top:none !important;

  box-shadow:none !important;

}

body{

  padding-top:174px !important;

}

@media(max-width:768px){

  html,
  body{

    width:100% !important;

    max-width:100% !important;

    overflow-x:hidden !important;

    overscroll-behavior-x:none !important;

    touch-action:pan-y !important;

  }

  main,
  section,
  footer{

    max-width:100vw !important;

    overflow-x:hidden !important;

  }

  .main-header{

    top:30px !important;

  }

  body{

    padding-top:150px !important;

  }

}

/* REMOVE LINHA BRANCA ENTRE MENU E HERO */

#hero-section,
.hero-section{

    border-top:none !important;
    outline:none !important;
    box-shadow:none !important;
    margin-top:0 !important;

}

#hero-section::before,
.hero-section::before{

    border:none !important;

}

/* CORREÇÃO FIO BRANCO ENTRE MENU E HERO */

.main-header,
.main-navigation,
.nav-container,
#hero-section,
.hero-section{
  border-top:0 !important;
  outline:0 !important;
}

.main-navigation{
  border-bottom:2.5px solid var(--primary-color) !important;
  margin-bottom:-1px !important;
}

#hero-section,
.hero-section{
  margin-top:-1px !important;
}

/* FECHAR VÃO ENTRE HEADER E HERO */

body{
  background:#050505 !important;
}

.main-header{
  background:#0c0c0e !important;
}

.main-navigation{
  background:#050505 !important;
}

#hero-section{
  transform:translateY(-1px) !important;
}

/* AJUSTE SETA PRODUTOS ALINHADA AO TEXTO */

.megamenu-trigger{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.megamenu-trigger .menu-chevron{
  position:static !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  transform:none !important;
}

/* MEGA MENU - VOLTAR ESTRUTURA ORIGINAL + SETA ALINHADA */

.megamenu-trigger{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}

.megamenu-trigger .menu-chevron{
  position:static !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  transform:none !important;
  vertical-align:middle !important;
}

.mega-menu-container{
  grid-template-columns:repeat(6,1fr) !important;
  gap:20px !important;
}

/* RESET FINAL MEGA MENU ORIGINAL */

.megamenu-trigger{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.megamenu-trigger .menu-chevron{
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  position:static !important;
  transform:none !important;
}

.mega-menu{
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  width:100% !important;
  padding:40px 20px !important;
  overflow:visible !important;
}

.mega-menu-container{
  max-width:1200px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:20px !important;
}

/* LOGOS MARCAS - FINAL COM PROPORÇÃO CORRETA + HOVER VERMELHO */

.brand-logo-container{
  max-width:1240px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(7, minmax(110px, 1fr)) !important;
  align-items:center !important;
  justify-items:center !important;
  gap:38px !important;
}

.brand-logo-card{
  width:165px !important;
  height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.brand-logo-card img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:165px !important;
  max-height:64px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
  clip-path:none !important;
  filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.12)) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

.brand-logo-card:hover img{
  transform:scale(1.10) !important;
  filter:brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5664%) hue-rotate(337deg) brightness(105%) contrast(105%) drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;
}

@media(max-width:900px){
  .brand-logo-container{
    grid-template-columns:repeat(3, 1fr) !important;
    gap:32px !important;
  }
}

@media(max-width:520px){
  .brand-logo-container{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:26px !important;
  }

  .brand-logo-card{
    width:140px !important;
  }

  .brand-logo-card img{
    max-width:140px !important;
  }
}

/* CORREÇÃO DEFINITIVA - REMOVER CONTORNO DOS CARDS DAS LOGOS */

.brand-logo-card,
.brand-logo-card:hover,
.brand-logo-card:focus,
.brand-logo-card:active{
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}

.brand-logo-card::before,
.brand-logo-card::after{
  display:none !important;
  content:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

.brand-logo-card img,
.brand-logo-card img:hover{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

.brand-logo-card:hover img{
  transform:scale(1.10) !important;
  filter:brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5664%) hue-rotate(337deg) brightness(105%) contrast(105%) drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;
}

/* ========================================================
   REMOÇÃO DEFINITIVA DA BORDA BRANCA DAS LOGOS (PREMIUM)
======================================================== */

.brand-logo-card {
  /* Mudamos para visible para o efeito de brilho expandir sem cortar */
  overflow: visible !important; 
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.brand-logo-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  /* Removemos o padding e o clip-path que criavam a borda intrusa */
  padding: 0 !important;
  clip-path: none !important; 
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  
  /* Cor branca pura no estado inicial com leve drop-shadow premium */
  filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.12)) !important;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), filter .35s cubic-bezier(.16, 1, .3, 1) !important;
}

.brand-logo-card:hover img {
  /* Sutil ganho de escala premium */
  transform: scale(1.10) !important;
  /* Transforma o SVG em Vermelho Puro (#e11d48) com brilho neon combinando com a identidade da loja */
  filter: brightness(0) saturate(100%) invert(23%) sepia(94%) saturate(4712%) hue-rotate(337deg) brightness(104%) contrast(100%) drop-shadow(0 0 20px rgba(225, 29, 72, 0.6)) !important;
}

/* CORREÇÃO DEFINITIVA LOGOS - SEM CONTORNO + HOVER VERMELHO */

.brand-logo-card{
  width:165px !important;
  height:72px !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.brand-logo-card img{
  display:none !important;
}

.brand-logo-card::before{
  content:"" !important;
  display:block !important;
  width:165px !important;
  height:64px !important;
  background:#ffffff !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.12)) !important;
  transition:transform .35s ease, background .35s ease, filter .35s ease !important;
}

.brand-logo-card:hover::before{
  background:#ff1744 !important;
  transform:scale(1.10) !important;
  filter:drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;
}

.brand-logo-card:nth-child(1)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/nike.svg") !important;
  mask-image:url("/img%20home/img-marcas/nike.svg") !important;
}

.brand-logo-card:nth-child(2)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/adidas.svg") !important;
  mask-image:url("/img%20home/img-marcas/adidas.svg") !important;
}

.brand-logo-card:nth-child(3)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/lacoste.svg") !important;
  mask-image:url("/img%20home/img-marcas/lacoste.svg") !important;
}

.brand-logo-card:nth-child(4)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/vans.svg") !important;
  mask-image:url("/img%20home/img-marcas/vans.svg") !important;
}

.brand-logo-card:nth-child(5)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/mizuno.svg") !important;
  mask-image:url("/img%20home/img-marcas/mizuno.svg") !important;
}

.brand-logo-card:nth-child(6)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/new-balance.svg") !important;
  mask-image:url("/img%20home/img-marcas/new-balance.svg") !important;
}

.brand-logo-card:nth-child(7)::before{
  -webkit-mask-image:url("/img%20home/img-marcas/puma.svg") !important;
  mask-image:url("/img%20home/img-marcas/puma.svg") !important;
}

.brand-logo-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  
  /* ESTADO INICIAL: Transforma o SVG em máscara e pinta de branco puro */
  background-color: #ffffff !important;
  -webkit-mask: url(attr(src)) center/contain no-repeat;
  mask: url(attr(src)) center/contain no-repeat;
  
  /* Brilho sutil de fundo */
  filter: drop-shadow(0 0 12px rgba(255,255,255,.12)) !important;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), background-color .35s cubic-bezier(.16, 1, .3, 1), filter .35s cubic-bezier(.16, 1, .3, 1) !important;
}

.brand-logo-card:hover img {
  transform: scale(1.10) !important;
  /* HOVER: Muda a cor da silhueta para o Vermelho da loja e adiciona o neon */
  background-color: #e11d48 !important;
  filter: drop-shadow(0 0 20px rgba(225, 29, 72, 0.6)) !important;
}

/* LOGOS - REMOVER MOLDURA DA CAIXA E MANTER HOVER */

.brand-logo-card{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.brand-logo-card:hover{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.brand-logo-card img{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  filter:brightness(0) invert(1) !important;
}

.brand-logo-card:hover img{
  transform:scale(1.10) !important;
  filter:brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5664%) hue-rotate(337deg) brightness(105%) contrast(105%) drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;
}

.brand-logo-card{
  width:165px !important;
  height:72px !important;
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  transition:.35s ease !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.brand-logo-card:hover{
  background:#ff1744 !important;
  transform:scale(1.1) !important;
  filter:drop-shadow(0 0 18px rgba(255,23,68,.55)) !important;
}

.brand-nike{
  -webkit-mask-image:url("/img%20home/img-marcas/nike.svg") !important;
  mask-image:url("/img%20home/img-marcas/nike.svg") !important;
}

.brand-adidas{
  -webkit-mask-image:url("/img%20home/img-marcas/adidas.svg") !important;
  mask-image:url("/img%20home/img-marcas/adidas.svg") !important;
}

.brand-lacoste{
  -webkit-mask-image:url("/img%20home/img-marcas/lacoste.svg") !important;
  mask-image:url("/img%20home/img-marcas/lacoste.svg") !important;
}

.brand-vans{
  -webkit-mask-image:url("/img%20home/img-marcas/vans.svg") !important;
  mask-image:url("/img%20home/img-marcas/vans.svg") !important;
}

.brand-mizuno{
  -webkit-mask-image:url("/img%20home/img-marcas/mizuno.svg") !important;
  mask-image:url("/img%20home/img-marcas/mizuno.svg") !important;
}

.brand-newbalance{
  -webkit-mask-image:url("/img%20home/img-marcas/new-balance.svg") !important;
  mask-image:url("/img%20home/img-marcas/new-balance.svg") !important;
}

.brand-puma{
  -webkit-mask-image:url("/img%20home/img-marcas/puma.svg") !important;
  mask-image:url("/img%20home/img-marcas/puma.svg") !important;
}

/* HERO HOME - TÍTULO NA POSIÇÃO CERTA IGUAL REFERÊNCIA */

#hero-section .hero-content-editorial{
  position:absolute !important;
  top:90px !important;
  left:43% !important;
  right:6% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
  transform:none !important;
  z-index:5 !important;
}

#hero-section .hero-title-editorial{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  white-space:nowrap !important;
  font-family:'Space Grotesk', sans-serif !important;
  font-size:clamp(42px, 4.2vw, 74px) !important;
  line-height:.92 !important;
  font-weight:900 !important;
  font-style:italic !important;
  letter-spacing:-3px !important;
  text-transform:uppercase !important;
  margin:0 0 14px !important;
  text-shadow:0 18px 45px rgba(0,0,0,.7) !important;
}

#hero-section .hero-title-editorial span{
  color:#fff !important;
}

#hero-section .hero-title-editorial strong{
  color:#ff1744 !important;
  font-weight:900 !important;
}

#hero-section .hero-subtitle-editorial{
  max-width:760px !important;
  margin:0 0 150px !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.45 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.75) !important;
}

#hero-section .hero-actions-editorial{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
  justify-content:flex-start !important;
}

#hero-section .hero-benefits{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:26px !important;
  margin-top:22px !important;
  padding-top:0 !important;
  border-top:0 !important;
  width:100% !important;
}

#hero-section .hero-badge{
  display:none !important;
}