/* ============================================================ SUPREME PRO — Responsive rules ============================================================ */ @font-face{ /* keep system fallback fast; Google Fonts linked in */ } @media (max-width:1024px){ .hero-grid{grid-template-columns:1fr;} .hero-visual{height:260px;margin-top:20px;} .footer-grid{grid-template-columns:1fr 1fr 1fr;} .ws-grid{grid-template-columns:1fr;} } @media (max-width:860px){ .main-nav{display:none;} .search-trigger{min-width:0;width:42px;padding:0;justify-content:center;} .search-trigger span,.search-trigger kbd{display:none;} .hamburger{display:flex;} .footer-grid{grid-template-columns:1fr 1fr;} } @media (max-width:600px){ .container{padding:0 16px;} .hero{padding:44px 0 36px;} .hero-actions{flex-direction:column;align-items:stretch;} .hero-actions .btn{width:100%;} .grid{grid-template-columns:1fr;} .section{padding:36px 0;} .ws-body{padding:20px;} .field-row{flex-direction:column;gap:0;} .footer-grid{grid-template-columns:1fr 1fr;gap:24px;} .footer-bottom{flex-direction:column;align-items:flex-start;} .calc-display{font-size:1.9rem;} .modal-box{padding:22px;} .hero-visual{display:none;} } @media (max-width:390px){ .brand span{display:none;} .header-actions .icon-btn:nth-child(3){display:none;} } /* Mobile nav drawer */ .mobile-drawer{ position:fixed;top:0;right:0;bottom:0;width:min(300px,80vw);z-index:220; background:var(--surface-solid);border-left:1px solid var(--surface-border); transform:translateX(100%);transition:transform .28s ease;padding:24px; display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-lift); } .mobile-drawer.open{transform:translateX(0);} .mobile-drawer a{padding:14px 10px;border-radius:12px;font-weight:600;color:var(--text);} .mobile-drawer a:hover{background:var(--bg-alt);} .drawer-backdrop{position:fixed;inset:0;background:rgba(15,17,25,0.4);z-index:210;display:none;} .drawer-backdrop.open{display:block;} @media (min-width:861px){ .mobile-drawer,.drawer-backdrop{display:none;} }