/* ============================================================
   EUROAPPLIANCES — MOBILE.CSS  v1.0
   Standalone responsive file — loaded separately
   ============================================================ */

@media only screen and (max-width: 768px) {

/* GLOBAL */
.container { padding: 0 16px !important; }

/* TOPBAR — ẩn */
.topbar { display: none !important; }

/* HEADER */
.hdr-nav { display: none !important; }
.hdr-cta { display: none !important; }
.mob-menu-btn { display: flex !important; }
.logo-link svg, .logo-link img { width: 140px !important; height: auto !important; }
.ibtn { width: 36px !important; height: 36px !important; }
.header-inner { padding: 0 4px !important; }
.search-bar .container { padding: 10px 16px !important; }

/* HERO — 1 cột */
.hero {
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  grid-template-columns: none !important;
}
.hero-left {
  padding: 28px 20px 20px !important;
  border-right: none !important;
  border-bottom: 1px solid #eee !important;
  order: 1 !important;
}
h1.hero-title { font-size: 32px !important; line-height: 1.1 !important; }
.hero-title-it { font-size: 32px !important; line-height: 1.1 !important; }
.hero-sub { font-size: 15px !important; margin-bottom: 24px !important; }
.hero-acts { gap: 10px !important; flex-wrap: wrap !important; }
.hero-acts .btn-primary,
.hero-acts .btn-outline { padding: 10px 18px !important; font-size: 11px !important; }
.hero-stats { gap: 16px !important; flex-wrap: wrap !important; }
.hero-right { height: 240px !important; min-height: 240px !important; order: 2 !important; }
.hero-dots { left: 50% !important; transform: translateX(-50%) !important; bottom: 10px !important; }

/* TRUST BAR */
.trust-grid { grid-template-columns: repeat(2, 1fr) !important; }
.trust-item { padding: 12px 10px !important; }
.trust-item:nth-child(2) { border-right: none !important; }
.trust-item:nth-child(3), .trust-item:nth-child(4) { border-top: 1px solid #eee !important; }
.trust-ttl { font-size: 11px !important; }
.trust-desc { font-size: 10px !important; }

/* BRANDS SECTION */
.brands-section { padding: 28px 0 !important; }
.brands-rail {
  grid-template-columns: repeat(3, 1fr) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.brand-tile { padding: 16px 8px 12px !important; }
.brand-logo-box { height: 36px !important; }
.brand-logo-box svg { max-width: 72px !important; max-height: 30px !important; }
.brand-logo-box img { max-width: 72px !important; max-height: 30px !important; }
.brand-country, .brand-sku { display: none !important; }

/* CATEGORIES */
.categories-section { padding: 28px 0 !important; }
.sec-hdr { flex-direction: column !important; gap: 8px !important; margin-bottom: 16px !important; }
.sec-title { font-size: 28px !important; }
.cat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
.cat-tile { height: 170px !important; }
.c3, .c4, .c5, .c7 { grid-column: span 1 !important; }
.cat-name { font-size: 16px !important; }

/* PRODUCTS */
.products-section { padding: 28px 0 !important; }
.products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
.pf-tabs { flex-wrap: wrap !important; gap: 4px !important; justify-content: flex-start !important; }
.pf-btn { padding: 5px 10px !important; font-size: 10px !important; }

/* TESTIMONIALS */
.testi-section { padding: 28px 0 !important; }
.testi-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.testi-hdr { flex-direction: column !important; gap: 8px !important; }

} /* end @media 768px */

@media only screen and (max-width: 768px) {

/* DEALS / PROMO */
.promo-section { padding: 28px 0 !important; }
.promo-inner { flex-direction: column !important; gap: 20px !important; }
.promo-main-title { font-size: 26px !important; }
.promo-mini-deals { grid-template-columns: 1fr !important; }
.deal-card { padding: 18px !important; }

/* CTA */
.cta-section { padding: 28px 0 !important; }
.cta-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
.cta-title { font-size: 26px !important; }
.form-row { flex-direction: column !important; gap: 8px !important; }
.finput { padding: 10px 12px !important; font-size: 14px !important; }

/* BLOG */
.tu-van-section { padding: 20px 0 36px !important; }
.tv-header { flex-direction: column !important; gap: 8px !important; margin-bottom: 16px !important; }
.tv-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.tv-bottom-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.tv-img-bg { height: 180px !important; }
.tv-card.featured .tv-img-bg { height: 200px !important; }

/* FOOTER */
.footer-main { grid-template-columns: 1fr !important; gap: 24px !important; padding: 28px 0 !important; }
.fbrand-links { grid-template-columns: repeat(2, 1fr) !important; gap: 6px !important; display: grid !important; }
.fbl { padding: 8px 10px !important; font-size: 11px !important; }
.footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center !important; padding: 14px 0 !important; }
.flegals { justify-content: center !important; flex-wrap: wrap !important; }

/* BRAND PAGES HERO */
.bo-hero, .si-hero, .ml-hero, .lh-hero {
  height: 70vw !important;
  max-height: 360px !important;
  min-height: 240px !important;
}
.bo-hero-content, .si-hero-content, .ml-hero-content, .lh-hero-content {
  padding: 0 18px !important;
}
.bo-hero-left, .si-hero-left-new, .ml-hero-left, .lh-hero-left {
  flex: 1 !important;
  max-width: 100% !important;
  padding: 20px 0 !important;
}
.bo-hero-h1, .si-hero-h1, .ml-hero-h1, .lh-hero-h1 {
  font-size: 26px !important;
  margin-bottom: 10px !important;
}
.bo-hero-sub, .si-hero-sub, .ml-hero-sub, .lh-hero-sub {
  font-size: 12px !important;
  margin-bottom: 16px !important;
  display: none !important;
}
.bo-hero-right-info, .si-hero-stats-wrap, .ml-hero-stats-new, .lh-hero-stats {
  display: none !important;
}
.bo-arr, .si-arr, .ml-arr, .lh-arr { width: 34px !important; height: 34px !important; }
.bo-dots, .si-dots, .ml-dots, .lh-dots { left: 18px !important; bottom: 12px !important; }

/* SERIE BAR / TECH TABS */
.bo-serie-bar, .si-tech-bar, .lh-cat-nav { position: relative !important; top: 0 !important; }
.bo-serie-tabs, .si-tech-tabs, .lh-cat-tabs { overflow-x: scroll !important; }

/* LIEBHERR EXTRA */
.lh-wrap { padding: 0 16px !important; }
.lh-cat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.lh-tech-grid { grid-template-columns: 1fr !important; }
.lh-monolith-grid, .lh-why-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
.lh-prod-grid { grid-template-columns: repeat(2, 1fr) !important; }

/* MOBILE NAV */
.mob-nav.open { display: block !important; visibility: visible !important; transform: translateX(0) !important; }
.mob-nav-backdrop.mob-bkd-visible { display: block !important; opacity: 1 !important; }

} /* end @media 768px */

@media only screen and (max-width: 480px) {
  h1.hero-title, .hero-title-it { font-size: 26px !important; }
  .hero-right { height: 180px !important; }
  .cat-grid { grid-template-columns: 1fr !important; }
  .brands-rail { grid-template-columns: repeat(2, 1fr) !important; }
  .products-grid { grid-template-columns: 1fr !important; }
  .trust-grid { grid-template-columns: 1fr !important; }
  .trust-item { border-right: none !important; border-bottom: 1px solid #eee !important; }
  .bo-hero, .si-hero, .ml-hero, .lh-hero { height: 80vw !important; }
  .lh-cat-grid { grid-template-columns: 1fr !important; }
}