@media (max-width:1100px){
  .hero,.plan-banner,.admin-split,.plans-modern-layout,.plan-highlight-top{grid-template-columns:1fr}
  .hero{padding-top:46px}
  .hero-content{text-align:center}
  .hero-actions,.hero-tags{justify-content:center}
  .services-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .admin-layout{grid-template-columns:1fr}
  .sidebar{position:static;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}
  .sidebar-brand,.sidebar #logoutBtn{grid-column:1/-1}
  .plan-feature-grid{grid-template-columns:1fr}
}

@media (max-width:820px){
  .mobile-menu-btn{display:flex}
  .topbar nav{position:absolute;left:6vw;right:6vw;top:82px;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:16px;border-radius:22px;background:rgba(13,13,13,.96);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
  .topbar nav.open{display:flex}
  .topbar nav a{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.025)}
  .brand-logo img{width:46px;height:46px;border-radius:14px}
  .brand-logo small{display:none}
  .hero,.services-grid,.booking-summary,.select-service-grid,.grid-2,.grid-3,.dashboard-grid,.portfolio-grid,.booking-summary-4{grid-template-columns:1fr}
  .section{padding:34px 5vw}
  .hero{padding:42px 5vw 28px}
  .hero h1{font-size:clamp(2.4rem,12vw,4rem)}
  .logo-3d-shell{width:min(100%,340px);height:360px;margin:0 auto}.logo-3d-main{max-width:300px;padding:18px;border-radius:28px}.hero-logo{border-radius:22px}
  .layer-back{width:90%;height:90%;transform:translate(12px,12px)}.layer-mid{width:94%;height:94%;transform:translate(6px,6px)}
  .wizard-steps{align-items:stretch;gap:8px;flex-wrap:wrap}.wizard-step{flex:1;justify-content:center;padding:9px 8px}.wizard-step small{display:none}.wizard-line{display:none}
  .booking-card{padding:18px;border-radius:24px}
  .wizard-actions,.wizard-actions.space-between{flex-direction:column}.wizard-actions .btn{width:100%}
  .plan-banner{text-align:center;padding:22px}.plan-price-block{width:100%;min-width:0}
  .footer{flex-direction:column}.admin-main{padding:18px}.sidebar{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar .btn{width:100%}
  table{min-width:680px}
}

@media (max-width:480px){
  .topbar{padding:12px 4vw}
  .brand-logo strong{font-size:.95rem}
  .mobile-menu-btn{width:42px;height:42px}
  .hero-text,.section-head p,.muted{font-size:.96rem}
  .hero-tags span{width:100%;text-align:center}
  .service-card,.portfolio-card,.booking-card,.admin-card,.booking-modal-box{border-radius:20px}
  .select-service-card{padding:16px 12px}
  .booking-summary > div{padding:14px}
  .preloader-card{padding:22px}
  .preloader-logo-ring{width:92px;height:92px}
  .admin-login-card{padding:22px}
  .booking-check{width:64px;height:64px;font-size:1.6rem}
  .booking-modal-box h3{font-size:1.6rem}
}