/* iPhone-first visual layer based on the user's Android 2.4.6 artwork.
   The original web flows and form semantics are kept unchanged. */
.ios-home-start,.ios-city{display:none}
@media screen{
 :root{--green:#0fb775;--ink:#f1fff8;--muted:#c0d6ce;--bg:#053b33;--card:#0c5444;--shadow:none;color-scheme:dark}
 html{min-height:100%;background:#003b33}
 body{min-height:100dvh;color:#f7fffb;background:linear-gradient(#00382f55,#00382f99),url('./assets/master_wallpaper.webp') center top / cover fixed no-repeat,#003a32}
 #root{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .wrap{width:calc(100% - 30px);max-width:650px}
 .header{position:sticky;top:0;z-index:45;height:calc(66px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#003c33ed;backdrop-filter:blur(18px);border:0;box-shadow:none}
 .header-in{gap:6px;min-height:66px}
 .brand{width:34px;flex:none;min-width:0}.brand img{width:32px;height:32px;border-radius:10px}.brand span{display:none}
 .ios-city{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;max-width:128px;border:0;background:none;color:#effff9;font-weight:760;font-size:13px;padding:6px 2px;gap:3px}
 .ios-city span:not(.ico){text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ios-city .ico svg{width:17px;height:17px}
 .header-cta{margin-left:auto;gap:0;flex:none}.role-tags{display:flex;align-items:center;gap:4px;border:none!important;background:none!important;padding:0!important}
 .role-tags button{border:1px solid #39ac8a!important;border-radius:22px!important;color:#e1f6ed!important;background:#084c41!important;padding:8px 10px!important;font-size:12px!important;white-space:nowrap;min-height:35px}
 .role-tags button.active{background:#11ae71!important;color:#fff!important;border-color:#89e6c7!important}
 .mobile-menu,.header-cta>.btn,.header-nav,.pillbar[style*="position:sticky"]{display:none!important}
 .mobile-nav.ios-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:fixed;left:0;right:0;bottom:0;z-index:65;min-height:calc(70px + env(safe-area-inset-bottom,0px));padding:7px 3px calc(8px + env(safe-area-inset-bottom,0px));background:#003c33ed;backdrop-filter:blur(22px);box-shadow:0 -8px 30px #001c1555;border-top:1px solid #75bfa942}
 .mobile-nav.ios-bottom-nav button{border:0;background:none;color:#d0ece1;font-size:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;gap:4px;font-weight:630;padding:5px 1px}
 .mobile-nav.ios-bottom-nav button .ico{display:grid;place-items:center;width:40px;height:34px;border-radius:22px}
 .mobile-nav.ios-bottom-nav button .ico svg{height:23px;width:23px}
 .mobile-nav.ios-bottom-nav button.active{color:#fff}
 .mobile-nav.ios-bottom-nav button.active .ico{background:#0fa972;color:#fff}
 .mobile-nav.ios-bottom-nav button span:last-child{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .footer{display:none!important}
 .ios-home-start{display:block;padding-top:9px;padding-bottom:15px}
 .ios-home-wrap{display:flex;flex-direction:column;gap:17px}
 .ios-home-search{display:flex;align-items:center;gap:13px;min-height:58px;border:1.5px solid #4db69886;border-radius:21px;background:#145c4dbb;padding:12px 18px;color:#c5e2d7;text-align:left;font-size:15px;width:100%}
 .ios-home-search .ico svg{width:24px;height:24px;color:#edfff8}
 .ios-banner-gallery{aspect-ratio:16/9;width:100%;background:#0c4238;border-radius:22px;overflow:hidden;position:relative;display:grid;place-items:center}
 .ios-banner-track,.ios-slide{width:100%;height:100%;display:block}
 .ios-slide[hidden]{display:none!important}
 .ios-slide img{width:100%;height:100%;object-fit:contain;display:block}
 .ios-slide-error{display:grid;place-items:center;background:#145345}
 .ios-gallery-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;gap:6px;justify-content:center;pointer-events:none}
 .ios-dot{height:6px;width:6px;padding:0;border:0;border-radius:50%;background:#eefaf2b3;pointer-events:auto}
 .ios-dot[aria-current="true"]{width:18px;border-radius:8px;background:#fff}
 .ios-content-loading,.ios-empty-message{color:#d6f4e7;text-align:center;padding:20px;font-size:13px;line-height:1.5}
 .ios-retry{background:#0c9d69;color:#fff;border:0;border-radius:12px;padding:9px 14px;margin:auto 0 12px;font-size:12px}
 .ios-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
 .ios-home-section-head h2{font-size:22px;color:#fff;font-weight:820;letter-spacing:-.5px}
 .ios-home-section-head button{border:0;background:none;color:#8fe5be;display:flex;align-items:center;gap:1px;font-size:11px;padding:5px 0;white-space:nowrap}
 .ios-home-section-head button .ico svg{width:13px;height:13px}
 .ios-category-scroll{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;gap:13px;margin-right:-15px;padding-right:15px;padding-bottom:5px}
 .ios-category-scroll::-webkit-scrollbar{display:none}
 .ios-category-scroll .cat{flex:0 0 91px;width:91px;min-height:120px;scroll-snap-align:start;text-align:center;padding:0;background:none;color:#fff;border:0;box-shadow:none}
 .ios-category-scroll .cat-photo{height:79px;width:79px;border-radius:19px;border:2px solid #5bcea2;background:#e0ffee;overflow:hidden;margin:0 auto 7px}
 .ios-category-scroll .cat-photo img{object-fit:cover;mix-blend-mode:normal}
 .ios-category-scroll .cat-emoji{font-size:39px;color:#146c52}
 .ios-category-scroll .cat b{font-size:12px;padding:2px 0;min-height:0;line-height:1.26;color:#fff;font-weight:760}
 .ios-category-scroll .cat small{display:none}
 .ios-popular-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ios-popular-card{text-align:left;border:1.5px solid #62cda39c;background:#0a4a3eac;border-radius:20px;padding:8px;display:flex;flex-direction:column;color:#fff;min-width:0;min-height:200px;overflow:hidden}
 .ios-popular-image{height:auto;aspect-ratio:1.48;display:flex;align-items:center;justify-content:center;background:#246653;border-radius:14px;overflow:hidden}
 .ios-popular-image img{width:100%;height:100%;object-fit:cover}
 .ios-service-placeholder{font-size:42px;color:#d6f6e8}
 .ios-popular-info{padding:9px 4px 3px;display:flex;flex:1;flex-direction:column;gap:6px}
 .ios-popular-info strong{font-size:14px;line-height:1.25}
 .ios-service-price{color:#83e5b8;font-size:15px;margin-top:auto}
 .ios-service-description{font-size:11px;line-height:1.25;color:#b4d9ca;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .ios-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 0 10px}
 .ios-home-actions button{min-height:50px;border-radius:14px;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:3px;padding:8px}
 .ios-action-primary{background:#0fa973;color:white;border:1px solid #0fa973}
 .ios-action-secondary{background:#064c3fbb;color:white;border:1px solid #55be92}
 .hero,.ios-home-start~.section,.ios-home-start~.wrap{display:none}
 .page{padding:20px 0 40px;min-height:70vh}
 .page-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.page-head .content-title{font-size:24px;color:#fff}.page-head p,.muted{color:#c9e2d5}
 .page .card,.page .service-card,.page .order-card,.page .panel{box-shadow:none}
 .page .toolbar,.page .pillbar{max-width:100%}
 .page .pill{border-color:#63b698;color:#06362b;background:#eafff3}
 .page .pill.active{background:#0ab16f;color:#fff}
 .page input,.page select,.page textarea{color:#173d33;background:#fff;border-color:#c4e8d6;color-scheme:light}
 .page .card,.page .service-card{background:#f5fff9;color:#183e31;border-radius:18px}
 .page h2,.page h3{line-height:1.25}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .service-card{min-height:110px;padding:11px;gap:7px;font-size:12px}
 .service-icon{width:46px;height:46px;flex:none}
 .modal-backdrop{z-index:80!important}.modal,.dialog,.modal-card{color:#143d30;color-scheme:light}
 .modal-backdrop input,.modal-backdrop textarea,.modal-backdrop select{font-size:16px!important;color:#143d30;background:#fff;color-scheme:light}
 .toast{z-index:99!important}
}
@media (max-width:375px){.header-in{gap:3px}.brand,.brand img{width:26px;height:26px}.ios-city{font-size:11px;max-width:94px}.role-tags button{font-size:10px!important;padding:8px 7px!important}.ios-home-section-head h2{font-size:19px}.ios-category-scroll .cat{flex-basis:83px;width:83px}}
@media(prefers-reduced-motion:reduce){.ios-banner-track,.ios-slide{transition:none!important}}

@media screen{.ios-install-help{margin:-3px 0 2px;padding:10px 13px;border:1px solid #67ad9666;border-radius:13px;background:#003e3499;font-size:12px;color:#eafff3}.ios-install-help summary{cursor:pointer;font-weight:750}.ios-install-help p{padding:9px 1px 2px;line-height:1.5;color:#b9e4d0}}
@media(display-mode:standalone){.ios-install-help{display:none}}

/* 2026-11-04: /app/ is always an Android-like application, not the desktop website.
   Wide browsers show a centered handset preview; iPhones keep their full viewport. */
@media (min-width:761px) {
  html {background:#071f1a}
  body {background:radial-gradient(circle at 50% 10%,#135f46 0%,#061c18 68%,#041510 100%);}
  #root {
    position:relative; width:min(440px,calc(100vw - 32px));
    min-height:880px; margin:20px auto 0;
    background:linear-gradient(#00382f55,#00382f99),url('./assets/master_wallpaper.webp') center top / cover fixed no-repeat,#003a32;
    border:1px solid #2c8c6e; border-radius:32px 32px 0 0;
    box-shadow:0 14px 70px #0009; overflow:clip;
    padding-bottom:96px;
  }
  #root .header {border-radius:31px 31px 0 0}
  #root .mobile-nav.ios-bottom-nav {
    width:min(440px,calc(100vw - 32px)); left:50%; right:auto;
    transform:translateX(-50%); border-radius:0;
  }
  #root .wrap {max-width:100%; width:calc(100% - 30px)}
  #root .page {min-width:0}
  #root main {min-width:0}
  #root .header .role-tags button {padding:7px 8px!important;font-size:11px!important}
  #root .ios-city {max-width:120px}
  #root .service-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}