/* Remove qualquer efeito de zoom das imagens dos produtos */
	.productCard__img,
	.productPage__img {
		transform: none !important;
		transition: none !important;
		scale: 1 !important;
		cursor: default !important;
	}
	.productPage__img {
		max-width: 320px !important;
		width: 100% !important;
		max-height: 220px !important;
		height: auto !important;
		object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
	}
	.productPage__img {
		max-width: 320px;
		width: 100%;
		max-height: 220px;
		height: auto;
		object-fit: contain;
		display: block;
		margin: 0 auto;
		scrollbar-width: auto;
		scrollbar-color: #e11d48 #f6f7fb;
	}
	/* Garante rolagem vertical mesmo ao tocar/clicar nos produtos */
	.productStrip,
	.productStrip[style] {
		overflow-y: visible !important;
		touch-action: pan-y !important;
	}
	/* Força overflow-y visível mesmo se houver inline style */
	.productStrip[style],
	.productStrip {
		overflow-y: visible !important;
	}
	.relatedSlider__track {
		min-width: 900px !important;
	}
	.relatedSlider__track {
		display: flex !important;
		gap: 12px !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
		min-width: max-content !important;
		width: auto !important;
	}
	.relatedSlider__item {
		flex: 0 0 auto !important;
		width: 200px !important;
		min-width: 200px !important;
	}
	/* Garante que containers pais não bloqueiem a rolagem horizontal da relatedSlider */
	.productPage, .container, .section {
		overflow-x: visible !important;
	}
	@media (max-width:640px){
		/* Garante que nenhum container pai bloqueie a rolagem horizontal */
		body, html, .container, .container.page, .section, .sectionHead {
			overflow-x: visible !important;
		}
		.productStrip {
			overflow-x: auto !important;
			-webkit-overflow-scrolling: touch;
			max-width: 100vw;
		}
		.productStrip__track {
			flex-wrap: nowrap;
			min-width: unset;
			width: auto;
		}
		.productStrip__item {
			width: 70vw;
			min-width: 150px;
			max-width: 240px;
		}
		/* Garante rolagem horizontal da relatedSlider em telas pequenas */
		.relatedSlider__viewport {
			width: 100% !important;
			max-width: 100vw !important;
			overflow-x: auto !important;
			overflow-y: hidden !important;
			-webkit-overflow-scrolling: touch !important;
			scroll-snap-type: x mandatory !important;
			padding-bottom: 8px !important;
		}
		.relatedSlider__track {
			display: flex !important;
			gap: 12px !important;
			align-items: stretch !important;
			flex-wrap: nowrap !important;
			min-width: max-content !important;
		}
		.relatedSlider__item {
			scroll-snap-align: start !important;
			flex: 0 0 auto !important;
			width: 300px !important;
			min-width: 300px !important;
		}
	}
	/* Garante que nada ultrapasse a largura da tela */
/* .container.page, .productPage { overflow-x: hidden; } Removido para liberar rolagem horizontal */
	.relatedSlider__viewport {
		max-width: 100%;
	}

