/* Giày Dép responsive glass treatment. Layout breakpoints are inherited from MASTER SOURCE. */
@media(max-width:1080px){
  body.glass-ui{background-attachment:scroll;--glass-blur:22px;--glass-soft-blur:16px}
  body.glass-ui .mobilepanel{
    background:color-mix(in srgb,var(--glass-base) 86%,transparent)!important;
    border-color:var(--border-glass)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    box-shadow:var(--glass-shadow-float)!important;
    color:var(--text-primary);
  }
  body.glass-ui .mobile-menu li{border-bottom-color:var(--border-soft)}
  body.glass-ui .mobile-menu a{color:var(--text-secondary)}
  body.glass-ui .mobile-menu a:hover,
  body.glass-ui .mobile-menu a:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--glass-surface-soft));color:var(--accent)}
  body.glass-ui .mobile-menu .submenu-toggle{border-color:var(--border-soft);color:var(--text-secondary);background:var(--glass-surface-soft)}
  body.glass-ui .mobile-menu .sub-menu{border-left-color:var(--border-soft)}
}

@media(max-width:680px){
  body.glass-ui{--glass-blur:18px;--glass-soft-blur:13px;--radius-card:24px;--radius-control:14px}
  body.glass-ui .column-card,
  body.glass-ui .review-item,
  body.glass-ui .deal,
  body.glass-ui .group-card,
  body.glass-ui .archive-card,
  body.glass-ui .sidebar-box,
  body.glass-ui .promo,
  body.glass-ui .page-article,
  body.glass-ui .slider3-card,
  body.glass-ui .split{box-shadow:0 16px 42px rgba(17,35,70,var(--glass-shadow-nav-alpha))}
  body.glass-ui .feat{box-shadow:0 14px 36px rgba(17,35,70,var(--glass-shadow-nav-alpha))}
}

@media(prefers-reduced-motion:reduce){
  body.glass-ui .column-card,
  body.glass-ui .review-item,
  body.glass-ui .deal,
  body.glass-ui .archive-card,
  body.glass-ui .slider3-card,
  body.glass-ui img,
  body.glass-ui a,
  body.glass-ui button{transition:none!important}
}