/**
* Home (inicio.html) — layout mobile fluido, sem overflow horizontal.
* Trust bar carousel: mobile ≤768px; desktop ≥769px inalterado.
*/
body.home-page {
overflow-anchor: none;
}
/* CTA "Ver todos os produtos" (estilo Santo Conceito) — mobile e desktop */
body.home-page .home-ver-todos-produtos-cta {
display: block;
width: 100%;
max-width: 100%;
margin: 1.25rem auto 0.75rem;
padding: 0 var(--container-padding, 0.75rem);
box-sizing: border-box;
text-align: center;
}
body.home-page .home-ver-todos-produtos-btn {
display: inline-block;
box-sizing: border-box;
min-width: min(100%, 320px);
max-width: 100%;
padding: 10px 28px;
border: 1px solid #2b2b2b;
border-radius: 0;
background: #fff;
color: #2b2b2b;
font-family: 'Inter', sans-serif;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.35;
text-decoration: none;
text-align: center;
letter-spacing: 0;
white-space: nowrap;
-webkit-tap-highlight-color: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
body.home-page .home-ver-todos-produtos-btn:hover {
background: #f5f5f5;
color: #2b2b2b;
text-decoration: none;
}
body.home-page .home-ver-todos-produtos-btn:active {
background: #f5f5f5;
}
@media (min-width: 769px) {
body.home-page .home-ver-todos-produtos-cta {
margin: 1.5rem auto 1rem;
padding: 0;
}
body.home-page .home-ver-todos-produtos-btn {
min-width: 280px;
font-size: 0.9375rem;
}
}
/* Desktop: carrossel da trust bar invisível — 4 colunas originais */
@media (min-width: 769px) {
.home-trust-bar-carousel-nav {
display: none !important;
}
.home-trust-bar-carousel-viewport,
.home-trust-bar-carousel-track {
display: contents;
}
/* Cabeçalho compacto e conta mobile: somente mobile */
.mobile-compact-shell,
body.home-page .header-mobile-account-wrap {
display: none !important;
}
/* Banner assistência técnica — full width edge-to-edge no PC (template 1779647105469 / img 1779647105111) */
body.home-page .home-hero-banner-slot,
body.home-page .home-hero-banner-slot .home-banner-fullwidth,
body.home-page .home-hero-banner-slot .horizontal-banner-section,
body.home-page .home-hero-banner-slot [data-template-id],
body.home-page [data-section-id="bannerTemplate_template_1779647105469"],
body.home-page .main-content > .home-banner-fullwidth.horizontal-banner-section {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: hidden;
box-sizing: border-box;
}
body.home-page .home-hero-banner-slot img,
body.home-page .home-hero-banner-slot .home-banner-fullwidth-img,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] img,
body.home-page .main-content > .home-banner-fullwidth.horizontal-banner-section img {
width: 100% !important;
max-width: none !important;
height: auto !important;
display: block !important;
border-radius: 0 !important;
}
body.home-page .home-hero-banner-slot > a,
body.home-page .home-hero-banner-slot > div,
body.home-page .home-hero-banner-slot .banner-carousel,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] > a,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] > div,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] .banner-carousel {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: hidden;
}
}
@media (max-width: 768px) {
html:has(body.home-page) {
overflow-x: hidden;
width: 100%;
max-width: 100%;
}
body.home-page {
overflow-x: hidden;
width: 100%;
max-width: 100%;
min-width: 0;
--home-mobile-header-pad-x: 14px;
--home-mobile-header-item-gap: 10px;
--home-mobile-header-end-gap: 10px;
/* Espaço livre entre o glifo do carrinho (24px) e o contorno do avatar (32px) */
--home-mobile-header-cart-to-avatar-gap: 20px;
--home-mobile-header-cart-hit: 40px;
--home-mobile-header-cart-icon: 24px;
--home-mobile-header-avatar-size: 32px;
--home-mobile-header-logo-slot: 46px;
--home-mobile-header-logo-offset-x: 12px;
--home-mobile-header-side-max: calc(50% - 28px - (var(--home-mobile-header-logo-slot) / 2));
--home-mobile-header-side-left-max: calc(var(--home-mobile-header-side-max) + 10px);
}
body.home-page .site-header-shell,
body.home-page .site-topbar,
body.home-page .site-contact-bar,
body.home-page .site-announcement-bar,
body.home-page .header,
body.home-page .mega-nav,
body.home-page .search-bar-mobile,
body.home-page .home-hero-banner-slot,
body.home-page .home-trust-bar,
body.home-page .main-content,
body.home-page .footer {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
body.home-page .site-header-shell {
position: relative;
top: auto;
overflow: visible;
box-shadow: none;
}
body.home-page.search-dropdown-active .site-header-shell,
body.home-page.search-dropdown-active .header,
body.home-page.search-dropdown-active .mega-nav {
overflow: visible;
}
body.home-page.header-mobile-user-menu-open .site-header-shell,
body.home-page.header-mobile-user-menu-open .header,
body.home-page.header-mobile-user-menu-open .header .container,
body.home-page.header-mobile-user-menu-open #headerMobileRow,
body.home-page.header-mobile-user-menu-open .header-content--mobile,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__end,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__actions,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__account-wrap {
overflow: visible;
}
body.home-page.header-mobile-user-menu-open .mobile-compact-shell,
body.home-page.header-mobile-user-menu-open .mobile-compact-header,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__end,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__actions,
body.home-page.header-mobile-user-menu-open .mobile-compact-header__account-wrap {
overflow: visible;
}
/* Menu da conta acima da barra de busca (container vs search-bar-mobile) */
body.home-page.header-mobile-user-menu-open .header .container {
position: relative;
z-index: 10300;
}
body.home-page.header-mobile-user-menu-open:not(.search-dropdown-active) .search-bar-mobile {
z-index: 1;
}
body.home-page.header-mobile-user-menu-open .mobile-compact-header {
position: relative;
z-index: 10300;
}
/* Home: shell fixo recebe #headerMobileRow + .search-bar-mobile (um único bloco) */
body.home-page .mobile-compact-shell {
display: none !important;
}
/* ─── Header fixo + topbar colapsável — TODAS as páginas mobile ─── */
body.has-site-header-shell #headerMobileSearch,
body.has-site-header-shell #headerMobileRow {
transition: none !important;
}
body.has-site-header-shell .site-header-shell {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
}
body.has-site-header-shell {
transition: padding-top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
padding-top: var(--header-shell-full-h, 152px);
}
body.has-site-header-shell.home-mobile-header-compact,
body.has-site-header-shell.catalog-mobile-header-compact {
padding-top: var(--header-shell-compact-h, 95px);
}
body.has-site-header-shell.home-mobile-header-compact #headerMobileRow,
body.has-site-header-shell.catalog-mobile-header-compact #headerMobileRow {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
body.home-page .header-mobile-search-placeholder {
display: none !important;
}
body.home-page .header-mobile-search-placeholder[hidden] {
display: none !important;
height: 0 !important;
}
/* Primeiro scroll: oculta topbar preta + barra de frete grátis */
body.home-page.home-mobile-top-chrome-hidden #siteTopbar,
body.home-page.home-mobile-top-chrome-hidden #siteAnnouncementBar {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: none !important;
}
body.home-page .header-mobile-row-placeholder {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
flex-shrink: 0;
}
body.home-page .header-mobile-row-placeholder[hidden] {
display: none !important;
height: 0 !important;
}
/* Catálogo: cabeçalho compacto dedicado no shell */
body.catalog-page .mobile-compact-shell {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10050;
background: #fff;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.3s ease,
visibility 0.3s ease,
box-shadow 0.3s ease;
}
body.catalog-page.catalog-mobile-header-compact .mobile-compact-shell {
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* Faixa azul mobile — padrão único (#headerMobileRow = mesmo markup do compacto) */
.mobile-compact-header,
body.home-page .header-content--mobile,
body.home-page #headerMobileRow {
position: relative;
z-index: 10;
height: 56px;
min-height: 56px;
max-height: 56px;
padding: 0 var(--home-mobile-header-pad-x, 14px);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--home-mobile-header-item-gap, 10px);
background: #103070;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
body.home-page .header-content--mobile,
body.home-page #headerMobileRow {
flex-wrap: nowrap !important;
}
body.home-page .header-content--desktop {
display: none !important;
}
body.home-page .search-bar-mobile,
.mobile-compact-search {
width: 100%;
max-width: 100%;
padding: 0;
background: #fff;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
overflow: visible;
position: relative;
z-index: 5;
}
body.home-page.search-dropdown-active .search-bar-mobile,
body.home-page.search-dropdown-active .mobile-compact-search {
z-index: 10210;
isolation: isolate;
}
body.home-page .search-bar-mobile .search-input-wrapper,
.mobile-compact-search .search-input-wrapper {
display: flex;
align-items: stretch;
background: #fff;
border: none;
border-bottom: 1px solid #d4d4d4;
border-radius: 0;
overflow: visible;
width: 100%;
max-width: 100%;
position: relative;
box-shadow: none;
}
body.home-page .search-bar-mobile .search-dropdown,
.mobile-compact-search .search-dropdown {
left: 0;
right: 0;
width: 100%;
top: calc(100% + 4px);
z-index: 10250;
}
body.home-page .search-bar-mobile .search-dropdown.show {
display: block;
}
body.home-page .search-bar-mobile .search-dropdown-scroll,
.mobile-compact-search .search-dropdown-scroll {
max-height: none;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
body.home-page .search-bar-mobile input,
.mobile-compact-search input {
flex: 1;
min-width: 0;
padding: 10px 12px;
border: none;
outline: none;
font-size: 14px;
font-family: 'Inter', sans-serif;
background: #fff;
color: #333;
border-radius: 0;
box-shadow: none;
}
body.home-page .search-bar-mobile input::placeholder,
.mobile-compact-search input::placeholder {
color: #a8a8a8;
}
body.home-page .search-bar-mobile .search-btn-mobile,
.mobile-compact-search .search-btn-mobile {
flex-shrink: 0;
width: 40px;
min-width: 40px;
background: transparent;
border: none;
outline: none;
box-shadow: none;
padding: 0 10px 0 0;
cursor: pointer;
color: #1a1a1a;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
}
body.home-page #mobileMenuBtn,
.mobile-compact-header__menu {
order: 1;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 40px;
padding: 0;
margin: 0;
border: none;
background: transparent;
color: #fff;
font-size: 1.15rem;
cursor: pointer;
flex: 0 0 auto;
flex-shrink: 0;
border-radius: 0;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
body.home-page #mobileMenuBtn:hover,
body.home-page #mobileMenuBtn:active {
background: transparent !important;
box-shadow: none !important;
}
body.home-page #headerCepBtn,
.mobile-compact-header__cep {
order: 2;
flex: 0 0 auto;
min-width: 0;
max-width: 110px;
padding-right: 2px;
display: flex;
align-items: center;
gap: 0;
width: auto;
min-width: 0;
padding: 0 2px 0 0;
margin: 0;
border: none;
background: transparent;
cursor: pointer;
font-family: inherit;
text-align: left;
color: inherit;
-webkit-tap-highlight-color: transparent;
}
body.home-page #headerCepBtn .mobile-compact-header__cep-pin,
.mobile-compact-header__cep-pin {
display: none;
}
body.home-page #headerCepBtn .mobile-compact-header__cep-lines,
.mobile-compact-header__cep-lines {
display: flex;
flex-direction: column;
line-height: 1.15;
gap: 0;
min-width: 0;
flex: 1 1 auto;
}
body.home-page #headerCepBtn .mobile-compact-header__cep-label,
.mobile-compact-header__cep-label {
font-size: 11px;
font-weight: 400;
font-family: 'Inter', sans-serif;
color: rgba(255, 255, 255, 0.65);
white-space: nowrap;
}
body.home-page #headerCepText,
.mobile-compact-header__cep-value {
font-size: 12px;
font-weight: 600;
font-family: 'Inter', sans-serif;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100% !important;
}
body.home-page .header-brand,
.mobile-compact-header__center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(calc(-50% + var(--home-mobile-header-logo-offset-x, 12px)), -50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: auto;
min-height: 0;
pointer-events: none;
}
body.home-page .header-brand .logo,
body.home-page .header-brand .logo a,
.mobile-compact-header__logo {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 0;
text-decoration: none;
pointer-events: auto;
}
body.home-page .header-brand .logo-img,
body.home-page .header-brand .logo img,
.mobile-compact-header__logo img {
height: 50px !important;
max-height: 50px !important;
max-width: 50px !important;
width: auto !important;
object-fit: contain !important;
}
body.home-page .mobile-compact-header__end,
body.home-page #headerMobileRow .mobile-compact-header__end,
.mobile-compact-header__end {
order: 4;
display: flex;
align-items: center;
flex: 0 1 auto;
flex-shrink: 1;
min-width: 0;
max-width: var(--home-mobile-header-side-max, calc(50% - 51px));
gap: var(--home-mobile-header-end-gap, var(--home-mobile-header-item-gap, 10px));
margin-left: auto;
padding-left: 4px;
justify-content: flex-end;
z-index: 1;
}
body.store-mobile-logged-header-minimal .mobile-compact-header__end {
gap: var(--home-mobile-header-end-gap, var(--home-mobile-header-item-gap, 10px));
}
body.home-page .mobile-compact-header__actions,
body.home-page #headerMobileRow .mobile-compact-header__actions,
.mobile-compact-header__end .mobile-compact-header__actions {
display: flex;
align-items: center;
flex: 0 1 auto;
flex-shrink: 1;
min-width: 0;
gap: var(--home-mobile-header-item-gap, 6px);
margin-left: 0;
padding-left: 0;
justify-content: flex-end;
}
body.home-page .header-mobile-account-wrap,
.mobile-compact-header__account-wrap {
position: relative;
flex-shrink: 0;
z-index: 12;
}
.mobile-compact-header__account--guest[hidden],
.mobile-compact-header__account-logged[hidden],
body.home-page .header-mobile-account--guest[hidden],
body.home-page .header-mobile-account-logged[hidden] {
display: none !important;
}
.mobile-compact-header__user-menu-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 100%;
min-width: 0;
height: 40px;
padding: 0 2px;
margin: 0;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
font-family: 'Inter', sans-serif;
-webkit-tap-highlight-color: transparent;
}
.mobile-compact-header__user-avatar {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: #fff;
color: #1a1a1a;
flex-shrink: 0;
font-size: 15px;
line-height: 1;
}
.mobile-compact-header__user-lines,
body.home-page .header-mobile-user-lines {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
min-width: 0;
text-align: left;
}
.mobile-compact-header__user-greeting {
font-size: 12px;
line-height: 1.2;
font-weight: 600;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.mobile-compact-header__user-greeting strong {
font-weight: 700;
}
.mobile-compact-header__user-sub {
font-size: 10px;
line-height: 1.15;
font-weight: 400;
color: rgba(255, 255, 255, 0.78);
white-space: nowrap;
}
.mobile-compact-header__account,
body.home-page .header-mobile-account {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
max-width: 88px;
min-width: 0;
height: 40px;
padding: 0 4px;
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
}
body.home-page .header-mobile-account {
display: flex !important;
}
.mobile-compact-header__account-icon,
body.home-page .header-mobile-account-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 1;
opacity: 0.9;
flex-shrink: 0;
color: #fff;
}
.mobile-compact-header__account-text,
body.home-page .header-mobile-account-text {
font-size: 12px;
font-weight: 500;
font-family: 'Inter', sans-serif;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
flex-shrink: 1;
}
.mobile-compact-header__cart,
body.home-page #cartLink {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 40px;
flex-shrink: 0;
padding: 0;
margin: 0;
border: none;
border-radius: 0;
background: transparent;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.mobile-compact-header__cart-icon,
body.home-page #cartLink .mobile-compact-header__cart-icon {
display: block;
width: 24px;
height: 24px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.mobile-compact-header .cart-badge,
body.home-page #cartLink .cart-badge {
position: absolute;
top: 2px;
right: 0;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
background: #ef4444;
color: #fff;
font-size: 10px;
font-weight: 700;
display: none;
align-items: center;
justify-content: center;
line-height: 1;
box-sizing: border-box;
}
body.home-page .header .container {
width: 100%;
max-width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
position: relative;
z-index: 10;
}
/* Trust bar — carrossel (um slide por vez, setas, 4s) */
body.home-page .home-trust-bar {
overflow: hidden;
}
body.home-page .home-trust-bar-inner {
display: grid !important;
grid-template-columns: 28px minmax(0, 1fr) 28px;
align-items: center;
justify-content: stretch;
gap: 0 !important;
flex-wrap: nowrap !important;
max-width: 100%;
padding: 14px 4px !important;
box-sizing: border-box;
}
body.home-page .home-trust-bar-carousel-nav {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
border: none;
background: transparent;
color: #1a1a1a;
cursor: pointer;
flex-shrink: 0;
opacity: 0.75;
}
body.home-page .home-trust-bar-carousel-nav i {
font-size: 12px;
line-height: 1;
}
body.home-page .home-trust-bar-carousel-nav:active {
opacity: 1;
}
body.home-page .home-trust-bar-carousel-viewport {
overflow: hidden;
min-width: 0;
width: 100%;
}
body.home-page .home-trust-bar-carousel-track {
display: flex;
align-items: center;
transition: transform 0.35s ease;
will-change: transform;
}
body.home-page .home-trust-bar-carousel-track > .home-trust-bar-item,
body.home-page .home-trust-bar-carousel-track > a.home-trust-bar-item {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
min-width: 0;
margin-left: 0 !important;
padding-right: 0 !important;
justify-content: center;
box-sizing: border-box;
}
body.home-page .home-trust-bar-item--payments .home-trust-bar-payments-list {
flex-wrap: wrap !important;
justify-content: center;
max-width: 100%;
gap: 8px 10px;
}
body.home-page .home-trust-bar-revendedor-label,
body.home-page .home-trust-bar-subtitle {
white-space: normal;
text-align: center;
}
/* Conteúdo principal */
body.home-page .main-content {
width: 100%;
max-width: 100%;
min-width: 0;
padding-left: var(--container-padding, 0.4rem);
padding-right: var(--container-padding, 0.4rem);
overflow-x: hidden;
box-sizing: border-box;
}
body.home-page .main-content > section,
body.home-page .departments-section,
body.home-page .departments-container,
body.home-page .categories-section,
body.home-page .products-section,
body.home-page .products-container,
body.home-page .brands-section,
body.home-page .promo-banner-section {
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: hidden;
box-sizing: border-box;
}
body.home-page .home-hero-banner-slot,
body.home-page .home-hero-banner-slot img,
body.home-page .home-hero-banner-slot [data-template-id],
body.home-page .home-hero-banner-slot .banner-carousel {
max-width: 100% !important;
width: 100% !important;
}
/* Banner — slide horizontal com swipe (réplica do desktop) */
body.home-page .banner-carousel-viewport {
overflow: hidden;
width: 100%;
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
}
body.home-page .banner-carousel-track {
display: flex;
width: 100%;
will-change: transform;
}
body.home-page .banner-carousel-slide {
flex: 0 0 100%;
width: 100%;
min-width: 0;
}
body.home-page .banner-carousel-slide img {
pointer-events: none;
}
body.home-page .banner-carousel .hero-nav-btn {
opacity: 0.9;
pointer-events: auto;
width: 34px;
height: 34px;
font-size: 0.85rem;
}
body.home-page .banner-carousel .hero-nav-btn.prev {
left: 6px;
}
body.home-page .banner-carousel .hero-nav-btn.next {
right: 6px;
}
body.home-page .departments-carousel-wrapper,
body.home-page .products-carousel-wrapper,
body.home-page .brands-carousel-wrapper {
max-width: 100%;
overflow: hidden;
}
body.home-page .category-section-head {
max-width: 100%;
overflow: visible;
position: relative;
}
/* Título da categoria + link "Ver todos" — sem sobreposição no mobile */
body.home-page .category-section-head {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
min-height: 0;
margin-bottom: 0.4rem;
gap: 0.35rem;
padding: 0;
}
body.home-page .category-section-title,
body.home-page .brands-title.category-section-title {
width: 100%;
max-width: 100%;
font-size: 1rem;
padding: 8px 14px;
line-height: 1.25;
box-sizing: border-box;
display: block;
}
body.home-page .brands-section {
padding-left: var(--container-padding, 0.75rem);
padding-right: var(--container-padding, 0.75rem);
}
body.home-page .brands-title.category-section-title {
margin: 0 auto 0.75rem;
}
body.home-page .category-section-view-all {
position: static;
transform: none;
align-self: flex-end;
margin: 0 0 0.2rem;
padding-right: 0.15rem;
font-size: 0.72rem;
line-height: 1.2;
}
body.home-page .category-section-view-all i {
font-size: 0.65rem;
}
/* Departamentos — link "Ver todas as categorias" igual ao "Ver todos os produtos" */
body.home-page .departments-section-head.category-section-head {
margin-bottom: 0.35rem;
padding: 0;
}
body.home-page .departments-section-head .category-section-view-all {
position: static;
transform: none;
align-self: flex-end;
margin: 0 0 0.15rem;
padding-right: 0.15rem;
font-size: 0.72rem;
line-height: 1.2;
}
/* Cards sob consulta — label e botão igual à página de detalhes */
body.home-page .product-quote-label {
white-space: nowrap;
font-size: 0.58rem !important;
letter-spacing: 0.02em;
overflow: hidden;
text-overflow: ellipsis;
}
body.home-page .btn-buy-now.btn-contact-us {
background: #fff !important;
color: #1a1a1a !important;
border: 1px solid #ddd !important;
box-shadow: none !important;
gap: 0.4rem !important;
}
body.home-page .btn-buy-now.btn-contact-us span {
white-space: nowrap;
font-size: 0.58rem !important;
}
/* Setas dos carrosséis — mesmo visual da trust bar (chevron simples, sem círculo) */
body.home-page .carousel-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #1a1a1a !important;
cursor: pointer;
flex-shrink: 0;
opacity: 0.75;
z-index: 10;
font-size: inherit;
transition: opacity 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
body.home-page .carousel-nav-btn:hover,
body.home-page .carousel-nav-btn:focus {
background: transparent !important;
border: none !important;
color: #1a1a1a !important;
box-shadow: none !important;
}
body.home-page .carousel-nav-btn:active {
opacity: 1;
}
body.home-page .carousel-nav-btn i {
font-size: 12px !important;
line-height: 1;
color: #1a1a1a !important;
opacity: 1 !important;
}
body.home-page .carousel-nav-btn.prev {
left: 4px !important;
}
body.home-page .carousel-nav-btn.next {
right: 4px !important;
}
body.home-page .departments-carousel-wrapper {
padding: 0 !important;
overflow: hidden;
position: relative;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
body.home-page .departments-carousel {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start;
gap: 0.65rem !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0.35rem 0.15rem 0.65rem !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
touch-action: pan-y pinch-zoom;
}
body.home-page .departments-carousel .department-card {
flex: 0 0 88px !important;
width: 88px !important;
max-width: 88px !important;
scroll-snap-align: start;
}
body.home-page .departments-section .carousel-nav-btn {
z-index: 11;
}
/* Banner assistência técnica — full width edge-to-edge (template 1779647105111) */
body.home-page .home-banner-mobile-fullwidth,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--section-spacing, 10px) !important;
margin-bottom: var(--section-spacing, 10px) !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: hidden;
box-sizing: border-box;
}
body.home-page .home-banner-mobile-fullwidth img,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] img {
width: 100% !important;
max-width: none !important;
height: auto !important;
display: block !important;
border-radius: 0 !important;
}
body.home-page .home-banner-mobile-fullwidth > a,
body.home-page .home-banner-mobile-fullwidth > div,
body.home-page .home-banner-mobile-fullwidth .banner-carousel,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] > a,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] > div,
body.home-page [data-section-id="bannerTemplate_template_1779647105469"] .banner-carousel {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: hidden;
}
body.home-page .site-contact-bar,
body.home-page .site-contact-bar-inner {
display: none !important;
}
body.home-page .site-announcement-text {
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
/* Rodapé — layout mobile (logo, redes, divisor, telefone, endereço) */
body.home-page .footer-main {
flex-direction: column;
align-items: center;
gap: 0.85rem;
padding: 1.1rem 0 1.25rem;
}
body.home-page .footer-logo-img {
height: 52px;
}
body.home-page .footer-contact {
flex-direction: column;
align-items: center;
gap: 0.65rem;
width: 100%;
max-width: 320px;
text-align: center;
}
body.home-page .footer-social {
justify-content: center;
gap: 0.85rem;
width: 100%;
}
body.home-page .footer-hsep {
display: none;
}
body.home-page .footer-vdivider {
display: block;
width: 1px;
height: 28px;
background: rgba(240, 224, 0, 0.35);
margin: 0.2rem 0;
}
body.home-page .footer-phone {
justify-content: center;
font-size: 0.82rem;
}
body.home-page .footer-address {
justify-content: center;
text-align: center;
font-size: 0.8rem;
line-height: 1.45;
max-width: 300px;
}
body.home-page .footer-bottom {
flex-direction: column;
align-items: center;
gap: 0.45rem;
padding: 0.85rem 3.75rem 1.1rem 0.75rem;
text-align: center;
}
body.home-page .footer-bottom-text {
white-space: normal;
line-height: 1.45;
max-width: 100%;
font-size: 0.72rem;
}
body.home-page .footer-dev {
font-size: 0.72rem;
line-height: 1.45;
}
}