/* Final layout safety fixes (loaded after all other styles) */
/* ---- Layout safety at laptop widths (1200–1366px) ---- */
body{overflow-x:clip}
@media (min-width:1200px) and (max-width:1366px){
  .header-actions{gap:8px}
  .header-actions .cart-count{right:0;top:-4px}
}

/* ---- Footer: last content stays clear of the floating call/WhatsApp buttons on mobile ---- */
@media (max-width:760px){ .site-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important} }

/* ---- Skip link: hidden until keyboard focus ---- */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;overflow:visible;z-index:10000;background:#fff;color:#173d1f;padding:10px 16px;border-radius:10px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.2)}

/* ---- Header on small phones: brand name wraps inside its box and never runs under the icons ---- */
.site-header .brand{min-width:0;flex:1 1 auto}
.site-header .brand-text{min-width:0;flex:1 1 auto}
.site-header .brand-name{white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.site-header .header-actions{flex-shrink:0}
@media (max-width:420px){
  .site-header .brand-name{font-size:15px}
  .site-header .header-actions{gap:6px}
}