:root{--brand:#ffb703;--ink:#101828;--nav:#111827;--soft:#f5f7fb}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--soft);color:var(--ink)}.app-nav{background:rgba(17,24,39,.97);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.14)}.navbar-brand span{color:var(--brand)}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);color:#111!important;margin-right:4px}.hero{background:radial-gradient(circle at 80% 20%,rgba(255,183,3,.32),transparent 32%),linear-gradient(135deg,#111827,#26334a);color:white;padding:76px 0 62px}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.02;font-weight:800}.hero-search{background:#fff;border-radius:18px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero-search .form-control,.hero-search .form-select{border:0;min-height:52px}.hero-search .btn{border-radius:12px}.stat-card,.panel-card{border:0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.07)}.category-card{display:block;background:white;border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(16,24,40,.06);transition:.2s}.category-card:hover{transform:translateY(-4px);color:var(--ink)}.category-card i{font-size:1.8rem;color:#d38c00}.product-card{border-radius:18px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,24,40,.13)!important}.product-image-wrap{height:210px;background:#eef1f6;display:block}.product-image{width:100%;height:100%;object-fit:cover}.product-placeholder{height:100%;display:grid;place-items:center;font-size:4rem;color:#98a2b3}.price{font-size:1.25rem;color:#b76e00}.shop-line{font-size:.9rem;color:#667085}.section-title{font-weight:800;letter-spacing:-.03em}.form-card{max-width:720px;margin:38px auto;background:white;padding:28px;border-radius:20px;box-shadow:0 16px 40px rgba(16,24,40,.08)}.dashboard-shell{padding:34px 0}.sidebar-card{background:#111827;border-radius:18px;padding:14px;position:sticky;top:86px}.sidebar-card a{display:block;color:#d0d5dd;text-decoration:none;padding:11px 13px;border-radius:10px}.sidebar-card a:hover,.sidebar-card a.active{background:#253047;color:#fff}.table-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(16,24,40,.06)}.map-box{height:560px;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(16,24,40,.1)}.shop-card{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.07)}.app-footer{background:#fff}.app-footer a{display:block;text-decoration:none;color:#667085;margin:7px 0}.app-footer a:hover{color:#111827}.badge-soft{background:#fff3cd;color:#8a5a00}.compat-list{display:flex;flex-wrap:wrap;gap:8px}.compat-pill{background:#eef2ff;color:#344054;padding:7px 10px;border-radius:999px;font-size:.85rem}.invoice{max-width:860px;margin:24px auto;background:#fff;padding:36px;border-radius:16px}.empty-state{text-align:center;padding:50px 20px;color:#667085}.empty-state i{font-size:3rem}.thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#eef1f6}@media(max-width:767px){.hero{padding:52px 0}.hero-search{border-radius:14px}.product-image-wrap{height:180px}.map-box{height:430px}.form-card{margin:18px 12px;padding:20px}}
@media print{.app-nav,.app-footer,.no-print{display:none!important}body{background:#fff}.invoice{box-shadow:none;margin:0;max-width:none}}

/* Map reliability UI */
.map-box { position: relative; overflow: hidden; height: 420px; }
.map-loading, .map-error {
  min-height: 100%; display: flex; align-items: center; justify-content: center;
  padding: 2rem; text-align: center; color: #64748b;
}
.map-error { color: #991b1b; background: #fef2f2; }
.leaflet-container { font-family: Inter, system-ui, sans-serif; }

.demo-mode-banner{background:#ffca28;color:#171717;padding:.65rem 0;border-bottom:1px solid rgba(0,0,0,.15);font-size:.92rem}.demo-mode-banner strong{letter-spacing:.05em}.mode-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.78rem;font-weight:800}.mode-pill.demo{background:#ffca28;color:#171717}.mode-pill.production{background:#198754;color:#fff}.credential-card{border:1px solid #e2e6ec;border-radius:14px;padding:1rem;background:#fff}.credential-card code{font-size:.82rem}.demo-danger-zone{border:1px solid #f1b8bd;background:#fff7f8;border-radius:16px;padding:1.25rem}


/* Roadside Assistance */
.roadside-hero{background:linear-gradient(135deg,#7f1d1d,#111827 65%);color:#fff}.emergency-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:2rem;backdrop-filter:blur(10px)}.emergency-card>i{font-size:3rem;color:#ffca28}.emergency-check{padding:1rem 1rem 1rem 2.5rem;border-radius:12px;background:#fff3cd;border:1px solid #ffe69c}.roadside-request-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eaecf0;text-decoration:none;color:inherit}.roadside-request-item:last-child{border-bottom:0}.roadside-request-item:hover{color:#8a4f00}.offer-card{display:flex;justify-content:space-between;gap:1rem;border:1px solid #eaecf0;border-radius:14px;padding:1rem;margin-top:1rem;background:#fff}.timeline-item{display:flex;gap:.85rem;padding:.85rem 0;border-bottom:1px solid #eaecf0}.timeline-item>span{width:12px;height:12px;border-radius:50%;background:#ffb703;margin-top:.35rem;flex:none}@media(max-width:767px){.offer-card,.roadside-request-item{align-items:flex-start;flex-direction:column}.roadside-hero .display-5{font-size:2.15rem}}

/* Roadside smart location picker v1.5 */
.roadside-location-picker{border:1px solid #dbe2ea;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);padding:1.25rem;box-shadow:0 10px 25px rgba(16,24,40,.06)}
.location-step-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#9a6700;margin-bottom:.25rem}
.location-status{display:flex;align-items:flex-start;gap:.7rem;border-radius:12px;padding:.85rem 1rem;font-size:.92rem;border:1px solid transparent}
.location-status-icon{width:1.2rem;display:inline-flex;justify-content:center;margin-top:.05rem;flex:none}
.location-status.is-searching{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}
.location-status.is-success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.location-status.is-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}
.location-status.is-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.location-status.is-idle{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.location-spin{animation:locationSpin 1s linear infinite}@keyframes locationSpin{to{transform:rotate(360deg)}}
.roadside-autocomplete-host{min-height:52px}
.roadside-place-autocomplete,gmp-place-autocomplete.roadside-place-autocomplete{display:block;width:100%;min-height:52px;border:1px solid #ced4da;border-radius:.5rem;background:#fff;font-family:Inter,system-ui,sans-serif;font-size:1rem;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.roadside-location-map-wrap{position:relative;border-radius:15px;overflow:hidden;border:1px solid #dbe2ea;background:#e5e7eb}
.roadside-location-map{height:300px;width:100%;z-index:1}
.map-pin-help{position:absolute;z-index:500;left:12px;right:12px;bottom:12px;background:rgba(17,24,39,.88);color:#fff;border-radius:10px;padding:.55rem .75rem;font-size:.78rem;text-align:center;pointer-events:none;backdrop-filter:blur(5px)}
.location-coordinate-details{border-top:1px dashed #cbd5e1;padding-top:.75rem;color:#475569}
.location-coordinate-details summary{cursor:pointer;font-size:.82rem;font-weight:600}
@media(max-width:767px){.roadside-location-picker{padding:1rem}.roadside-location-map{height:260px}.roadside-location-picker .btn-warning{width:100%}}

/* PiyesaPH v1.6 Roadside Smart Map */
.roadside-page-container{width:96%;max-width:none;margin-inline:auto}
.roadside-location-picker{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:1.25rem;overflow:visible}
.roadside-location-map-wrap{position:relative;border-radius:18px;overflow:hidden;border:1px solid #d0d5dd;background:#e5e7eb;box-shadow:0 10px 28px rgba(16,24,40,.08)}
.roadside-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem .9rem;background:#fff;border-bottom:1px solid #e4e7ec;position:relative;z-index:4}
.roadside-location-map{display:block;width:100%!important;height:clamp(360px,46vh,520px)!important;min-height:360px;background:#dfe7ef;position:relative;z-index:1}
.roadside-location-map .gm-style,.roadside-location-map .leaflet-pane,.roadside-location-map .leaflet-map-pane{font-family:Inter,system-ui,sans-serif}
.roadside-map-loading{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,#eef2f6,#dce4ec);color:#344054}
.map-pin-help{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;max-width:calc(100% - 24px);padding:.5rem .8rem;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:.78rem;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.22);pointer-events:none}
.pac-container{z-index:10000!important;border-radius:12px!important;margin-top:6px!important;box-shadow:0 14px 38px rgba(16,24,40,.18)!important;border:1px solid #e4e7ec!important;font-family:Inter,system-ui,sans-serif!important}
.pac-item{padding:.65rem .75rem!important;cursor:pointer!important}
.pac-item:hover{background:#fff8df!important}
@media(max-width:991px){.roadside-page-container{width:100%;padding-inline:1rem!important}.roadside-location-map{height:400px!important;min-height:340px}}
@media(max-width:575px){.roadside-location-picker{padding:1rem}.roadside-location-map{height:330px!important;min-height:300px}.roadside-map-toolbar{align-items:flex-start}.map-pin-help{white-space:normal;text-align:center;border-radius:12px;width:calc(100% - 24px)}}


/* PiyesaPH Marketplace Experience v1.8 */
:root{--brand:#d71920;--brand-dark:#a80710;--brand-soft:#fff0f1;--ink:#171b22;--muted:#667085;--soft:#f7f8fa;--blue:#1557b7;--yellow:#f6c400;--radius:20px}html{scroll-behavior:smooth}body{padding-bottom:0;background:var(--soft)}a,button{touch-action:manipulation}.skip-link{position:fixed;top:-100px;left:1rem;z-index:9999;background:#fff;color:#111;padding:.75rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.app-nav{background:rgba(20,23,29,.97);border-bottom:1px solid rgba(255,255,255,.08)}.brand-lockup{display:flex;align-items:center;gap:.65rem;line-height:1}.brand-lockup img{border-radius:50%;background:#fff}.brand-lockup span{display:grid;grid-template-columns:auto auto;align-items:end}.brand-lockup strong{font-size:1.08rem;color:#fff}.brand-lockup b{font-size:1.08rem;color:#ff3b42}.brand-lockup small{grid-column:1/-1;color:#aeb6c3;text-transform:uppercase;letter-spacing:.14em;font-size:.52rem;margin-top:.2rem}.app-nav .nav-link{display:flex;align-items:center;gap:.38rem;border-radius:10px;padding:.55rem .75rem!important}.app-nav .nav-link.active,.app-nav .nav-link:hover{background:rgba(255,255,255,.09);color:#fff}.rescue-link{color:#ff7a7f!important}.btn-brand{--bs-btn-color:#fff;--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark);--bs-btn-active-bg:var(--brand-dark);--bs-btn-active-border-color:var(--brand-dark);border-radius:12px}.marketplace-hero{background:radial-gradient(circle at 85% 10%,rgba(215,25,32,.38),transparent 34%),radial-gradient(circle at 15% 100%,rgba(21,87,183,.22),transparent 34%),linear-gradient(135deg,#11151c,#252b35);padding:78px 0 92px}.marketplace-hero h1 span{color:#ff4349}.eyebrow{display:inline-flex;gap:.45rem;align-items:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:.45rem .75rem;border-radius:999px;font-size:.82rem;font-weight:700}.vehicle-chooser{display:flex;flex-wrap:wrap;gap:.65rem}.vehicle-choice{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);padding:.7rem 1rem;border-radius:14px;font-weight:700;transition:.2s}.vehicle-choice:hover,.vehicle-choice.selected{background:#fff;color:var(--ink);transform:translateY(-2px)}.vehicle-choice i{font-size:1.25rem;color:#ff454b}.hero-search{border-radius:20px;padding:.65rem}.hero-search .input-group{height:100%;border:1px solid #e5e7eb;border-radius:13px;overflow:hidden}.hero-search .input-group-text{color:var(--brand)}.hero-search .form-control{min-height:54px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-actions a{color:#dce2eb;text-decoration:none;font-size:.9rem}.hero-actions a:hover{color:#fff}.hero-actions i{color:#ff555b;margin-right:.25rem}.hero-trust-card{background:rgba(255,255,255,.96);color:var(--ink);border-radius:28px;padding:2rem;box-shadow:0 30px 80px rgba(0,0,0,.28)}.trust-icon img{width:82px;height:82px}.hero-trust-card h2{font-size:1.45rem;font-weight:800;margin:1rem 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.trust-grid div{background:#f3f5f7;border-radius:14px;padding:1rem}.trust-grid strong{display:block;font-size:1.5rem}.trust-grid span{display:block;color:var(--muted);font-size:.78rem}.hero-trust-card p{font-size:.86rem;color:var(--muted);margin:1rem 0 0}.hero-trust-card p i{color:#198754}.quick-needs{margin-top:-42px;position:relative;z-index:3}.quick-needs-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(16,24,40,.13);overflow:hidden}.quick-needs-grid>a{display:flex;align-items:center;gap:1rem;padding:1.4rem;text-decoration:none;color:var(--ink);border-right:1px solid #eaecf0;transition:.2s}.quick-needs-grid>a:last-child{border-right:0}.quick-needs-grid>a:hover{background:#fff7f7}.quick-needs-grid>a>i{margin-left:auto}.quick-needs-grid small{display:block;color:var(--muted);margin-top:.15rem}.quick-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:1.35rem;flex:none}.quick-needs-grid .urgent .quick-icon{background:var(--brand);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.section-heading>div>span{display:block;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.section-heading h2{font-weight:800;letter-spacing:-.03em;margin:.25rem 0 0}.section-link{color:var(--ink);text-decoration:none;font-weight:700}.recommended-shop{height:100%;background:#fff;border-radius:20px;padding:1.4rem;box-shadow:0 10px 30px rgba(16,24,40,.07);border:1px solid #eef0f3}.recommended-shop h3{font-size:1.2rem;font-weight:800;margin:1rem 0 .4rem}.recommended-shop p{color:var(--muted);font-size:.9rem;margin:0}.shop-logo-mini{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:1.25rem}.verified-pill{background:#eaf2ff;color:#1557b7;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.shop-metrics{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem;color:var(--muted);font-size:.85rem}.shop-metrics i{color:#f6aa00}.marketplace-filter{min-width:190px}.seller-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;border-radius:26px;padding:2.2rem}.seller-cta span{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;color:#ffd7d9}.seller-cta h2{font-weight:800;margin:.3rem 0}.seller-cta p{color:#ffe6e7;margin:0}.product-card{border:1px solid #edf0f3!important}.product-card .stretched-link:after{z-index:1}.product-card .badge,.product-card .shop-line{position:relative;z-index:2}.price{color:var(--brand)}.category-card i{color:var(--brand)}.floating-rescue{position:fixed;right:22px;bottom:24px;z-index:900;display:flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;text-decoration:none;padding:.75rem 1rem;border-radius:999px;box-shadow:0 14px 35px rgba(215,25,32,.35);font-weight:800}.floating-rescue:hover{color:#fff;background:var(--brand-dark);transform:translateY(-2px)}.mobile-quick-nav{position:fixed;z-index:950;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e5e7eb;padding:.45rem max(.4rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(16,24,40,.08)}.mobile-quick-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;color:#667085;font-size:.67rem}.mobile-quick-nav i{font-size:1.2rem}.mobile-quick-nav .quick-rescue{color:var(--brand);font-weight:800}.footer-brand{display:flex;gap:1rem;align-items:center}.auth-page{padding-top:2rem;padding-bottom:2rem}.auth-card{border:1px solid #edf0f3}.auth-logo{width:78px;height:78px;margin-bottom:1rem}.password-field{position:relative}.password-field input{padding-right:3.2rem}.password-field button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:0;background:transparent;width:2.4rem;height:2.4rem;border-radius:50%}.password-field button:hover{background:#f0f2f5}.account-type-card{display:flex;flex-direction:column;gap:.2rem;height:100%;padding:1rem;border:1px solid #d7dce3;border-radius:16px;cursor:pointer}.account-type-card i{font-size:1.4rem;color:var(--brand)}.account-type-card small{color:var(--muted)}.btn-check:checked+.account-type-card{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px rgba(215,25,32,.1)}.shop-registration-fields{background:#f7f8fa;border:1px solid #e6e9ed;border-radius:16px;padding:1rem}.form-intro{display:flex;align-items:center;gap:1rem}.form-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--brand-soft);color:var(--brand);border-radius:15px;font-size:1.4rem;flex:none}.vehicle-radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.vehicle-radio-grid input{position:absolute;opacity:0}.vehicle-radio-grid span{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;border:1px solid #d8dde5;border-radius:14px;cursor:pointer;font-weight:700}.vehicle-radio-grid input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
@media(max-width:991px){body{padding-bottom:72px}.floating-rescue{display:none}.marketplace-hero{padding:58px 0 76px}.quick-needs-grid{grid-template-columns:1fr}.quick-needs-grid>a{border-right:0;border-bottom:1px solid #eaecf0}.quick-needs-grid>a:last-child{border-bottom:0}.seller-cta{align-items:flex-start;flex-direction:column}.brand-lockup small{display:none}}
@media(max-width:575px){.marketplace-hero h1{font-size:2.45rem}.vehicle-chooser{display:grid;grid-template-columns:repeat(3,1fr)}.vehicle-choice{justify-content:center;flex-direction:column;padding:.7rem .35rem;font-size:.78rem}.hero-trust-card{padding:1.25rem}.quick-needs{margin-top:-28px}.section-heading{align-items:flex-start;flex-direction:column}.marketplace-filter{width:100%}.vehicle-radio-grid{grid-template-columns:1fr}.seller-cta{padding:1.5rem}.form-intro{align-items:flex-start}.app-footer{padding-bottom:55px}}

/* PiyesaPH v2.0 — navy and gold brand system */
:root{--brand:#d4a633;--brand-dark:#a77a12;--brand-soft:#fff8e6;--navy:#102b4e;--navy-dark:#071a31;--navy-soft:#eaf0f7;--ink:#10213a;--soft:#f5f7fa;--blue:#214f82;--yellow:#d4a633}
body{background:var(--soft);color:var(--ink)}
.app-nav{background:rgba(7,26,49,.97);border-bottom-color:rgba(212,166,51,.25)}
.brand-lockup img{border-radius:0;background:transparent;object-fit:contain}.brand-lockup strong{color:#fff}.brand-lockup b{color:#e8bd52}.brand-lockup small{color:#d9c27f;letter-spacing:.1em}
.btn-brand{--bs-btn-color:#0b203b;--bs-btn-bg:#e0b74f;--bs-btn-border-color:#e0b74f;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#b78618;--bs-btn-hover-border-color:#b78618;--bs-btn-active-color:#fff;--bs-btn-active-bg:#936b10;--bs-btn-active-border-color:#936b10;box-shadow:0 7px 18px rgba(180,132,25,.18)}
.marketplace-hero{background:radial-gradient(circle at 85% 10%,rgba(212,166,51,.32),transparent 34%),radial-gradient(circle at 15% 100%,rgba(48,91,139,.35),transparent 36%),linear-gradient(135deg,var(--navy-dark),#173b65);}
.quick-needs-grid{grid-template-columns:repeat(4,1fr)}
.marketplace-hero h1 span,.section-heading>div>span,.hero-search .input-group-text,.category-card i,.price{color:#b68112}.vehicle-choice i,.hero-actions i{color:#e8bd52}.quick-needs-grid>a:hover{background:#fffbf1}.quick-icon{background:var(--brand-soft);color:#a4740e}.quick-needs-grid .urgent .quick-icon{background:var(--navy);color:#fff}.recommended-shop{border-color:#e7dfc6}.shop-logo-mini{background:var(--navy-soft);color:var(--navy)}.seller-cta{background:linear-gradient(135deg,var(--navy-dark),var(--navy));border:1px solid rgba(212,166,51,.35)}.seller-cta span{color:#e8bd52}.seller-cta p{color:#d9e3ef}.floating-rescue{background:#b4232b;box-shadow:0 14px 35px rgba(180,35,43,.3)}.floating-rescue:hover{background:#8e1820}.mobile-quick-nav{grid-template-columns:repeat(5,1fr)}.mobile-quick-nav .quick-rescue{color:#b4232b}.footer-logo{height:auto;max-width:180px;object-fit:contain}.footer-brand{align-items:flex-start;flex-direction:column}.app-footer{border-top:1px solid #e8dfc8}.app-footer h6{color:var(--navy);font-weight:800}.app-footer a:hover{color:#9a6e0b}
.premium-pill{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#fff5d7,#f0cf76);color:#5e4207;border:1px solid #dfb64d;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:800}.verified-pill{background:#e8f0fa;color:#214f82}.stat-card strong{display:block;font-size:1.45rem;color:var(--navy);margin-top:.2rem}.stat-card small{color:#667085}
.subscription-hero,.ai-hero,.directory-hero,.classified-hero{background:radial-gradient(circle at 85% 0,rgba(212,166,51,.32),transparent 32%),linear-gradient(135deg,var(--navy-dark),#173f6c);color:#fff}.subscription-hero .lead,.ai-hero .lead{max-width:760px}.plan-card{height:100%;display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid #e2e7ed;border-radius:24px;padding:1.6rem;box-shadow:0 12px 34px rgba(16,43,78,.08);overflow:hidden}.plan-card.featured{border:2px solid #d4a633;box-shadow:0 18px 45px rgba(180,132,25,.16)}.plan-ribbon{position:absolute;top:0;right:0;background:var(--navy);color:#fff;padding:.5rem .75rem;border-radius:0 0 0 14px;font-size:.75rem;font-weight:800}.plan-card h3{font-weight:800;color:var(--navy);margin-top:.3rem}.plan-card p{color:#667085;min-height:3rem}.plan-price{font-size:2rem;font-weight:800;color:#9b6f0d;margin:.4rem 0 1rem}.plan-price small{font-size:.82rem;color:#667085;font-weight:500}.plan-card ul{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.6rem}.plan-card li{display:flex;gap:.5rem;font-size:.9rem}.plan-card li i{color:#a4740e}.plan-request-form{margin-top:auto}.support-plan{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(135deg,#0a2240,#183e68);color:#fff;border-radius:24px;padding:2rem;border:1px solid rgba(212,166,51,.35)}.support-plan span{color:#e6ba4e;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.support-plan p{color:#c8d5e5;margin:0}.support-plan form .form-select,.support-plan form .form-control{width:auto;min-width:170px}
.ai-home-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;border-radius:26px;background:radial-gradient(circle at 80% 0,rgba(212,166,51,.35),transparent 35%),linear-gradient(135deg,#071a31,#173f6c);color:#fff;border:1px solid rgba(212,166,51,.35)}.ai-home-cta span{color:#e6ba4e;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.ai-home-cta h2{font-weight:800;margin:.4rem 0}.ai-home-cta p{color:#cad7e6;margin:0}
.ai-orb{margin-inline:auto;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,#f3d276,#c28d19 55%,#8f6510);color:#102b4e;box-shadow:0 25px 70px rgba(0,0,0,.3);border:8px solid rgba(255,255,255,.15)}.ai-orb i{font-size:4rem}.ai-orb span{font-weight:800;margin-top:-2.7rem}.ai-search-card,.directory-search{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 18px 45px rgba(7,26,49,.14)}.directory-search{display:grid;gap:.75rem}.ai-result-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e7ee;border-radius:22px;padding:1.4rem;box-shadow:0 10px 30px rgba(16,43,78,.07)}.ai-result-card h3{font-size:1.25rem;font-weight:800;color:var(--navy);margin:1rem 0 .4rem}.ai-rank{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--navy);color:#fff;font-weight:800}.match-meter{height:8px;background:#e8edf2;border-radius:999px;overflow:hidden;margin:1rem 0 .35rem}.match-meter span{display:block;height:100%;background:linear-gradient(90deg,#b68213,#edc95f);border-radius:inherit}.ai-reasons{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.5rem;font-size:.85rem;color:#475467}.ai-reasons li{display:flex;gap:.45rem}.ai-reasons i{color:#a4740e}.service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e7ee;border-radius:22px;padding:1.4rem;box-shadow:0 10px 30px rgba(16,43,78,.07)}.service-card h3{font-size:1.2rem;font-weight:800;margin:1rem 0 .4rem;color:var(--navy)}.service-tags{display:flex;flex-wrap:wrap;gap:.45rem}.service-tags span{background:#f0f3f7;color:#344054;border-radius:999px;padding:.4rem .65rem;font-size:.75rem;font-weight:700}.service-tags span.online{background:#e8f8ef;color:#18733c}.service-tags span.online i{color:#20a45a}.brand-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.brand-directory>a{display:flex;align-items:center;gap:1rem;background:#fff;color:var(--ink);text-decoration:none;border:1px solid #e1e7ee;border-radius:18px;padding:1rem;transition:.2s}.brand-directory>a:hover{transform:translateY(-3px);border-color:#d4a633;box-shadow:0 10px 25px rgba(16,43,78,.08)}.brand-initial{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#e8bd52;font-size:1.2rem;font-weight:800}.brand-directory>a div{min-width:0;flex:1}.brand-directory strong,.brand-directory small{display:block}.brand-directory small{color:#667085;margin-top:.15rem}.classified-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e1e7ee;border-radius:22px;box-shadow:0 10px 30px rgba(16,43,78,.07)}.classified-card>img,.classified-placeholder{width:100%;height:220px;object-fit:cover;background:#e9eef4}.classified-placeholder{display:grid;place-items:center;font-size:3rem;color:#98a2b3}.classified-card h3{font-size:1.15rem;font-weight:800;color:var(--navy);margin:1rem 0 .35rem}.listing-type{background:var(--brand-soft);color:#815c0a;padding:.35rem .6rem;border-radius:999px;font-size:.72rem;font-weight:800}.classified-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#475467;font-size:.9rem;margin:1rem 0}.mini-bar-chart{height:250px;display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;align-items:end;padding-top:2rem}.mini-bar-chart>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem}.mini-bar-chart span{display:block;width:min(42px,80%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#e2bd58,#a4740e)}.mini-bar-chart strong{font-size:.75rem}.mini-bar-chart small{font-size:.7rem;color:#667085}.analytics-locked{min-height:220px;display:grid;place-items:center;text-align:center;color:#667085;background:repeating-linear-gradient(135deg,#f7f8fa,#f7f8fa 10px,#f0f2f5 10px,#f0f2f5 20px);border-radius:16px}.analytics-locked i{font-size:2rem}.insight-box{display:flex;gap:1rem;padding:1rem;background:#f7f9fb;border-radius:16px;height:100%}.insight-box>i{font-size:1.6rem;color:#a4740e}.insight-box p{font-size:.82rem;color:#667085;margin:.25rem 0 0}
@media(max-width:991px){.quick-needs-grid{grid-template-columns:repeat(2,1fr)}.quick-needs-grid>a{border-right:0}.quick-needs-grid>a:nth-child(odd){border-right:1px solid #eaecf0}.support-plan,.ai-home-cta{align-items:flex-start;flex-direction:column}.brand-directory{grid-template-columns:repeat(2,1fr)}.ai-orb{width:180px;height:180px}.ai-orb i{font-size:3rem}}
@media(max-width:575px){.quick-needs-grid{grid-template-columns:1fr}.quick-needs-grid>a:nth-child(odd){border-right:0}.mobile-quick-nav a{font-size:.59rem}.brand-directory{grid-template-columns:1fr}.subscription-hero,.ai-hero,.directory-hero,.classified-hero{text-align:left}.support-plan form{display:grid!important;width:100%}.support-plan form .form-select,.support-plan form .form-control{width:100%}.classified-card>img,.classified-placeholder{height:200px}.footer-logo{max-width:155px}}
