:root{--brand:#c34e35;--dark:#9d280f;--ink:#252526;--muted:#75716e;--line:#e8e2de;--paper:#faf7f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px Cairo,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{transition:.18s}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9745b;outline-offset:3px}header{height:100px;max-width:1160px;margin:auto;display:flex;align-items:center;gap:28px;padding:12px 28px;border-bottom:1px solid var(--line)}header img{height:68px;object-fit:contain}header small{margin-right:auto;color:var(--muted);border:1px solid var(--line);padding:5px 12px;border-radius:30px;font-size:11px}main{max-width:1104px;margin:0 auto;padding:58px 28px 72px;min-height:72vh}h1{font-size:48px;line-height:1.5;letter-spacing:-1.7px;margin:18px 0}h2{font-size:25px;margin:0 0 12px}h3{margin:0 0 14px}p{color:var(--muted);line-height:1.9}.eyebrow{font-weight:700;color:var(--brand);font-size:13px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.hero p{font-size:17px;max-width:440px}.primary,.secondary,.quiet{border-radius:12px;padding:13px 24px;font-weight:700;border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--brand);border-color:var(--brand);color:white}.primary:hover{background:var(--dark)}.secondary{background:white;color:var(--ink)}.quiet{background:transparent;color:var(--muted);padding:7px 12px}.actions{display:flex;gap:12px;margin:28px 0}.visual{background:#efe4dc;border-radius:130px 130px 24px 24px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual:before,.visual:after{content:'';position:absolute;border:1px solid #dbc6b8;border-radius:50%;width:340px;height:340px;transform:translateY(65px)}.visual:after{width:230px;height:230px}.camera{z-index:1;width:235px;height:128px;border-radius:26px;background:linear-gradient(145deg,#464344,#171717);box-shadow:0 35px 35px #63412a36;display:flex;align-items:center;justify-content:space-around;transform:rotate(-9deg);border:4px solid #555}.lens{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#7997a6 0 7%,#1b3141 9% 20%,#080e12 22% 34%,#3c4148 36% 45%,#121212 48% 60%,#545454 62% 65%,#161616 67%);border:2px solid #777}.camera small{color:#ddd;font:10px Arial;letter-spacing:2px}.visual .tag{margin-top:38px;background:#fff9;border:1px solid white;border-radius:40px;padding:8px 18px;z-index:1;font-size:12px}.info{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;color:var(--muted);font-size:12px}.info b{display:block;font-size:16px;color:var(--ink)}footer{max-width:1104px;margin:auto;border-top:1px solid var(--line);padding:22px 28px;display:flex;gap:20px;font-size:12px;color:var(--muted)}footer a{margin-right:auto;color:inherit}footer span{color:var(--brand)}.back{border:0;background:none;color:var(--muted);padding:0;margin-bottom:20px}.booking{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:26px}.dates{display:flex;overflow:auto;gap:8px;padding:8px 0 18px}.date{min-width:70px;min-height:85px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--muted);font-size:12px}.date strong{display:block;font-size:23px;color:var(--ink)}.date.active,.slot.active{background:var(--brand);border-color:var(--brand);color:white}.date.active strong{color:white}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{background:white;border:1px solid var(--line);padding:12px 4px;border-radius:10px;font-size:14px}.slot small{display:block;font-size:10px;color:var(--muted)}.slot.active small{color:white}.slot:disabled{background:#f5f3f1;color:#aaa;cursor:not-allowed;text-decoration:line-through}.muted{color:var(--muted);font-size:12px}.summary{position:sticky;top:20px}.summary p{font-size:13px}.summary .primary{width:100%}label{display:block;font-size:13px;font-weight:700;margin:16px 0 6px}input,select{width:100%;padding:12px;background:white;border:1px solid #dcd5d0;border-radius:10px;color:var(--ink)}.success{max-width:560px;margin:auto;text-align:center}.check{width:64px;height:64px;border-radius:50%;background:#edf4ed;color:#47774b;display:grid;place-items:center;font-size:30px;margin:0 auto 18px}.receipt{background:var(--paper);padding:20px;border-radius:12px;margin:24px 0;text-align:right}.receipt div{display:flex;justify-content:space-between;margin:10px 0}.receipt b{font-size:14px}.adminhead{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stats b{display:block;font-size:30px}.toolbar{display:flex;gap:10px;align-items:center;margin:25px 0}.toolbar input{max-width:260px}.rows{display:grid;gap:12px}.row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr;align-items:center;gap:12px}.row p{margin:2px 0;font-size:13px}.row .actions{margin:0;flex-wrap:wrap;gap:4px}.badge{font-size:11px;padding:4px 10px;border-radius:30px;background:#f8eee9;color:var(--brand);display:inline-block}.empty{text-align:center;padding:50px;color:var(--muted)}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink)}dialog::backdrop{background:#201b1866}dialog .slots{grid-template-columns:repeat(3,1fr)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#252526;color:white;border-radius:12px;display:none;z-index:10}button:disabled{opacity:.55;cursor:not-allowed}.error{color:#a52c25;font-size:13px}.note{padding:12px 16px;border-radius:12px;background:#f5eee8;color:#746050;font-size:12px;line-height:1.9}@media(max-width:760px){header{height:82px;padding:8px 20px;gap:15px}header img{width:75px;height:60px}header span{font-size:11px}header small{font-size:9px;padding:4px 8px}main{padding:30px 20px 45px}.hero{grid-template-columns:1fr;gap:26px}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}.hero p{font-size:14px}.visual{min-height:245px;border-radius:90px 90px 20px 20px;grid-row:2}.camera{width:190px;height:105px}.lens{width:75px;height:75px}.visual .tag{margin-top:22px}.actions{margin:22px 0}.hero .actions{display:grid;grid-template-columns:1fr}.info{gap:22px;margin-top:24px;padding-top:18px}.info b{font-size:14px}.booking{grid-template-columns:1fr;gap:16px}.card{padding:20px}.summary{position:static}.stats{gap:8px}.stats .card{padding:14px}.stats b{font-size:25px}.stats span{font-size:11px}.row{grid-template-columns:1fr 1fr;gap:10px}.row .actions{grid-column:1/-1}.adminhead{align-items:start;gap:10px}.adminhead h1{font-size:27px}.adminhead .primary{padding:10px 14px;font-size:12px}.toolbar{flex-wrap:wrap}footer{padding:18px 20px;font-size:10px;gap:10px}.slots{gap:8px}.slot{padding:10px 3px}.success h1{font-size:30px}}

.dashcam-product{position:relative;z-index:1;width:125%;max-width:none;flex-shrink:0;height:420px;object-fit:contain;filter:drop-shadow(0 20px 16px #63412a26)}.visual:has(.dashcam-product) .tag{margin-top:0}@media(max-width:760px){.dashcam-product{height:325px;width:125%}}

.branch-details .secondary,.whatsapp-button{width:100%}.branch-phone{font-size:21px;font-weight:700;color:var(--ink);text-decoration:none}.whatsapp-button{background:#247a4b;border-color:#247a4b}.whatsapp-button:hover{background:#1c623c}.success h1{font-size:36px}@media(max-width:760px){.success h1{font-size:29px}}

.booking > *{min-width:0}