@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

:root{
  --bg:#f8fafc;
  --bg-soft:#eef4fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f5f9;
  --text:#0f172a;
  --muted:#64748b;
  --muted-2:#94a3b8;
  --line:#e2e8f0;
  --line-soft:#eef2f7;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --primary-soft:#eff6ff;
  --accent:#7c3aed;
  --cyan:#0891b2;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#dc2626;
  --radius:1rem;
  --radius-lg:1.25rem;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 12px 30px rgba(15,23,42,.06);
  --shadow-hover:0 18px 45px rgba(15,23,42,.11);
  --container:1180px;
  font-family:'Vazirmatn',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:15px}
body{
  margin:0;
  min-height:100vh;
  direction:rtl;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
  font-family:'Vazirmatn',system-ui,Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.dark,
body.dark .admin-page{--bg:#0f172a;--bg-soft:#111827;--surface:#1e293b;--surface-2:#0f172a;--surface-3:#334155;--text:#f8fafc;--muted:#cbd5e1;--muted-2:#94a3b8;--line:#334155;--line-soft:#263548;--primary-soft:rgba(37,99,235,.18);background:#0f172a;color:#f8fafc}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
code{direction:ltr;display:inline-block;background:#eef6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.05rem .35rem;color:#1d4ed8;font-size:.88em}
body.dark code{background:#172554;color:#bfdbfe;border-color:#1e40af}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
body.dark ::-webkit-scrollbar-track{background:#0f172a}
body.dark ::-webkit-scrollbar-thumb{background:#475569}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
body.dark .site-header{background:rgba(15,23,42,.86)}
.nav-wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand-mark,.admin-title{display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--text);letter-spacing:-.02em}
.brand-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem;box-shadow:0 10px 18px rgba(37,99,235,.25)}
.site-nav{display:flex;align-items:center;gap:.35rem}
.site-nav a{padding:.55rem .85rem;border-radius:.8rem;color:var(--muted);font-weight:600;font-size:.9rem;transition:.18s}
.site-nav a:hover{background:var(--surface-3);color:var(--text)}
.mobile-menu-btn{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:.75rem;padding:.35rem .7rem;font-size:1.2rem;box-shadow:var(--shadow)}

.flash-stack{margin-top:1rem;display:grid;gap:.65rem;position:relative;z-index:20}.flash{padding:.85rem 1rem;border-radius:.95rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);font-size:.9rem}.flash-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.flash-danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}.flash-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.flash-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}body.dark .flash-success{background:rgba(22,101,52,.22);color:#bbf7d0}body.dark .flash-danger{background:rgba(159,18,57,.22);color:#fecdd3}body.dark .flash-warning{background:rgba(146,64,14,.22);color:#fde68a}body.dark .flash-info{background:rgba(30,64,175,.24);color:#bfdbfe}

h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(1.8rem,3.9vw,3.45rem);line-height:1.15;margin:.85rem 0 1rem;color:var(--text);letter-spacing:-.055em;font-weight:800}
h2{font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.35;margin-bottom:.55rem;font-weight:800;letter-spacing:-.035em;color:var(--text)}
h3{font-size:1rem;line-height:1.45;margin-bottom:.35rem;font-weight:800;color:var(--text)}
p{color:var(--muted)}
.lead{font-size:1rem;color:var(--muted);max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:var(--primary-soft);color:var(--primary);border:1px solid #dbeafe;border-radius:999px;padding:.3rem .7rem;font-size:.76rem;font-weight:800;white-space:nowrap}
body.dark .eyebrow{border-color:#1e40af;color:#93c5fd}
.eyebrow:before{content:'';width:.42rem;height:.42rem;border-radius:99px;background:currentColor;box-shadow:0 0 0 .22rem rgba(37,99,235,.12)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:.72rem;padding:.62rem 1rem;font-weight:700;cursor:pointer;transition:.16s ease;white-space:nowrap;font-size:.88rem;min-height:2.55rem;line-height:1.2}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 18px rgba(37,99,235,.18)}.btn-primary:hover{background:var(--primary-dark)}
.btn-secondary{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:#0f172a}
.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}
.btn-danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fee2e2}
.btn-small{padding:.42rem .7rem;border-radius:.58rem;font-size:.78rem;min-height:2rem}.full{width:100%}
body.dark .btn-secondary{background:#334155;border-color:#475569;color:#e2e8f0}body.dark .btn-secondary:hover{background:#475569;color:#fff}body.dark .btn-danger{background:rgba(220,38,38,.14);border-color:rgba(248,113,113,.32);color:#fecaca}

input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:.72rem;background:#fff;color:#0f172a;padding:.66rem .78rem;outline:none;transition:.16s;min-height:2.55rem;font-size:.88rem}
textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#94a3b8}select option{background:#fff;color:#0f172a}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
label{display:grid;gap:.45rem;font-weight:600;color:#334155;font-size:.86rem}label span{font-size:.82rem;color:#475569}
body.dark input,body.dark select,body.dark textarea{background:#1f2937;border-color:#475569;color:#f8fafc}body.dark select option{background:#1f2937;color:#f8fafc}body.dark label,body.dark label span{color:#cbd5e1}

.hero{position:relative;padding:3.2rem 0 2.5rem;background:linear-gradient(180deg,#f8fbff 0%,#f8fafc 100%);overflow:hidden}
.hero:before{content:'';position:absolute;inset:-25% -10% auto auto;width:45rem;height:45rem;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 64%);pointer-events:none}
.hero:after{content:'';position:absolute;left:-10rem;top:3rem;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.10),transparent 62%);pointer-events:none}
body.dark .hero{background:linear-gradient(180deg,#0f172a 0%,#111827 100%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:center}.hero-copy>p{font-size:1.02rem;color:var(--muted);max-width:680px}.search-card{margin-top:1.6rem;background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.25rem;padding:1rem;display:grid;grid-template-columns:1.25fr 1fr .85fr auto;gap:.75rem;align-items:end}.trust-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.trust-row span{background:#fff;border:1px solid var(--line);box-shadow:0 1px 1px rgba(15,23,42,.03);padding:.45rem .75rem;border-radius:999px;font-size:.83rem;color:#475569;font-weight:600}body.dark .search-card,body.dark .trust-row span{background:#1e293b;border-color:#334155;color:#e2e8f0}
.hero-panel{min-height:24rem;position:relative}.hero-panel:before{content:'';position:absolute;inset:1.25rem 1rem auto auto;width:18rem;height:18rem;border-radius:2rem;background:linear-gradient(135deg,#2563eb,#7c3aed);transform:rotate(8deg);opacity:.10}.dashboard-preview{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:1.55rem;padding:1.25rem;box-shadow:var(--shadow-hover);min-height:23.5rem;overflow:hidden}.preview-top{display:flex;gap:.45rem;margin-bottom:1rem}.preview-top span{width:.68rem;height:.68rem;border-radius:99px;background:#cbd5e1}.mini-service{display:grid;gap:.18rem;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:.95rem;padding:.85rem .95rem;margin-top:.7rem;transition:.16s}.mini-service:hover{border-color:#bfdbfe;transform:translateX(-2px)}.mini-service span{font-size:.88rem;font-weight:700;color:var(--text)}.mini-service strong{color:var(--primary);font-size:1rem}

.section-block{padding:2.8rem 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head p{margin:0;color:var(--muted)}.link-more{color:var(--primary);font-weight:800;font-size:.9rem}.cards-grid{display:grid;gap:1rem}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shops-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shops-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.services-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-card,.shop-card,.panel,.auth-card,.detail-main,.detail-side{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow);overflow:hidden}.service-card,.shop-card{padding:1.1rem;display:flex;flex-direction:column;gap:.65rem;transition:.18s}.service-card:hover,.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#bfdbfe}.service-card p,.shop-card p{color:var(--muted);margin:0;font-size:.88rem}.service-icon{width:3rem;height:3rem;border-radius:.9rem;background:#eff6ff;border:1px solid #dbeafe;color:var(--primary);display:grid;place-items:center;font-size:1.1rem;font-weight:800}.category{font-size:.77rem;font-weight:800;color:var(--primary)!important}.badge{display:inline-flex;align-self:flex-start;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.badge.hot{position:absolute;top:.85rem;left:.85rem;background:#fff7ed;color:#c2410c;border-color:#fed7aa}.price-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.9rem;padding:.75rem;display:grid;gap:.15rem}.price-box span{font-size:.75rem;color:var(--muted);font-weight:700}.price-box strong{color:var(--text);font-size:.9rem}.meta-row{display:grid;gap:.25rem;color:#64748b;font-size:.8rem}.tag-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:auto}.tag-row span{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:999px;padding:.25rem .55rem;font-size:.73rem;font-weight:600}.tag-row.large span{font-size:.84rem;padding:.42rem .72rem}.shop-header{display:flex;align-items:center;gap:.75rem}.avatar{width:2.65rem;height:2.65rem;border-radius:.85rem;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;color:#1d4ed8;font-weight:800}.rating,.rating-mini{display:inline-flex;align-items:center;gap:.35rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:.28rem .62rem;font-size:.8rem;font-weight:800}.rating span{color:#a16207;font-weight:600}.shop-info{display:grid;gap:.35rem;color:#64748b;font-size:.81rem}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #cbd5e1;border-radius:1rem;padding:2rem;color:var(--muted);background:var(--surface)}body.dark .service-icon{background:rgba(37,99,235,.18);border-color:#1e40af;color:#93c5fd}body.dark .badge,body.dark .tag-row span,body.dark .price-box{background:#263548;border-color:#334155;color:#cbd5e1}body.dark .badge.hot{background:rgba(249,115,22,.12);border-color:rgba(251,146,60,.35);color:#fdba74}body.dark .rating,body.dark .rating-mini{background:rgba(217,119,6,.14);border-color:rgba(253,230,138,.25);color:#fde68a}body.dark .avatar{background:#1e3a8a;color:#bfdbfe}

.page-hero{padding:2.2rem 0 1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.page-hero.small h1{font-size:clamp(1.6rem,3vw,2.4rem)}.page-hero.center{justify-content:center;text-align:center;min-height:48vh;align-items:center}.inline-filter{display:flex;gap:.65rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:.65rem;box-shadow:var(--shadow)}.detail-layout{padding:2rem 0 3rem;display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.4rem;align-items:start}.detail-main,.detail-side{padding:1.4rem}.detail-main h1{font-size:clamp(1.65rem,3vw,2.65rem)}.back-link{display:inline-flex;margin-bottom:1rem;color:var(--primary);font-weight:800;font-size:.88rem}.detail-price{border:1px solid #bfdbfe;background:#eff6ff;border-radius:1rem;padding:1rem;margin:1.2rem 0;display:grid;gap:.2rem}.detail-price span,.info-grid span{color:var(--muted);font-size:.8rem;font-weight:700}.detail-price strong{color:#1d4ed8;font-size:1.25rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}.info-grid>div{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:.9rem;padding:.8rem;display:grid;gap:.2rem}.info-grid strong{color:var(--text);font-size:.94rem}.check-list{display:grid;gap:.55rem;padding:0;margin:1rem 0;list-style:none}.check-list li{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:.85rem;padding:.65rem .8rem;color:#334155;font-size:.88rem}.check-list li:before{content:'✓';color:#16a34a;font-weight:800;margin-left:.45rem}.detail-side{position:sticky;top:5rem}.side-shop{display:grid;gap:.2rem;border:1px solid var(--line-soft);background:var(--surface-2);border-radius:.9rem;padding:.8rem;margin-top:.7rem;transition:.16s}.side-shop:hover{border-color:#bfdbfe;background:#fff}.side-shop strong{font-size:.9rem}.side-shop span,.side-shop small{color:var(--muted);font-size:.78rem}.contact-card{background:#f8fafc;border:1px solid var(--line-soft);border-radius:.95rem;padding:.9rem;margin:1rem 0}.contact-card p{margin:.25rem 0;color:#334155;font-size:.9rem}body.dark .detail-price{background:rgba(37,99,235,.16);border-color:#1d4ed8}body.dark .detail-price strong{color:#bfdbfe}body.dark .check-list li,body.dark .contact-card{background:#263548;border-color:#334155;color:#e2e8f0}body.dark .contact-card p{color:#cbd5e1}body.dark .side-shop:hover{background:#334155}

.auth-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:2.2rem 0}.auth-card{width:min(100%,27rem);padding:1.45rem}.auth-card h1{font-size:1.8rem}.auth-card p{font-size:.9rem}.auth-card label{margin-top:.8rem}.auth-card .btn{margin-top:1rem}

.site-footer{margin-top:2rem;border-top:1px solid var(--line);background:#fff}.footer-grid{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-grid p{margin:.25rem 0 0;font-size:.85rem}.footer-links{display:flex;align-items:center;gap:.55rem}.footer-links a{color:var(--muted);font-size:.86rem;font-weight:600}.footer-links a:hover{color:var(--primary)}body.dark .site-footer{background:#0f172a}

/* Admin - closer to the provided React/Tailwind reference */
body.admin-body{background:#f8fafc;color:#0f172a;overflow:hidden}body.admin-body.dark{background:#0f172a;color:#f8fafc}
.admin-shell{width:100%;min-height:100vh;height:100vh;display:grid;grid-template-columns:16rem minmax(0,1fr);padding:0;margin:0;overflow:hidden;background:#f8fafc;color:#0f172a}.admin-sidebar{border-radius:0;border:0;border-left:1px solid #e2e8f0;box-shadow:none;background:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-title{height:4rem;padding:0 1rem;border-bottom:1px solid #e2e8f0;justify-content:space-between}.admin-title strong{display:block;font-size:.9rem;color:#0f172a}.admin-title small{display:block;color:#64748b;font-size:.72rem;margin-top:.05rem}.admin-collapse{border:0;background:transparent;color:#64748b;width:2.15rem;height:2.15rem;border-radius:.65rem;cursor:pointer}.admin-collapse:hover{background:#f1f5f9;color:#0f172a}.admin-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:1rem .6rem;overflow-y:auto}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.66rem .82rem;border-radius:.8rem;color:#64748b;font-weight:600;font-size:.88rem;transition:.16s;border:1px solid transparent}.admin-nav-link span{width:1.15rem;text-align:center;font-size:1rem;color:#64748b}.admin-nav-link:hover{background:#f1f5f9;color:#0f172a}.admin-nav-link.active{background:#eff6ff;color:#1d4ed8;font-weight:800}.admin-nav-link.active span{color:#2563eb}.admin-sidebar-footer{border-top:1px solid #e2e8f0;padding:.85rem 1rem;color:#64748b;font-size:.78rem;display:flex;align-items:center;gap:.5rem}.status-dot{width:.48rem;height:.48rem;border-radius:99px;background:#22c55e;box-shadow:0 0 0 .22rem rgba(34,197,94,.14)}.admin-sidebar form{padding:.75rem}.admin-content{min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.admin-topbar{height:auto;min-height:4rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;flex-shrink:0}.admin-topbar h1{font-size:1.18rem;line-height:1.4;margin:.12rem 0 0;color:#0f172a;letter-spacing:-.025em}.admin-topbar p{margin:.15rem 0 0;font-size:.83rem;color:#64748b}.admin-topbar .eyebrow{display:none}.admin-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-main-scroll{flex:1;overflow-y:auto;padding:1.35rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.3rem}.stat-card{background:#fff;border:1px solid #eef2f7;border-radius:1rem;box-shadow:var(--shadow);padding:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon num' 'icon label' 'icon sub';align-items:center;column-gap:.9rem;min-height:6.2rem}.stat-icon{grid-area:icon;width:3rem;height:3rem;border-radius:.9rem;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:1.15rem}.stat-card:nth-child(2) .stat-icon{background:#7c3aed}.stat-card:nth-child(3) .stat-icon{background:#f97316}.stat-card:nth-child(4) .stat-icon{background:#16a34a}.stat-card>span:not(.stat-icon){grid-area:label;color:#64748b;font-size:.82rem;font-weight:600}.stat-card strong{grid-area:num;color:#0f172a;font-size:1.65rem;line-height:1.15;font-weight:800;letter-spacing:-.03em}.stat-card small{grid-area:sub;color:#94a3b8;font-size:.72rem}.admin-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.panel{background:#fff;border:1px solid #eef2f7;border-radius:1rem;box-shadow:var(--shadow);padding:1.1rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-head h2{font-size:1rem;margin:0;color:#0f172a}.panel-head p{font-size:.8rem;margin:.1rem 0 0;color:#64748b}.panel-head a{color:#2563eb;font-weight:800;font-size:.83rem}.table-wrap{overflow-x:auto;padding:0;border-radius:1rem;border:1px solid #e2e8f0;background:#fff}.panel.table-wrap{padding:0}table{width:100%;border-collapse:collapse;min-width:42rem;font-size:.86rem}thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}thead th{padding:.8rem 1rem;text-align:right;font-weight:800;color:#475569;white-space:nowrap}tbody tr{border-bottom:1px solid #f1f5f9;transition:.14s}tbody tr:hover{background:#f8fafc}tbody tr:last-child{border-bottom:0}tbody td{padding:.82rem 1rem;color:#475569;vertical-align:middle}tbody td strong{color:#0f172a;font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:.3rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:999px;padding:.24rem .55rem;font-size:.72rem;font-weight:800}.status-pill.is-hot{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.rating-mini{background:#fffbeb;color:#92400e;border-color:#fde68a}.actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.actions form{margin:0}.admin-form{display:grid;gap:1rem}.admin-form.panel{padding:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.check-panel{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem}.check-panel legend{font-weight:800;color:#334155;padding:0 .5rem}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.check-item,.switch-row{display:flex;align-items:center;gap:.55rem;border:1px solid #e2e8f0;border-radius:.8rem;padding:.65rem .75rem;background:#f8fafc}.check-item input,.switch-row input{width:auto;min-height:auto}.switch-row{justify-content:flex-start}.admin-menu-button{display:none;border:0;background:#eff6ff;color:#1d4ed8;border-radius:.7rem;padding:.45rem .65rem;font-weight:800}
body.admin-body.dark .admin-shell,body.admin-body.dark .admin-content{background:#0f172a;color:#f8fafc}body.admin-body.dark .admin-sidebar,body.admin-body.dark .admin-topbar,body.admin-body.dark .panel,body.admin-body.dark .stat-card,body.admin-body.dark .table-wrap{background:#1e293b;border-color:#334155}body.admin-body.dark .admin-title,body.admin-body.dark .admin-sidebar-footer,body.admin-body.dark .admin-topbar,body.admin-body.dark thead tr,body.admin-body.dark tbody tr{border-color:#334155}body.admin-body.dark .admin-title strong,body.admin-body.dark .admin-topbar h1,body.admin-body.dark .stat-card strong,body.admin-body.dark tbody td strong,body.admin-body.dark .panel-head h2{color:#f8fafc}body.admin-body.dark .admin-title small,body.admin-body.dark .admin-nav-link,body.admin-body.dark .admin-sidebar-footer,body.admin-body.dark .admin-topbar p,body.admin-body.dark tbody td,body.admin-body.dark thead th,body.admin-body.dark .stat-card>span:not(.stat-icon),body.admin-body.dark .panel-head p{color:#cbd5e1}body.admin-body.dark .admin-nav-link:hover{background:#334155;color:#fff}body.admin-body.dark .admin-nav-link.active{background:rgba(37,99,235,.22);color:#93c5fd}body.admin-body.dark thead tr,body.admin-body.dark tbody tr:hover,body.admin-body.dark .check-item,body.admin-body.dark .switch-row{background:#263548}body.admin-body.dark .check-panel,body.admin-body.dark .check-item,body.admin-body.dark .switch-row{border-color:#334155}body.admin-body.dark .status-pill{background:#263548;border-color:#334155;color:#cbd5e1}body.admin-body.dark .status-pill.is-hot{background:rgba(37,99,235,.18);border-color:#1d4ed8;color:#bfdbfe}

body.admin-compact .admin-shell{grid-template-columns:4rem minmax(0,1fr)}body.admin-compact .admin-title .admin-brand-text,body.admin-compact .admin-nav-link em,body.admin-compact .admin-sidebar-footer,body.admin-compact .admin-sidebar form .logout-text{display:none}body.admin-compact .admin-title{justify-content:center;padding:0 .5rem}body.admin-compact .admin-title .brand-icon{display:none}body.admin-compact .admin-collapse{margin:0 auto}body.admin-compact .admin-nav-link{justify-content:center;padding:.72rem}body.admin-compact .admin-nav-link span{width:auto}body.admin-compact .admin-sidebar form{padding:.55rem}body.admin-compact .admin-sidebar form .btn{padding:.55rem;min-width:0}

@media (max-width:1080px){.hero-grid,.detail-layout{grid-template-columns:1fr}.hero-panel{min-height:auto}.detail-side{position:static}.services-grid,.shops-grid,.shops-grid.wide,.services-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.search-card{grid-template-columns:1fr 1fr}.stats-grid,.admin-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:14rem minmax(0,1fr)}}
@media (max-width:760px){html{font-size:14px}.container{width:min(100% - 24px,var(--container))}.nav-wrap{min-height:60px;flex-wrap:wrap;padding:.7rem 0}.mobile-menu-btn{display:inline-flex}.site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:.45rem}.site-nav.open{display:flex}.site-nav a{background:#f8fafc}.hero{padding:2rem 0}.search-card,.services-grid,.shops-grid,.shops-grid.wide,.services-grid.compact,.form-grid,.form-grid.three,.info-grid,.check-grid{grid-template-columns:1fr}.section-head,.page-hero,.footer-grid{align-items:flex-start;flex-direction:column}.inline-filter{width:100%;display:grid}.footer-grid{padding:1rem 0}.footer-links{flex-wrap:wrap}.detail-layout{padding-top:1.2rem}.detail-main,.detail-side,.service-card,.shop-card,.panel,.auth-card{border-radius:1rem}.dashboard-preview{min-height:auto;border-radius:1.2rem}.service-card,.shop-card{padding:1rem}.admin-shell{display:block;height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:17rem;z-index:80;transform:translateX(-105%);transition:.22s;box-shadow:-18px 0 40px rgba(15,23,42,.16)}html[dir='rtl'] .admin-sidebar{left:auto;right:0;transform:translateX(105%)}.admin-sidebar.open{transform:translateX(0)!important}.admin-content{height:100vh}.admin-topbar{padding:.85rem 1rem;align-items:flex-start;flex-direction:column}.admin-menu-button{display:inline-flex}.admin-actions{width:100%}.admin-actions .btn,.admin-actions form{width:100%}.admin-main-scroll{padding:1rem}.stats-grid,.admin-panels{grid-template-columns:1fr}.stat-card{min-height:5.7rem}.stat-card strong{font-size:1.45rem}table{min-width:46rem}.actions{min-width:9rem}body.admin-compact .admin-shell{display:block}body.admin-compact .admin-sidebar{width:17rem}body.admin-compact .admin-title .admin-brand-text,body.admin-compact .admin-nav-link em,body.admin-compact .admin-sidebar-footer,body.admin-compact .admin-sidebar form .logout-text{display:inline}body.admin-compact .admin-title .brand-icon{display:grid}}
.admin-flash-stack{position:absolute;top:.9rem;left:1.2rem;right:auto;width:min(32rem,calc(100% - 2.4rem));z-index:90;margin:0}.admin-flash-stack .flash{box-shadow:0 12px 32px rgba(15,23,42,.12)}
@media (max-width:760px){.admin-flash-stack{left:1rem;right:1rem;width:auto;top:.75rem}}


/* --- Homepage slider + animated marketplace illustration --- */
.hero-showcase{display:grid;gap:1rem;align-content:start}
.hero-slider{position:relative;overflow:hidden;min-height:22rem;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);border:1px solid #e2e8f0;border-radius:1.25rem;box-shadow:var(--shadow);padding:1.1rem 1.1rem 3.2rem}
.hero-slider:before{content:'';position:absolute;inset:-40% auto auto -10%;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);pointer-events:none}
.slider-slide{position:absolute;inset:1rem 1rem 3.2rem;display:flex;flex-direction:column;gap:.9rem;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease,visibility .45s ease}
.slider-slide.active{opacity:1;visibility:visible;transform:translateY(0)}
.slide-topline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.slider-chip{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .72rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:.72rem;font-weight:800}
.slider-chip.muted{background:#f8fafc;color:#64748b;border-color:#e2e8f0}
.hero-slider h3{font-size:1.15rem;margin:0;color:#0f172a}
.hero-slider p{margin:0;color:#64748b;font-size:.9rem;max-width:34rem}
.slide-list{display:grid;gap:.65rem}
.slide-item,.shop-highlight-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#fff;border:1px solid #eef2f7;border-radius:1rem;padding:.8rem .9rem;box-shadow:0 8px 18px rgba(15,23,42,.05);transition:.18s}
.slide-item:hover,.shop-highlight-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(15,23,42,.08)}
.slide-item strong,.shop-highlight-card strong{display:block;color:#0f172a;font-size:.92rem}
.slide-item span,.shop-highlight-card span{display:block;color:#64748b;font-size:.78rem}
.slide-item b{white-space:nowrap;color:#2563eb;font-size:.88rem}
.slide-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:auto}
.slide-note{color:#64748b;font-size:.8rem;font-weight:600}
.slider-dots{position:absolute;right:1rem;bottom:.95rem;display:flex;gap:.45rem;z-index:5}
.slider-dots button{width:.72rem;height:.72rem;border-radius:999px;border:0;background:#cbd5e1;cursor:pointer;transition:.18s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.slider-dots button.active{width:1.8rem;background:#2563eb}
.slider-progress{position:absolute;left:1rem;right:1rem;bottom:0;height:4px;background:#eff6ff;border-radius:999px;overflow:hidden}
.slider-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:999px}
.slider-progress.animate span{animation:sliderProgress var(--slider-delay, 3000ms) linear forwards}
@keyframes sliderProgress{from{width:0}to{width:100%}}
.shop-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.shop-mini-top{display:flex;align-items:center;gap:.65rem}
.shop-mini-avatar{width:2.5rem;height:2.5rem;border-radius:.8rem;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-weight:800}
.shop-mini-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:#64748b;font-size:.78rem;margin-top:.5rem}
.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.15rem}
.mini-stats div{background:#fff;border:1px solid #eef2f7;border-radius:1rem;padding:.9rem;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.mini-stats strong{display:block;color:#2563eb;font-size:1.35rem;line-height:1.1;margin-bottom:.2rem}
.mini-stats span{display:block;color:#64748b;font-size:.78rem}
.market-illustration-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef6ff 0%,#ffffff 100%);border:1px solid #dbeafe;border-radius:1.25rem;box-shadow:var(--shadow);padding:1rem 1rem 1.15rem}
.market-illustration-card:before{content:'';position:absolute;left:-4rem;top:-4rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%)}
.illustration-copy{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}
.illustration-copy h3{margin:0;font-size:1.05rem}
.illustration-copy p{margin:.25rem 0 0;font-size:.86rem;max-width:36rem}
.market-illustration{position:relative;min-height:20rem}
.market-svg{width:100%;height:auto;display:block}
.floating-chip{position:absolute;padding:.42rem .78rem;border-radius:999px;background:#fff;color:#0f172a;border:1px solid #dbeafe;box-shadow:0 10px 24px rgba(15,23,42,.08);font-size:.74rem;font-weight:800;animation:chipFloat 3.8s ease-in-out infinite}
.chip-a{top:.4rem;left:1rem}
.chip-b{top:5.1rem;right:.8rem;animation-delay:.8s}
.chip-c{left:2.3rem;bottom:1rem;animation-delay:1.4s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.svg-phone-float,.svg-car-float{transform-box:fill-box;transform-origin:center;animation:floatY 4.2s ease-in-out infinite}
.svg-car-float{animation-delay:.65s}
.svg-mechanic-bob{transform-box:fill-box;transform-origin:center bottom;animation:bobPerson 3.4s ease-in-out infinite}
.svg-badge-pulse{transform-box:fill-box;transform-origin:center;animation:pulseBadge 2.6s ease-in-out infinite}
.svg-gear-spin{transform-origin:center;animation:rotateGear 5s linear infinite}
.svg-pin-bounce{transform-box:fill-box;transform-origin:center bottom;animation:bouncePin 2.3s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bobPerson{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-1.2deg)}}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes rotateGear{from{transform:translate(456px,38px) rotate(0deg)}to{transform:translate(456px,38px) rotate(360deg)}}
@keyframes bouncePin{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media (max-width:1080px){.hero-showcase{grid-template-columns:1fr}.market-illustration{min-height:18rem}}
@media (max-width:760px){.hero-slider{min-height:25rem;padding:.9rem .9rem 3.1rem}.slider-slide{inset:.9rem .9rem 3.1rem}.shop-highlight-grid,.mini-stats{grid-template-columns:1fr}.slide-footer{align-items:flex-start;flex-direction:column}.slider-dots{right:.9rem}.market-illustration-card{padding:.9rem}.market-illustration{min-height:16rem}.floating-chip{font-size:.68rem;padding:.35rem .64rem}.chip-a{left:.5rem}.chip-c{left:1rem;bottom:.5rem}}


/* --- Polished professional homepage v3 --- */
.home-hero{
  padding:2rem 0 1.1rem;
  background:
    radial-gradient(circle at 12% 15%,rgba(37,99,235,.10),transparent 34%),
    radial-gradient(circle at 82% 0,rgba(124,58,237,.08),transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
  border-bottom:1px solid #eef2f7;
}
.hero-shell{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(25rem,1.08fr);
  gap:1.35rem;
  align-items:stretch;
}
.hero-content{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #e8eef7;
  border-radius:1.45rem;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  padding:2rem;
  min-height:30rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-content:before{
  content:'';
  position:absolute;
  width:16rem;
  height:16rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);
  left:-5rem;
  top:-5rem;
}
.hero-content>*{position:relative;z-index:1}
.hero-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.clean-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#64748b;
  border-radius:999px;
  padding:.3rem .7rem;
  font-size:.76rem;
  font-weight:800;
}
.hero-content h1{max-width:42rem;margin:.95rem 0 .8rem}
.hero-lead{font-size:1.02rem;max-width:39rem;margin-bottom:1.35rem;color:#64748b}
.hero-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1.45rem}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
}
.hero-metrics div{
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:1rem;
  padding:.85rem;
}
.hero-metrics strong{
  display:block;
  color:#0f172a;
  font-size:1.45rem;
  line-height:1.1;
  font-weight:900;
}
.hero-metrics span{
  display:block;
  color:#64748b;
  font-size:.76rem;
  margin-top:.28rem;
}
.hero-visual{display:grid;grid-template-rows:auto 1fr;gap:1rem}
.premium-slider{
  position:relative;
  overflow:hidden;
  min-height:20.4rem;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
  border:1px solid #e2e8f0;
  border-radius:1.45rem;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  padding:1.15rem 1.15rem 3rem;
}
.premium-slider:before{
  content:'';
  position:absolute;
  inset:auto -5rem -6rem auto;
  width:15rem;
  height:15rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);
  pointer-events:none;
}
.premium-slider .slider-slide{inset:1.15rem 1.15rem 3rem}
.market-visual-card{
  overflow:hidden;
  display:grid;
  grid-template-columns:.92fr 1.3fr;
  align-items:center;
  gap:.5rem;
  min-height:12.8rem;
  background:linear-gradient(135deg,#eef6ff 0%,#fff 100%);
  border:1px solid #dbeafe;
  border-radius:1.45rem;
  box-shadow:0 18px 50px rgba(15,23,42,.07);
  padding:1rem;
}
.visual-copy{display:grid;gap:.25rem;align-content:center}
.visual-copy strong{color:#0f172a;font-size:1rem}
.visual-copy span{color:#64748b;font-size:.82rem}
.market-illustration.compact{min-height:11rem}
.market-illustration.compact .market-svg{max-height:13rem}
.market-illustration.compact .chip-a{top:.15rem;left:.2rem}
.market-illustration.compact .chip-b{top:auto;right:.3rem;bottom:.25rem}
.smart-search{
  margin-top:1.05rem;
  display:grid;
  grid-template-columns:1.05fr 1.1fr .8fr .7fr auto;
  gap:.75rem;
  align-items:end;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:1.25rem;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  padding:.9rem;
}
.search-title{display:grid;gap:.15rem;align-self:center}
.search-title strong{color:#0f172a;font-size:.95rem}
.search-title span{color:#64748b;font-size:.78rem}
.smart-search label{gap:.32rem}
.smart-search label span{font-size:.76rem;color:#475569}
.smart-search input,.smart-search select{background:#f8fafc}
.process-strip{
  margin-top:1.15rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.process-strip article{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:1.2rem;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  padding:1rem;
}
.process-strip article:before{
  content:'';
  position:absolute;
  inset:0;
  border-top:3px solid #2563eb;
  opacity:.95;
}
.process-strip span{
  display:inline-flex;
  width:2.2rem;
  height:2.2rem;
  align-items:center;
  justify-content:center;
  border-radius:.8rem;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
  font-size:.78rem;
  margin-bottom:.65rem;
}
.process-strip strong{display:block;color:#0f172a;font-size:.95rem}
.process-strip p{margin:.25rem 0 0;font-size:.82rem}
.clean-section-head p{margin:.25rem 0 0;color:#64748b;font-size:.9rem;max-width:42rem}
.polished-services-grid{gap:1rem}
.polished-service-card,.polished-shop-card{
  border-color:#e8eef7;
  box-shadow:0 10px 30px rgba(15,23,42,.055);
}
.polished-service-card:hover,.polished-shop-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}
.polished-service-card .price-box{
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  border-color:#dbeafe;
}
.polished-service-card .service-icon{
  box-shadow:0 10px 18px rgba(37,99,235,.18);
}
.polished-shops-grid{gap:1rem}

body.dark .home-hero{
  background:linear-gradient(180deg,#0f172a 0%,#111827 100%);
  border-bottom-color:#334155;
}
body.dark .hero-content,
body.dark .premium-slider,
body.dark .market-visual-card,
body.dark .smart-search,
body.dark .process-strip article{
  background:#1e293b;
  border-color:#334155;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
body.dark .clean-badge,
body.dark .hero-metrics div,
body.dark .smart-search input,
body.dark .smart-search select{
  background:#263548;
  border-color:#334155;
  color:#cbd5e1;
}
body.dark .hero-metrics strong,
body.dark .search-title strong,
body.dark .visual-copy strong,
body.dark .process-strip strong{color:#f8fafc}
body.dark .hero-lead,
body.dark .hero-metrics span,
body.dark .search-title span,
body.dark .visual-copy span,
body.dark .process-strip p,
body.dark .clean-section-head p{color:#cbd5e1}

@media (max-width:1080px){
  .hero-shell{grid-template-columns:1fr}
  .hero-content{min-height:auto}
  .hero-visual{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .smart-search{grid-template-columns:1fr 1fr}
  .search-title{grid-column:1/-1}
}
@media (max-width:760px){
  .home-hero{padding:1.15rem 0 .8rem}
  .hero-content{padding:1.2rem;border-radius:1.2rem}
  .hero-content h1{font-size:2rem}
  .hero-actions .btn{width:100%}
  .hero-metrics{grid-template-columns:1fr}
  .hero-visual{grid-template-columns:1fr}
  .premium-slider{min-height:24rem;border-radius:1.2rem}
  .market-visual-card{grid-template-columns:1fr;border-radius:1.2rem}
  .smart-search{grid-template-columns:1fr;border-radius:1.1rem}
  .process-strip{grid-template-columns:1fr}
}


/* ==========================================================================
   RepairCar poster-style homepage: close to the supplied blue/white image
   ========================================================================== */
.poster-home{
  background:
    radial-gradient(circle at 10% 8%,rgba(37,99,235,.12),transparent 26%),
    radial-gradient(circle at 90% 5%,rgba(37,99,235,.10),transparent 24%),
    linear-gradient(180deg,#f7fbff 0%,#ffffff 58%,#f8fbff 100%);
  padding:1.35rem 0 2rem;
}
.poster-board{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dbeafe;
  border-radius:2rem;
  box-shadow:0 26px 70px rgba(37,99,235,.12),0 10px 26px rgba(15,23,42,.06);
  padding:1.15rem 1.25rem 1.35rem;
}
.poster-board:before,
.poster-board:after{
  content:'';
  position:absolute;
  pointer-events:none;
  border-radius:999px;
  background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);
}
.poster-board:before{width:24rem;height:24rem;right:-12rem;top:-12rem}
.poster-board:after{width:28rem;height:28rem;left:-13rem;top:4rem}
.poster-board>*{position:relative;z-index:1}

.poster-hero{
  min-height:19rem;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:1rem;
  align-items:stretch;
  padding:.5rem .6rem 0;
}
.poster-brand{
  display:grid;
  align-content:center;
  justify-items:start;
  min-height:18rem;
  padding-right:.6rem;
}
.poster-logo-mark{
  position:relative;
  width:8.8rem;
  height:5.3rem;
  margin:0 auto .15rem 0;
}
.poster-logo-mark span{
  position:absolute;
  left:1rem;
  top:.2rem;
  display:grid;
  place-items:center;
  font-size:5.1rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.12em;
  color:#0b5cff;
  filter:drop-shadow(0 12px 20px rgba(37,99,235,.18));
}
.poster-logo-mark span:after{
  content:'🔧';
  position:absolute;
  left:2.35rem;
  top:1.15rem;
  font-size:1.9rem;
  color:white;
  transform:rotate(-38deg);
}
.poster-logo-mark i{
  position:absolute;
  right:.45rem;
  height:.5rem;
  border-radius:999px;
  background:linear-gradient(90deg,#60a5fa,#0b5cff);
}
.poster-logo-mark i:nth-child(2){top:1.1rem;width:4.2rem}
.poster-logo-mark i:nth-child(3){top:2.05rem;width:5.9rem}
.poster-logo-mark i:nth-child(4){top:3rem;width:3.55rem}
.poster-brand h1{
  margin:0;
  font-size:clamp(3.2rem,7vw,5.9rem);
  line-height:.96;
  font-weight:950;
  letter-spacing:-.08em;
  color:#06133d;
}
.poster-brand h1 span{
  color:#0b5cff;
}
.poster-brand p{
  margin:.55rem 0 0;
  color:#0f1b47;
  font-size:clamp(1.15rem,2.3vw,1.85rem);
  font-weight:900;
  letter-spacing:-.035em;
}
.poster-brand p:before,
.poster-brand p:after{
  content:'';
  display:inline-block;
  width:4.2rem;
  height:2px;
  background:#2f73ff;
  vertical-align:middle;
  margin:0 .9rem;
  border-radius:99px;
}
.poster-scene{
  position:relative;
  min-height:20rem;
  overflow:hidden;
}
.poster-city{
  position:absolute;
  inset:auto 0 1rem;
  height:7rem;
  opacity:.27;
  background:
    linear-gradient(to top,rgba(96,165,250,.35),transparent),
    linear-gradient(90deg,transparent 0 5%,#94a3b8 5% 6%,transparent 6% 14%,#94a3b8 14% 15%,transparent 15% 25%,#94a3b8 25% 26%,transparent 26% 38%,#94a3b8 38% 39%,transparent 39% 50%,#94a3b8 50% 51%,transparent 51% 67%,#94a3b8 67% 68%,transparent 68% 80%,#94a3b8 80% 81%,transparent 81%);
}
.poster-city:before{
  content:'';
  position:absolute;
  width:.45rem;
  height:5.6rem;
  right:42%;
  bottom:0;
  background:#94a3b8;
  border-radius:99px 99px 0 0;
  box-shadow:0 -3.2rem 0 -.1rem #94a3b8;
}
.poster-car{
  position:absolute;
  right:2.3rem;
  bottom:1.25rem;
  width:18.5rem;
  height:8rem;
  filter:drop-shadow(0 18px 20px rgba(15,23,42,.18));
  animation:posterFloat 4.5s ease-in-out infinite;
}
.car-body{
  position:absolute;
  inset:2.1rem 0 1.1rem;
  background:linear-gradient(135deg,#0757d9,#0f74ff 46%,#033b91);
  border-radius:2.3rem 3.2rem 1.2rem 1.2rem;
}
.car-body:before{
  content:'';
  position:absolute;
  right:3.7rem;
  top:-2.05rem;
  width:8.1rem;
  height:3rem;
  background:linear-gradient(135deg,#60a5fa,#0f74ff);
  border-radius:3rem 3rem .7rem .7rem;
  transform:skewX(-20deg);
}
.car-window{
  position:absolute;
  right:5rem;
  top:-1.55rem;
  width:5.9rem;
  height:2rem;
  background:linear-gradient(135deg,#dbeafe,#eff6ff);
  border-radius:1.5rem .65rem .55rem .6rem;
  transform:skewX(-20deg);
}
.car-light{
  position:absolute;
  left:1.2rem;
  top:1rem;
  width:1.65rem;
  height:.55rem;
  border-radius:999px;
  background:#fef3c7;
  box-shadow:0 0 16px rgba(253,230,138,.8);
}
.car-grill{
  position:absolute;
  right:1.3rem;
  top:1.25rem;
  width:3.4rem;
  height:.65rem;
  border-radius:999px;
  background:#0f172a;
}
.car-plate{
  position:absolute;
  right:5.9rem;
  bottom:.35rem;
  background:#fff;
  color:#1d4ed8;
  font-size:.58rem;
  font-weight:900;
  padding:.1rem .45rem;
  border-radius:.25rem;
}
.wheel{
  position:absolute;
  bottom:.2rem;
  width:2.45rem;
  height:2.45rem;
  border:.58rem solid #0f172a;
  background:#cbd5e1;
  border-radius:50%;
}
.wheel-a{right:3rem}
.wheel-b{left:3rem}
.location-pin{
  position:absolute;
  right:-.35rem;
  bottom:5.6rem;
  width:3rem;
  height:3rem;
  border-radius:50% 50% 50% 0;
  background:#0b5cff;
  transform:rotate(-45deg);
  box-shadow:0 12px 22px rgba(37,99,235,.2);
}
.location-pin:after{
  content:'';
  position:absolute;
  inset:.85rem;
  border-radius:50%;
  background:#fff;
}
.phone-mock{
  position:absolute;
  right:18.4rem;
  bottom:.5rem;
  width:15rem;
  height:21rem;
  border:.55rem solid #111827;
  border-radius:2rem;
  background:#fff;
  box-shadow:0 20px 46px rgba(15,23,42,.22);
  padding:.85rem .7rem .55rem;
  animation:posterPhone 5s ease-in-out infinite;
}
.phone-notch{
  position:absolute;
  top:.45rem;
  left:50%;
  width:5rem;
  height:1rem;
  border-radius:999px;
  background:#050816;
  transform:translateX(-50%);
}
.phone-status{
  margin-top:.15rem;
  display:flex;
  justify-content:space-between;
  color:#0f172a;
  font-size:.62rem;
  font-weight:900;
}
.phone-banner{
  margin-top:.75rem;
  min-height:4.2rem;
  border-radius:1rem;
  background:linear-gradient(135deg,#06133d,#0b5cff);
  color:#fff;
  padding:.75rem;
  position:relative;
  overflow:hidden;
}
.phone-banner:after{
  content:'🚙';
  position:absolute;
  left:.8rem;
  bottom:.35rem;
  font-size:2rem;
  opacity:.75;
}
.phone-banner strong,.phone-banner span,.phone-banner small{display:block}
.phone-banner strong{font-size:.8rem}
.phone-banner span{font-size:.7rem;margin-top:.1rem}
.phone-banner small{font-size:.58rem;opacity:.82;margin-top:.22rem}
.phone-search{
  margin-top:.55rem;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#94a3b8;
  padding:.45rem .65rem;
  font-size:.58rem;
  white-space:nowrap;
}
.phone-service-title{
  color:#0f172a;
  font-size:.68rem;
  font-weight:950;
  margin:.65rem 0 .42rem;
}
.phone-icons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.32rem;
}
.phone-icons span{
  min-height:2.55rem;
  display:grid;
  place-items:center;
  color:#0b5cff;
  border:1px solid #eef2f7;
  border-radius:.8rem;
  background:#fff;
  font-size:.85rem;
}
.phone-icons b{
  display:block;
  color:#334155;
  font-size:.42rem;
  font-weight:800;
}
.phone-list{
  display:grid;
  gap:.42rem;
  margin-top:.55rem;
}
.phone-list div{
  border:1px solid #eef2f7;
  border-radius:.75rem;
  padding:.42rem .5rem;
  background:#fff;
}
.phone-list strong{
  display:block;
  color:#0f172a;
  font-size:.58rem;
}
.phone-list span{
  display:block;
  color:#16a34a;
  font-size:.48rem;
  margin-top:.08rem;
}
.phone-nav{
  position:absolute;
  bottom:.35rem;
  right:.65rem;
  left:.65rem;
  display:flex;
  justify-content:space-between;
  color:#64748b;
  font-size:.48rem;
  border-top:1px solid #eef2f7;
  padding-top:.3rem;
}
.phone-nav span:first-child{color:#0b5cff;font-weight:900}
.mechanic{
  position:absolute;
  left:.8rem;
  bottom:.35rem;
  width:12rem;
  height:17rem;
  animation:posterFloat 4.2s ease-in-out infinite .4s;
}
.shield{
  position:absolute;
  left:1.4rem;
  top:.5rem;
  width:5.2rem;
  height:6rem;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:2rem;
  background:linear-gradient(135deg,#60a5fa,#0b5cff);
  clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);
  opacity:.9;
  box-shadow:0 15px 24px rgba(37,99,235,.23);
}
.mechanic .head{
  position:absolute;
  left:4.6rem;
  top:3.3rem;
  width:4rem;
  height:4.3rem;
}
.mechanic .face{
  position:absolute;
  left:.45rem;
  top:1.1rem;
  width:3.15rem;
  height:3.15rem;
  border-radius:50%;
  background:#f3c8a8;
  box-shadow:inset 0 -.4rem 0 rgba(180,83,9,.10);
}
.mechanic .face:before{
  content:'';
  position:absolute;
  left:.8rem;
  top:1rem;
  width:.32rem;
  height:.32rem;
  border-radius:50%;
  background:#111827;
  box-shadow:1.1rem 0 #111827;
}
.mechanic .face:after{
  content:'';
  position:absolute;
  left:1.05rem;
  top:2rem;
  width:1rem;
  height:.35rem;
  border-bottom:.18rem solid #92400e;
  border-radius:0 0 999px 999px;
}
.mechanic .cap{
  position:absolute;
  z-index:2;
  right:.2rem;
  top:.35rem;
  width:3.4rem;
  height:1.6rem;
  display:grid;
  place-items:center;
  background:#06133d;
  color:#fff;
  font-weight:950;
  border-radius:1.5rem 1.5rem .25rem .25rem;
}
.mechanic .body{
  position:absolute;
  left:2.8rem;
  top:7rem;
  width:6rem;
  height:8rem;
  border-radius:2rem 2rem .8rem .8rem;
  background:linear-gradient(135deg,#0b5cff,#063b99);
}
.mechanic .body:before,
.mechanic .body:after{
  content:'';
  position:absolute;
  top:1rem;
  width:1rem;
  height:4.8rem;
  border-radius:999px;
  background:#f3c8a8;
}
.mechanic .body:before{right:-.65rem;transform:rotate(-18deg)}
.mechanic .body:after{left:-.65rem;transform:rotate(18deg)}
.r-badge{
  position:absolute;
  right:1.1rem;
  top:1.05rem;
  color:#fff;
  font-size:1.1rem;
  font-weight:950;
}
.wrench{
  position:absolute;
  left:-.5rem;
  top:1.45rem;
  width:1rem;
  height:6.4rem;
  background:#94a3b8;
  border-radius:999px;
  transform:rotate(-30deg);
  box-shadow:inset 0 0 0 .12rem rgba(15,23,42,.08);
}
.wrench:before{
  content:'';
  position:absolute;
  top:-.8rem;
  left:-.45rem;
  width:1.9rem;
  height:1.9rem;
  border:.45rem solid #94a3b8;
  border-right-color:transparent;
  border-radius:50%;
}

.poster-search{
  width:min(100%,63rem);
  margin:-.2rem auto 1.1rem;
  display:grid;
  grid-template-columns:1.35fr 1fr .8fr auto;
  gap:.7rem;
  align-items:end;
  background:rgba(255,255,255,.92);
  border:1px solid #dbeafe;
  border-radius:1.35rem;
  box-shadow:0 18px 40px rgba(37,99,235,.11);
  padding:.75rem;
  backdrop-filter:blur(12px);
}
.poster-search label span{font-size:.74rem;color:#475569}
.poster-search input,.poster-search select{
  background:#f8fbff;
  border-color:#dbeafe;
}
.poster-feature-tabs{
  width:min(100%,60rem);
  margin:.4rem auto 1.2rem;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  background:#fff;
  border:1px solid #dbeafe;
  border-radius:999px;
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}
.poster-feature-tabs a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  min-height:4.1rem;
  color:#0f1b47;
  font-size:1.05rem;
  font-weight:950;
  border-left:1px solid #dbeafe;
}
.poster-feature-tabs a:last-child{border-left:0}
.poster-feature-tabs span{
  width:2.35rem;
  height:2.35rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#60a5fa,#0b5cff);
  box-shadow:0 8px 18px rgba(37,99,235,.20);
}
.poster-section-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:.9rem;
  margin:1.2rem auto .8rem;
  width:min(100%,40rem);
}
.poster-section-title span{
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#0b5cff,transparent);
}
.poster-section-title h2{
  margin:0;
  color:#0f1b47;
  font-size:1.35rem;
  font-weight:950;
  white-space:nowrap;
}
.poster-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.85rem;
  margin-bottom:1.05rem;
}
.poster-info-card{
  min-height:10.4rem;
  text-align:center;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:1.2rem;
  box-shadow:0 12px 32px rgba(15,23,42,.06);
  padding:1.1rem .9rem;
  display:grid;
  align-content:start;
  justify-items:center;
  transition:.18s ease;
}
.poster-info-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(37,99,235,.13);
  border-color:#bfdbfe;
}
.info-icon{
  min-width:3.8rem;
  height:3.8rem;
  padding:0 .45rem;
  display:grid;
  place-items:center;
  color:#0b5cff;
  border-radius:1rem;
  font-size:2.2rem;
  font-weight:950;
  background:linear-gradient(135deg,#eff6ff,#fff);
  border:1px solid #dbeafe;
  margin-bottom:.75rem;
}
.info-icon.py{background:linear-gradient(135deg,#1d4ed8,#facc15);color:#fff}
.info-icon.json{font-size:1.05rem;background:#0b5cff;color:#fff}
.poster-info-card h3{
  margin:0 0 .42rem;
  color:#0f172a;
  font-size:1rem;
  font-weight:950;
}
.poster-info-card p{
  margin:0;
  color:#64748b;
  font-size:.82rem;
  line-height:1.8;
}
.poster-info-card code{
  font-size:.8rem;
  padding:.08rem .35rem;
}
.poster-services{
  margin-top:1.15rem;
}
.featured-services-strip{
  position:relative;
  min-height:11.5rem;
  overflow:hidden;
  border:1px solid #dbeafe;
  border-radius:1.25rem;
  background:linear-gradient(135deg,#fff,#f8fbff);
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  padding:1rem 1rem 2.5rem;
}
.featured-services-strip .slider-slide{
  position:absolute;
  inset:1rem 1rem 2.65rem;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1rem;
  align-items:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:.45s;
}
.featured-services-strip .slider-slide.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.service-mini-icon{
  width:4.4rem;
  height:4.4rem;
  display:grid;
  place-items:center;
  border-radius:1.15rem;
  background:#0b5cff;
  color:#fff;
  font-size:2rem;
  font-weight:950;
  box-shadow:0 12px 22px rgba(37,99,235,.22);
}
.service-mini-category{
  color:#2563eb;
  font-size:.82rem;
  font-weight:900;
}
.featured-services-strip h3{font-size:1.1rem;margin:.18rem 0;color:#0f172a}
.featured-services-strip p{margin:0 0 .3rem;color:#64748b;font-size:.88rem}
.featured-services-strip strong{color:#0b5cff;font-size:1rem}
.featured-services-strip .slider-dots{
  position:absolute;
  right:1rem;
  bottom:.75rem;
  display:flex;
  gap:.4rem;
}
.featured-services-strip .slider-dots button,
.slider-dots button{
  width:.7rem;
  height:.7rem;
  border:0;
  border-radius:999px;
  background:#cbd5e1;
  cursor:pointer;
  transition:.18s;
}
.featured-services-strip .slider-dots button.active,
.slider-dots button.active{
  width:1.8rem;
  background:#0b5cff;
}
.slider-progress{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:0;
  height:4px;
  background:#eff6ff;
  overflow:hidden;
}
.slider-progress span{display:block;height:100%;width:0;background:#0b5cff}
.slider-progress.animate span{animation:sliderProgress var(--slider-delay,3000ms) linear forwards}
@keyframes sliderProgress{from{width:0}to{width:100%}}

.poster-flow{
  display:grid;
  grid-template-columns:1fr 3rem 1fr 3rem 1fr;
  align-items:center;
  gap:.6rem;
  margin:.9rem 0 1.15rem;
}
.poster-flow article{
  position:relative;
  min-height:5.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  background:#fff;
  border:1px solid #bfdbfe;
  border-radius:1rem;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.poster-flow b{
  position:absolute;
  top:-1rem;
  right:50%;
  transform:translateX(50%);
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0b5cff;
  border-radius:50%;
  font-weight:950;
}
.poster-flow span{font-size:2rem;color:#0b5cff}
.poster-flow strong{color:#0f172a;font-size:1rem}
.poster-flow i{
  height:.5rem;
  background:linear-gradient(90deg,#bfdbfe,#0b5cff);
  clip-path:polygon(0 20%,70% 20%,70% 0,100% 50%,70% 100%,70% 80%,0 80%);
}
.poster-bottom-cta{
  display:grid;
  grid-template-columns:auto 1fr 12rem;
  align-items:center;
  gap:1rem;
  overflow:hidden;
  min-height:7.4rem;
  border-radius:1.3rem;
  background:
    radial-gradient(circle at 92% 20%,rgba(255,255,255,.22),transparent 25%),
    linear-gradient(135deg,#0b5cff,#60a5fa);
  color:#fff;
  padding:1.1rem 1.4rem;
  box-shadow:0 18px 44px rgba(37,99,235,.22);
}
.cta-shield{
  width:4.8rem;
  height:5.5rem;
  display:grid;
  place-items:center;
  clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.3);
  font-size:2.4rem;
  font-weight:950;
}
.poster-bottom-cta h2{
  margin:0;
  color:#fff;
  font-size:1.55rem;
  font-weight:950;
}
.poster-bottom-cta p{
  margin:.2rem 0 0;
  color:rgba(255,255,255,.86);
  font-size:.98rem;
}
.cta-car{
  position:relative;
  height:4rem;
}
.cta-car div{
  position:absolute;
  inset:1.15rem 0 .7rem;
  background:#0640a5;
  border-radius:2rem 2rem .8rem .8rem;
}
.cta-car div:before{
  content:'';
  position:absolute;
  right:2.2rem;
  top:-1.05rem;
  width:4.4rem;
  height:1.7rem;
  background:#dbeafe;
  border-radius:2rem 2rem .3rem .3rem;
  transform:skewX(-20deg);
}
.cta-car span{
  position:absolute;
  bottom:.3rem;
  width:1.5rem;
  height:1.5rem;
  border:.38rem solid #0f172a;
  background:#cbd5e1;
  border-radius:50%;
}
.cta-car span:nth-child(2){right:1.6rem}
.cta-car span:nth-child(3){left:1.6rem}

@keyframes posterFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes posterPhone{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-8px) rotate(1deg)}
}

body.dark .poster-home{background:#0f172a}
body.dark .poster-board,
body.dark .poster-info-card,
body.dark .featured-services-strip,
body.dark .poster-flow article,
body.dark .poster-search,
body.dark .poster-feature-tabs{
  background:#1e293b;
  border-color:#334155;
}
body.dark .poster-board{background:linear-gradient(180deg,#1e293b,#0f172a)}
body.dark .poster-brand h1,
body.dark .poster-section-title h2,
body.dark .poster-info-card h3,
body.dark .poster-flow strong,
body.dark .featured-services-strip h3{color:#f8fafc}
body.dark .poster-brand p,
body.dark .poster-info-card p,
body.dark .featured-services-strip p{color:#cbd5e1}
body.dark .poster-search input,
body.dark .poster-search select{background:#263548;border-color:#334155}
body.dark .poster-feature-tabs a{color:#e2e8f0;border-color:#334155}

@media (max-width:1120px){
  .poster-hero{grid-template-columns:1fr}
  .poster-brand{min-height:auto;justify-items:center;text-align:center;padding:1rem 0 0}
  .poster-logo-mark{margin-inline:auto}
  .poster-scene{min-height:21rem}
  .poster-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-search{grid-template-columns:1fr 1fr}
  .poster-search .btn{grid-column:auto}
}
@media (max-width:760px){
  .poster-home{padding:.7rem 0 1.2rem}
  .poster-board{border-radius:1.25rem;padding:.75rem}
  .poster-brand h1{font-size:3rem}
  .poster-brand p{font-size:1.08rem}
  .poster-brand p:before,.poster-brand p:after{display:none}
  .poster-scene{min-height:24rem}
  .poster-car{right:50%;transform:translateX(50%) scale(.78);bottom:.4rem;animation:none}
  .phone-mock{right:50%;transform:translateX(50%) scale(.76);bottom:4.4rem;animation:none}
  .mechanic{display:none}
  .poster-search{grid-template-columns:1fr;border-radius:1rem}
  .poster-feature-tabs{grid-template-columns:1fr;border-radius:1rem}
  .poster-feature-tabs a{border-left:0;border-bottom:1px solid #dbeafe}
  .poster-feature-tabs a:last-child{border-bottom:0}
  .poster-card-grid{grid-template-columns:1fr}
  .poster-info-card{min-height:auto}
  .featured-services-strip{min-height:18rem}
  .featured-services-strip .slider-slide{
    grid-template-columns:1fr;
    align-content:start;
    text-align:center;
    justify-items:center;
  }
  .poster-flow{grid-template-columns:1fr;gap:1.15rem}
  .poster-flow i{
    width:.55rem;
    height:2.1rem;
    justify-self:center;
    clip-path:polygon(20% 0,80% 0,80% 70%,100% 70%,50% 100%,0 70%,20% 70%);
  }
  .poster-bottom-cta{grid-template-columns:1fr;text-align:center;justify-items:center}
  .cta-car{width:12rem}
}