:root{--green:#079b63;--green-dark:#08734f;--mint:#d9f8e7;--yellow:#fff0a8;--blue:#dcecff;--pink:#ffdfe0;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f7f8fa;--card:#fff;--shadow:0 8px 24px rgba(18,32,44,.08);--radius:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{min-height:100dvh;max-width:1180px;margin:0 auto;background:#fff;position:relative}.topbar{position:sticky;top:0;z-index:50;padding:max(12px,env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.7)}.brand{border:0;background:none;display:flex;align-items:center;gap:9px;padding:0;text-align:left}.brand-pin{width:28px;height:36px;border-radius:18px 18px 18px 2px;background:linear-gradient(145deg,#ff7a00,#ff375f);transform:rotate(-45deg);display:grid;place-items:center;position:relative}.brand-pin:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#08a567}.brand-pin span{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:1}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:23px;letter-spacing:-.5px}.brand-copy small{font-size:12px;color:#374151}.pin-dot{color:var(--green)}.icon-btn{border:0;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative}.notif-dot{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;border-radius:20px;font-size:10px;min-width:16px;height:16px;display:grid;place-items:center;border:2px solid #fff}.main-content{padding:8px 16px calc(92px + env(safe-area-inset-bottom))}.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}h1,h2,p{margin-top:0}.hero-copy h1{text-align:center;font-size:25px;margin:14px 0}.searchbar,.search-input{height:52px;border:1px solid #d8dee8;border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;color:#667085;width:100%}.searchbar{box-shadow:0 2px 10px rgba(0,0,0,.03)}.search-input input{border:0;outline:0;flex:1;min-width:0;background:transparent}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}.quick-card{border:0;border-radius:16px;padding:16px 12px;display:flex;align-items:center;gap:11px;font-weight:800;text-align:left;min-height:72px}.quick-card .qicon{font-size:27px}.mint{background:var(--mint)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.pink{background:var(--pink)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.section-head h2{font-size:18px;margin:0}.section-head button,.linkish{border:0;background:none;color:var(--green-dark);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}.category-grid button{border:0;background:none;padding:0;display:grid;place-items:center;gap:7px}.category-grid span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;font-size:25px}.category-grid button:nth-child(1) span,.category-grid button:nth-child(6) span{background:#fff4cf}.category-grid button:nth-child(2) span,.category-grid button:nth-child(8) span{background:#e7f0ff}.category-grid button:nth-child(3) span{background:#f6e9de}.category-grid button:nth-child(4) span{background:#ffe5ef}.category-grid button:nth-child(7) span{background:#def7ea}.category-grid small{font-size:11px}.community-banner{width:100%;height:120px;border:0;border-radius:18px;overflow:hidden;margin:22px 0 4px;position:relative;background:linear-gradient(180deg,#bfe8ff,#e9f6ff);text-align:right;padding:18px;color:#0f2742}.community-banner strong{position:relative;z-index:2;font-size:18px}.skyline{position:absolute;left:0;bottom:0;width:58%;height:78%;background:linear-gradient(90deg,#8a9cae 0 8%,transparent 8% 10%,#607d8b 10% 18%,transparent 18% 20%,#9e7d60 20% 27%,transparent 27% 30%,#567489 30% 39%,transparent 39% 42%,#7e8b96 42% 50%,transparent 50% 54%,#9aa5b1 54% 60%,transparent 60%);clip-path:polygon(0 100%,0 52%,8% 52%,8% 25%,16% 25%,16% 45%,22% 45%,22% 18%,31% 18%,31% 59%,39% 59%,39% 32%,50% 32%,50% 60%,62% 60%,62% 42%,74% 42%,74% 70%,100% 70%,100% 100%);opacity:.85}.provider-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:12px;display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:start;box-shadow:0 5px 18px rgba(0,0,0,.045)}.provider-card+.provider-card{margin-top:12px}.provider-card.compact{grid-template-columns:74px 1fr auto}.provider-thumb{width:92px;height:92px;border-radius:12px;background:#dce4eb;position:relative;overflow:hidden}.compact .provider-thumb{width:74px;height:74px}.provider-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1f2937 0 28%,#c2410c 29% 35%,#4b5563 36% 59%,#111827 60%);opacity:.92}.provider-thumb.mobile:before{background:linear-gradient(135deg,#ddd6fe 0 28%,#111827 29% 52%,#4b5563 53% 67%,#d1d5db 68%)}.provider-thumb.repair:before{background:linear-gradient(135deg,#9ca3af 0 24%,#7c2d12 25% 31%,#1f2937 32% 72%,#d1d5db 73%)}.provider-info{display:flex;flex-direction:column;gap:4px;min-width:0}.provider-info strong{font-size:15px}.provider-info small{font-size:12px;color:#596171}.rating{color:#f4b400;font-weight:800;font-size:13px}.rating em{font-style:normal;color:#6b7280;font-weight:500}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.card-actions a,.card-actions button{border:0;border-radius:9px;padding:9px 8px;text-align:center;font-size:12px;font-weight:800;background:#f3f4f6}.wa{background:var(--green)!important;color:#fff!important}.heart,.arrow-btn{border:0;background:none;font-size:24px;color:#344054}.page-title{display:flex;align-items:center;gap:10px;margin:4px 0 16px}.page-title h1{font-size:21px;margin:0}.page-title small{color:#667085}.back-btn{border:0;background:none;font-size:34px;line-height:1;padding:2px 7px}.search-row{display:grid;grid-template-columns:1fr 48px;gap:10px}.filter-btn{border:1px solid #e0e4e8;border-radius:14px;background:#fff}.chips{display:flex;gap:8px;overflow:auto;padding:12px 1px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;border:1px solid #dce2e9;background:#fff;border-radius:999px;padding:9px 13px;font-size:12px}.chips button.active{background:#b9f6d5;border-color:#93e9bc;color:#075e3e;font-weight:800}.segmented,.job-toggle{display:grid;grid-template-columns:1fr 1fr;background:#f2f4f7;border-radius:12px;overflow:hidden;margin-bottom:12px}.segmented button,.job-toggle button{border:0;background:transparent;padding:12px;font-weight:700;color:#697386}.segmented button.active,.job-toggle button.active{background:#fff;color:var(--green-dark);box-shadow:inset 0 -2px 0 var(--green)}.hidden{display:none!important}.map-view{height:520px;border-radius:18px;position:relative;overflow:hidden;background:#dcefdc}.map-grid{position:absolute;inset:0;background:linear-gradient(23deg,transparent 0 44%,rgba(255,255,255,.9) 45% 47%,transparent 48% 100%),linear-gradient(110deg,transparent 0 46%,rgba(255,255,255,.8) 47% 49%,transparent 50% 100%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.38) 40px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.34) 50px)}.map-label{position:absolute;font-weight:700;color:#475467}.laval{top:15%;left:25%}.montreal{top:48%;left:50%}.longueuil{top:32%;right:5%}.map-pin{position:absolute;color:#ef4444;font-size:34px;text-shadow:0 2px 0 #fff}.p1{top:28%;left:37%}.p2{top:43%;left:53%}.p3{top:35%;right:21%}.p4{top:58%;left:34%}.p5{top:55%;right:10%}.user-pin{position:absolute;top:42%;left:45%;color:#2563eb;font-size:32px;text-shadow:0 0 0 6px rgba(37,99,235,.2)}.map-card{position:absolute;left:12px;right:12px;bottom:12px;grid-template-columns:70px 1fr auto}.map-card button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px;font-weight:800}.provider-hero{height:210px;margin:-8px -16px 0;position:relative;background:#1f2937;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(135deg,#222 0 35%,#b45309 36% 41%,#3f3f46 42% 65%,#111 66%);opacity:.92}.floating{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.45)!important;color:#fff;border-radius:50%;width:42px;height:42px;z-index:2}.floating.right{left:auto;right:14px}.provider-profile-card{background:#fff;margin:-48px 0 8px;position:relative;z-index:4;border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center}.avatar-logo{width:78px;height:78px;border-radius:50%;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}.provider-profile-card h1{font-size:19px;margin:0 0 5px}.provider-profile-card small{display:block;color:#667085;margin-top:5px}.verified{color:var(--green)}.provider-meta{padding:8px 2px}.provider-meta p{margin:7px 0;font-size:14px}.provider-meta .open{color:var(--green-dark)}.contact-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin:12px 0}.contact-row a{background:#e7f0ff;color:#175cd3;border-radius:10px;padding:11px 7px;text-align:center;font-size:12px;font-weight:800}.tabs{display:flex;overflow:auto;border-bottom:1px solid #e5e7eb;margin:10px -2px 14px}.tabs button{border:0;background:none;padding:12px 10px;white-space:nowrap;color:#667085}.tabs button.active{color:var(--green-dark);border-bottom:2px solid var(--green);font-weight:800}.content-card{padding-bottom:16px}.content-card h2{font-size:17px;margin:14px 0 8px}.content-card p{font-size:14px;line-height:1.5;color:#475467}.service-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph{height:120px;border-radius:12px;background:#222}.ph.engine{background:linear-gradient(135deg,#20252a,#a23b12,#111)}.ph.brake{background:radial-gradient(circle at 55% 50%,#9ca3af 0 22%,#374151 23% 35%,#111 36%)}.ph.lift{background:linear-gradient(180deg,#a5d8ff 0 50%,#353b45 51%)}.ph.motor{background:repeating-linear-gradient(45deg,#111 0 12px,#3f3f46 13px 25px)}.review{border-top:1px solid #eceff2;padding:14px 0}.review-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:#8b5cf6}.avatar.man{background:#0284c7}.avatar.large{width:64px;height:64px;font-size:18px}.review-head div{display:flex;flex-direction:column}.review-head div span{color:#f4b400}.review-head small{color:#98a2b3}.review p{font-size:14px;line-height:1.45;margin:10px 0}.review footer{font-size:12px;color:#475467;display:flex;justify-content:space-between}.primary{border:0;border-radius:12px;background:var(--green);color:#fff;padding:14px 18px;font-weight:900}.full{width:100%;margin-top:12px}.steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px;font-size:11px;color:#98a2b3;margin-bottom:18px}.steps span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#d0d5dd;color:#fff}.steps span.active{background:var(--green)}.steps b{font-weight:700;color:#667085}.form-card{display:grid;gap:16px}.form-card label{display:grid;gap:7px;font-weight:800;font-size:14px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;background:#fff;outline:none}.form-card textarea{min-height:120px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(7,155,99,.1)}.upload-row{display:flex;gap:10px}.upload{border:1px dashed #b8c0cc;background:#f8fafc;border-radius:12px;width:88px;height:74px;display:grid;place-items:center}.upload span{font-size:10px}.privacy-note{font-size:12px;color:#667085;background:#f9fafb;padding:12px;border-radius:10px}.job-list{display:grid;gap:12px}.job-card{display:grid;grid-template-columns:92px 1fr auto;gap:12px;border:1px solid #e6eaf0;border-radius:14px;padding:10px}.job-photo{height:105px;border-radius:10px;background:#ddd}.job-photo.kitchen{background:linear-gradient(135deg,#f2d0a4,#111 48%,#c2410c)}.job-photo.driver{background:linear-gradient(135deg,#7dd3fc,#1d4ed8 42%,#f3f4f6 43%)}.job-card div:nth-child(2){display:flex;flex-direction:column;gap:5px}.job-card small{font-size:12px;color:#667085}.profile-top{display:flex;align-items:center;gap:12px;padding:16px 2px}.profile-top h1{font-size:20px;margin:0}.profile-top small{color:#667085}.menu-card{border:1px solid #e6eaf0;border-radius:16px;overflow:hidden;margin:14px 0;background:#fff}.menu-card button{width:100%;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:15px 14px;display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;text-align:left}.menu-card button:last-child{border-bottom:0}.menu-card button span{font-weight:700}.menu-card em{font-style:normal;background:#ef4444;color:#fff;border-radius:20px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;margin-right:10px}.menu-card small{color:#98a2b3;margin-right:10px}.provider-switch,.pro-banner{width:100%;border:0;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.provider-switch{background:#e9fff4}.provider-switch span,.pro-banner span{display:flex;flex-direction:column;flex:1}.provider-switch small,.pro-banner small{font-size:11px;color:#667085}.period{border:0;background:#f2f4f7;border-radius:10px;padding:8px;margin:4px 0 10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-grid div{background:#fff;border:1px solid #edf0f3;border-radius:12px;padding:10px 5px;text-align:center;display:grid;gap:3px}.stats-grid strong{font-size:18px}.stats-grid small{font-size:9px;color:#667085}.pro-banner{background:#fff4c2;border:1px solid #ffe58b}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:60;width:min(100%,1180px);height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.97);border-top:1px solid #e5e7eb;backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:none;display:grid;place-items:center;gap:2px;color:#667085}.bottom-nav button span{font-size:23px}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:var(--green-dark);font-weight:800}.bottom-nav .publish span{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin-top:-21px;border:4px solid #fff;box-shadow:0 4px 12px rgba(7,155,99,.28)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#111827;color:#fff;border-radius:999px;padding:11px 16px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:80;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){body{padding:18px;background:#eef2f6}.app-shell{border-radius:24px;box-shadow:0 20px 70px rgba(15,23,42,.12);overflow:hidden;min-height:calc(100dvh - 36px)}.main-content{padding:18px 28px 100px}.view.active[data-view="home"]{max-width:760px;margin:auto}.results-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.results-list .provider-card+.provider-card{margin-top:0}.form-card{max-width:720px}.provider-hero{margin-left:-28px;margin-right:-28px}.provider-profile-card{max-width:760px}.bottom-nav{width:min(calc(100% - 36px),1180px);bottom:18px;border-radius:0 0 24px 24px}.map-view{height:620px}.photo-grid{grid-template-columns:repeat(4,1fr)}.ph{height:170px}}
@media(min-width:1024px){.quick-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(8,1fr)}.stats-grid{max-width:720px}.provider-card{grid-template-columns:105px 1fr auto}.provider-thumb{width:105px;height:105px}}