/* ============================================================
 *  Ecraft — Mobile / responsive overrides (Ventro-style header)
 *  ============================================================ */

/* ===== Tablet & mobile — show hamburger, collapse nav into drawer ===== */
@media (max-width: 1024px) {
	.ecraft-header__nav { display: none; }
	.ecraft-header__menu-toggle { display: inline-flex; }
	.ecraft-header { border-top-left-radius: 0; border-top-right-radius: 0; }

	.ecraft-header__top { padding: 16px 0 14px; }
	.ecraft-wordmark__primary { font-size: 1.3rem; letter-spacing: 0.3em; }
	.ecraft-wordmark__mark svg { width: 22px; height: 22px; }
}

/* ===== Phone — compact actions ===== */
@media (max-width: 700px) {
	.ecraft-wordmark__primary { font-size: 1.15rem; letter-spacing: 0.28em; }
	.ecraft-announcement__inner { font-size: .8rem; padding: 10px 14px; text-align: center; line-height: 1.4; }
	.ecraft-icon-btn { width: 40px; height: 40px; }
}

/* ===== Bottom mobile nav ===== */
.ecraft-mobile-nav {
	display: none;
	position: fixed; left: 0; right: 0; bottom: 0;
	background: rgba(255,255,255,.97);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-top: 1px solid var(--clr-line);
	z-index: 60;
	padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
	justify-content: space-around;
	align-items: stretch;
}
.ecraft-mobile-nav__item {
	flex: 1;
	display: flex; flex-direction: column; align-items: center; gap: 4px;
	background: none; border: none; padding: 8px 6px;
	font-size: .68rem; color: var(--clr-mute); cursor: pointer; text-decoration: none;
	position: relative;
}
.ecraft-mobile-nav__item.is-active { color: var(--clr-accent); }
.ecraft-mobile-nav__item.is-active::before {
	content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
	width: 22px; height: 2px; background: var(--clr-accent); border-radius: 2px;
}
.ecraft-mobile-nav__badge {
	position: absolute; top: 4px; right: calc(50% - 18px);
	min-width: 16px; height: 16px; padding: 0 4px;
	background: var(--clr-accent); color: #fff;
	border-radius: 999px;
	font-size: .6rem; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
}

@media (max-width: 800px) {
	.ecraft-mobile-nav { display: flex; }
	body { padding-bottom: 60px; }
	.ecraft-fab-whatsapp { bottom: 90px; }
}

@media (max-width: 700px) {
	.ecraft-grid--products   { grid-template-columns: 1fr 1fr; gap: 14px; }
	.ecraft-grid--categories { grid-template-columns: 1fr; }
	.ecraft-grid--features   { grid-template-columns: 1fr; }
	.ecraft-section__head--row { flex-direction: column; align-items: flex-start; }
	.ecraft-card__body { padding: 14px; }
	.ecraft-card__title { font-size: .92rem; }
	.ecraft-card__price { font-size: .96rem; }
	.ecraft-card__actions { opacity: 1; transform: none; flex-direction: row; top: auto; bottom: 14px; right: 14px; }
	.ecraft-hero__inner { padding: 80px 0 60px; }
	.ecraft-hero__meta { gap: 14px; }
	.ecraft-hero__divider { display: none; }
}

@media (max-width: 480px) {
	.ecraft-trust-row { grid-template-columns: 1fr; gap: 14px; }
	.ecraft-hero__actions .ecraft-btn { flex: 1; justify-content: center; }
	.ecraft-final-cta__actions .ecraft-btn { width: 100%; justify-content: center; }
	.ecraft-font-grid { grid-template-columns: repeat(2, 1fr); }
}
