:root{--font-sans:"Manrope",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--phx-display:"Fraunces",Georgia,serif;
--background:oklch(98.6% .006 80);--foreground:oklch(20% .02 255);--card:oklch(100% 0 0);--card-foreground:oklch(20% .02 255);
--primary:oklch(22% .035 255);--primary-foreground:oklch(98.5% .006 80);--secondary:oklch(95.5% .012 75);--secondary-foreground:oklch(22% .035 255);
--muted:oklch(96% .008 75);--muted-foreground:oklch(45% .02 255);--accent:oklch(64% .145 52);--accent-foreground:oklch(99% .004 80);
--border:oklch(90% .012 75);--input:oklch(88% .012 75);--ring:oklch(64% .145 52);--radius:.85rem}
body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2{font-family:var(--phx-display);font-weight:600!important;letter-spacing:-.02em}
h3{letter-spacing:-.01em}
header.fixed{background:oklch(98.6% .006 80 / .92)!important;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}
/* hero */
.phx-hero{min-height:min(92vh,860px)!important;background:var(--primary)}
.phx-hero-img{opacity:1!important;object-position:center 30%}
.phx-hero-overlay{background:linear-gradient(100deg,oklch(18% .03 255 / .94) 0%,oklch(18% .03 255 / .78) 45%,oklch(18% .03 255 / .35) 100%)}
.phx-hero>.container{text-align:left!important;padding-top:7rem;padding-bottom:5rem}
.phx-hero>.container>div{max-width:760px}
.phx-hero h1{font-size:clamp(2.6rem,5.2vw,4.75rem)!important;line-height:1.04;margin-bottom:1.25rem!important}
.phx-hero h1::before{content:"Phoenix, AZ";display:block;font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:oklch(78% .13 65);margin-bottom:1rem}
.phx-hero p{margin-left:0!important;font-size:clamp(1.05rem,1.5vw,1.3rem)!important;color:oklch(92% .01 80)!important}
.phx-hero .flex.flex-col{justify-content:flex-start!important;flex-wrap:wrap;align-items:stretch}
.phx-hero .flex.flex-col>a{border-radius:999px!important;padding:1.35rem 1.9rem!important;font-size:1.05rem!important}
.phx-hero .flex.flex-col>a:first-child{box-shadow:0 10px 30px -8px oklch(64% .145 52 / .6)!important}
.phx-hero .flex.flex-col>a:last-child{background:transparent!important;color:#fff!important;border:1.5px solid oklch(100% 0 0 / .55)!important}
.phx-hero .flex.flex-col>a:last-child:hover{background:oklch(100% 0 0 / .1)!important}
.phx-btn-text{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.9rem;font-weight:700;font-size:1.05rem;color:var(--primary);background:oklch(98.6% .006 80);transition:transform .15s}
.phx-btn-text:hover{transform:translateY(-1px)}
.phx-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.phx-b{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;background:oklch(100% 0 0 / .1);border:1px solid oklch(100% 0 0 / .18);color:#fff;font-size:.88rem;font-weight:600;backdrop-filter:blur(6px)}
.phx-b b{color:oklch(82% .14 80);letter-spacing:.05em}
/* sections */
section[id]:not(#hero){padding-top:clamp(1.25rem,1.7vw,1.5rem)!important;padding-bottom:clamp(1.25rem,1.7vw,1.5rem)!important}
section h2{font-size:clamp(2rem,3.2vw,3rem)!important}
#services .grid{gap:1.75rem!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
#services .grid>.phx-feat{grid-column:span 1}
@media(min-width:1024px){#services .grid{grid-template-columns:repeat(12,1fr)!important}#services .grid>.phx-feat{grid-column:span 4}#services .grid>.phx-more{grid-column:span 3}}
#services article{border-radius:var(--radius)!important;border-color:var(--border)!important;box-shadow:0 1px 2px oklch(20% .02 255 / .05),0 12px 32px -18px oklch(20% .02 255 / .25)!important;height:100%;padding:1.75rem!important}
#services article:hover{box-shadow:0 2px 4px oklch(20% .02 255 / .06),0 24px 48px -20px oklch(20% .02 255 / .35)!important}
#services .phx-feat article{border-top:3px solid var(--accent)!important}
#services .phx-feat article .h-48{height:15rem!important}
#services article .h-48{border-radius:.6rem}
#services article h3{font-size:1.3rem!important;font-weight:700!important}
#why-us .grid>*{border-radius:var(--radius)!important;box-shadow:0 12px 32px -20px oklch(20% .02 255 / .3)}
#service-details article{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.25rem,2.5vw,2.25rem);box-shadow:0 12px 32px -22px oklch(20% .02 255 / .25)}
footer{background:oklch(17% .03 255)!important}
@media(max-width:640px){.phx-hero>.container{padding-top:6.5rem;padding-bottom:3.5rem}.phx-hero .flex.flex-col>a,.phx-btn-text{width:100%}.phx-b{font-size:.8rem}}
/* dark visitor counter */
html{background:#0b0d10}
#site-stats{background:#0b0d10!important;color:#c9ccd1!important;opacity:1!important;border-top:1px solid rgba(255,255,255,.06);font-family:Manrope,Inter,system-ui,sans-serif!important;padding:14px 12px 18px!important;letter-spacing:.01em}
#site-stats::after{content:"  ·  Visitors →";color:#e0954a;font-weight:700}
#site-stats:hover::after{color:#f2b36b;text-decoration:underline}
/* === site-wide dark mode (p2, 2026-10-26) === */
:root{color-scheme:dark;--background:#0b0d10;--foreground:#e6e8eb;--card:#14181e;--card-foreground:#e6e8eb;--popover:#14181e;--popover-foreground:#e6e8eb;
--primary:#11151b;--primary-foreground:#f3f4f6;--secondary:#101318;--secondary-foreground:#e6e8eb;--muted:#14181e;--muted-foreground:#a7adb7;
--accent:#c8743a;--accent-foreground:#fff;--border:#262b33;--input:#343a43;--ring:#e0954a}
body{background:#0b0d10!important;color:#e6e8eb}
header.fixed{background:rgba(11,13,16,.9)!important;border-bottom-color:#22262d!important}
header.fixed a,header.fixed button{color:#e6e8eb}
header.fixed .text-accent,header.fixed a[href^="tel"]{color:#e0954a!important}
.text-accent{color:#e0954a!important}
section[id]:not(#hero):nth-of-type(even){background:#101318!important}
#services article,#why-us .grid>*,#service-details article,#faq [data-state],#faq .border{background:#14181e!important;border-color:#2a2f37!important;box-shadow:0 12px 32px -18px rgba(0,0,0,.7)!important}
#faq button{color:#e6e8eb}
.phx-btn-text{background:#14181e;color:#f3d2b3;border:1.5px solid #c8743a}
.bg-primary-foreground.text-primary{background:#c8743a!important;color:#fff!important;border-color:#c8743a!important}
.bg-primary-foreground.text-foreground{background:#0f1216!important;color:#e6e8eb!important;border:1px solid #343a43!important}
input::placeholder,textarea::placeholder{color:#7d8490!important}
input:focus,textarea:focus,select:focus{outline:2px solid #e0954a!important;outline-offset:1px}
footer{background:#06080a!important;border-top:1px solid #1b1f25}
.phx-hero-overlay{background:linear-gradient(100deg,rgba(8,10,13,.95) 0%,rgba(8,10,13,.8) 45%,rgba(8,10,13,.4) 100%)!important}

/* p3 2026-10-26: readable brand, brighter hero + nav */
.phx-brand{font-weight:800;letter-spacing:-.01em}
.phx-pro{color:#f3ece0!important}
.phx-hm{color:#e0954a!important}
header.fixed .text-primary,header.fixed .phx-brand-wrap{color:#f3ece0!important}
footer h3{color:#f3ece0!important}
header.fixed nav a:not([href^="tel"]){color:#f5f6f8!important;font-weight:600}
header.fixed nav a:not([href^="tel"]):hover{color:#e0954a!important}
.phx-hero-img{filter:none!important;opacity:1!important}
.phx-hero-overlay{background:linear-gradient(90deg,rgba(8,10,13,.88) 0%,rgba(8,10,13,.7) 32%,rgba(8,10,13,.25) 58%,rgba(8,10,13,0) 80%)!important}
.phx-hero h1,.phx-hero p{text-shadow:0 2px 14px rgba(0,0,0,.55)}
@media(max-width:767px){.phx-hero-overlay{background:linear-gradient(180deg,rgba(8,10,13,.55) 0%,rgba(8,10,13,.72) 100%)!important}}

/* p4 2026-10-26: readable "Phoenix, AZ" tags, hero photo shows face */
header.fixed a.group>span[style]{font-size:15px!important;font-weight:700!important;color:#f3ece0!important}
.phx-hero h1::before{font-size:1.05rem!important;font-weight:800!important;color:#f0a868!important;letter-spacing:.16em!important}
.phx-hero-img{object-position:center 12%!important}
#services img[src*="gabriel-handyman"]{object-position:center 25%!important}
/* p5 2026-10-28: HD hero, lighter overlay, WhatsApp */
.phx-hero-pic{display:contents}
.phx-hero-img{object-position:center 12%}
.phx-hero-overlay{background:linear-gradient(100deg,oklch(16% .03 255 / .80) 0%,oklch(16% .03 255 / .42) 42%,oklch(16% .03 255 / .10) 75%,oklch(16% .03 255 / 0) 100%)!important}
@media (max-width:767px){.phx-hero-overlay{background:linear-gradient(180deg,oklch(16% .03 255 / .35) 0%,oklch(16% .03 255 / .72) 55%,oklch(16% .03 255 / .85) 100%)!important}}
.phx-hero h1,.phx-hero p{text-shadow:0 2px 14px rgb(0 0 0 / .55),0 1px 2px rgb(0 0 0 / .5)}
.phx-btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:1.35rem 1.9rem;font-size:1.05rem;font-weight:700;background:#25D366;color:#06210f!important;box-shadow:0 8px 24px rgb(37 211 102 / .28);text-decoration:none}
.phx-btn-wa:hover{background:#1ebe5b}
.phx-btn-wa::before{content:"";width:1.25rem;height:1.25rem;background:currentColor;-webkit-mask:var(--wa-ico) center/contain no-repeat;mask:var(--wa-ico) center/contain no-repeat}
:root{--wa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.8-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.9 11.9 0 0 0 4.6 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .1-1.3c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")}
.wa-float{display:none}
@media (max-width:767px){.wa-float{display:flex;position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;align-items:center;justify-content:center;box-shadow:0 6px 20px rgb(0 0 0 / .35)}
.wa-float::before{content:"";width:30px;height:30px;background:#fff;-webkit-mask:var(--wa-ico) center/contain no-repeat;mask:var(--wa-ico) center/contain no-repeat}}
/* equal hero CTA buttons (2026-10-28) */
.phx-hero .flex.flex-col{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem!important;width:min(880px,calc(100vw - 4rem));max-width:none}
.phx-hero .flex.flex-col>a{box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;width:100%!important;min-width:0!important;height:3.5rem!important;min-height:3.5rem!important;padding:0 1rem!important;margin:0!important;border-radius:999px!important;font-size:1rem!important;font-weight:700!important;line-height:1!important;white-space:nowrap;text-align:center;border-width:1.5px!important;border-style:solid!important}
.phx-hero .flex.flex-col>a:first-child{border-color:transparent!important}
.phx-hero .flex.flex-col>a.phx-btn-wa{border-color:transparent!important}
.phx-hero .flex.flex-col>a svg{margin:0!important;flex:none;width:1.15rem!important;height:1.15rem!important}
.phx-hero .flex.flex-col>a.phx-btn-wa::before{width:1.15rem;height:1.15rem;flex:none}
@media(max-width:1023px){.phx-hero .flex.flex-col{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,100%)}}
@media(max-width:640px){.phx-hero .flex.flex-col{width:100%;gap:.6rem!important}.phx-hero .flex.flex-col>a{height:3.25rem!important;min-height:3.25rem!important;padding:0 .6rem!important;font-size:.92rem!important}}
.phx-hero .flex.flex-col>a:last-child{background:rgb(8 10 13 / .35)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.phx-hero .flex.flex-col>a:last-child:hover{background:rgb(255 255 255 / .12)!important}
/* server-side contact form (same as yourjobdonenow.com) */
.phx-cform form{display:grid;gap:14px}
.phx-cform form>div:not(.ok):not(.err):not(.hp-field):not(.form-actions),.phx-cform .form-row2>div{display:grid;gap:6px}
.phx-cform .form-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.phx-cform .form-row2{grid-template-columns:1fr}}
.phx-cform label{font-weight:600;font-size:.95rem}
.phx-cform input:not([type=file]):not([type=hidden]),.phx-cform textarea{width:100%;box-sizing:border-box;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font:inherit;font-size:1rem}
.phx-cform textarea{min-height:130px;resize:vertical}
.phx-cform input:focus,.phx-cform textarea:focus{outline:2px solid #f0a868;outline-offset:1px}
.phx-cform .file-field input[type=file]{padding:10px;cursor:pointer;border:1px dashed rgb(255 255 255 / .35);border-radius:10px;width:100%;box-sizing:border-box}
.phx-cform .file-hint{font-size:.82rem;color:#fcd34d}
.phx-cform .file-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.phx-cform .file-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgb(255 255 255 / .2);border-radius:10px;font-size:.9rem}
.phx-cform .file-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phx-cform .file-list button{background:transparent;border:1px solid rgb(255 255 255 / .3);color:inherit;border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit;font-size:.8rem}
.phx-cform .hp-field{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.phx-cform .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.phx-cform .btn{background:#c8743a;color:#fff;font-weight:700;border:0;border-radius:999px;padding:14px 28px;font-size:1rem;cursor:pointer}
.phx-cform .btn:hover{background:#b5652f}.phx-cform .btn:disabled{opacity:.6;cursor:wait}
.phx-cform .note{font-size:.85rem;opacity:.8}
.phx-cform .ok{display:none;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.45);color:#bbf7d0;padding:12px 14px;border-radius:12px;font-weight:600}
.phx-cform .err{display:none;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.45);color:#fecaca;padding:12px 14px;border-radius:12px;font-weight:600}
.phx-cform form.sent>*:not(.ok){display:none!important}
.phx-cform form.sent .ok{display:flex!important}
.phx-cform .ok{flex-direction:column;align-items:center;text-align:center;gap:10px;background:#16a34a1f;border:2px solid #22c55e;color:#ecfdf5;padding:36px 22px;border-radius:18px;box-shadow:0 18px 40px -18px rgb(34 197 94 / .6);outline:none}
.phx-cform .ok .ok-ico{width:72px;height:72px}
.phx-cform .ok strong{font-size:1.75rem;line-height:1.15;color:#fff}
.phx-cform .ok span{font-size:1.1rem;color:#d1fae5}
.phx-cform .ok .ok-again{margin-top:8px;background:transparent;border:1px solid rgb(255 255 255 / .45);color:#fff;border-radius:999px;padding:8px 18px;font:inherit;font-size:.9rem;cursor:pointer}
/* payment methods (copied from yourjobdonenow.com, dark theme) */
.phx-pay{margin:2.5rem auto 0;padding:1.5rem 1.25rem;max-width:1100px;border:1px solid rgb(255 255 255/.12);border-radius:16px;background:rgb(255 255 255/.04);color:rgb(255 255 255/.8)}
.phx-pay>strong{display:block;color:#fff;font-size:1.15rem;margin-bottom:.8rem}
.phx-pay .pay-badges{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.phx-pay .pay-badge{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font:700 .82rem/1 Arial,Helvetica,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.phx-pay .pay-note{margin:0;font-size:.9rem;line-height:1.5}
.phx-pay .pay-note a{color:#e8914f;font-weight:700}
/* service area */
.phx-areas{background:#0b0d11;color:rgb(255 255 255/.85);padding:4rem 4vw;border-top:1px solid rgb(255 255 255/.08)}
.phx-areas-in{max-width:1400px;margin:0 auto}
.phx-areas h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;margin:0 0 .75rem;text-align:center}
.phx-areas .lead{max-width:760px;margin:0 auto 2rem;text-align:center;line-height:1.6}
.phx-areas .lead a{color:#e8914f;font-weight:700}
.phx-area-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.phx-area-grid li{background:rgb(255 255 255/.04);border:1px solid rgb(255 255 255/.1);border-radius:14px;padding:1rem 1.1rem}
.phx-area-grid h3{color:#fff;font-size:1.02rem;font-weight:700;margin:0 0 .35rem}
.phx-area-grid p{margin:0 0 .5rem;font-size:.9rem;line-height:1.45}
.phx-area-grid .zips{font-size:.8rem;color:#e8914f}
.phx-areas .lic{text-align:center;margin:1.75rem 0 0;font-size:.9rem;color:rgb(255 255 255/.7)}
@media (max-width:400px){.phx-hero .flex.flex-col>a{font-size:.84rem!important;gap:.3rem!important;padding:0 .4rem!important}.phx-hero .flex.flex-col>a svg,.phx-hero .flex.flex-col>a.phx-btn-wa::before{width:1rem!important;height:1rem!important}}
.phx-glink{text-decoration:none;cursor:pointer;transition:all .2s}.phx-glink:hover{border-color:#f5a524!important;color:#f5a524!important;transform:translateY(-1px)}
.phx-more{display:inline-block;margin-top:.5rem;color:#f5a524;font-weight:600;font-size:.9rem;text-decoration:none}.phx-more:hover{text-decoration:underline}
.phx-fzips{opacity:.85;line-height:1.6;max-width:28rem}
.phx-map{margin-top:1rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0f141b}.phx-map iframe{display:block;width:100%;height:240px;border:0;filter:invert(90%) hue-rotate(180deg) brightness(.95) contrast(.9)}.phx-map-link{display:block;padding:.6rem .9rem;font-size:.88rem;color:#f5a524;text-decoration:none}.phx-map-link:hover{text-decoration:underline}
#services :has(>div>div>.phx-more),#services :has(>div>.phx-more){position:relative}#services .phx-more::after{content:"";position:absolute;inset:0;z-index:2}#services :has(.phx-more):hover{border-color:#f5a524}
#contact .grid>*{min-width:0}#contact .space-y-6,#contact .space-y-6 *{max-width:100%}#contact .space-y-6 a{overflow-wrap:anywhere}

@media (min-width:768px){}
section .mb-12{margin-bottom:1.5rem!important}section .mb-16{margin-bottom:2rem!important}section h2+p{margin-top:.5rem}
.phx-areas{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
html,body{overflow-x:clip}
#map{scroll-margin-top:90px}
@media (max-width:767px){#contact .grid>*{transform:none!important}}
.phx-map iframe{height:auto!important;aspect-ratio:16/10}
.pay-logos .pay-badge{background:#fff!important;color:#111!important;display:inline-flex;align-items:center;gap:.4rem}.pay-logos img{width:18px;height:18px;display:block}
.phx-fareas{display:flex;flex-wrap:wrap;gap:.35rem .5rem}.phx-fareas a{color:inherit;opacity:.9;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.15rem .55rem}.phx-fareas a:hover{color:#f5a524;border-color:#f5a524}

/* contact-balance 2026-10-29: columns end together on desktop */
@media (min-width:768px){
#contact .grid.md\:grid-cols-2>div:first-child{display:flex;flex-direction:column}
#contact .phx-cform{flex:1 1 auto;display:flex;flex-direction:column}
#contact .phx-cform form{flex:1 1 auto;grid-template-rows:auto auto 1fr}
#contact .phx-cform form>div:has(>textarea){grid-template-rows:auto 1fr}
#contact .phx-cform textarea{height:100%}
#contact iframe[title^="Map of"]{height:220px!important}
}

/* p11 2026-10-30: edge to edge, item links, big map */
.container,.container.max-w-4xl,.container.max-w-3xl,.container.max-w-5xl,.container.max-w-6xl,.container.max-w-7xl{max-width:none!important;width:100%!important;padding-left:14px!important;padding-right:14px!important;margin-left:0!important;margin-right:0!important}
header nav,header>div,footer>div{max-width:none!important}
#services .grid{gap:14px!important}
#services .lg\:grid-cols-3{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}
#services h3 a.phx-tlink,#services a.phx-ilink{position:relative;z-index:3;color:inherit;text-decoration:none}
#services h3 a.phx-tlink:hover,#services a.phx-ilink:hover{color:#f5a524;text-decoration:underline}
#services a.phx-ilink{text-decoration:underline;text-decoration-color:rgba(245,165,36,.45);text-underline-offset:3px}
.phx-cwrap{width:100%;margin-top:1.2rem}
.phx-addr{font-size:1.15rem;font-weight:600;margin:0 0 .4rem}
.phx-map.phx-bigmap iframe{width:100%!important;height:520px!important;aspect-ratio:auto!important}
@media (max-width:767px){.phx-map.phx-bigmap iframe{height:350px!important}}
#contact .pay-strip{max-width:none!important;width:100%!important}
#contact #map.phx-bigmap iframe{height:520px!important;aspect-ratio:auto!important;width:100%!important}
@media (max-width:767px){#contact #map.phx-bigmap iframe{height:350px!important}}
/* fix 2026-10-30 01:40: cards back in a grid, 4:3 photos */
#services .grid{display:grid!important;grid-template-columns:1fr!important}
@media (min-width:640px){#services .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1024px){#services .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:1440px){#services .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
#services .grid>*{grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important}
#services .grid>* .h-48{height:auto!important;aspect-ratio:4/3!important}
#services .grid>* img.object-cover{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 25%!important}
#services article{position:relative!important;cursor:pointer}
#services div.phx-more::after,#services div.phx-feat::after{content:none!important}
#services article a.phx-more::after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;display:block!important}
#services article a.phx-more{position:static!important}
#services .phx-feat article .h-48,#services .phx-more article .h-48{height:auto!important;aspect-ratio:4/3!important}

/* payment box edge to edge + badges spread (20261030) */
.pay-strip,.phx-pay,#contact .pay-strip{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;grid-column:1/-1!important;justify-self:stretch!important;align-self:stretch!important}
.pay-strip .pay-badges,.phx-pay .pay-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
.pay-strip .pay-badge,.phx-pay .pay-badge{flex:1 1 auto!important;justify-content:center!important}

/* contact split: form | map, equal height (20261030) */
#contact .phx-csplit{display:grid;grid-template-columns:1fr;gap:24px;width:100%;align-items:stretch}
@media (min-width:768px){#contact .phx-csplit{grid-template-columns:1fr 1fr}}
#contact .phx-csplit>.phx-cform{margin:0!important;max-width:none!important;width:100%!important}
#contact .phx-csplit .phx-cwrap{display:flex;flex-direction:column;gap:10px;margin:0!important;width:100%;min-width:0}
#contact .phx-csplit .phx-addr{text-align:center!important;margin:0!important;font-weight:700;font-size:1.15rem}
#contact .phx-csplit #map.phx-bigmap{flex:1 1 auto;display:flex;min-height:350px;margin:0!important}
#contact .phx-csplit #map.phx-bigmap iframe{height:auto!important;min-height:350px;flex:1 1 auto;width:100%!important;border-radius:14px}
#contact .phx-csplit .phx-map-link{text-align:center;display:block}
#contact .text-center{text-align:center!important;margin-left:auto;margin-right:auto}
/* map top aligned with form top (20261030) */
#contact .phx-csplit #map.phx-bigmap{order:1}#contact .phx-csplit .phx-addr{order:2}#contact .phx-csplit .phx-map-link{order:3}