@media (min-width: 761px){
  .nav{display:flex !important;justify-content:center;align-items:center;text-align:center}
  .menu-toggle{display:none !important}
  .brand-title{font-size:16px}
  .nav a{font-size:14px}
}
@media (min-width: 1100px){
  :root{
    --fz-base:17px;
    --fz-h1:clamp(38px,4.2vw,62px);
    --fz-h2:clamp(28px,2.6vw,40px);
    --fz-h3:clamp(20px,1.8vw,27px)
  }
  .hero{padding-top:68px;padding-bottom:30px}
  .card-pad,.content-box,.category-body,.product-card-body{padding:26px}
  .brand-official img{max-height:32px}
}