
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#07090b;--panel:#0e1216;--panel2:#12181e;--text:#fff;--muted:#9da6ad;--orange:#ff7a00;--orange2:#ff9a2e;--line:rgba(255,255,255,.09);--green:#25D366;--radius:24px;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(1240px,calc(100% - 32px));margin:auto}.section{padding:76px 0}.section-sm{padding:44px 0}.eyebrow{color:var(--orange);font-weight:800;font-size:.9rem;letter-spacing:.03em}.h2{font-size:clamp(2rem,4vw,3.5rem);margin:.3rem 0 .6rem;line-height:1.15}.lead{color:var(--muted);max-width:760px;line-height:2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.25s;background:var(--orange);color:#111}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,122,0,.23)}.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.18)}.btn.dark{background:#141a1f;color:#fff;border-color:var(--line)}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card.pad{padding:24px}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,122,0,.3);background:rgba(255,122,0,.08);color:#ffb15e;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:800}
/* header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,9,11,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-main{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:1rem}.brand small{color:var(--muted);display:block;font-size:.72rem}.header-icons{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#0d1115;color:#fff}.icon-btn:hover{border-color:rgba(255,122,0,.55);color:var(--orange)}.icon-btn svg{width:21px;height:21px}.service-nav{border-top:1px solid rgba(255,255,255,.04);overflow:auto;scrollbar-width:none}.service-nav::-webkit-scrollbar{display:none}.service-nav .wrap{display:flex;gap:8px;padding-block:9px;white-space:nowrap}.service-nav a{color:#c2c8cc;padding:7px 12px;border-radius:999px;font-size:.88rem;font-weight:700}.service-nav a:hover,.service-nav a.active{background:rgba(255,122,0,.11);color:var(--orange)}
/* hero */
.hero{min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,11,.96) 10%,rgba(7,9,11,.66) 48%,rgba(7,9,11,.18)),url('../img/hero.webp') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}.hero-inner{position:relative;z-index:2;max-width:720px}.hero h1{font-size:clamp(2.9rem,7vw,6.7rem);line-height:.99;margin:.3rem 0 1rem;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:1.08rem;color:#c2c7ca;line-height:2;max-width:620px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.trust-chip{border:1px solid var(--line);background:rgba(0,0,0,.32);border-radius:14px;padding:10px 14px;color:#dce1e4;font-size:.82rem}
/* services */
.services{grid-template-columns:repeat(3,1fr)}.service-card{position:relative;min-height:360px}.service-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(5,7,9,.92) 82%)}.service-card .body{position:absolute;z-index:2;inset:auto 22px 22px}.service-card h3{font-size:1.35rem;margin:0 0 6px}.service-card p{margin:0 0 14px;color:#b9c0c4;font-size:.9rem}.service-card .arrow{color:var(--orange);font-weight:900}.service-card.simple{background:radial-gradient(circle at 70% 20%,rgba(255,122,0,.18),transparent 34%),#11171c}.service-card.simple img{opacity:.3;filter:saturate(.5)}
/* advisor */
.advisor-box{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.advisor-form{padding:28px}.advisor-form label{display:block;color:#c5cbcf;font-size:.9rem;margin:14px 0 7px}.advisor-form select{width:100%;background:#0b0f12;color:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.advisor-result{padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(255,122,0,.12),rgba(255,255,255,.02))}.advisor-result .big-icon{font-size:3rem}.advisor-result h3{font-size:1.6rem;margin:.5rem 0}.advisor-result p{color:#c1c7cb;line-height:1.9}
/* review */
.review-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,370px);overflow:auto;gap:14px;padding:4px 2px 18px;scroll-snap-type:x mandatory}.review{scroll-snap-align:start;padding:22px}.stars{color:#ffb020;letter-spacing:3px}.review p{color:#c7cdd1;line-height:1.9}.review-empty{padding:24px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:var(--muted)}
/* footer */
.footer-cta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:34px}.footer-cta a{background:var(--orange);color:#121212;border-radius:22px;padding:25px;display:flex;align-items:center;gap:18px;font-weight:900}.footer-cta .ico{font-size:2.2rem}.footer-cta small{display:block;font-weight:600;opacity:.78}.site-footer{background:#030405;border-top:4px solid var(--orange);padding:48px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:28px}.footer-logo{width:72px}.footer-grid h4{margin:.3rem 0 12px}.footer-grid p,.footer-grid a{color:#aeb6bb;font-size:.9rem;line-height:1.9}.footer-grid a:hover{color:var(--orange)}.social{display:flex;gap:8px;flex-wrap:wrap}.social a{border:1px solid var(--line);padding:7px 10px;border-radius:10px}.legal-note{border-top:1px solid var(--line);margin-top:34px;padding:18px 0;color:#7f898f;font-size:.8rem}.payment-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.payment-line span{border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:#c7cdd1;font-size:.72rem}
/* whatsapp */
.wa-float{position:fixed;left:22px;bottom:22px;z-index:950;width:62px;height:62px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 34px rgba(37,211,102,.42);animation:waPulse 1.8s infinite}.wa-float svg{width:31px;height:31px;color:#fff}.wa-float:before{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:waRing 1.8s infinite}@keyframes waPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.11)}}@keyframes waRing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.35);opacity:0}}
/* product page */
.page-hero{padding:80px 0 46px;background:radial-gradient(circle at 70% 0,rgba(255,122,0,.13),transparent 35%)}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.page-hero img{border-radius:28px;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line)}.page-hero h1{font-size:clamp(2.4rem,5vw,5rem);margin:.3rem 0;line-height:1.05}.select-panel{padding:26px}.option-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.option-tabs button{background:#0b0f12;color:#cdd3d6;border:1px solid var(--line);border-radius:999px;padding:10px 15px;cursor:pointer}.option-tabs button.active{background:var(--orange);color:#111;border-color:var(--orange);font-weight:900}.purchase-state{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.purchase-state .status{color:#ffb15e;font-size:.86rem;margin-bottom:10px}
/* PPF visual */
.ppf-showcase{padding:28px;background:#050608;border:1px solid var(--line);border-radius:28px}.car-stage{position:relative;min-height:470px;border-radius:24px;background:radial-gradient(ellipse at 50% 70%,rgba(255,255,255,.10),transparent 35%),linear-gradient(#050608,#0a0e12);overflow:hidden;display:grid;place-items:center}.car-svg{width:min(100%,900px);filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))}.car-base{fill:#222a31;stroke:#49545d;stroke-width:3}.car-part{fill:transparent;stroke:transparent;transition:.35s}.car-part.on{fill:rgba(255,122,0,.72);stroke:#ff9a2e;filter:drop-shadow(0 0 12px rgba(255,122,0,.7))}.ppf-package-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.ppf-package-tabs button{background:#0d1216;border:1px solid var(--line);color:#d2d7da;border-radius:999px;padding:9px 13px;cursor:pointer}.ppf-package-tabs button.active{background:rgba(255,122,0,.14);border-color:var(--orange);color:var(--orange)}
.before-after{position:relative;aspect-ratio:16/8;border-radius:24px;overflow:hidden;background:#111}.before-after img{width:100%;height:100%;object-fit:cover}.before-after .after{position:absolute;inset:0;clip-path:inset(0 50% 0 0);filter:saturate(1.2) contrast(1.05)}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--orange);transform:translateX(-50%);pointer-events:none}.ba-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:900}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.steps{counter-reset:step}.step{position:relative;padding:22px 70px 22px 22px}.step:before{counter-increment:step;content:counter(step);position:absolute;right:20px;top:20px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:900}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.9}
/* accessories */
.products{grid-template-columns:repeat(3,1fr)}.product-card{padding:22px}.product-card .product-icon{height:160px;border-radius:18px;background:radial-gradient(circle,rgba(255,122,0,.18),transparent 55%),#0b1014;display:grid;place-items:center;font-size:3.5rem;margin-bottom:16px}.product-card h3{font-size:1rem;min-height:54px}.product-card .btn{width:100%}
/* content */
.content-page{max-width:900px}.content-page h1{font-size:clamp(2.4rem,5vw,4.5rem)}.content-page h2{margin-top:2rem}.content-page p,.content-page li{color:#bdc5c9;line-height:2}.notice{border:1px solid rgba(255,122,0,.28);background:rgba(255,122,0,.07);padding:16px;border-radius:15px;color:#ffc487}
@media(max-width:980px){.services,.products{grid-template-columns:repeat(2,1fr)}.advisor-box,.page-hero-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.car-stage{min-height:360px}}
@media(max-width:640px){.wrap{width:min(100% - 22px,1240px)}.section{padding:54px 0}.header-main{height:66px}.brand img{width:44px;height:44px}.brand strong{font-size:.88rem}.header-icons{gap:4px}.icon-btn{width:39px;height:39px}.service-nav .wrap{padding-inline:11px}.hero{min-height:650px}.hero:before{background:linear-gradient(0deg,rgba(7,9,11,.96) 8%,rgba(7,9,11,.72) 60%,rgba(7,9,11,.30)),url('../img/hero.webp') 65% center/cover no-repeat}.hero h1{font-size:3.25rem}.services,.products,.grid-3,.grid-2,.footer-cta,.footer-grid{grid-template-columns:1fr}.service-card{min-height:310px}.page-hero{padding-top:45px}.car-stage{min-height:290px}.wa-float{left:14px;bottom:14px;width:56px;height:56px}.footer-cta a{padding:20px}}

/* ===== Resort v2 refinements ===== */
.booking-link{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:rgba(255,122,0,.10);border:1px solid rgba(255,122,0,.42);color:#ff9a2e;font-weight:800;font-size:.82rem;white-space:nowrap;transition:.2s}.booking-link:hover{background:var(--orange);color:#111;transform:translateY(-1px)}.booking-link svg{width:19px;height:19px}.footer-cta{grid-template-columns:repeat(3,1fr)}.footer-cta .booking-footer-link{background:linear-gradient(135deg,#ff7a00,#ff9a2e)}

/* Real product images in accessories */
.product-image{height:230px;border-radius:18px;overflow:hidden;background:#090d10;margin-bottom:16px;border:1px solid var(--line)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.035)}

/* PPF photographic interactive stage */
.ppf-photo-stage{position:relative;min-height:520px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#030405;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(0,0,0,.65),0 24px 70px rgba(0,0,0,.38)}
.ppf-photo-stage:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 45%,rgba(0,0,0,.48) 100%),radial-gradient(circle at 68% 42%,transparent 0 42%,rgba(0,0,0,.18) 78%)}
.ppf-base-photo,.ppf-zone-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ppf-base-photo{z-index:1;filter:brightness(.82) contrast(1.06) saturate(.72)}.ppf-zone-img{z-index:2;opacity:0;pointer-events:none;filter:sepia(1) saturate(8) hue-rotate(345deg) brightness(1.23) contrast(1.08);mix-blend-mode:screen;transition:opacity .35s ease;will-change:opacity,clip-path}.ppf-stage-caption{position:absolute;z-index:6;right:18px;bottom:18px;display:flex;flex-direction:column;gap:3px;background:rgba(3,4,5,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,122,0,.35);border-radius:16px;padding:11px 15px;max-width:min(420px,75%)}.ppf-stage-caption strong{color:#ff8a15}.ppf-stage-caption span{font-size:.76rem;color:#b8c0c5}
/* approximate body regions for the supplied 3/4-front sedan photo */
.zone-quarter{clip-path:polygon(8% 46%,20% 34%,34% 31%,48% 37%,52% 72%,38% 84%,15% 79%,7% 67%)}
.zone-half{clip-path:polygon(7% 43%,20% 29%,54% 25%,66% 38%,66% 72%,48% 84%,15% 79%,7% 67%)}
.zone-full{clip-path:polygon(9% 43%,20% 28%,42% 16%,71% 17%,90% 34%,92% 61%,82% 74%,52% 81%,15% 79%,7% 66%)}
.zone-windshield{clip-path:polygon(35% 22%,67% 22%,73% 37%,34% 37%)}
.zone-light-l{clip-path:polygon(12% 49%,20% 44%,28% 44%,28% 49%,19% 53%,12% 53%)}
.zone-light-r{clip-path:polygon(32% 44%,48% 43%,48% 48%,34% 50%)}
.zone-handle-1{clip-path:polygon(71% 42%,78% 41%,78% 45%,71% 46%)}
.zone-handle-2{clip-path:polygon(81% 43%,86% 43%,86% 47%,81% 47%)}
.zone-edge-1{clip-path:polygon(67% 36%,69% 35%,71% 68%,69% 68%)}
.zone-edge-2{clip-path:polygon(79% 35%,81% 35%,83% 64%,81% 65%)}
.ppf-photo-stage[data-active="0"] .zone-quarter,.ppf-photo-stage[data-active="1"] .zone-half,.ppf-photo-stage[data-active="2"] .zone-full,.ppf-photo-stage[data-active="3"] .zone-windshield,.ppf-photo-stage[data-active="4"] .zone-light-l,.ppf-photo-stage[data-active="4"] .zone-light-r,.ppf-photo-stage[data-active="5"] .zone-handle-1,.ppf-photo-stage[data-active="5"] .zone-handle-2,.ppf-photo-stage[data-active="6"] .zone-edge-1,.ppf-photo-stage[data-active="6"] .zone-edge-2{opacity:.9}

/* Bright / wet polish interactive visual */
.service-visual-section{padding-top:34px}.service-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:430px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#080b0e;box-shadow:var(--shadow)}.visual-zone{position:relative;min-width:0;overflow:hidden;filter:grayscale(.78) brightness(.62);opacity:.55;transition:.35s}.visual-zone:after{content:'';position:absolute;inset:0;border:2px solid transparent;transition:.35s;pointer-events:none}.visual-zone img{width:100%;height:100%;object-fit:cover}.visual-exterior{border-left:1px solid var(--line)}.cabin-art{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,122,0,.12),transparent 45%),linear-gradient(160deg,#0c1115,#06080a)}.cabin-svg{width:78%;max-width:520px;fill:none;stroke:#6b7379;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;transition:.35s}.visual-label{position:absolute;z-index:3;right:18px;bottom:18px;left:18px;padding:12px 14px;border-radius:15px;background:rgba(5,7,9,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.visual-label strong{display:block}.visual-label span{color:#aab2b8;font-size:.78rem}.visual-hint{position:absolute;z-index:5;top:14px;left:50%;transform:translateX(-50%);background:#050708;border:1px solid rgba(255,122,0,.3);color:#f3b16c;border-radius:999px;padding:7px 13px;font-size:.75rem;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
.service-visual[data-active="0"] .visual-interior,.service-visual[data-active="1"] .visual-exterior,.service-visual[data-active="2"] .visual-interior,.service-visual[data-active="2"] .visual-exterior{filter:none;opacity:1;box-shadow:inset 0 0 55px rgba(255,122,0,.12)}.service-visual[data-active="0"] .visual-interior:after,.service-visual[data-active="1"] .visual-exterior:after,.service-visual[data-active="2"] .visual-interior:after,.service-visual[data-active="2"] .visual-exterior:after{border-color:rgba(255,122,0,.72);box-shadow:inset 0 0 36px rgba(255,122,0,.18)}.service-visual[data-active="0"] .visual-interior .cabin-svg,.service-visual[data-active="2"] .visual-interior .cabin-svg{stroke:#ff8a15;filter:drop-shadow(0 0 10px rgba(255,122,0,.35))}
/* Wet has only two packages: 0 = interior+exterior, 1 = exterior only */
.service-visual[data-service-visual="wet"][data-active="0"] .visual-exterior,.service-visual[data-service-visual="wet"][data-active="0"] .visual-interior{filter:none;opacity:1}.service-visual[data-service-visual="wet"][data-active="0"] .visual-exterior:after,.service-visual[data-service-visual="wet"][data-active="0"] .visual-interior:after{border-color:rgba(255,122,0,.72);box-shadow:inset 0 0 36px rgba(255,122,0,.18)}
.service-visual[data-service-visual="wet"][data-active="1"] .visual-exterior{filter:none;opacity:1}.service-visual[data-service-visual="wet"][data-active="1"] .visual-exterior:after{border-color:rgba(255,122,0,.72)}.service-visual[data-service-visual="wet"][data-active="1"] .visual-interior{filter:grayscale(.85) brightness(.58);opacity:.45}.service-visual[data-service-visual="wet"][data-active="1"] .visual-interior .cabin-svg{stroke:#596168;filter:none}

@media(max-width:980px){.footer-cta{grid-template-columns:1fr 1fr}.ppf-photo-stage{min-height:390px}.service-visual{min-height:360px}}
@media(max-width:700px){.booking-link{width:42px;padding:0;justify-content:center;border-radius:50%}.booking-link span{display:none}.footer-cta{grid-template-columns:1fr}.ppf-photo-stage{min-height:250px;aspect-ratio:16/10}.ppf-stage-caption{right:10px;bottom:10px;padding:8px 10px}.ppf-stage-caption span{display:none}.service-visual{grid-template-columns:1fr;min-height:650px}.visual-zone{min-height:320px}.visual-exterior{border-left:0;border-bottom:1px solid var(--line)}.visual-hint{white-space:normal;text-align:center;border-radius:14px}.product-image{height:210px}}
