@media (max-width: 1370px) {
  .content-width { padding-left: 38px; padding-right: 38px; }
  .workspace-top { padding-left: 38px; padding-right: 38px; }
  .banner-illustration { margin-right: 28px; }
}
@media (max-width: 1160px) {
  .desktop-rail { width: 222px; flex-basis: 222px; padding-left: 12px; padding-right: 12px; }
  .rail-logo { padding-left: 12px; }
  .content-width { padding-left: 28px; padding-right: 28px; }
  .workspace-top { padding-left: 28px; padding-right: 28px; }
  .services-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .products-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .category-card { padding-left: 15px; padding-right: 13px; }
  .hero-text { width: 65%; }
  .hero-art { right: -75px; }
  .auth-story { padding-left: 39px; padding-right: 32px; }
  .auth-paper { padding-left: 27px; padding-right: 27px; }
  .auth-grid { grid-template-columns: minmax(0,1fr) minmax(340px,.95fr); }
}
@media (max-width: 880px) {
  .desktop-rail { display: none; }
  .app-workspace { width: 100%; }
  .workspace-top { height: 64px; padding: 0 22px; }
  .workspace-top-brand { display: block; }
  .workspace-top-brand .wordmark { font-size: 25px; }
  .workspace-top-label { margin-left: auto; }
  .workspace-top-tools { margin-left: 0; }
  .header-profile { display: none; }
  .workspace-main { min-height: calc(100vh - 64px); }
  .content-width { max-width: 800px; padding: 27px 22px 112px; }
  .mobile-nav { position: fixed; left: 12px; right: 12px; bottom: max(8px, env(safe-area-inset-bottom)); height: 67px; padding: 5px 6px; background: rgba(255,255,255,.94); border: 1px solid rgba(220,229,241,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-radius: 20px; box-shadow: 0 9px 35px rgba(15,35,91,.15); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; z-index: 30; }
  .mobile-nav .nav-item { min-height: 55px; height: auto; padding: 5px 0 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border-radius: 14px; font-size: 10px; line-height: 1.2; font-weight: 600; }
  .mobile-nav .nav-item.active { background: #EDF2FE; }
  .app-footer { margin-top: 45px; padding-bottom: 8px; }
  #toast-root { bottom: 91px; right: 14px; }
  .product-detail-columns { gap: 20px; }
  .product-detail-art .product-art { height: 390px; }
  .cart-layout { grid-template-columns: 1.2fr .9fr; gap: 15px; }
  .auth-grid { grid-template-columns: minmax(0,1fr) minmax(320px,.95fr); }
  .auth-story h1 { font-size: 44px; }
  .care-visual { left: 58%; }
}
@media (max-width: 680px) {
  .workspace-top { padding: 0 18px; }
  .content-width { padding: 24px 18px 112px; }
  .workspace-top-label { display: none; }
  .workspace-top-tools { margin-left: auto; }
  .workspace-top-tools .header-icon { width: 37px; height: 37px; }
  .home-personal { padding: 11px 0 22px; }
  .home-personal h1 { font-size: 30px; }
  .home-greeting { font-size: 13px; }
  .hero-card { min-height: 272px; }
  .hero-text { width: 85%; padding: 31px 14px 32px 27px; }
  .hero-text h2 { font-size: 32px; margin: 15px 0 11px; }
  .hero-text p { font-size: 11px; max-width: 260px; margin-bottom: 21px; }
  .hero-art { width: 260px; height: 280px; transform: scale(.75); transform-origin: right center; right: -69px; opacity: .44; }
  .hero-center { left: 130px; }
  .hero-circle { left: 20px; }
  .hero-circle-inner { left: 80px; }
  .hero-mini-one { left: 20px; } .hero-mini-three { left: 15px; }
  .search-intro { margin: 18px 0 15px; }
  .search-launch { min-height: 54px; }
  .section-block { margin-top: 28px; }
  .section-header h2 { font-size: 19px; }
  .section-header p { font-size: 11px; }
  .categories-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .category-card { min-height: 170px; padding: 15px; }
  .category-art { width: 60px; height: 60px; margin-bottom: 12px; border-radius: 16px; }
  .category-art svg { width: 29px; height: 29px; }
  .home-services-grid { grid-template-columns: 1fr; gap: 12px; }
  .service-card-compact { min-height: 173px; }
  .service-card-compact .service-card-body { padding-top: 10px; }
  .service-card-compact .service-card-bottom { padding-top: 10px; }
  .product-preview-grid, .products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .product-preview-grid .product-card:nth-child(3) { display: none; }
  .product-art { height: 153px; }
  .product-art-small { height: 145px; }
  .product-pack { transform: scale(.83) rotate(-8deg); }
  .product-art .pack-sachet { transform: scale(.83) rotate(10deg); }
  .product-art .pack-tube { transform: scale(.83) rotate(-13deg); }
  .product-art .pack-bottle { transform: scale(.83) rotate(8deg); }
  .product-card-meta { padding: 12px 12px 3px; }
  .product-card h3 { padding: 0 12px; min-height: 42px; font-size: 12px; }
  .product-card .subtle { padding: 0 12px; font-size: 10px; }
  .product-card-footer { padding: 10px 12px 13px; }
  .product-card-footer strong { font-size: 15px; }
  .quick-add { width: 36px; height: 36px; }
  .service-card { min-height: 244px; }
  .services-grid { grid-template-columns: 1fr; gap: 12px; }
  .feature-banner { min-height: 188px; padding: 22px; }
  .feature-banner h2 { font-size: 24px; }
  .banner-illustration { width: 84px; height: 84px; min-width: 84px; border-radius: 22px; margin: 0; }
  .banner-illustration svg { width: 38px; height: 38px; }
  .pharmacy-banner-art { width: 115px; height: 145px; margin-right: 0; flex: 0 0 115px; }
  .pharmacy-art-icon { width: 91px; height: 91px; border-radius: 24px; }
  .pharmacy-art-icon svg { height: 42px; width: 42px; }
  .pharmacy-art-plus { font-size: 25px; border-radius: 8px; padding: 0 8px 3px; right: -5px; top: 26px; }
  .page-top h1 { font-size: 31px; }
  .page-top p { font-size: 12px; }
  .detail-columns, .product-detail-columns, .cart-layout { grid-template-columns: 1fr; }
  .service-detail-hero { padding: 25px; min-height: 240px; }
  .service-detail-hero h1 { font-size: 28px; }
  .service-detail-hero p { font-size: 11px; }
  .service-detail-art { display: none; }
  .detail-card { padding: 22px; }
  .product-detail-art .product-art { height: 270px; }
  .product-detail-art .product-pack { transform: scale(1.52) rotate(-8deg); }
  .product-detail-art .pack-sachet { transform: scale(1.52) rotate(10deg); }
  .product-detail-art .pack-tube { transform: scale(1.52) rotate(-13deg); }
  .product-detail-art .pack-bottle { transform: scale(1.52) rotate(8deg); }
  .product-detail-main { padding: 22px; }
  .cart-summary { position: static; }
  .cart-line { flex-wrap: wrap; padding: 14px; }
  .cart-line-controls { margin-left: auto; }
  .activity-summary-row { max-width: 100%; }
  .profile-identity { padding: 20px; }
  .profile-avatar { width: 69px; height: 69px; flex-basis: 69px; border-radius: 20px; font-size: 26px; }
  .profile-identity h2 { font-size: 21px; }
  .profile-card-group { padding: 17px; }
  .auth-shell { padding: 8px 12px 18px; }
  .auth-topbar { padding: 13px 6px 20px; }
  .auth-topbar .wordmark { font-size: 27px; }
  .auth-top-badge { font-size: 8px; }
  .auth-grid { min-height: auto; grid-template-columns: 1fr; gap: 14px; }
  .auth-story { min-height: 195px; padding: 24px 25px; border-radius: 22px; }
  .auth-story h1 { font-size: 36px; margin: 13px 0 10px; }
  .auth-story-copy > p { font-size: 11px; margin: 0; max-width: 400px; }
  .auth-story .auth-feature-strip, .auth-story .care-visual { display: none; }
  .auth-form-column { width: 100%; }
  .auth-paper { width: 100%; padding: 27px 24px; border-radius: 20px; }
  .auth-form-head h2 { font-size: 26px; }
  .auth-policy-foot { text-align: center; font-size: 9px; }
  .onboard-header { padding: 25px 20px 12px; }
  .onboard-main { margin-top: 28px; }
  .progress-bar { margin-bottom: 32px; }
  .onboard-main h1 { font-size: 29px; }
  .goal-grid { gap: 10px; }
  .goal-card { min-height: 143px; }
  .edit-page { padding-top: 3px; }
  .edit-page h1 { font-size: 29px; }
  .info-paper { padding: 27px 22px; }
  .info-paper h1 { font-size: 27px; }
  .home-end-note small { display: none; }
  .app-footer { flex-direction: column; align-items: flex-start; gap: 5px; font-size: 10px; }
}
@media (max-width: 390px) {
  .workspace-top-brand .wordmark { font-size: 23px; }
  .workspace-top-tools .header-icon { width: 34px; height: 34px; }
  .home-personal h1 { font-size: 27px; }
  .home-actions { gap: 7px; }
  .home-actions .icon-button, .home-actions .avatar { height: 41px; width: 41px; }
  .hero-text { padding-left: 23px; }
  .hero-text h2 { font-size: 30px; }
  .hero-text p { max-width: 235px; }
  .hero-eyebrow { font-size: 9px; }
  .section-header { align-items: flex-start; }
  .section-header h2 { font-size: 17px; }
  .section-header .text-link { font-size: 11px; padding-top: 5px; }
  .product-card-meta { flex-wrap: wrap; align-content: center; }
  .product-art { height: 133px; }
  .product-art-small { height: 125px; }
  .product-card .subtle { margin-top: 6px; }
  .feature-banner h2 { font-size: 22px; }
  .banner-illustration { width: 68px; min-width: 68px; height: 68px; }
  .feature-banner p { max-width: 210px; }
  .cart-line-art { flex-basis: 69px; width: 69px; }
  .cart-line-controls { flex-direction: row; width: 100%; justify-content: space-between; }
  .profile-facts > div { align-items: flex-start; }
  .profile-facts dt { flex: 0 0 37%; }
  .onboard-card { padding: 18px; }
  .auth-story h1 { font-size: 31px; }
  .auth-story { min-height: 180px; }
  .auth-paper { padding: 24px 18px; }
  .otp-timer-row { flex-wrap: wrap; }
  .goal-card strong { font-size: 12px; }
  .goal-card { padding: 13px; }
  .activity-entry-bottom { flex-wrap: wrap; }
  .activity-stat { gap: 9px; padding: 12px; }
  .activity-stat-icon { height: 44px; width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .page-enter { animation: none; }
}
@media (forced-colors: active) {
  .hero-card, .profile-identity, .feature-banner, .auth-story { border: 1px solid CanvasText; }
  .filter-chip.selected, .nav-item.active { outline: 2px solid Highlight; }
}
