:root{--black:#0b1f3a;--black2:#122b49;--navy:#0b1f3a;--navy2:#123b63;--yellow:#0b1f3a;--yellow2:#123b63;--red:#d71920;--red2:#b9151b;--text:#16191b;--muted:#6b7074;--bg:#f7f8f8;--white:#fff;--line:#e7e8e8;--shadow:0 14px 38px rgba(11,13,14,.09);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
/* Header */
.topbar{background:var(--black);color:#fff;border-bottom:2px solid var(--yellow)}.topbar-inner{min-height:40px;display:flex;align-items:center;gap:26px}.topbar-item,.top-phone{display:flex;align-items:center;gap:8px;color:#fff}.topbar-item small,.top-phone small{display:block;color:#aeb4b7;font-size:9px;line-height:1}.topbar-item strong,.top-phone strong{display:block;font-size:12px;line-height:1.25}.topbar-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,212,0,.12);color:var(--yellow);font-size:12px}.topbar-spacer{flex:1}.top-wa{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff!important;padding:8px 16px;border-radius:0 0 0 18px;font-size:12px;font-weight:800}.top-wa:hover{background:var(--red2)}
.nav-wrap{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.nav-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;min-width:230px}.brand img{width:auto;max-width:205px;max-height:58px;object-fit:contain}.brand-truck{width:46px;height:46px;background:var(--black);color:var(--yellow);border-radius:12px;display:grid;place-items:center;font-size:24px;margin-right:9px}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:22px;letter-spacing:.4px;color:var(--black)}.brand b{font-size:19px;letter-spacing:.8px;color:var(--red)}.brand small{font-size:8px;color:#777;letter-spacing:1.4px;margin-top:3px}.desktop-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:800;color:#202426;white-space:nowrap;padding:29px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;border-radius:3px;background:var(--yellow);transform:scaleX(0);transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--red)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.nav-quote{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black)!important;padding:12px 18px;border-radius:25px;font-size:13px;font-weight:900;white-space:nowrap}.nav-quote:hover{background:var(--red);color:#fff!important}.menu-toggle{display:none;border:0;background:var(--black);color:var(--yellow);border-radius:10px;width:44px;height:44px;font-size:24px}.menu-sub{background:#fff;border:1px solid var(--line);box-shadow:0 18px 38px rgba(0,0,0,.12)}
/* Hero */
.hero{position:relative;overflow:hidden}.hero-home{min-height:520px;background:#dfe5e8;color:#fff}.hero-media{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 36%,rgba(255,255,255,.45) 58%,rgba(255,255,255,.02) 82%)}.hero-content{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}.hero-copy{width:610px;padding:48px 0;color:var(--text)}.hero-label{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black);padding:7px 14px;border-radius:5px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-2px;margin:16px 0;color:var(--black)}.hero h1 span{color:var(--red)}.hero p{font-size:17px;max-width:600px;margin:0 0 20px;color:#42484b}.hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin:18px 0 25px}.hero-checks span{font-size:13px;font-weight:800}.hero-checks i{color:var(--yellow);font-size:16px;margin-right:5px;text-shadow:0 1px 0 #777}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-main,.btn-yellow,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:13px 19px;border-radius:24px;font-weight:900;cursor:pointer}.btn-main{background:var(--red);color:#fff!important}.btn-main:hover{background:var(--red2)}.btn-yellow{background:var(--yellow);color:var(--black)!important}.btn-yellow:hover{background:var(--yellow2)}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--black)}.btn-ghost:hover{background:var(--yellow);border-color:var(--yellow)}.hero-service-badge{position:absolute;right:5%;top:32%;z-index:3;width:150px;height:150px;border-radius:50%;background:var(--red);border:8px solid rgba(255,255,255,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.16)}.hero-service-badge strong{font-size:21px;line-height:1}.hero-service-badge span{font-size:12px;font-weight:800;margin-top:4px}.hero-service-badge i{font-size:16px;margin-top:5px;color:var(--yellow)}
/* General */
.section{padding:72px 0;background:#fff}.section.alt,.services-section,.faq-section{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-kicker{font-size:11px;font-weight:900;color:var(--red);letter-spacing:1.5px}.section-head h2,.about-copy h2,.faq-intro h2,.contact-band h2{margin:5px 0 6px;font-size:35px;line-height:1.08;letter-spacing:-.8px;color:var(--black)}.section-head p{margin:0;color:var(--muted);max-width:650px}.section-pill{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black);padding:10px 16px;border-radius:22px;font-size:12px;font-weight:900;white-space:nowrap}.section-pill:hover{background:var(--red);color:#fff}.quick-features{background:#fff;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr)}.quick-item{text-align:center;padding:24px 10px;border-right:1px solid var(--line)}.quick-item:last-child{border-right:0}.quick-item i{display:block;font-size:28px;color:var(--red);margin-bottom:7px}.quick-item strong{display:block;font-size:13px}.quick-item span{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}
/* Services */
.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.04);transition:.22s}.service-card:hover{transform:translateY(-4px);border-color:#f2a2a5;box-shadow:var(--shadow)}.service-image{display:block;height:230px;background:#eee;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.service-card:hover .service-image img{transform:scale(1.04)}.service-placeholder{height:100%;display:grid;place-items:center;color:var(--red);font-size:36px;background:#f2f2f2}.service-body{padding:15px 16px 17px}.service-icon{width:38px;height:38px;margin-top:-35px;position:relative;display:grid;place-items:center;background:#fff;color:var(--red);border:3px solid #fff;border-radius:10px;font-size:17px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.service-body h3{font-size:15px;margin:9px 0 5px}.service-body p{font-size:11px;color:var(--muted);margin:0 0 8px}.more{color:var(--red);font-size:11px;font-weight:900}.home-sidebar{display:flex;flex-direction:column;gap:14px}.side-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:0 4px 15px rgba(0,0,0,.04)}.side-box h3{margin:0 -17px 13px;padding:10px 14px;background:var(--yellow);font-size:13px}.side-box h3 i{color:var(--red);margin-right:5px}.side-box ul{list-style:none;margin:0 0 14px;padding:0}.side-box li{font-size:12px;padding:6px 0;border-bottom:1px dashed #eee}.side-box li:before{content:'✓';color:var(--red);font-weight:900;margin-right:7px}.side-call{display:flex;align-items:center;gap:10px;background:var(--red);color:#fff!important;border-radius:24px;padding:10px 13px;font-size:12px;font-weight:900}.side-call>i{font-size:16px}.side-call small{display:block;font-size:10px;font-weight:700;opacity:.9}.side-wa{background:var(--black);color:#fff;border-color:var(--black);display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.side-wa-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1ecf5a;color:#fff;font-size:22px}.side-wa strong,.side-wa span,.side-wa small{display:block}.side-wa strong{font-size:11px;color:var(--yellow)}.side-wa span{font-weight:900;font-size:13px}.side-wa small{font-size:10px;color:#b9c0c3}.side-wa>a{grid-column:1/-1;background:#1ecf5a;color:#071a2c!important;text-align:center;padding:8px;border-radius:18px;font-size:11px;font-weight:900}.side-regions{display:flex;flex-direction:column;gap:6px}.side-regions a{font-size:12px;font-weight:700}.side-regions i{color:var(--red);margin-right:6px}.side-more{display:block;margin-top:13px;background:var(--yellow);text-align:center;padding:8px;border-radius:18px;font-size:11px;font-weight:900}.side-phone{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.side-phone>i{font-size:34px;color:var(--black)}.side-phone strong,.side-phone span{display:block}.side-phone strong{font-size:12px}.side-phone span{font-size:15px;font-weight:900}.side-phone>a{grid-column:1/-1;background:var(--red);color:#fff!important;text-align:center;padding:8px;border-radius:18px;font-size:11px;font-weight:900}
/* About */
.about-section{background:#fff}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;height:360px;object-fit:cover;border-radius:18px}.about-badge{position:absolute;right:18px;bottom:18px;background:#000;padding:12px 18px;border-radius:12px;color:#fff;box-shadow:0 12px 25px rgba(0,0,0,.13);border:0}.about-badge strong{font-size:27px;display:block;line-height:1;color:#fff}.about-badge span{font-size:10px;font-weight:900;color:#fff}.about-copy p{color:var(--muted);font-size:14px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.about-stats div{background:#f7f7f5;border-radius:10px;padding:12px 9px;text-align:center}.about-stats strong{display:block;font-size:20px;color:var(--black)}.about-stats span{display:block;font-size:9px;color:var(--muted);font-weight:700}.about-stat-icon{display:block;font-size:22px;line-height:1;color:var(--red);margin-bottom:6px}.about-stats div{transition:transform .2s}.about-stats div:hover{transform:translateY(-2px)}
/* Gallery */
.gallery-section{background:#f6f7f7}.home-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gallery-thumb{height:175px;border-radius:10px;overflow:hidden;background:#ddd;position:relative}.gallery-thumb:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,13,14,.0);color:#fff;font-size:30px;opacity:0;transition:.2s}.gallery-thumb:hover:after{background:rgba(11,13,14,.5);opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery-thumb:hover img{transform:scale(1.05)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.gallery-lightbox-link{display:block;aspect-ratio:4/3;overflow:hidden}.gallery-lightbox-link img{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item figcaption{padding:11px 13px;font-size:13px;font-weight:800}
/* Regions */
.region-section{background:#fff}.regions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.region{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;transition:.2s}.region:hover{border-color:var(--red);transform:translateY(-2px)}.region-icon{width:34px;height:34px;border-radius:9px;background:#eef3f8;color:var(--red);display:grid;place-items:center}.region-title{font-size:12px;font-weight:900;flex:1}.region-arrow{color:var(--red)}
/* FAQ / CTA */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.faq-intro p{color:var(--muted);margin-bottom:22px}.faq-card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:16px;text-align:left;font:inherit;font-size:13px;font-weight:900;color:var(--black);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-q i{color:var(--red);transition:.2s}.faq-card.open .faq-q i{transform:rotate(45deg)}.faq-a{display:none;padding:0 16px 16px;color:var(--muted);font-size:12px}.faq-card.open .faq-a{display:block}.cta-section{padding:0 0 72px;background:var(--bg)}.contact-band{background:var(--black);color:#fff;border-radius:18px;padding:32px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{color:#fff}.contact-band p{color:#bfc5c7;margin:0}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
/* Inner pages */
.page-hero{background:var(--black);color:#fff;padding:52px 0;border-bottom:4px solid var(--yellow)}.page-hero h1{font-size:42px;line-height:1.05;margin:12px 0 0}.page-hero p{margin:8px 0 0;color:#cbd0d2}.breadcrumb{color:#b7bec1;font-size:12px}.breadcrumb i{color:var(--yellow);margin:0 5px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.detail-main{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.detail-main h2{font-size:32px;margin:7px 0 16px}.detail-main>div{color:#535a5d}.detail-image{margin:-25px -25px 25px;border-radius:14px 14px 0 0;overflow:hidden;cursor:zoom-in}.detail-image img{width:100%;max-height:480px;object-fit:cover}.sidebar-modern{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:static;box-shadow:0 8px 24px rgba(0,0,0,.06)}.sidebar-kicker{color:var(--red);font-size:10px;font-weight:900;letter-spacing:1.2px}.sidebar-modern h3{font-size:23px;line-height:1.1;margin:5px 0}.sidebar-intro{color:var(--muted);font-size:12px}.sidebar-links{display:flex;flex-direction:column;gap:7px}.sidebar-links a{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fafafa;font-size:12px;font-weight:800}.sidebar-links a:hover{border-color:var(--yellow);background:#f4f7fa}.sidebar-links span{display:flex;align-items:center;gap:7px}.sidebar-links i{color:var(--red)}
.sidebar-service-link{gap:9px!important;min-height:58px}.sidebar-service-thumb{width:58px;height:46px;flex:0 0 58px;border-radius:7px;overflow:hidden;background:#eef1f3;display:flex;align-items:center;justify-content:center}.sidebar-service-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-service-placeholder i{font-size:19px}.sidebar-service-name{flex:1;min-width:0;line-height:1.25}.sidebar-service-link>i{flex:0 0 auto}.sidebar-cta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;background:var(--red);color:#fff!important;border-radius:10px;padding:13px}.sidebar-cta strong,.sidebar-cta small{display:block}.sidebar-cta strong{font-size:12px}.sidebar-cta small{font-size:10px;opacity:.85}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-info,.contact-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.contact-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border-bottom:0}.contact-item i{color:var(--red);font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:800}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;background:#fff}.form-field textarea{min-height:130px;resize:vertical}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.simple-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.card-image{aspect-ratio:4/3;overflow:hidden;border-radius:9px;margin-bottom:13px}.card-image img{width:100%;height:100%;object-fit:cover}.card-body h3{margin:0 0 6px;font-size:17px}.card-body p{color:var(--muted);font-size:12px}.blog-date{font-size:10px;color:var(--red);font-weight:900}.empty{text-align:center;padding:70px 0}.error-btn{display:inline-flex;margin-top:15px;background:var(--red);color:#fff!important;padding:12px 18px;border-radius:22px;font-weight:900}
/* Footer */
.site-footer{background:var(--black);color:#fff;border-top:5px solid var(--yellow)}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.1fr 1.2fr;gap:35px;padding:48px 0 35px}.footer-logo{display:block}.footer-logo-mark img{width:auto;max-width:220px;max-height:70px;object-fit:contain}.footer-logo-mark strong{display:block;font-size:23px}.footer-logo-mark b{color:var(--red);font-size:21px}.footer-brand p{font-size:12px;color:#b9c0c3;max-width:310px}.footer-promise{display:flex;gap:10px;align-items:center;margin-top:17px}.footer-promise i{color:var(--yellow);font-size:22px}.footer-promise strong,.footer-promise small{display:block}.footer-promise strong{font-size:12px}.footer-promise small{color:#aab0b2;font-size:10px}.site-footer h3{font-size:13px;color:var(--yellow);margin:0 0 13px}.site-footer> .container a,.footer-grid>div>a,.footer-grid>div>span{display:block;color:#d8dddf;font-size:11px;padding:4px 0}.footer-grid>div>a:hover{color:var(--yellow)}.footer-grid>div>span i,.footer-grid>div>a i{color:var(--yellow);margin-right:5px}.footer-wa{background:var(--red)!important;color:#fff!important;text-align:center;border-radius:20px;margin-top:9px;padding:8px!important;font-weight:900}.socials{display:flex;gap:7px;margin-top:12px}.socials a{width:31px!important;height:31px;padding:0!important;border-radius:50%;background:#122b49;display:grid!important;place-items:center}.socials a:hover{background:var(--yellow);color:var(--black)!important}.footer-bottom{background:var(--yellow);color:var(--black);font-size:10px;font-weight:700}.footer-bottom .container{min-height:38px;display:flex;justify-content:space-between;align-items:center}.mobile-actions{display:none}
/* Mobile menu */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:98}.mobile-overlay.open{display:block}.mobile-panel{position:fixed;top:0;right:-100%;width:min(360px,88vw);height:100vh;background:var(--black);color:#fff;z-index:100;display:flex;flex-direction:column;transition:right .25s;box-shadow:-15px 0 35px rgba(0,0,0,.3)}.mobile-panel.open{right:0}.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #203952}.mobile-panel-head .brand img{max-width:190px;max-height:54px}.mobile-panel nav{overflow-y:auto}.mobile-panel nav a{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:13px 17px;border-bottom:1px solid #203952;font-size:13px}.mobile-panel nav a:hover,.mobile-panel nav a.active{color:var(--yellow)}.menu-close{width:40px;height:40px;border:0;border-radius:9px;background:var(--red);color:#fff;font-size:18px}.mobile-call,.mobile-wa{margin:10px 14px 0;padding:12px 14px;border-radius:22px;text-align:center;font-weight:900}.mobile-call{background:var(--red);color:#fff!important}.mobile-wa{background:var(--yellow);color:var(--black)!important}.mobile-panel .menu-group>.menu-sub{display:none;background:#122b49}.mobile-panel .menu-group.mobile-open>.menu-sub{display:block}body.mobile-menu-open{overflow:hidden}
/* Lightbox */
.yn-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:25px;z-index:9999}.yn-lightbox.open{display:flex}.yn-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}.yn-lightbox-img{position:relative;z-index:2;max-width:min(92vw,1100px);max-height:82vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.yn-lightbox-close{position:absolute;z-index:3;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--yellow);color:var(--black);font-size:28px;cursor:pointer}.yn-lightbox-title{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:7px 14px;border-radius:16px;font-size:12px}
@media(max-width:1050px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.home-content-grid{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.side-phone{grid-column:span 2}.quick-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
.service-image{height:205px}
.gallery-thumb{height:165px}
.card-image{aspect-ratio:4/3}
.topbar-item:first-child{display:none}.topbar-inner{gap:10px}.top-phone{margin-left:auto}.top-wa{padding:8px 11px}.desktop-nav,.nav-quote{display:none}.nav-inner{min-height:68px;justify-content:space-between}.menu-toggle{display:block}.brand{min-width:0}.brand img{max-width:190px}.hero-home,.hero-content{min-height:590px}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 70%,rgba(255,255,255,.35) 100%)}.hero-copy{width:100%;padding:50px 0}.hero h1{font-size:45px}.hero-service-badge{width:105px;height:105px;right:18px;top:auto;bottom:18px}.hero-service-badge strong{font-size:15px}.hero-service-badge span{font-size:9px}.hero-checks{gap:7px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(2n){border-right:0}.section{padding:55px 0}.section-head{align-items:flex-start;flex-direction:column}.section-head h2,.about-copy h2,.faq-intro h2,.contact-band h2{font-size:29px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-wrap,.faq-wrap,.contact-grid{grid-template-columns:1fr;gap:28px}.about-visual img{height:290px}.about-stats{grid-template-columns:repeat(2,1fr)}.home-gallery{grid-template-columns:repeat(2,1fr)}.gallery-grid,.cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.regions-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-main{padding:20px}.detail-image{margin:-20px -20px 20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom .container{padding:10px 0;gap:10px;flex-direction:column;text-align:center}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 20px rgba(0,0,0,.08)}.mobile-actions a{text-align:center;padding:9px;font-size:11px;font-weight:900}.mobile-actions a:first-child{color:#fff;background:var(--red)}.mobile-actions a:last-child{color:var(--black);background:var(--yellow)}.mobile-actions i{display:block;font-size:17px}}
@media(max-width:560px){
.service-image{height:190px}
.gallery-thumb{height:155px}
.card-image{aspect-ratio:4/3}
.container{width:min(100% - 28px,1180px)}.topbar-item{display:none}.top-phone small{display:none}.top-phone strong{font-size:11px}.top-wa span{display:none}.top-wa{border-radius:0 0 0 12px}.service-grid,.gallery-grid,.cards-grid{grid-template-columns:1fr;gap:10px}.home-sidebar{grid-template-columns:1fr}.side-phone{grid-column:auto}.regions-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-checks{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.contact-band{padding:25px 20px;align-items:flex-start;flex-direction:column}.page-hero h1{font-size:34px}}
/* Footer v3 - construction logistics focused */
.site-footer{position:relative;overflow:hidden;background:#0b1f3a;color:#fff;border-top:0}
.footer-top-accent{min-height:42px;background:#0b1f3a;color:#0b1f3a;display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:1000;letter-spacing:1px}
.footer-top-accent span{width:70px;height:3px;background:#d71920;display:block}
.footer-grid{padding:52px 0 42px;gap:38px;grid-template-columns:1.55fr 1fr 1.15fr 1.25fr}
.footer-main-brand{padding-right:20px}
.footer-logo-mark img{max-width:250px;max-height:82px}
.footer-brand p{font-size:12px;line-height:1.7;color:#bfc4c6;max-width:390px;margin:16px 0 15px}
.footer-material-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}
.footer-material-tags span{border:1px solid #29415b;background:#102842;color:#d71920;border-radius:18px;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase}
.footer-promise{padding:13px 14px;background:#102842;border-left:4px solid #d71920;border-radius:9px;margin-top:10px}
.footer-promise i{color:#d71920;font-size:24px}.footer-promise strong{font-size:12px}.footer-promise small{font-size:10px;color:#aeb4b6;margin-top:3px}
.footer-column h3{position:relative;color:#fff;font-size:13px;padding-bottom:10px;margin:0 0 10px;border-bottom:1px solid #29415b}
.footer-column h3:after{content:"";position:absolute;left:0;bottom:-1px;width:42px;height:3px;background:#d71920}
.footer-column>a,.footer-column>span{display:flex!important;align-items:center;gap:8px;color:#d9ddde!important;padding:8px 0!important;font-size:11px!important;border-bottom:1px dashed #203952;transition:.2s}
.footer-column>a i{color:#d71920;font-size:10px}.footer-column>a:hover{color:#0b1f3a!important;padding-left:4px!important}
.footer-contact>a,.footer-contact>span{gap:11px}.footer-contact>a>i,.footer-contact>span>i{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#122b49;color:#d71920;margin-right:0}.footer-contact small{display:block;color:#858d90;font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:1px}.footer-contact>a span,.footer-contact>span span{display:block}
.footer-wa{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#d71920!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:12px!important;margin-top:13px!important;font-weight:900!important}.footer-wa>i{background:transparent!important;color:#fff!important;width:auto!important}.footer-wa b{font-size:18px}.footer-wa:hover{background:#b9151b!important;transform:translateY(-2px)}
.socials{gap:8px;margin-top:16px}.socials a{background:#122b49!important;border:1px solid #29415b}.socials a:hover{background:#0b1f3a!important;color:#0b1f3a!important;border-color:#0b1f3a}
.footer-bottom{background:#0b1f3a;color:#0b1f3a;font-size:10px;font-weight:800;border-top:3px solid #d71920}.footer-bottom .container{min-height:44px}.footer-bottom b{font-weight:1000}
@media(max-width:1050px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:span 3}}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:span 2}.footer-top-accent span{width:35px}.footer-top-accent{gap:10px;font-size:10px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;padding:38px 0 30px}.footer-contact{grid-column:auto}.footer-main-brand{padding-right:0}.footer-top-accent span{display:none}.footer-bottom .container{padding:10px 0}}

/* Yeni HTML şablon entegrasyonu - Yetişen Nakliyat / İnşaat Malzemeleri */
.hero-template{background:linear-gradient(115deg,#0b1f3a 0%,#102842 55%,#081a30 100%);color:#fff;min-height:570px;overflow:hidden}
.hero-template:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(255,212,0,.12),transparent 30%),linear-gradient(90deg,rgba(11,13,14,.98),rgba(11,13,14,.86) 52%,rgba(11,13,14,.25));pointer-events:none}
.hero-template-grid{position:relative;z-index:2;min-height:570px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:42px;align-items:center}
.hero-template-copy{padding:58px 0}.hero-template-copy h1{color:#fff;font-size:clamp(36px,4.1vw,54px);line-height:1.02;letter-spacing:-2px;margin:18px 0 16px}.hero-template-copy h1 .accent{color:var(--yellow)}
.hero-template-copy>p{color:#d7dcde;max-width:640px;font-size:16px;line-height:1.7;margin:0 0 20px}.template-checks{margin:22px 0 26px;gap:10px 24px}.template-checks span{color:#f5f6f6}.template-checks i{color:var(--yellow);text-shadow:none}
.hero-template-visual{position:relative;padding:34px 0}.hero-template-image{position:relative;border:6px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.38);background:#18314c}.hero-template-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.25));pointer-events:none}.hero-template-image img{width:100%;height:410px;object-fit:cover}.hero-template-badge{position:absolute;right:-20px;top:10px;z-index:3;background:var(--red);color:#fff;padding:13px 18px 14px;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.3);transform:rotate(3deg);text-align:center;min-width:190px}.hero-template-badge strong,.hero-template-badge span,.hero-template-badge b{display:block}.hero-template-badge strong{font-size:11px;letter-spacing:1px;color:var(--red)}.hero-template-badge span{font-size:13px;font-weight:900}.hero-template-badge b{font-size:17px;line-height:1;margin-top:2px}.hero-template-stamp{position:absolute;left:-25px;bottom:5px;width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--red);border:6px solid #fff;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.3);transform:rotate(-7deg)}.hero-template-stamp i{color:var(--yellow);font-size:14px}.hero-template-stamp strong{font-size:25px;line-height:1}.hero-template-stamp span{font-size:10px;font-weight:800}
.quick-features{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(0,0,0,.04)}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr)}.quick-item{min-height:128px;padding:22px 14px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #eceeee;transition:.2s}.quick-item:last-child{border-right:0}.quick-item:hover{background:#f4f7fa}.quick-item>i{font-size:27px;color:var(--red);margin-bottom:9px}.quick-item strong{font-size:13px;color:#102842}.quick-item span{font-size:10px;color:#71787b;line-height:1.45;margin-top:4px;max-width:145px}
.service-grid-template{grid-template-columns:repeat(2,1fr);gap:18px}.service-grid-template .service-image{height:205px}.service-grid-template .service-body h3{font-size:16px}.service-grid-template .service-body p{font-size:12px;line-height:1.6}
.about-section{border-top:1px solid #eef0f0}.about-visual img{box-shadow:0 16px 40px rgba(0,0,0,.08)}.about-stats div{border:1px solid #eceeee;background:#fafafa}.about-stats strong{color:var(--red)}
.gallery-section{border-top:1px solid #eceeee}.gallery-thumb{box-shadow:0 6px 20px rgba(0,0,0,.06)}
.region-section{border-top:1px solid #eceeee}.region:hover{background:#f7f9fb}
.faq-section{background:#f3f5f5}.faq-card{background:#fff;border:1px solid #e3e6e6;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:#fff;color:#191c1e;padding:16px 18px;font-weight:900;text-align:left;cursor:pointer}.faq-q i{color:var(--red);transition:.2s}.faq-card.open .faq-q{background:#f4f7fa}.faq-card.open .faq-q i{transform:rotate(45deg)}.faq-a{display:none;padding:0 18px 17px;color:#646b6e;font-size:13px;line-height:1.65}.faq-card.open .faq-a{display:block}
.cta-section{background:var(--black);padding:26px 0}.contact-band{color:#fff}.contact-band h2{color:#fff}.contact-band p{color:#bfc5c7}
@media(max-width:1050px){.hero-template-grid{grid-template-columns:1fr 1fr;gap:25px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-item:nth-child(3n){border-right:0}.service-grid-template{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero-template{min-height:0}.hero-template-grid{grid-template-columns:1fr;min-height:0}.hero-template-copy{padding:55px 0 20px}.hero-template-visual{padding:15px 0 55px}.hero-template-image img{height:330px}.hero-template-badge{right:4px;top:-5px}.hero-template-stamp{left:10px;bottom:25px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(3n){border-right:1px solid #eceeee}.quick-item:nth-child(2n){border-right:0}.service-grid-template{grid-template-columns:1fr}}
@media(max-width:560px){.hero-template-copy h1{font-size:36px}.hero-template-copy>p{font-size:14px}.hero-template-image img{height:255px}.hero-template-badge{min-width:165px;padding:10px 12px}.hero-template-stamp{width:88px;height:88px}.hero-template-stamp strong{font-size:21px}.quick-item{min-height:120px;padding:18px 8px}.quick-item>i{font-size:23px}.quick-item strong{font-size:11px}.quick-item span{font-size:9px}.faq-q{font-size:12px}}

/* Color harmony patch: red + navy */
:root{
  --navy:#0b1f3a;
  --navy2:#123b63;
  --red:#d71920;
  --red2:#b9151b;
  --black:#0b1f3a;
  --black2:#122b49;
  --yellow:#0b1f3a;
  --yellow2:#123b63;
}
.topbar{border-bottom-color:var(--red)}
.topbar-icon{background:rgba(215,25,32,.12);color:var(--red)}
.desktop-nav a:after{background:var(--red)}
.nav-quote,.btn-yellow,.section-pill,.side-box h3{background:var(--navy);color:#fff!important}
.nav-quote:hover,.section-pill:hover,.btn-yellow:hover{background:var(--red);color:#fff!important}
.hero-label{background:var(--navy);color:#fff}
.hero-checks i,.hero-service-badge i,.breadcrumb i{color:var(--red)}
.hero-template:before{background:radial-gradient(circle at 72% 35%,rgba(215,25,32,.12),transparent 30%),linear-gradient(90deg,rgba(11,31,58,.98),rgba(11,31,58,.86) 52%,rgba(11,31,58,.25))}
.hero-template-copy h1 .accent{color:var(--red)}
.hero-template-badge{background:var(--navy);color:#fff}
.hero-template-badge strong{color:#fff}
.hero-template-stamp{background:var(--red)}
.quick-item:hover{background:#f4f7fa}
.region-icon{background:#eef3f8;color:var(--red)}
.region:hover{border-color:var(--red);background:#f8fafc}
.faq-card.open .faq-q{background:#f4f7fa}
.page-hero{border-bottom-color:var(--red)}
.site-footer{border-top:0}
.footer-top-accent{background:var(--navy);color:#fff}
.footer-top-accent span{background:var(--red)}
.footer-column h3{color:#fff}
.footer-column h3:after{background:var(--red)}
.footer-material-tags span{color:var(--red)}
.footer-promise{border-left-color:var(--red)}
.footer-promise i{color:var(--red)}
.footer-wa{background:var(--red)!important}
.footer-bottom{background:var(--navy);color:#fff;border-top-color:var(--red)}
.mobile-panel{background:var(--navy)}
.mobile-panel nav a:hover,.mobile-panel nav a.active{color:#fff;border-left:3px solid var(--red)}
.mobile-call{background:var(--red)}
.mobile-wa{background:var(--navy);color:#fff!important;border:1px solid rgba(255,255,255,.18)}
.mobile-actions a:last-child{color:#fff;background:var(--navy)}
.yn-lightbox-close{background:var(--red);color:#fff}

/* Final layout refinements: full-width CTA inside container + home card spacing */
.cta-section{background:var(--bg);padding:28px 0 34px}
.contact-band{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;background:var(--black);color:#fff;padding:32px 38px;border-radius:16px;box-shadow:0 12px 30px rgba(11,31,58,.12)}
.contact-band .section-kicker{color:var(--red)}
.contact-band h2{margin:5px 0 8px;color:#fff}
.contact-band p{margin:0;color:#d4dbe1;max-width:760px;line-height:1.65}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.contact-actions .btn-main,.contact-actions .btn-yellow{min-height:46px;padding:12px 18px}
.home-sidebar{gap:16px}
.home-sidebar .side-box{padding:19px 18px}
.home-sidebar .side-box h3{margin:-19px -18px 14px;padding:11px 15px;line-height:1.35}
.home-sidebar .side-box ul{margin:0 0 15px}
.home-sidebar .side-box li{padding:7px 0;line-height:1.45}
.home-sidebar .side-call{padding:11px 14px}
.home-sidebar .side-wa{padding:18px}
.home-sidebar .side-phone{padding:18px}
.service-grid-home .service-body{padding:17px 18px 19px}
.service-grid-home .service-body h3{margin:10px 0 6px;line-height:1.35}
.service-grid-home .service-body p{margin:0 0 10px;line-height:1.55}

@media(max-width:800px){
  .cta-section{padding:24px 0 30px}
  .contact-band{grid-template-columns:1fr;gap:20px;padding:27px 24px;border-radius:14px}
  .contact-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .contact-band{padding:23px 19px}
  .contact-band h2{font-size:25px}
  .contact-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .contact-actions a{width:100%}
  .home-sidebar .side-box{padding:17px 16px}
  .home-sidebar .side-box h3{margin:-17px -16px 13px;padding:10px 14px}
  .home-sidebar .side-wa,.home-sidebar .side-phone{padding:16px}
}

/* Container + footer WhatsApp final fix */
.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-left:auto;margin-right:auto}
.cta-section{width:100%;overflow:hidden}
.cta-section>.container{width:min(1180px,calc(100% - 40px));max-width:1180px}
.contact-band{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.contact-band>div{min-width:0}
.contact-actions{min-width:0}

.site-footer{width:100%;overflow:hidden}
.site-footer>.container{width:min(1180px,calc(100% - 40px));max-width:1180px}
.footer-grid{width:100%;max-width:100%;min-width:0}
.footer-grid>div{min-width:0}
.footer-contact{min-width:0}
.footer-wa{width:100%;max-width:100%;min-width:0;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;box-sizing:border-box!important;overflow:hidden!important}
.footer-wa>i{flex:0 0 22px!important;width:22px!important;margin:0!important;font-size:18px!important;text-align:center}
.footer-wa>span{flex:1 1 auto!important;min-width:0!important;display:block!important;text-align:left!important;line-height:1.25!important;overflow:hidden!important}
.footer-wa>span small{display:block!important;margin-bottom:2px!important;line-height:1.15!important}
.footer-wa>b{flex:0 0 auto!important;margin-left:auto!important;font-size:16px!important;line-height:1!important}
.footer-wa:hover{transform:none}

@media(max-width:800px){
  .container,.cta-section>.container,.site-footer>.container{width:calc(100% - 32px);max-width:none}
  .contact-band{width:100%;padding:25px 22px}
  .contact-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .contact-actions a{width:100%;min-width:0}
  .footer-grid{width:100%}
  .footer-wa{padding:11px 12px!important}
}
@media(max-width:560px){
  .container,.cta-section>.container,.site-footer>.container{width:calc(100% - 28px)}
  .contact-band{padding:22px 18px}
  .contact-actions{grid-template-columns:1fr}
  .footer-wa{width:100%;padding:11px 12px!important}
}

/* Footer link hover + right arrow refinement */
.footer-column:not(.footer-contact)>a{
  position:relative;
  color:#d9ddde!important;
  padding-right:24px!important;
  transition:color .2s ease, padding-left .2s ease, background .2s ease;
}
.footer-column:not(.footer-contact)>a::after{
  content:'\\f285';
  font-family:'bootstrap-icons';
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  color:#d71920;
  font-size:11px;
  opacity:.9;
  transition:color .2s ease, right .2s ease;
}
.footer-column:not(.footer-contact)>a:hover{
  color:#fff!important;
  padding-left:5px!important;
}
.footer-column:not(.footer-contact)>a:hover::after{
  color:#fff;
  right:0;
}
.footer-column:not(.footer-contact)>a>i{
  flex:0 0 auto;
  color:#d71920!important;
  transition:color .2s ease;
}
.footer-column:not(.footer-contact)>a:hover>i{
  color:#fff!important;
}
/* Keep contact icons visible and make contact links react consistently. */
.footer-contact>a:hover>i{
  color:#fff!important;
  background:#d71920!important;
}
.footer-contact>a:not(.footer-wa):hover{
  color:#fff!important;
}
.footer-wa:hover>i{color:#fff!important;background:transparent!important}

/* Footer başlık alanı ve ana sayfa sağ kartları - son düzenleme */
.footer-top-accent-wrap{padding-top:0;padding-bottom:0}
.footer-top-accent{border-radius:0 0 12px 12px;min-height:48px;padding:0 24px;box-sizing:border-box}
.home-sidebar .side-box{padding:20px 20px 18px;border-radius:12px}
.home-sidebar .side-box h3{margin:-20px -20px 15px;padding:12px 18px;border-radius:12px 12px 0 0;line-height:1.35}
.home-sidebar .side-box ul{padding:0 1px;margin-bottom:16px}
.home-sidebar .side-box li{padding:8px 2px}
.home-sidebar .side-call,.home-sidebar .side-wa,.home-sidebar .side-phone{margin-left:0;margin-right:0}
@media(max-width:560px){.footer-top-accent{padding:0 14px;border-radius:0 0 10px 10px}.home-sidebar .side-box{padding:18px 17px 17px}.home-sidebar .side-box h3{margin:-18px -17px 14px;padding:11px 15px}}

/* Footer iç boşluk son düzenleme */
.footer-top-accent-wrap{padding-top:14px;padding-bottom:0}
.footer-top-accent{
  min-height:0;
  padding:18px 24px 20px;
  box-sizing:border-box;
  border-radius:12px 12px 0 0;
}
.footer-grid{padding-top:42px}
.footer-column h3{padding-top:2px;margin-bottom:16px}
.footer-column:not(.footer-contact)>a{padding-top:8px!important;padding-bottom:8px!important}
.footer-contact>a:not(.footer-wa),
.footer-contact>span{
  box-sizing:border-box;
  padding:9px 10px!important;
  margin:0 0 7px!important;
  border-radius:8px;
  background:rgba(255,255,255,.025);
}
.footer-contact>a:not(.footer-wa)>i,
.footer-contact>span>i{margin-right:10px!important}
.footer-wa{margin-top:10px!important;padding:12px 14px!important;border-radius:10px!important}
.home-sidebar .side-box{padding:22px 22px 20px!important}
.home-sidebar .side-box h3{margin:-22px -22px 16px!important;padding:13px 19px!important}
.home-sidebar .side-box li{padding:9px 3px!important}
@media(max-width:560px){
  .footer-top-accent-wrap{padding-top:8px}
  .footer-top-accent{padding:15px 14px 17px}
  .footer-grid{padding-top:34px}
  .footer-contact>a:not(.footer-wa),.footer-contact>span{padding:9px 10px!important}
  .home-sidebar .side-box{padding:19px 18px 18px!important}
  .home-sidebar .side-box h3{margin:-19px -18px 15px!important;padding:12px 16px!important}
}

/* Footer iletişim ikonları - görünürlük düzeltmesi */
.footer-contact>a:not(.footer-wa)>i,
.footer-contact>span>i{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  margin:0 10px 0 0!important;
  padding:0!important;
  background:#163653!important;
  color:#d71920!important;
  border-radius:8px!important;
  font-family:"bootstrap-icons"!important;
  font-style:normal!important;
  font-size:15px!important;
  line-height:1!important;
  text-align:center!important;
}
.footer-contact>a:not(.footer-wa)>i::before,
.footer-contact>span>i::before{
  display:block!important;
  font-family:"bootstrap-icons"!important;
  font-size:15px!important;
  line-height:1!important;
  color:#d71920!important;
}
.footer-contact>a:hover:not(.footer-wa)>i,
.footer-contact>span:hover>i{
  background:#d71920!important;
  color:#fff!important;
}
.footer-contact>a:hover:not(.footer-wa)>i::before,
.footer-contact>span:hover>i::before{
  color:#fff!important;
}
.footer-wa>i,
.footer-wa>i::before{
  font-family:"bootstrap-icons"!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
}
/* Sağ ok ikonunu Bootstrap Icons ile doğru kodla göster */
.footer-column:not(.footer-contact)>a::after{
  content:"\f285";
  font-family:"bootstrap-icons"!important;
  font-style:normal;
  font-weight:normal;
  line-height:1;
  color:#d71920;
}
.footer-column:not(.footer-contact)>a:hover::after{color:#fff}

/* Footer WhatsApp button - final visual and responsive fix */
.site-footer .footer-contact .footer-wa{
  width:100% !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:11px 13px !important;
  margin-top:14px !important;
  border-radius:10px !important;
  background:#25D366 !important;
  color:#fff !important;
  text-decoration:none !important;
  text-align:left !important;
  overflow:hidden !important;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.site-footer .footer-contact .footer-wa > i{
  flex:0 0 32px !important;
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}
.site-footer .footer-contact .footer-wa > i::before{
  font-family:"bootstrap-icons" !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}
.site-footer .footer-contact .footer-wa > span{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:block !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  overflow:visible !important;
  white-space:normal !important;
}
.site-footer .footer-contact .footer-wa > span small{
  display:block !important;
  margin:0 0 3px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:9px !important;
  line-height:1.1 !important;
  letter-spacing:.7px !important;
  text-transform:uppercase !important;
}
.site-footer .footer-contact .footer-wa > b{
  flex:0 0 24px !important;
  margin-left:auto !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1 !important;
  text-align:center !important;
}
.site-footer .footer-contact .footer-wa:hover{
  background:#128C7E !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
}
.site-footer .footer-contact .footer-wa:hover > i,
.site-footer .footer-contact .footer-wa:hover > i::before,
.site-footer .footer-contact .footer-wa:hover > span,
.site-footer .footer-contact .footer-wa:hover > span small,
.site-footer .footer-contact .footer-wa:hover > b{color:#fff !important;}
@media(max-width:560px){
  .site-footer .footer-contact .footer-wa{min-height:54px !important;padding:10px 12px !important;gap:10px !important;}
  .site-footer .footer-contact .footer-wa > i,.site-footer .footer-contact .footer-wa > i::before{font-size:22px !important;}
}

/* Footer telefon numarası - daha belirgin */
.site-footer .footer-contact .footer-phone-link > span{
  display:block !important;
  min-width:0 !important;
}
.site-footer .footer-contact .footer-phone-link > span strong{
  display:block !important;
  margin-top:2px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
}
.site-footer .footer-contact .footer-phone-link:hover > span strong{
  color:#fff !important;
}
@media(max-width:560px){
  .site-footer .footer-contact .footer-phone-link > span strong{
    font-size:17px !important;
  }
}

/* Final readability + mobile menu alignment fix */
.side-regions a,
.side-regions a:visited{
  color:#1b2228!important;
  display:flex;
  align-items:center;
  gap:7px;
  line-height:1.45;
  padding:7px 4px;
  border-radius:7px;
  transition:color .2s ease,background .2s ease,padding-left .2s ease;
}
.side-regions a:hover{
  color:var(--red)!important;
  background:#f7f9fb;
  padding-left:7px;
}
.side-regions a i{color:var(--red)!important;flex:0 0 auto}
.side-more{color:#fff!important}
.side-more:hover{color:#fff!important;background:var(--red)!important}

/* Similar sidebar/detail buttons: keep text readable on every state */
.sidebar-links a,
.sidebar-links a:visited,
.region,
.region:visited{
  color:#1b2228!important;
}
.sidebar-links a:hover,
.region:hover{
  color:#1b2228!important;
}
.sidebar-links a span{color:#1b2228!important}
.sidebar-links a:hover span{color:#1b2228!important}

/* Hamburger menu readability */
.mobile-panel nav a,
.mobile-panel nav a:visited{
  color:#fff!important;
  background:transparent;
}
.mobile-panel nav a:hover,
.mobile-panel nav a:focus,
.mobile-panel nav a.active{
  color:#fff!important;
  background:#122b49!important;
  border-left:3px solid var(--red);
}
.mobile-panel .menu-sub{
  background:#122b49!important;
  border-left:2px solid rgba(215,25,32,.55);
}
.mobile-panel .menu-sub a{
  color:#e9edf0!important;
  padding-left:30px;
  font-size:12px;
}
.mobile-panel .menu-sub a:hover,
.mobile-panel .menu-sub a:focus{
  color:#fff!important;
  background:#183654!important;
}
.mobile-panel .menu-group>a .bi-chevron-down,
.mobile-panel .menu-group>a .bi-chevron-right{
  color:#d71920!important;
}

@media(max-width:800px){
  .nav-inner{
    position:relative;
    justify-content:center;
    min-height:68px;
  }
  .nav-inner .brand{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    min-width:0;
    width:auto;
    justify-content:center;
  }
  .nav-inner .brand img{
    max-width:180px;
    max-height:52px;
  }
  .nav-inner .menu-toggle{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
  }
}
@media(max-width:560px){
  .nav-inner{min-height:64px}
  .nav-inner .brand img{max-width:165px;max-height:48px}
  .nav-inner .menu-toggle{width:42px;height:42px}
}

/* Mobile header: centered logo + clearly visible black hamburger */
@media(max-width:800px){
  .nav-inner{position:relative;justify-content:center;}
  .nav-inner .brand{left:50%;right:auto;transform:translateX(-50%);}
  .nav-inner .menu-toggle{
    display:grid;
    place-items:center;
    background:#fff!important;
    color:#111!important;
    border:1px solid #d9dde1!important;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
  }
  .nav-inner .menu-toggle i,
  .nav-inner .menu-toggle .bi-list{
    color:#111!important;
    font-size:27px!important;
    line-height:1;
    opacity:1!important;
  }
}

/* Hizmet Bölgeleri and similar sidebar buttons: strong text contrast */
.side-regions a,
.sidebar-links a,
.region{
  background:#fff!important;
  color:#17212b!important;
  font-weight:700;
}
.side-regions a span,
.sidebar-links a span,
.region span{color:#17212b!important;}
.side-regions a:hover,
.sidebar-links a:hover,
.region:hover{
  background:#f3f5f7!important;
  color:var(--red)!important;
}
.side-regions a:hover span,
.sidebar-links a:hover span,
.region:hover span{color:var(--red)!important;}

/* Mobile header final alignment: logo left, WhatsApp button square corners */
@media(max-width:800px){
  .nav-inner{justify-content:flex-start!important;}
  .nav-inner .brand{
    position:static!important;
    left:auto!important;
    transform:none!important;
    margin-right:auto!important;
    justify-content:flex-start!important;
  }
  .nav-inner .brand img{max-width:180px;max-height:52px;}
  .nav-inner .menu-toggle{right:0;}
}
@media(max-width:560px){
  .nav-inner .brand img{max-width:165px;max-height:48px;}
}
.top-wa{border-radius:0!important;}

/* Mobile: keep footer copyright visible above the fixed action bar */
@media(max-width:800px){
  .site-footer{padding-bottom:58px;}
  .footer-bottom{position:relative;z-index:2;}
  .footer-bottom .container{min-height:52px;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;}
  .footer-bottom .container span{display:block;color:#fff!important;font-size:10px;line-height:1.45;}
}

/* Mobile hamburger: show hand cursor on hover */
@media(max-width:800px){
  .nav-inner .menu-toggle{cursor:pointer!important;}
  .nav-inner .menu-toggle:hover{cursor:pointer!important;}
}

/* Mobile menu close button: always visible X and clickable */
.mobile-panel .menu-close{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  min-width:40px;
  border:0!important;
  border-radius:0!important;
  background:var(--red)!important;
  color:#fff!important;
  cursor:pointer;
  z-index:5;
}
.mobile-panel .menu-close i{display:none!important;}
.mobile-panel .menu-close::before,
.mobile-panel .menu-close::after{
  content:"";
  position:absolute;
  width:21px;
  height:3px;
  background:#fff;
  border-radius:2px;
}
.mobile-panel .menu-close::before{transform:rotate(45deg);}
.mobile-panel .menu-close::after{transform:rotate(-45deg);}


/* Mobil topbar + hero badge readability */
@media (max-width:560px){
  .topbar-inner{gap:8px;min-height:42px}
  .topbar-item:first-child{display:none}
  .topbar-item:nth-child(2){display:flex;align-items:center;gap:7px;min-width:0;flex:1}
  .topbar-item:nth-child(2) .topbar-icon{width:22px;height:22px;flex:0 0 22px;font-size:11px}
  .topbar-item:nth-child(2) small{font-size:8px;line-height:1.05}
  .topbar-item:nth-child(2) strong{font-size:11px;line-height:1.15;white-space:nowrap}
  .top-phone{margin-left:auto;flex:0 0 auto}
  .topbar .top-phone .topbar-icon{width:22px;height:22px}
  .hero-template-badge{
    right:6px;
    top:-2px;
    min-width:182px;
    padding:11px 14px 12px;
    border-radius:12px;
    transform:none;
    box-shadow:0 8px 20px rgba(0,0,0,.28);
  }
  .hero-template-badge strong{font-size:12px;line-height:1.15;letter-spacing:.8px}
  .hero-template-badge span{font-size:15px;line-height:1.2;margin-top:2px}
  .hero-template-badge b{font-size:17px;line-height:1.1;margin-top:3px}
}

/* İnşaat malzemeleri rozeti: mobilde siyah metin okunabilirliği */
.hero-template-badge{background:#fff;color:#111}
.hero-template-badge strong{color:var(--red)}
.hero-template-badge span,.hero-template-badge b{color:#111}
@media(max-width:560px){
  .hero-template-badge{background:#fff;color:#111}
  .hero-template-badge span,.hero-template-badge b{color:#111}
}
/* Hero badge: white text on red background */
.hero-template-badge{background:var(--red)!important;color:#fff!important}
.hero-template-badge strong,.hero-template-badge span,.hero-template-badge b{color:#fff!important}

/* Hakkımızda görsel rozeti: okunabilirlik */
.about-badge{background:#000!important;color:#fff!important;border:0!important;outline:0!important;z-index:4}
.about-badge strong,.about-badge span{color:#fff!important}
.about-badge strong{font-size:24px}
.about-badge span{font-size:11px;font-weight:900}
@media(max-width:800px){.about-badge{right:12px;bottom:12px}.about-badge strong{font-size:20px}.about-badge span{font-size:10px}}
/* Hakkımızda badge: border kaldırıldı */
.hero-template-badge{border:0!important;outline:0!important;}

/* Hero ana rozet: beyaz badge, koyu okunabilir metin */
.hero-label{
  background:#fff!important;
  color:var(--navy)!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.hero-label i{color:var(--red)!important}

/* Gallery lightbox navigation */
.yn-lightbox-prev,.yn-lightbox-next{position:fixed;top:50%;transform:translateY(-50%);z-index:10002;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--black);font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.2s}
.yn-lightbox-prev{left:24px}.yn-lightbox-next{right:24px}
.yn-lightbox-prev:hover,.yn-lightbox-next:hover{background:var(--red);color:#fff}
.yn-lightbox-prev[hidden],.yn-lightbox-next[hidden]{display:none}
.yn-lightbox-img{max-width:min(90vw,1200px);max-height:82vh;object-fit:contain}
@media(max-width:700px){
  .yn-lightbox-prev,.yn-lightbox-next{width:42px;height:42px;font-size:24px}
  .yn-lightbox-prev{left:10px}.yn-lightbox-next{right:10px}
  .yn-lightbox-img{max-width:86vw;max-height:76vh}
}

/* Gallery: reduce excessive spacing between listed images */
.gallery-grid,
.galeri-grid,
.gallery-list,
.galeri-list,
.gallery-items,
.galeri-items {
  gap: 12px !important;
}
.gallery-grid .gallery-item,
.galeri-grid .gallery-item,
.gallery-list .gallery-item,
.galeri-list .gallery-item,
.gallery-items .gallery-item,
.galeri-items .gallery-item {
  margin-bottom: 0 !important;
}
@media (max-width: 700px) {
  .gallery-grid,
  .galeri-grid,
  .gallery-list,
  .galeri-list,
  .gallery-items,
  .galeri-items {
    gap: 9px !important;
  }
}

/* Additional gallery spacing normalization */
.gallery-grid{row-gap:12px !important;column-gap:12px !important;}
.home-gallery{row-gap:12px !important;column-gap:12px !important;}
.gallery-lightbox-link{row-gap:12px !important;column-gap:12px !important;}
.gallery-item{row-gap:12px !important;column-gap:12px !important;}
.gallery-thumb{row-gap:12px !important;column-gap:12px !important;}
.gallery-section{row-gap:12px !important;column-gap:12px !important;}

/* Final gallery layout: cards fill the grid and stay close together */
.gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  justify-content:stretch !important;
  justify-items:stretch !important;
  align-items:start !important;
}
.gallery-grid .gallery-item{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}
.gallery-grid .gallery-lightbox-link{
  width:100% !important;
}
@media(max-width:800px){
  .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}
@media(max-width:560px){
  .gallery-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
}



/* Gallery final layout: 4 columns desktop, 2 columns mobile */
.gallery-grid,
.galeri-grid,
.gallery-list,
.galeri-list,
.gallery-items,
.galeri-items {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.gallery-grid .gallery-item,
.galeri-grid .gallery-item,
.gallery-list .gallery-item,
.galeri-list .gallery-item,
.gallery-items .gallery-item,
.galeri-items .gallery-item {
  width: 100% !important;
  margin: 0 !important;
}
@media (max-width: 700px) {
  .gallery-grid,
  .galeri-grid,
  .gallery-list,
  .galeri-list,
  .gallery-items,
  .galeri-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
}

/* Hakkımızda sayfası - kurumsal ve dengeli düzen */
.about-page-section{padding:54px 0 64px;background:#fff}
.about-page-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:54px;align-items:center}
.about-page-media{position:relative;padding:10px 14px 18px 0}
.about-page-image{overflow:hidden;border-radius:18px;border:1px solid #e7eaec;box-shadow:0 18px 42px rgba(11,31,58,.12);background:#f5f7f8}
.about-page-image img{display:block;width:100%;height:420px;object-fit:cover}
.about-page-badge{position:absolute;right:-4px;bottom:0;display:flex;align-items:center;gap:11px;background:var(--navy);color:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 12px 28px rgba(11,31,58,.18)}
.about-page-badge>i{width:38px;height:38px;display:grid;place-items:center;background:var(--red);border-radius:9px;font-size:18px}
.about-page-badge strong,.about-page-badge small{display:block}.about-page-badge strong{font-size:11px;letter-spacing:.5px}.about-page-badge small{font-size:10px;color:#cbd4dd;margin-top:2px}
.about-page-content{min-width:0}.about-page-content h2{font-size:clamp(29px,3.1vw,43px);line-height:1.08;letter-spacing:-1px;color:var(--navy);margin:7px 0 14px}.about-lead{font-size:16px;line-height:1.75;color:#46525b;margin:0 0 18px;font-weight:600}.about-richtext{font-size:13px;line-height:1.8;color:#697279}.about-richtext p{margin:0 0 12px}.about-richtext h3,.about-richtext h4{color:var(--navy);margin:19px 0 8px;line-height:1.35}.about-richtext ul,.about-richtext ol{padding-left:20px;margin:8px 0 16px}.about-richtext li{margin:5px 0}.about-page-content .btn-main{display:inline-flex;margin-top:13px}
.about-page-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.about-highlight{display:flex;gap:12px;align-items:flex-start;border:1px solid #e7eaec;border-radius:12px;padding:17px 15px;background:#fff;transition:.2s}.about-highlight:hover{border-color:rgba(215,25,32,.45);transform:translateY(-2px)}.about-highlight>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;background:#fdf0f1;color:var(--red);border-radius:9px;font-size:18px}.about-highlight strong,.about-highlight small{display:block}.about-highlight strong{font-size:13px;color:var(--navy);margin:1px 0 4px}.about-highlight small{font-size:10.5px;line-height:1.5;color:#727b81}
.about-page-why{margin-top:56px;padding:42px;border-radius:16px;background:#f5f7f9;border:1px solid #e6eaed}.about-page-why-head{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end}.about-page-why-head h2{font-size:30px;line-height:1.18;color:var(--navy);margin:6px 0 0}.about-page-why-head>p{font-size:13px;line-height:1.75;color:#687279;margin:0}.about-page-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.about-page-why-grid>div{background:#fff;border:1px solid #e4e8eb;border-radius:12px;padding:22px 20px}.about-page-why-grid i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:9px;background:var(--navy);color:#fff;font-size:19px}.about-page-why-grid h3{font-size:15px;color:var(--navy);margin:13px 0 7px}.about-page-why-grid p{font-size:11.5px;line-height:1.65;color:#6d767c;margin:0}
.about-page-cta{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:var(--navy);color:#fff;border-radius:16px;padding:29px 32px}.about-page-cta .section-kicker{color:#fff}.about-page-cta h2{font-size:25px;margin:5px 0 6px;color:#fff}.about-page-cta p{margin:0;color:#cdd6de;font-size:12px;line-height:1.6}.about-page-cta-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.about-page-cta-actions .btn-main{background:var(--red);color:#fff}.about-page-cta-actions .btn-main:hover{background:#b9151b}.about-page-cta-actions .btn-yellow{background:#fff;color:var(--navy)!important}.about-page-cta-actions .btn-yellow:hover{background:#f0f3f5}
@media(max-width:1000px){.about-page-intro{grid-template-columns:1fr 1fr;gap:30px}.about-page-image img{height:360px}.about-page-highlights{grid-template-columns:repeat(2,1fr)}.about-page-why-head{grid-template-columns:1fr}.about-page-cta{grid-template-columns:1fr}.about-page-cta-actions{justify-content:flex-start}}
@media(max-width:760px){.about-page-section{padding:38px 0 48px}.about-page-intro{grid-template-columns:1fr;gap:32px}.about-page-media{padding-right:8px}.about-page-image img{height:300px}.about-page-content h2{font-size:31px}.about-page-highlights{margin-top:34px;grid-template-columns:1fr 1fr}.about-page-why{margin-top:40px;padding:28px 20px}.about-page-why-head h2{font-size:25px}.about-page-why-grid{grid-template-columns:1fr}.about-page-cta{padding:25px 20px}}
@media(max-width:500px){.about-page-highlights{grid-template-columns:1fr}.about-page-badge{right:0;padding:10px 12px}.about-page-badge>i{width:34px;height:34px;font-size:16px}.about-page-badge strong{font-size:10px}.about-page-badge small{font-size:9px}.about-page-image img{height:255px}.about-page-content h2{font-size:28px}.about-lead{font-size:14px}.about-richtext{font-size:12px}.about-page-cta-actions{flex-direction:column;align-items:stretch}.about-page-cta-actions a{justify-content:center}}

/* Hakkımızda üst bölüm: solda öne çıkan bilgiler, sağda görsel */
.about-page-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:54px;align-items:center}
.about-page-feature-side{padding-right:8px}
.about-page-feature-side h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-1px;color:var(--navy);margin:7px 0 12px}
.about-feature-intro{font-size:14px;line-height:1.75;color:#66727a;margin:0 0 22px;max-width:600px}
.about-page-feature-side .about-page-highlights{grid-template-columns:1fr 1fr;gap:11px;margin-top:0}
.about-page-feature-side .about-highlight{padding:14px 13px;min-height:82px}
.about-page-feature-side .about-highlight strong{font-size:12.5px}
.about-page-feature-side .about-highlight small{font-size:10.5px}
.about-page-media{padding:10px 0 18px 14px}
.about-page-text{margin-top:48px;padding:38px 42px;background:#f7f8f9;border:1px solid #e5e9ec;border-radius:16px}
.about-page-text h2{font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.7px;color:var(--navy);margin:7px 0 12px}
.about-page-text .about-lead{max-width:920px}
.about-page-text .about-richtext{max-width:980px}
.about-page-text-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.about-page-text-actions .btn-yellow{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--navy)!important;border:1px solid #dfe5e9}
.about-page-text-actions .btn-yellow:hover{background:var(--red);color:#fff!important;border-color:var(--red)}
@media(max-width:1000px){.about-page-intro{grid-template-columns:1fr 1fr;gap:30px}.about-page-feature-side .about-page-highlights{grid-template-columns:1fr}.about-page-media{padding-left:0}.about-page-image img{height:360px}}
@media(max-width:760px){.about-page-intro{grid-template-columns:1fr;gap:30px}.about-page-media{order:-1}.about-page-feature-side{padding-right:0}.about-page-feature-side .about-page-highlights{grid-template-columns:1fr 1fr}.about-page-text{margin-top:34px;padding:27px 20px}.about-page-text h2{font-size:28px}}
@media(max-width:500px){.about-page-feature-side .about-page-highlights{grid-template-columns:1fr}.about-page-text-actions{flex-direction:column;align-items:stretch}.about-page-text-actions a{justify-content:center}.about-page-feature-side h2{font-size:28px}}

/* Homepage service images: make them taller like the other listing cards */
.service-grid-home .service-image{height:250px !important;}
@media(max-width:800px){.service-grid-home .service-image{height:220px !important;}}
@media(max-width:560px){.service-grid-home .service-image{height:205px !important;}}

/* Desktop header menu: center the navigation between logo and CTA */
@media (min-width: 1051px){
  .nav-inner{gap:20px}
  .desktop-nav{
    flex:1 1 auto;
    justify-content:center;
    margin-left:0;
    margin-right:0;
  }
}


/* WhatsApp brand color - unified */
:root{
  --whatsapp:#25D366;
  --whatsapp-dark:#128C7E;
}

/* All dedicated WhatsApp buttons */
.top-wa,
.footer-wa,
.mobile-wa,
.side-wa>a,
a.btn-yellow:has(.bi-whatsapp),
a.btn-main:has(.bi-whatsapp),
button.whatsapp-form-submit,
.whatsapp-form-submit{
  background:#25D366 !important;
  color:#fff !important;
  border-color:#25D366 !important;
}

.top-wa:hover,
.footer-wa:hover,
.mobile-wa:hover,
.side-wa>a:hover,
a.btn-yellow:has(.bi-whatsapp):hover,
a.btn-main:has(.bi-whatsapp):hover,
button.whatsapp-form-submit:hover,
.whatsapp-form-submit:hover{
  background:#128C7E !important;
  color:#fff !important;
  border-color:#128C7E !important;
}

/* WhatsApp icons stay white on green buttons */
.top-wa .bi-whatsapp,
.footer-wa .bi-whatsapp,
.mobile-wa .bi-whatsapp,
.side-wa>a .bi-whatsapp,
a.btn-yellow:has(.bi-whatsapp) .bi-whatsapp,
a.btn-main:has(.bi-whatsapp) .bi-whatsapp,
button.whatsapp-form-submit .bi-whatsapp,
.whatsapp-form-submit .bi-whatsapp{
  color:#fff !important;
}

/* Liste kartlarında başlık ve görsel bağlantıları */
.card-image > a{display:block;width:100%;height:100%;}
.card-body h2 a{color:inherit;text-decoration:none;}
.card-body h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}

/* Hizmet detayına ait tüm görseller */
.service-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 26px}
.service-detail-gallery-item{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f2f3f3;border:1px solid var(--line);cursor:zoom-in}
.service-detail-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.service-detail-gallery-item:hover img{transform:scale(1.04)}
@media (max-width:760px){.service-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}


/* Liste kartları - görsel yoksa ikon her ekranda tam ortalı */
.card-image .no-image{
  width:100%;
  height:100%;
  min-height:180px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 !important;
  background:#f3f6f8 !important;
}
.card-image .no-image i{
  display:block !important;
  margin:0 auto !important;
  line-height:1 !important;
  font-size:42px !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
}
@media(max-width:760px){
  .card-image .no-image{
    min-height:170px;
  }
  .card-image .no-image i{
    font-size:40px !important;
  }
}

/* Mobil alt menü - WhatsApp yeşil */
@media(max-width:760px){
  .mobile-actions a:nth-child(2),
  .mobile-actions a:nth-child(2):visited{
    background:#25D366 !important;
    color:#fff !important;
    border-color:#25D366 !important;
  }
  .mobile-actions a:nth-child(2) .bi-whatsapp,
  .mobile-actions a:nth-child(2) span{
    color:#fff !important;
  }
  .mobile-actions a:nth-child(2):hover,
  .mobile-actions a:nth-child(2):active{
    background:#128C7E !important;
    color:#fff !important;
  }
}


/* Listeleme başlıklarında alt çizgiyi kaldır */
.card-title a,
.card-title a:hover,
.card-title a:focus,
.card-title a:active,
.listing-title a,
.listing-title a:hover,
.listing-title a:focus,
.listing-title a:active,
.service-title a,
.service-title a:hover,
.service-title a:focus,
.service-title a:active{
  text-decoration:none !important;
}

/* Listeleme başlıklarında alt çizgiyi kesin olarak kaldır */
.cards-grid .card-body h2 a,.cards-grid .card-body h2 a:hover,.cards-grid .card-body h2 a:focus,.cards-grid .card-body h2 a:active,.listing-title a,.listing-title a:hover,.service-title a,.service-title a:hover{ text-decoration:none !important; text-decoration-line:none !important; }

/* Mobil sabit Ara / WhatsApp barı - modern görünüm */
@media (max-width:760px){
  .mobile-actions{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    height:64px !important;
    padding:5px !important;
    gap:5px !important;
    grid-template-columns:1fr 1fr !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(15,35,55,.10) !important;
    border-radius:16px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.16) !important;
    overflow:hidden !important;
    backdrop-filter:blur(10px) !important;
  }
  .mobile-actions a,
  .mobile-actions a:first-child,
  .mobile-actions a:last-child{
    height:54px !important;
    min-height:54px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    border:0 !important;
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease !important;
  }
  .mobile-actions a:first-child{
    background:#1565c0 !important;
    box-shadow:0 5px 14px rgba(21,101,192,.25) !important;
  }
  .mobile-actions a:last-child{
    background:#25D366 !important;
    box-shadow:0 5px 14px rgba(37,211,102,.25) !important;
  }
  .mobile-actions a:active{
    transform:scale(.97) !important;
    filter:brightness(.94) !important;
  }
  .mobile-actions i{
    display:block !important;
    margin:0 !important;
    font-size:21px !important;
    line-height:1 !important;
    color:#fff !important;
  }
  .mobile-actions span{
    color:#fff !important;
    letter-spacing:.1px !important;
  }
  body{padding-bottom:84px !important;}
}

/* Detay sayfaları: dengeli başlıklar ve belirgin iç linkler */
.detail-main h2{font-size:28px;line-height:1.16;letter-spacing:-.35px;margin:6px 0 13px}
.detail-main h3{font-size:20px;line-height:1.2;margin:20px 0 9px}
.detail-main h4{font-size:17px;line-height:1.22;margin:17px 0 8px}

/* İçerik içi linkler: net renk + kalın görünüm */
.detail-main p a,
.detail-main li a,
.detail-main td a,
.detail-main blockquote a,
.detail-main div:not(.detail-image):not(.service-detail-gallery):not(.service-detail-gallery-item) a:not(.btn-main):not(.btn-yellow):not(.btn-ghost){
  color:#d71920 !important;
  font-weight:800 !important;
  text-decoration:underline !important;
  text-decoration-thickness:2px !important;
  text-underline-offset:3px !important;
}
.detail-main p a:hover,
.detail-main li a:hover,
.detail-main td a:hover,
.detail-main blockquote a:hover,
.detail-main div:not(.detail-image):not(.service-detail-gallery):not(.service-detail-gallery-item) a:not(.btn-main):not(.btn-yellow):not(.btn-ghost):hover{
  color:#b9151b !important;
  text-decoration-thickness:3px !important;
}
@media(max-width:760px){
  .detail-main h2{font-size:24px;line-height:1.18;letter-spacing:-.2px}
  .detail-main h3{font-size:18px;line-height:1.22}
  .detail-main h4{font-size:16px;line-height:1.25}
}

/* Performance: below-the-fold sections are laid out only when approaching the viewport. */
.services-section,.about-section,.gallery-section,.region-section,.faq-section,.cta-section{content-visibility:auto;contain-intrinsic-size:600px}
.hero-template-image img{aspect-ratio:6/5;content-visibility:auto}

/* Bölge detay sayfası - iletişim kartı */
.region-sidebar{overflow:hidden}
.region-contact-card{background:linear-gradient(145deg,#171b1e 0%,#252b2f 100%);border-radius:12px;padding:16px;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.region-contact-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.region-contact-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.10);color:#fff!important;font-size:19px;flex:0 0 42px}
.region-contact-top strong,.region-contact-top small,.region-contact-phone small,.region-contact-phone strong,.region-contact-wa strong,.region-contact-wa small,.region-contact-location small,.region-contact-location strong{display:block}
.region-contact-top strong{font-size:15px;line-height:1.1}.region-contact-top small{font-size:10px;color:#bfc5c8;margin-top:3px}
.region-contact-phone{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:9px;background:rgba(255,255,255,.08);color:#fff!important;margin-bottom:8px}
.region-contact-phone>i:first-child{color:#fff!important;font-size:15px}.region-contact-phone span{flex:1}.region-contact-phone small,.region-contact-wa small,.region-contact-location small{font-size:9px;color:#aeb5b9}.region-contact-phone strong{font-size:14px;letter-spacing:.2px;margin-top:2px}.region-contact-phone>i:last-child{font-size:12px;color:#fff!important}
.region-contact-wa{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:9px;background:#168c54;color:#fff!important;margin-bottom:8px}.region-contact-wa>i{font-size:19px;color:#fff!important}.region-contact-wa span{flex:1}.region-contact-wa strong{font-size:11px}.region-contact-wa small{margin-top:2px;color:#d8f2e5}
.region-contact-location{display:flex;align-items:center;gap:10px;padding:10px 2px 1px}.region-contact-location>i{color:#fff!important;font-size:16px}.region-contact-location span{flex:1}.region-contact-location strong{font-size:10px;color:#fff;margin-top:2px}
.region-sidebar-divider{height:1px;background:var(--line);margin:18px 0}