/* Mobile refinement v20261012 */
@media(max-width:1000px){
 .navbar{min-height:74px!important;padding:10px 16px!important;gap:10px!important;width:100%!important;}
 .navbar .logo{min-width:0!important;flex:0 1 auto!important}.navbar .logo img{width:clamp(108px,34vw,145px)!important;height:auto!important;max-height:52px!important;object-fit:contain!important}
 .navbar .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;margin:0 0 0 auto!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;background:#bc6049!important;color:#fff!important;font:normal 24px/1 Arial,sans-serif!important;box-sizing:border-box!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important;cursor:pointer!important;}
 .navbar .nav-links{position:absolute!important;top:calc(100% + 6px)!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;margin:0!important;padding:12px!important;z-index:10001!important;background:#172326!important;border-radius:18px!important;box-shadow:0 20px 45px rgba(0,0,0,.3)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;}
 .navbar .nav-links:not(.open){display:none!important}.navbar .nav-links.open{display:flex!important}.navbar .nav-links li{width:100%!important}.navbar .nav-links a{display:block!important;width:100%!important;padding:13px 15px!important;text-align:left!important;color:#fff!important;font-size:14px!important;line-height:1.35!important;border-radius:10px!important}
 .hero-content{padding-left:20px!important;padding-right:20px!important}.hero-content h1{font-size:clamp(2rem,8.5vw,4.1rem)!important;overflow-wrap:anywhere!important}.hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.hero-actions .button{max-width:100%!important}.intro-section,.feature-strip{padding-left:18px!important;padding-right:18px!important}.checkout-shell,.interior-shell{max-width:100%!important;min-width:0!important;padding-left:14px!important;padding-right:14px!important}.checkout-grid,.catalog-grid{min-width:0!important}.checkout-card{min-width:0!important}
}
@media(max-width:420px){.navbar{padding:8px 12px!important}.navbar .logo img{width:115px!important}.hero-content h1{font-size:clamp(1.9rem,9vw,2.7rem)!important}.hero-stats{gap:10px!important}.hero-stats>div{min-width:0!important}}
@media(prefers-reduced-motion:reduce){.brick-site-loader,.loader-forklift,.loader-brick{animation:none!important}}
/* Subtle redesigned feature cards */
.feature-strip article{border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 28px rgba(13,28,31,.13)!important}.feature-strip article:first-child{background:linear-gradient(140deg,#1b3033,#294c49)!important}.feature-strip article:nth-child(2){background:linear-gradient(140deg,#22343b,#345760)!important}.feature-strip article:nth-child(3){background:linear-gradient(140deg,#322e2a,#634c3d)!important}

/* Accurate, font-independent three-bar mobile menu icon */
.navbar .menu-toggle .hamburger-bars{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;line-height:0!important;transform:none!important;}
.navbar .menu-toggle .hamburger-bars i{display:block!important;flex:none!important;width:22px!important;height:2.5px!important;background:currentColor!important;border-radius:4px!important;margin:0!important;padding:0!important;transform:none!important;}
@media(max-width:1000px){
 html,body{max-width:100%;overflow-x:clip;}
 .navbar{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
 .navbar .menu-toggle{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;position:relative!important;vertical-align:middle!important;}
 .navbar .menu-toggle:focus-visible{outline:3px solid #e8ad88!important;outline-offset:3px!important;}
 .navbar .nav-links{box-sizing:border-box!important;}
 .home-section .hero-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;}
 .hero-actions a{box-sizing:border-box!important;}
}

/* Clean, short mobile-only intro: fade + slide up. Desktop stays unchanged. */
@media (max-width:767px){
 .brick-site-loader{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;background:#f5f0e9!important;opacity:1;transition:opacity .65s ease!important;}
 .brick-site-loader .loader-sky{position:relative!important;inset:auto!important;width:calc(100% - 36px)!important;max-width:420px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;opacity:0!important;transform:translateY(28px)!important;animation:mitsiadisMobileReveal .85s cubic-bezier(.22,1,.36,1) .15s forwards!important;}
 .brick-site-loader .loader-sky span{font-size:clamp(22px,7vw,32px)!important;line-height:1.2!important;letter-spacing:.045em!important;white-space:normal!important;}
 .brick-site-loader .loader-sky small{font-size:clamp(13px,3.7vw,16px)!important;line-height:1.5!important;}
 .brick-site-loader .brick-wall,.brick-site-loader .loader-forklift,.brick-site-loader .loader-ground{display:none!important;}
 .brick-site-loader.finish{opacity:0!important;pointer-events:none!important;}
 @keyframes mitsiadisMobileReveal{to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){.brick-site-loader .loader-sky{animation:none!important;opacity:1!important;transform:none!important}.brick-site-loader{transition:none!important}}


/* Unified mobile navigation — replaces inconsistent text glyph buttons */
@media (max-width:1000px) {
 html body header nav.navbar button.menu-toggle {
  appearance:none!important; display:grid!important; place-items:center!important;
  position:relative!important; flex:0 0 48px!important; width:48px!important; height:48px!important;
  min-width:48px!important; min-height:48px!important; max-width:48px!important; max-height:48px!important;
  margin:0 0 0 auto!important; padding:0!important; box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.2)!important; border-radius:13px!important;
  background:#a84d39!important; color:#fff!important; font-size:0!important;
  line-height:0!important; text-indent:0!important; overflow:hidden!important;
 }
 html body header nav.navbar button.menu-toggle::before,
 html body header nav.navbar button.menu-toggle::after {content:none!important;display:none!important}
 html body header nav.navbar button.menu-toggle > span.hamburger-bars {
  display:flex!important;position:relative!important;inset:auto!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;gap:5px!important;margin:0!important;padding:0!important;
  transform:none!important;line-height:0!important;
 }
 html body header nav.navbar button.menu-toggle > span.hamburger-bars > i {
  display:block!important;position:relative!important;flex:0 0 2px!important;
  width:22px!important;height:2px!important;min-height:2px!important;max-height:2px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;
  background:#fff!important;opacity:1!important;transform:none!important;
  transition:transform .26s ease,opacity .18s ease!important;
 }
 html body header nav.navbar button.menu-toggle[aria-expanded="true"] > span.hamburger-bars > i:first-child {transform:translateY(7px) rotate(45deg)!important}
 html body header nav.navbar button.menu-toggle[aria-expanded="true"] > span.hamburger-bars > i:nth-child(2) {opacity:0!important}
 html body header nav.navbar button.menu-toggle[aria-expanded="true"] > span.hamburger-bars > i:last-child {transform:translateY(-7px) rotate(-45deg)!important}
 html body header nav.navbar ul.nav-links.open {animation:navActualFadeDown .3s cubic-bezier(.2,.8,.2,1) both!important}
 @keyframes navActualFadeDown {from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){html body header nav.navbar ul.nav-links.open{animation:none!important}}

/* Interior pages: force identical centered mobile menu and remove desktop nav offsets */
@media(max-width:1000px){
 html body.interior header nav.navbar{display:flex!important;align-items:center!important;min-height:74px!important;padding:10px 16px!important;gap:10px!important}
 html body.interior header nav.navbar .logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
 html body.interior header nav.navbar button.menu-toggle{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;align-self:center!important;justify-self:auto!important;vertical-align:middle!important;float:none!important;z-index:10002!important}
 html body.interior header nav.navbar ul.nav-links{padding:12px!important;margin:0!important;top:calc(100% + 6px)!important}
 html body.interior header nav.navbar ul.nav-links:not(.open){display:none!important}
}