:root{
  --bg:#0e0f11;
  --bg-soft:#15171a;
  --paper:#f5f5f3;
  --white:#fff;
  --ink:#111214;
  --muted:#70757d;
  --line:#dfdfda;
  --orange:#ff6a00;
  --orange2:#ff8a1f;
  --green:#20bd5a;
  --radius:24px;
  --shadow:0 18px 50px rgba(15,16,18,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;padding:10px 16px;background:#fff;color:#000;border-radius:8px}.skip-link:focus{top:16px}

.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;transition:.25s;background:rgba(14,15,17,.18);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.site-header.scrolled{background:rgba(14,15,17,.96);box-shadow:0 12px 35px rgba(0,0,0,.16)}
.header-inner{height:92px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;flex-shrink:0}.logo-brand{line-height:0}.brand-logo{width:220px;height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 10px rgba(0,0,0,.2))}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--orange),#ff9b39);color:#111;display:grid;place-items:center;font-weight:950;font-size:26px;transform:skew(-8deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.brand-copy{display:flex;flex-direction:column;line-height:.95;letter-spacing:.04em}.brand-copy strong{font-size:20px;font-weight:900}.brand-copy small{margin-top:5px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.22em}
.main-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.main-nav a{color:rgba(255,255,255,.8);font-size:13px;font-weight:700;padding:12px 9px;border-radius:10px;transition:.2s}.main-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.header-call{display:flex;align-items:center;gap:10px;color:#fff;border-left:1px solid rgba(255,255,255,.14);padding-left:20px}.header-call small,.header-call strong{display:block}.header-call small{font-size:10px;color:#b7bbc1;text-transform:uppercase;letter-spacing:.1em}.header-call strong{font-size:15px}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,106,0,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,106,0,0)}100%{box-shadow:0 0 0 0 rgba(255,106,0,0)}}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px 0}

.hero{position:relative;min-height:760px;color:#fff;background:#111;display:flex;align-items:center;padding:145px 0 85px;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../images/hero.webp') center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,12,.93) 0%,rgba(9,10,12,.78) 44%,rgba(9,10,12,.42) 72%,rgba(9,10,12,.52) 100%),linear-gradient(0deg,rgba(9,10,12,.5),transparent 55%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:70px;align-items:end}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.hero h1{font-size:clamp(50px,6.4vw,92px);letter-spacing:-.055em;line-height:.94;margin:24px 0 24px;font-weight:950}.hero h1 span{color:var(--orange)}.hero-copy>p{max-width:720px;font-size:20px;line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{min-height:54px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850;font-size:15px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:19px;height:19px;fill:currentColor}.btn-primary{background:var(--orange);color:#111}.btn-primary:hover{background:#ff7b1c}.btn-whatsapp{background:var(--green);color:#fff}.btn-dark{background:#15171a;color:#fff}.btn-light{background:#fff;color:#111}
.hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#cfd2d7;font-size:13px;font-weight:700}
.hero-card{background:rgba(15,16,18,.82);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-card-top{padding:24px;display:flex;align-items:center;gap:17px;border-bottom:1px solid rgba(255,255,255,.1)}.clock-ring{width:82px;height:82px;border:3px solid var(--orange);border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.clock-ring:after{content:"";position:absolute;width:3px;height:15px;background:var(--orange);top:6px;left:50%;transform:translateX(-50%)}.clock-ring strong{font-size:20px}.hero-card-top small{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.14em}.hero-card-top strong{display:block;font-size:22px;line-height:1.15;margin-top:6px}.hero-card-body{padding:22px 24px}.hero-card-body p{margin:0 0 16px;color:#bfc3c9;font-size:14px}.hero-card-body a{color:#fff;font-weight:800;font-size:14px}.hero-card-body a span{color:var(--orange)}.hero-card-foot{padding:17px 24px;background:rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:12px;font-size:13px}.hero-card-foot span{color:#aeb3ba}.hero-card-foot strong{color:#fff}
.quick-strip{background:#111214;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{padding:24px 28px;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}.quick-grid>div:first-child{border-left:1px solid rgba(255,255,255,.09)}.quick-grid strong{color:var(--orange);font-size:24px;letter-spacing:-.03em}.quick-grid span{font-size:12px;color:#b8bcc2;margin-top:2px}

.wa-guide{background:#17191c;color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);padding:24px 0}.wa-guide-inner{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(32,189,90,.13),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px 24px}.wa-guide-icon{width:58px;height:58px;border-radius:18px;background:var(--green);display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(32,189,90,.25)}.wa-guide-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wa-guide-copy>span{display:block;color:#78e49d;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}.wa-guide-copy h2{font-size:26px;line-height:1.05;margin:0 0 7px;letter-spacing:-.03em}.wa-guide-copy p{margin:0;color:#bfc4ca;font-size:13px;line-height:1.6}.wa-guide-copy strong{color:#fff}.wa-guide-btn{white-space:nowrap;box-shadow:0 10px 30px rgba(32,189,90,.18)}

.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:48px}.section-kicker{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.17em}.section h2{font-size:clamp(38px,4.8vw,64px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 0;font-weight:930}.section h2 span{color:var(--orange)}.section-head p,.roadside-copy>p,.area-copy>p,.faq-intro>p{color:#646a72;font-size:17px;line-height:1.75;margin:0}
.services{background:#f5f5f3}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:320px;background:#fff;border:1px solid #e3e3df;border-radius:22px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8d8d2}.service-card-featured{background:#111214;color:#fff;border-color:#111214}.service-card-featured:before{content:"";position:absolute;width:160px;height:160px;border:30px solid rgba(255,106,0,.08);border-radius:50%;right:-55px;top:-55px}.service-icon{width:54px;height:54px;border-radius:15px;background:#f0f0ec;display:grid;place-items:center;margin-bottom:46px}.service-icon svg{width:32px;height:32px;fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.service-card-featured .service-icon{background:var(--orange);color:#111}.service-icon.emergency svg{stroke:#111}.service-icon.emergency svg text{font-size:12px;font-weight:950;fill:#111;stroke:none;font-family:Arial,sans-serif}.service-tag{position:absolute;right:22px;top:24px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.12em}.service-card h3{font-size:23px;line-height:1.15;margin:0 0 12px;letter-spacing:-.025em}.service-card p{margin:0;color:#6c7178;font-size:14px;line-height:1.65}.service-card-featured p{color:#b9bdc3}.service-card a{margin-top:auto;padding-top:20px;font-size:14px;font-weight:850;color:var(--orange)}

.roadside{background:#111214;color:#fff}.roadside-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.roadside-photo{position:relative}.roadside-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;filter:saturate(.9) contrast(1.03)}.photo-badge{position:absolute;left:-20px;bottom:28px;background:var(--orange);color:#111;padding:17px 22px;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.photo-badge strong{display:block;font-size:30px;line-height:1}.photo-badge span{font-size:12px;font-weight:800}.roadside-copy>p{color:#b8bdc4;margin:24px 0 30px}.steps{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.step{display:flex;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1)}.step>span{color:var(--orange);font-size:12px;font-weight:900}.step strong,.step small{display:block}.step strong{font-size:15px}.step small{color:#888f98;font-size:12px;margin-top:2px}.roadside-actions{margin-top:28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{font-weight:850;color:var(--orange);font-size:14px}

.area{background:#fff}.area-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.area-copy>p{margin:22px 0}.area-tags{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.area-tags span{padding:10px 13px;border:1px solid #dcdcd6;background:#f7f7f4;border-radius:999px;font-size:13px;font-weight:760}.area-note{font-size:13px!important;color:#8a8f95!important}.area-panel{background:#111214;border-radius:30px;min-height:470px;display:grid;place-items:center;overflow:hidden;position:relative}.area-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,106,0,.11),transparent 42%)}.radar{width:370px;height:370px;position:relative;display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.r1{inset:18%}.r2{inset:3%}.r3{inset:-13%;border-color:rgba(255,106,0,.22)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(255,255,255,.08)}.radar:before{width:100%;height:1px}.radar:after{height:100%;width:1px}.radar-center{width:115px;height:115px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111;z-index:2;box-shadow:0 0 0 12px rgba(255,106,0,.09)}.radar-center strong{font-size:18px}.radar-center small{font-size:9px;font-weight:900;letter-spacing:.15em}.map-dot{position:absolute;color:#fff;font-size:11px;font-weight:800;background:#22252a;border:1px solid rgba(255,255,255,.16);padding:7px 9px;border-radius:999px;z-index:3}.map-dot:before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;margin-right:6px}.d1{left:7%;top:25%}.d2{right:0;top:19%}.d3{right:11%;bottom:17%}.d4{left:1%;bottom:15%}.d5{left:22%;top:6%}.d6{right:25%;top:4%}.d7{left:24%;bottom:2%}.d8{right:21%;bottom:1%}

.gallery{background:#ecece8}.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,300px);gap:14px}.gallery-item{margin:0;position:relative;border-radius:22px;overflow:hidden;background:#ddd}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-item:hover img{transform:scale(1.025)}.gallery-wide{grid-row:1/3}.gallery-item figcaption{position:absolute;left:16px;bottom:16px;background:rgba(15,16,18,.78);backdrop-filter:blur(10px);color:#fff;padding:8px 11px;border-radius:10px;font-size:11px;font-weight:800}.gallery-grid .gallery-item:nth-child(4){display:none}

.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro p{margin:20px 0}.accordion{border-top:1px solid #ddd}.accordion details{border-bottom:1px solid #ddd}.accordion summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:830;display:flex;justify-content:space-between;gap:20px;align-items:center}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--orange);font-size:22px;transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{margin:0 0 22px;color:#6f747b;max-width:760px}

.contact{background:#f4f4f1}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px}.contact-card{background:#111214;color:#fff;border-radius:28px;padding:40px}.contact-card h2{font-size:48px;margin-bottom:4px}.owner{color:#adb2b9;margin:0 0 28px}.contact-list{border-top:1px solid rgba(255,255,255,.1)}.contact-list a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-list span{color:#8d939b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.contact-list strong{text-align:right;font-size:14px}.contact-actions{display:flex;gap:10px;margin-top:28px}.map-wrap{min-height:520px;border-radius:28px;overflow:hidden;background:#ddd;position:relative}.map-wrap iframe{width:100%;height:100%;min-height:520px;border:0;filter:grayscale(.1) contrast(1.03)}.map-exact-link{position:absolute;left:18px;right:18px;bottom:18px;background:#111214;color:#fff;border:1px solid rgba(255,255,255,.15);padding:14px 18px;border-radius:14px;font-size:13px;font-weight:850;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.22)}.map-exact-link:hover{background:var(--orange);color:#111}
.final-cta{padding:72px 0;background:var(--orange);color:#111}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta span{font-size:11px;font-weight:950;letter-spacing:.14em}.final-cta h2{font-size:clamp(38px,5vw,65px);line-height:1;letter-spacing:-.045em;margin:9px 0 0}.final-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.final-cta .btn-whatsapp{background:#111;color:#fff}

.site-footer{background:#0d0e10;color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}.footer-logo-brand{display:inline-flex}.footer-logo{width:250px;max-height:none}.footer-brand p{color:#7f858d;max-width:350px;margin:18px 0 0;font-size:14px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid>div:not(.footer-brand)>strong{font-size:12px;color:#fff;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.footer-grid a,.footer-grid span{color:#878d95;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#666d76;font-size:12px}

.floating-wa{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;align-items:center;gap:9px;background:#20bd5a;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-weight:850;font-size:13px}.floating-wa svg{width:22px;height:22px;fill:#fff}.mobile-bar{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width:1020px){
  .brand-logo{width:195px}.wa-guide-inner{grid-template-columns:52px minmax(0,1fr)}.wa-guide-btn{grid-column:2;justify-self:start}
  .main-nav{display:none;position:absolute;top:92px;left:20px;right:20px;background:#111214;border:1px solid rgba(255,255,255,.12);padding:10px;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.main-nav.open{display:grid}.main-nav a{padding:13px}.menu-toggle{display:block;margin-left:auto}.header-call{display:none}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-card{max-width:520px}.hero{min-height:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.roadside-grid,.area-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.roadside-copy{padding:20px 0}.faq-intro{position:static}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 260px}.gallery-wide{grid-column:1/3;grid-row:auto}.gallery-grid .gallery-item:nth-child(4){display:block}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid>div{border-bottom:1px solid rgba(255,255,255,.08)}
}
@media (max-width:700px){
  body{padding-bottom:64px}.container{width:min(100% - 28px,1180px)}.header-inner{height:76px}.site-header{background:rgba(14,15,17,.92)}.main-nav{top:76px}.brand-logo{width:168px;max-height:58px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:9px}.hero{padding:126px 0 60px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:0 12px}.hero-card{display:none}.hero-trust{gap:10px 16px;font-size:11px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{padding:18px 12px}.quick-grid strong{font-size:19px}.quick-grid span{font-size:10px}.section{padding:72px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-head p,.roadside-copy>p,.area-copy>p,.faq-intro>p{font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.roadside-grid,.area-grid{gap:38px}.roadside-photo img{aspect-ratio:4/4.7}.photo-badge{left:12px;bottom:12px}.area-panel{min-height:360px}.radar{width:285px;height:285px}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,250px)}.gallery-wide{grid-column:auto}.gallery-grid .gallery-item:nth-child(4){display:block}.faq-grid{gap:32px}.contact-card{padding:28px 22px}.contact-card h2{font-size:39px}.contact-list a{flex-direction:column;gap:6px}.contact-list strong{text-align:left}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.map-wrap,.map-wrap iframe{min-height:390px}.final-cta{padding:55px 0}.final-cta-inner{align-items:flex-start;flex-direction:column}.final-cta-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column;gap:7px}.floating-wa{display:none}.mobile-bar{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 25px rgba(0,0,0,.15)}.mobile-bar a{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:900;font-size:14px}.mobile-bar a svg{width:20px;height:20px;fill:currentColor;flex:none}.mobile-call{background:#111214}.mobile-wa{background:#20bd5a}.roadside-actions{align-items:flex-start;flex-direction:column}.wa-guide{padding:14px 0}.wa-guide-inner{grid-template-columns:46px 1fr;gap:14px;padding:18px}.wa-guide-icon{width:46px;height:46px;border-radius:14px}.wa-guide-copy h2{font-size:22px}.wa-guide-copy p{font-size:12px}.wa-guide-btn{grid-column:1/-1;width:100%}.footer-logo{width:220px}.map-exact-link{left:12px;right:12px;bottom:12px}.map-dot{font-size:9px;padding:6px 7px}.d5{left:16%;top:5%}.d6{right:15%;top:4%}.d7{left:17%;bottom:2%}.d8{right:14%;bottom:1%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service-card,.gallery-item img{transition:none}}


/* SVG Icon Styles */
.btn svg { width: 1.2em; height: 1.2em; margin-right: 0.5em; }
.header-phone-icon { display: flex; align-items: center; justify-content: center; background: #e3000f; color: white; border-radius: 50%; padding: 10px; margin-right: 15px; }
.header-phone-icon svg { width: 24px; height: 24px; }
.mobile-bottom-bar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.mobile-bottom-bar a svg { width: 20px; height: 20px; }
.whatsapp-float svg { width: 32px; height: 32px; }


/* --- GÖRSEL İYİLEŞTİRMELER (v5) --- */

/* 1. Başlıklardaki vurgulu metinlere (Turuncu kısımlar) modern degrade (gradient) efekti */
.hero h1 span, .section h2 span {
    background: linear-gradient(135deg, var(--orange) 0%, #ffc05c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* 2. Butonlara modern gölge (glow) ve hover (üzerine gelme) animasyonu */
.btn-primary {
    box-shadow: 0 4px 15px rgba(255,106,0,0.3);
}
.btn-primary:hover {
    box-shadow: 0 8px 25px rgba(255,106,0,0.45);
    transform: translateY(-3px) scale(1.02);
}
.btn-whatsapp {
    box-shadow: 0 4px 15px rgba(32,189,90,0.3);
}
.btn-whatsapp:hover {
    box-shadow: 0 8px 25px rgba(32,189,90,0.45);
    transform: translateY(-3px) scale(1.02);
}

/* 3. Hizmet kartlarına üzerine gelince ikon animasyonu ve renk etkileşimi */
.service-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-card:hover {
    box-shadow: 0 22px 45px rgba(15,16,18,0.08);
    border-color: #ffca99; /* Hafif turuncu çerçeve parlaması */
}
.service-icon {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.service-card:hover .service-icon {
    transform: scale(1.15) rotate(-5deg);
    background: #ffebe0; /* İkon arka planı hafif turuncu olur */
}
.service-card-featured:hover .service-icon {
    background: #ff8a1f; /* Koyu (siyah) kart için ikon arka plan değişimi */
}

/* 4. Sabit WhatsApp butonuna "Nefes Alma" (Pulse) animasyonu - Kullanıcı dikkatini çeker */
@keyframes pulse-wa-btn {
    0% { box-shadow: 0 0 0 0 rgba(32,189,90,0.6); }
    70% { box-shadow: 0 0 0 15px rgba(32,189,90,0); }
    100% { box-shadow: 0 0 0 0 rgba(32,189,90,0); }
}
.floating-wa {
    animation: pulse-wa-btn 2.5s infinite;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.floating-wa:hover {
    transform: scale(1.08) translateY(-4px);
    animation: none;
    box-shadow: 0 12px 35px rgba(32,189,90,0.5);
}

/* 5. Galeri görselleri için daha pürüzsüz yakınlaşma ve karartma (overlay) efekti */
.gallery-item img {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gallery-item:hover img {
    transform: scale(1.08);
}
.gallery-item:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}
.gallery-item:hover:after {
    opacity: 1;
}

/* 6. Header ikonuna da yavaşça dönme efekti */
.header-phone-icon {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.header-call:hover .header-phone-icon {
    transform: scale(1.1) rotate(10deg);
    box-shadow: 0 5px 15px rgba(227, 0, 15, 0.4);
}

/* Fix Service Icon Thickness for new 24x24 SVGs */
.service-icon svg { stroke-width: 2 !important; width: 32px; height: 32px; }