/* FixiPro service pages – shared redesign (body.pg-svc) */
body.pg-svc{--g:#111113;--gd:#111113;--gl:#F2F2F5;--bg:#f4f7fb;--text:#111113;--muted:#6b7a90;--border:#e8ecf2;
  background:#f4f7fb!important;color:#111113;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.pg-svc nav{background:#fff!important;border-bottom:1px solid #e8ecf2;height:62px;padding:0 16px;gap:12px;box-shadow:none}
body.pg-svc nav .back-btn{width:40px;height:40px;border-radius:50%;background:#f1f5fa;color:#111113;font-size:20px}
body.pg-svc nav h1{color:#111113;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.3px}
body.pg-svc nav::after{content:'';width:36px;height:36px;flex:none;background:url(img/logo-mark.png) center/contain no-repeat}
body.pg-svc .page{max-width:640px;padding:14px 16px 40px}
/* no hero boxes */
body.pg-svc .hero-banner,body.pg-svc .hero{display:none!important}
body.pg-svc .bb-hero{background:#fff!important;color:#111113!important;border:1px solid #e8ecf2;border-radius:20px!important;padding:18px!important;margin:0 0 14px!important;box-shadow:0 6px 18px -12px rgba(10,47,102,.25)}
body.pg-svc .bb-hero::after{display:none!important}
body.pg-svc .bb-hero h2{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:21px;color:#111113}
body.pg-svc .bb-hero h2 em{color:#FF5A1F}
body.pg-svc .bb-hero p{color:#6b7a90!important;font-size:13px}
body.pg-svc .bb-cta{background:#FF5A1F!important;color:#111113!important;border:0;border-radius:14px!important;font-weight:800;padding:12px 18px}
/* cards */
body.pg-svc .card{background:#fff;border:1px solid #e8ecf2;border-radius:20px;box-shadow:0 6px 18px -14px rgba(10,47,102,.3);overflow:hidden}
body.pg-svc .card-hdr,body.pg-svc .card-header{border-bottom:1px solid #eef2f7;color:#111113;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:16px;font-weight:800;padding:16px 18px}
body.pg-svc .sub-hint{color:#6b7a90;font-size:12.5px;padding:0 18px 4px}
/* sub-service tiles */
body.pg-svc .sub-grid{gap:12px;padding:8px 16px 18px}
body.pg-svc .sub-btn{background:#fff!important;border:1.5px solid #e8ecf2!important;border-radius:16px!important;color:#111113!important;font-weight:700;box-shadow:none!important;transition:transform .15s,border-color .15s}
body.pg-svc .sub-btn:active{transform:scale(.97)}
body.pg-svc .sub-btn.sel,body.pg-svc .sub-btn.active,body.pg-svc .sub-btn.selected{border-color:#111113!important;background:#F2F2F5!important}
body.pg-svc .sub-btn.has-img>span:not(.sub-chk){font-size:12.5px;font-weight:700;color:#111113}
body.pg-svc .sub-pic{height:84px}
/* selected summary */
body.pg-svc .step-sel{border:1px solid #e8ecf2;border-radius:18px;background:#fff;box-shadow:none}
body.pg-svc .step-sel .ss-k{color:#FF5A1F}
body.pg-svc .step-sel .ss-n{color:#111113;font-family:'Plus Jakarta Sans','Inter',sans-serif}
body.pg-svc .step-sel button{background:#fff;border:1.5px solid #e8ecf2;color:#111113;padding:9px 16px}
/* form */
body.pg-svc .form-group label{color:#111113;font-weight:700;font-size:12px;letter-spacing:.2px;text-transform:none}
body.pg-svc .form-control{background:#f8fafd;border:1.5px solid #e1e7f0;border-radius:14px;color:#111113;padding:13px 14px;font-size:14.5px}
body.pg-svc .form-control:focus{outline:0;border-color:#111113;background:#fff;box-shadow:0 0 0 3px rgba(11,74,148,.12)}
body.pg-svc .when-btn{border:1.5px solid #e1e7f0;border-radius:14px;background:#fff;color:#111113}
body.pg-svc .when-btn.active{border-color:#FF5A1F;background:#fff8f0;color:#111113}
body.pg-svc .when-btn small{color:#6b7a90}
body.pg-svc .tchip{background:#fff;border:1.5px solid #e1e7f0;color:#111113}
body.pg-svc .tchip.active,body.pg-svc .tchip.on,body.pg-svc .tchip.sel{background:#111113;border-color:#111113;color:#fff}
body.pg-svc .btn-submit{background:#FF5A1F!important;color:#111113!important;border-radius:16px!important;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800;font-size:16px;padding:16px;box-shadow:0 12px 24px -12px rgba(253,162,45,.9)}
body.pg-svc .success-icon{background:#111113}
body.pg-svc .success-wrap h2{color:#111113}
body.pg-svc .booking-id{background:#F2F2F5;color:#111113}
/* rental (topbar layout) */
body .topbar{background:#fff!important;border-bottom:1px solid #e8ecf2}
body.pg-svc.pgn nav h1{color:#111113!important;font-size:19px;font-weight:800}
body.pg-svc.pgn nav .back-btn,body.pg-svc.pgn nav>button{background:#f1f5fa!important;border:0!important;color:#111113!important;width:40px;height:40px}
body.pg-svc.pgn nav .back-btn *{color:#111113!important}
body.pg-svc .when-btn.active b,body.pg-svc .when-btn.active small{color:#111113!important}
body.pg-svc .when-btn.active{background:#fff8f0!important;border-color:#FF5A1F!important}
/* construction / packers inner blocks */
body.pg-svc .bb-stats{box-shadow:none;border:1px solid #e8ecf2;border-radius:18px;margin:0 0 14px!important;background:#fff}
body.pg-svc .bb-stats b,body.pg-svc .bb-stats strong{color:#FF5A1F}
body.pg-svc .pt-hero{display:none!important}
body.pg-svc .bb-h,body.pg-svc .pt-h{color:#111113!important;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800}
body.pg-svc .bb-card b,body.pg-svc .bb-card strong,body.pg-svc .pt-card b{color:#111113}
body.pg-svc .sub-btn.has-img>span.sub-desc{font-size:11px!important;font-weight:500!important;color:#6b7a90!important;padding:0 10px 4px!important;margin-top:-4px}
body.pg-svc .sub-btn.has-img>span:not(.sub-chk):not(.sub-desc){padding-bottom:6px}
body.pg-svc .sub-btn.has-img{padding-bottom:8px!important}
/* ── UX helpers ── */
.ux-search{position:relative;margin:4px 16px 8px;display:flex;align-items:center}
.ux-search>svg{position:absolute;left:14px;color:#6b7a90;pointer-events:none}
.ux-search input{width:100%;height:46px;border:1.5px solid #e1e7f0;border-radius:23px;background:#f8fafd;padding:0 42px 0 42px;font:500 14.5px 'Inter',sans-serif;color:#111113;-webkit-appearance:none;appearance:none}
.ux-search input:focus{outline:0;border-color:#111113;background:#fff;box-shadow:0 0 0 3px rgba(11,74,148,.12)}
.ux-search input::-webkit-search-cancel-button{display:none}
.ux-x{position:absolute;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#e8ecf2;color:#111113;font-size:18px;line-height:1;cursor:pointer}
.ux-empty{margin:6px 16px 18px;padding:16px;border:1.5px dashed #d5dce8;border-radius:16px;color:#6b7a90;font-size:13.5px;text-align:center}
.ux-note{color:#6b7a90;font-size:11.5px}
.ux-bad{border-color:#e5392b!important;box-shadow:0 0 0 3px rgba(229,57,43,.15)!important}
body.pg-svc #detailsStep .btn-submit{position:sticky;bottom:12px;z-index:5}
body.pg-svc :focus-visible{outline:2px solid #111113;outline-offset:2px}
body.pg-svc .sub-btn,body.pg-svc .when-btn,body.pg-svc .tchip{min-height:44px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---- sub-services as icons: theme-blue icon + name, no card behind (like the home-page service icons) ---- */
body.pg-svc .sub-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px 12px!important;padding:10px 16px 22px!important}
body.pg-svc .sub-btn,body.pg-svc .sub-btn.has-img{background:transparent!important;border:0!important;border-radius:14px!important;box-shadow:none!important;padding:14px 6px!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow:visible!important;color:#1a2530!important;transform:none}
body.pg-svc .sub-btn:hover{box-shadow:none!important;transform:none}
body.pg-svc .sub-btn:active{transform:scale(.94)}
body.pg-svc .sub-btn .sub-pic{display:none!important}
body.pg-svc .sub-btn .sub-ico{display:flex!important;width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important}
body.pg-svc .sub-btn .sub-ico svg{width:54px!important;height:54px!important;stroke:#111113!important;stroke-width:1.6}
body.pg-svc .sub-btn>span:not(.sub-chk),body.pg-svc .sub-btn.has-img>span:not(.sub-chk){display:block!important;padding:0!important;font-size:13.5px!important;font-weight:600!important;line-height:1.3!important;text-align:center;color:#1a2530!important}
body.pg-svc .sub-btn>span.sub-desc{display:none!important}
body.pg-svc .sub-btn .sub-chk{display:none!important}
body.pg-svc .sub-btn.active,body.pg-svc .sub-btn.sel,body.pg-svc .sub-btn.selected{background:#F2F2F5!important}
body.pg-svc .sub-btn.active>span:not(.sub-chk),body.pg-svc .sub-btn.sel>span:not(.sub-chk){color:#111113!important;font-weight:800!important}