/* Limita a imagem principal do produto na página de detalhes */
.productPage__img {
	max-width: 320px;
	width: 100%;
	max-height: 220px;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	scrollbar-width: auto;
	scrollbar-color: #e11d48 #f6f7fb;
}
/* Limita a imagem principal do produto na página de detalhes */
.productCard__media, .productCard__img {
	touch-action: pan-y !important;
}
.productCard__media .productCard__img,
.productCard__img--main {
	max-width: 100%;
	width: 100%;
	max-height: 220px;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
:root{--bg:#f6f7fb;--panel:#ffffff;--text:#1b1e28;--muted:#6b7280;--border:#e5e7eb;--brand:#e11d48;--brand2:#f97316;--ok:#059669}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin:0 auto}
.page{padding:18px 0 28px}

/* Topbar */
.topbar{background:#111827;color:#f9fafb;font-size:12px}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.topbar__left{display:flex;gap:10px;flex-wrap:wrap;align-items:center;opacity:.95}
.topbar__item{white-space:nowrap}
.topbar__sep{opacity:.6}
.topbar__right{display:flex;gap:14px;align-items:center}
.topbar__link{color:#f9fafb;opacity:.95}
.topbar__link:hover{opacity:1;text-decoration:underline}
.topbar__btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#f9fafb;font-weight:900;letter-spacing:.2px}
.topbar__btn:hover{background:rgba(255,255,255,.18)}

.topbarCart{display:inline-flex;align-items:center;gap:6px}
.topbarCart__icon{width:14px;height:14px;flex:0 0 auto}
.topbarCart__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#f9fafb;font-weight:900;font-size:11px;line-height:1}

/* Header */
.header{background:var(--panel);border-bottom:1px solid var(--border)}
.header__inner{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo search actions";gap:16px;align-items:center;padding:16px 0}
.logo{display:flex;gap:10px;align-items:center}
.header__inner .logo{grid-area:logo}
.header__inner .search{grid-area:search}
.header__inner .header__actions{grid-area:actions}
.logo__img{height:var(--logo-height,40px);max-width:var(--logo-max-width,180px);width:auto;object-fit:contain;display:block}
.logo__mark{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font-weight:900;border-radius:10px;padding:10px 10px;letter-spacing:.6px}
.logo__name{font-weight:900;letter-spacing:.2px}

.search{display:flex;gap:10px;align-items:center}
.search__input{width:100%;min-width:220px;padding:12px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;outline:none}
.search__input:focus{border-color:#c7cad3;box-shadow:0 0 0 3px rgba(225,29,72,.12)}
.search__btn{padding:12px 14px;border-radius:10px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:700;cursor:pointer}
.search__btn:hover{filter:brightness(.98)}

.header__actions{display:flex;gap:14px;align-items:center;justify-self:end}
.action{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#fff;min-width:130px}
.action__label{font-weight:800;font-size:13px}
.action__hint{font-size:12px;color:var(--muted)}
.action--cart{border-color:rgba(225,29,72,.25)}

.headerCart{display:inline-flex;align-items:center;gap:6px}
.headerCart__icon{width:16px;height:16px;flex:0 0 auto}
.headerCart__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:900;font-size:11px;line-height:1}

/* Menu */
.menu{border-top:1px solid var(--border);background:#fafafa;padding:12px 0}
.menu__header{margin-bottom:8px;padding-left:44px} /* Align with scrollable area (approx arrow width + gap) */
.menu__inner{display:flex;align-items:center;gap:16px}
.menu__title{font-weight:900;color:#111827;white-space:nowrap}
.menu__nav{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex:1;min-width:0;scroll-behavior:smooth}
.menu__link{padding:8px 10px;border-radius:10px;color:#111827;flex:0 0 auto;white-space:nowrap}
.menu__link:hover{background:#fff;border:1px solid var(--border);padding:7px 9px}
.menu__link--active{
    font-weight: 900;
    color: #fff;
    background: var(--brand);
    border: 1px solid var(--brand);
    padding: 8px 16px;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(225, 29, 72, 0.2);
}
.menu__link--active:hover {
    background: #be123c; /* Darker shade of brand color */
    border-color: #be123c;
    color: #fff;
    padding: 8px 16px; /* Maintain padding on hover */
    text-decoration: none;
}
.menu__arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--text);cursor:pointer;flex:0 0 auto;transition:all .2s}
.menu__arrow:hover{background:#f3f4f6;border-color:#d1d5db}
.menu__arrow[hidden]{display:none}

@media (max-width: 640px) {
    .menu__header { padding-left: 0; }
}

/* Alerts */
.alert{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;margin:12px 0}
.alert--error{border-color:rgba(225,29,72,.35);background:rgba(225,29,72,.06)}
.alert--success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}

/* Pills (status) */
.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#f9fafb;color:#111827;font-weight:900;font-size:12px;line-height:1;white-space:nowrap}
.pill--ok{border-color:rgba(5,150,105,.28);background:rgba(5,150,105,.12);color:var(--ok)}
.pill--warn{border-color:rgba(249,115,22,.28);background:rgba(249,115,22,.12);color:var(--brand2)}
.pill--neutral{border-color:var(--border);background:var(--panel);color:var(--text)}

/* Banners */
.banners{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:8px}
.banners--single{grid-template-columns:1fr}
.banner{display:block;border-radius:14px;overflow:hidden;min-height:var(--banner-min-height,160px);border:1px solid var(--border);
background:linear-gradient(135deg, rgba(225,29,72,.95), rgba(249,115,22,.95));color:#fff}
.banner--1{min-height:var(--banner1-min-height,var(--banner-min-height,160px))}
.banner--2{min-height:var(--banner2-min-height,var(--banner-min-height,160px))}
.banner--alt{background:linear-gradient(135deg, rgba(17,24,39,.95), rgba(2,132,199,.9))}
.banner__content{padding:22px}
.banner__kicker{font-weight:800;opacity:.95}
.banner__title{font-size:22px;font-weight:900;line-height:1.15;margin-top:6px;max-width:520px}
.banner__cta{display:inline-flex;margin-top:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:10px 12px;border-radius:12px;font-weight:800}

/* Banner slider (mobile-first) */
.bannersSlider{margin-top:8px}
.bannersSlider__viewport{border:1px solid var(--border);border-radius:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg, rgba(225,29,72,.95), rgba(249,115,22,.95));cursor:grab}
.bannersSlider__viewport.active{cursor:grabbing;scroll-snap-type:none !important}
.bannersSlider__track{display:flex;gap:0}
.bannersSlider__slide{flex:0 0 100%;scroll-snap-align:start;min-height:var(--banner-min-height,160px);display:block}
.bannersSlider__slide.banner{border:0;border-radius:0}

/* Benefits */
.benefits{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.benefit{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}
.benefit__title{font-weight:900}
.benefit__desc{color:var(--muted);font-size:13px;margin-top:4px}

/* Benefits slider (mobile/tablet) */
.benefitsSlider{margin-top:14px}
.benefitsSlider__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab}
.benefitsSlider__viewport.active{cursor:grabbing;scroll-snap-type:none !important}
.benefitsSlider__track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.benefitsSlider__slide{scroll-snap-align:start}

/* Section header */
.section{margin-top:22px}
.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.sectionHead__title{margin:0;font-size:18px;font-weight:900;letter-spacing:.2px}
/* Font style reverted to normal */
.sectionHead__link{color:var(--brand);font-weight:800;font-size:13px}
.sectionHead__link:hover{text-decoration:underline}

/* Products */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.productCard{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.productCard__media{background:#fff;display:block}
.productCard__img{
	width: 100%;
	max-width: 100%; /* Permite que a imagem cresça */
	height: 300px; /* Aumentado de 220px para 300px para acompanhar a largura */
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.productCard__body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}
.productCard__name{font-weight:800;line-height:1.2;min-height:34px}
.productCard__name:hover{text-decoration:underline}
.productCard__price{font-weight:900;color:#111827}
.productCard__buyBox{margin-top:auto;display:grid;gap:8px}
.productCard__buyBtns{display:grid;grid-template-columns:1fr;gap:8px}
.productCard__buyBtns .btnPrimary,.productCard__buyBtns .btnGhost{padding:10px 10px;border-radius:12px;width:100%}

/* Home: horizontal strip (featured / bestsellers) */
.productStrip{
	width: 100%;
	max-width: 100vw;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 8px;
	touch-action: pan-x pan-y;
	cursor: grab;
}
.productStrip.active {
	cursor: grabbing;
	scroll-snap-type: none !important;
}

/* Garante que a barra de rolagem apareça em todos navegadores */
.productStrip::-webkit-scrollbar {
	height: 10px;
	background: #f6f7fb;
}
.productStrip::-webkit-scrollbar-thumb {
	background: #e11d48;
	border-radius: 8px;
}

/* Floating Cart */
.floatingCart {
    position: fixed;
    top: 100px;
    right: 16px;
    width: 56px;
    height: 56px;
    background: #ffffff;
    color: #111;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 990;
    text-decoration: none;

    /* Hidden by default (shown on scroll via JS) */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.9);
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s, box-shadow 0.2s;
}
.floatingCart.floatingCart--visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.floatingCart:hover {
    transform: translateY(0) scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
.floatingCart svg {
    width: 24px;
    height: 24px;
}
.floatingCart__count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    min-width: 20px;
    padding: 0 4px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
@media (max-width: 768px) {
    .floatingCart {
        top: 80px;
        width: 48px;
        height: 48px;
    }
}
.productStrip__track{
	display: flex;
	gap: 12px;
	align-items: stretch;
	flex-wrap: nowrap;
	/* min-width removido para responsividade */
	/* borda de debug removida */
}
.productStrip__item{scroll-snap-align:start;flex:0 0 auto;width:260px}

/* Related products (product page) */
.relatedSlider{
	margin-top:18px;
	width: min(1180px,92vw);
	margin-left: auto;
	margin-right: auto;
}
.relatedSlider__viewport {
	width: 100%;
	max-width: 100vw;
	overflow-x: auto !important;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch !important;
	scroll-snap-type: x mandatory !important;
	padding-bottom: 8px !important;
	scrollbar-width: auto;
	scrollbar-color: #e11d48 #f6f7fb;
	cursor: grab;
}
.relatedSlider__viewport.active {
	cursor: grabbing;
	scroll-snap-type: none !important; /* Disabilita snap durante drag para fluidez */
}
.relatedSlider__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.relatedSlider__title{margin:0;font-size:16px;font-weight:900}

.relatedSlider__viewport::-webkit-scrollbar {
	height: 10px;
	background: #f6f7fb;
}
.relatedSlider__viewport::-webkit-scrollbar-thumb {
	background: #e11d48;
	border-radius: 8px;
}
.relatedSlider__track{
	display: flex !important;
	gap: 12px !important;
	align-items: stretch !important;
	flex-wrap: nowrap !important;
	min-width: max-content !important;
	width: auto !important;
}
.relatedSlider__item{
	scroll-snap-align: start !important;
	flex: 0 0 auto !important;
	width: 150px !important;
	min-width: 150px !important;
}
.relatedSlider__item .productCard__img {
	max-width: 60px;
	max-height: 60px;
	width: 60px;
	height: 60px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

.productCard--mini .productCard__img{height:105px}
.productCard--mini .productCard__body{padding:10px;gap:6px}
.productCard--mini .productCard__name{font-size:13px;min-height:auto}
.productCard--mini .productCard__price{font-size:13px}

/* Qty stepper (cards + produto) */
.qtyStepper{display:grid;grid-template-columns:40px 1fr 40px;align-items:stretch;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.qtyStepper__btn{border:0;background:var(--panel);font-weight:900;font-size:18px;cursor:pointer;color:#111827}
.qtyStepper__btn:hover{filter:brightness(.98)}
.qtyStepper__input{width:100%;min-width:0;border:0;outline:none;text-align:center;font-weight:900;padding:10px 8px;background:#fff}
.qtyStepper__input:focus{box-shadow:0 0 0 3px rgba(225,29,72,.12) inset}


.productPage, .container, .section {
	overflow-x: visible !important;
}

/* Brands */
.brands__row{display:flex;gap:10px;flex-wrap:wrap}
.brandChip{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:800;color:#111827}

/* Product page */
.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}
.breadcrumbs__link{color:var(--muted)}
.breadcrumbs__link:hover{text-decoration:underline;color:#111827}
.breadcrumbs__sep{opacity:.6}
.productPage{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.productPage__img{width:100%;height:var(--product-page-img-height,460px);object-fit:cover;border-radius:14px;border:1px solid var(--border);background:#fff}
.productPage__title{margin:10px 0 6px;font-size:24px;font-weight:900}
.productPage__price{font-size:22px;font-weight:900;color:#111827}
.productPage__desc{color:var(--muted);line-height:1.55;margin-top:10px}
.buyRow{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.qty{display:flex;flex-direction:column;gap:6px}
.qty__label{font-size:12px;color:var(--muted);font-weight:700}
.qty__input{width:130px;padding:12px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;outline:none}
.qty__input:focus{box-shadow:0 0 0 3px rgba(225,29,72,.12)}

/* Buttons */
.btnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;background:var(--brand);border:1px solid var(--brand);color:#fff;font-weight:900;cursor:pointer}
.btnPrimary:hover{filter:brightness(.98)}
.btnPrimary--full{width:100%}
.btnGhost{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--border);color:#111827;font-weight:900}
.btnGhost:hover{border-color:#cfd3dc}
.btnGhost:disabled{opacity:.85;cursor:not-allowed}
.btnGhost--added{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.55);color:#166534}
.btnGhost--added:hover{border-color:rgba(34,197,94,.75)}

/* Cart */
.empty{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}
.cartGrid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}
.cartTable{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.cartTable__head,.cartTable__row{display:grid;grid-template-columns:1.6fr .5fr .7fr .7fr .4fr;gap:10px;padding:12px 12px;align-items:center}

/* WhatsApp (botão flutuante) */
.whatsFloat{position:fixed;right:18px;bottom:18px;z-index:50}
.whatsFloat__btn{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--ok);border:1px solid var(--ok);color:#fff}
.whatsFloat__btn:hover{filter:brightness(.98)}
.whatsFloat__icon{width:26px;height:26px;display:block}

/* Social links (rodapé) */
.footer__bottomInner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.socialLinks{display:flex;gap:10px;align-items:center}
.socialLinks__link{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);color:#111827}
.socialLinks__link:hover{border-color:#cfd3dc}
.socialLinks__icon{width:20px;height:20px;display:block}
.cartTable__head{background:#fafafa;border-bottom:1px solid var(--border);font-weight:900;color:#111827}
.cartTable__row{border-bottom:1px solid var(--border)}
.cartTable__row:last-child{border-bottom:none}
.cartTable__product{display:flex;gap:10px;align-items:center}
.cartTable__img{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff}
.cartTable__name{font-weight:800;line-height:1.2}
.cartTable__strong{font-weight:900}
.linkBtn{background:none;border:none;color:var(--brand);font-weight:900;cursor:pointer;padding:0}
.linkBtn:hover{text-decoration:underline}

.checkoutBox{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;position:sticky;top:10px}
.checkoutBox__title{font-weight:900;margin-bottom:10px}
.checkoutBox__line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.checkoutBox__subtitle{font-weight:900;margin-top:12px}
.checkoutForm{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.field{display:flex;flex-direction:column;gap:6px}
.field__label{font-size:12px;color:var(--muted);font-weight:800}
.field__input{padding:12px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;outline:none}
.field__input:focus{box-shadow:0 0 0 3px rgba(225,29,72,.12)}

/* Misc */
.panel{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.lead{color:var(--muted);margin-top:0}

/* Footer */
.footer{margin-top:24px;border-top:1px solid var(--border)}
.footer__newsletter{background:#111827;color:#f9fafb}
.footer__newsletterInner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;flex-wrap:wrap}
.footer__title{font-weight:900}
.footer__subtitle{opacity:.85;font-size:13px;margin-top:4px}
.newsletter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.newsletter__input{padding:12px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;outline:none;min-width:260px}
.newsletter__btn{padding:12px 14px;border-radius:10px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:900;cursor:pointer}
.footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0}
.footer__link{display:block;color:#111827;margin-top:10px;font-weight:700}
.footer__link:hover{text-decoration:underline;color:var(--brand)}
.footer__text{color:var(--muted);margin-top:10px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.badge{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:800;color:#111827}
.footer__bottom{background:#fafafa;border-top:1px solid var(--border)}
.footer__bottomInner{padding:12px 0;color:var(--muted);text-align:center}

/* Responsive */
@media (max-width:1000px){
	.header__inner{grid-template-columns:auto 1fr;grid-template-areas:"logo actions" "search search";gap:12px;align-items:center}
	.header__actions{justify-content:flex-end;flex-wrap:nowrap;gap:8px}
	.action{min-width:0;padding:6px 10px}
	.action__hint{display:none}
	.search{grid-column:1/-1}
	.banner__content{padding:18px}
	.banners{grid-template-columns:1fr}
	.benefits{grid-template-columns:repeat(2,1fr)}

	/* No mobile/tablet: vira slider e mostra 2 por vez */
	.benefitsSlider__track{display:flex;gap:12px}
	.benefitsSlider__slide{flex:0 0 calc(50% - 6px)}
	.productStrip__item{width:170px}
	.products{grid-template-columns:repeat(3,1fr)}
	.productPage{grid-template-columns:1fr}
	.cartGrid{grid-template-columns:1fr}
	.checkoutBox{position:static}
	.footer__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
	.products{grid-template-columns:repeat(2,1fr)}
	.productCard__img{height:180px}
	.productStrip__item{width: 70vw; min-width: 170px; max-width: 240px;}
	.productStrip{scrollbar-width:auto;scrollbar-color:#e11d48 #f6f7fb;}
	.productStrip__track{gap:10px;}
    
    /* Empilha botões no mobile para não cortar texto */
    .productCard__buyBtns {
        grid-template-columns: 1fr !important;
    }
	/* ...existing code... */
}

@media (max-width:420px){
	.products{grid-template-columns:repeat(2,1fr)}
	.banner__content{padding:18px}
	.banner__title{font-size:18px}
	.benefits{grid-template-columns:repeat(2,1fr);gap:10px}
	.benefit{padding:12px}
	.benefit__title{font-size:13px}
	.benefit__desc{font-size:12px}
}

/* Admin */
.adminHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 18px}
.adminTitle{margin:0;font-size:20px}
.adminNav{display:flex;gap:10px;flex-wrap:wrap}
.adminNav a{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;text-decoration:none}
.adminNav a:hover{background:#f8fafc}
.adminGrid{display:grid;grid-template-columns:1fr;gap:16px}
.adminCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.adminCard--featured{border-color:rgba(249,115,22,.45);box-shadow:0 0 0 4px rgba(249,115,22,.08)}
.adminTable{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.adminTable__head,.adminTable__row{display:grid;grid-template-columns:90px 1fr 180px 140px 120px 160px;gap:10px;padding:12px 12px;align-items:center}
.adminTable__head{background:#fafafa;border-bottom:1px solid var(--border);font-weight:900;color:#111827}
.adminTable__row{border-bottom:1px solid var(--border)}
.adminTable__row:last-child{border-bottom:none}
.adminTable__product{display:flex;gap:10px;align-items:center;min-width:0}
.adminTable__img{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff;flex:0 0 auto}
.adminTable__name{font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}
.adminTable__strong{font-weight:900}
.adminTable__actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.adminActions{display:flex;gap:8px;flex-wrap:wrap}
.adminForm{display:grid;gap:10px}
.adminField{display:grid;gap:6px}
.adminField label{font-size:13px;color:#334155}
.adminField input,.adminField textarea,.adminField select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;outline:none}
.adminField input:focus,.adminField textarea:focus,.adminField select:focus{border-color:rgba(15,23,42,.35);box-shadow:0 0 0 4px rgba(15,23,42,.06)}
.adminHint{font-size:12px;color:#64748b}
.adminRow{display:grid;grid-template-columns:1fr;gap:10px}
.adminButtons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.adminFlash{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;margin:12px 0}
.adminDanger{border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.06)}
.adminSuccess{border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.06)}
.adminPreview{display:grid;gap:10px}
.adminPreview__title{font-weight:900}
.adminPreview__img{width:100%;max-width:520px;max-height:320px;object-fit:contain;border-radius:14px;border:1px solid var(--border);background:#fff}
@media (min-width: 900px){.adminGrid{grid-template-columns:1.2fr .8fr}.adminRow{grid-template-columns:1fr 1fr}}

/* Admin responsive (precisa ficar depois das regras do admin) */
/* Desktop: esconde versão mobile */
@media (min-width:641px){
	.adminTable__mobileMeta{display:none}
	.adminTable__mobileActions{display:none}
}

@media (max-width:640px){
	.adminTable{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}

	/* Produtos: sem scroll, ações visíveis */
	.adminTable--products{overflow:visible}
	.adminTable--products .adminTable__head{display:none}
	.adminTable--products .adminTable__row{grid-template-columns:72px 1fr;gap:10px}
	.adminTable--products .adminTable__cell--category,
	.adminTable--products .adminTable__cell--price,
	.adminTable--products .adminTable__cell--status,
	.adminTable--products .adminTable__cell--actions{display:none}

	.adminTable__productInfo{min-width:0}
	.adminTable__mobileMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:12px}
	.adminTable__mobileActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
	.adminTable__mobileActions .btnGhost,
	.adminTable__mobileActions .btnDanger{padding:10px 12px;border-radius:12px}
}

.adminOrderNotice{position:fixed;top:12px;left:12px;right:12px;z-index:9999;display:block}
.adminOrderNotice[hidden]{display:none}
.adminOrderNotice__inner{background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:16px}
.adminOrderNotice__title{font-weight:900;font-size:18px;line-height:1.2}
.adminOrderNotice__meta{margin-top:6px;font-size:14px;opacity:.9}
.adminOrderNotice__actions{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.adminOrderNotice--show .adminOrderNotice__inner{outline:2px solid var(--brand)}

/* Store toast (add to cart) */
.storeToast{position:fixed;left:12px;right:12px;bottom:14px;z-index:9999}
.storeToast[hidden]{display:none}
.storeToast__inner{background:rgba(15,23,42,.96);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;font-weight:800;box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(14px);opacity:0;transition:transform .18s ease,opacity .18s ease}
.storeToast--show .storeToast__inner{transform:translateY(0);opacity:1}

/* Força e estiliza a barra de rolagem horizontal nas faixas de produtos */
.productStrip {
	scrollbar-width: auto;
	scrollbar-color: #e11d48 #f6f7fb;
}
.productStrip::-webkit-scrollbar {
	height: 10px;
	background: #f6f7fb;
}
.productStrip::-webkit-scrollbar-thumb {
	background: #e11d48;
	border-radius: 8px;
}