/* Akoğlu Nakliyat V15 — only front-end layout: stable header, compact heroes, contact cards and Google Map. */
/* Site typography and system colours are inherited from the existing theme. */
.site-header{max-width:100%;}
.site-header .navrow{box-sizing:border-box;}
@media (min-width:1281px){
 body{padding-top:78px!important}
 .site-header .container.navrow{width:min(calc(100% - 40px),1380px)!important;max-width:1380px!important;min-height:78px!important;display:grid!important;grid-template-columns:minmax(135px,164px) minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:clamp(9px,.9vw,17px)!important;justify-content:stretch!important}
 .site-header .logo{grid-column:1;display:block;min-width:0!important;width:100%!important;max-width:164px!important;flex:none!important}
 .site-header .logo img{display:block!important;width:100%!important;max-width:164px!important;height:auto!important}
 .site-header .nav{grid-column:2;display:flex!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;gap:clamp(10px,.85vw,16px)!important;padding:0!important;flex:none!important;overflow:visible!important;background:transparent!important}
 .site-header .nav > a:not(.nav-mobile-quote), .site-header .nav-group > button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:auto!important;min-width:0!important;padding:27px 0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;text-align:center!important;line-height:1.25!important;font-size:clamp(.66rem,.72vw,.75rem)!important;letter-spacing:0!important}
 .site-header .nav-group{position:relative;flex:none!important;min-width:0!important}
 .site-header .nav > .nav-mobile-quote{display:none!important}
 .site-header .nav .menu-close,.site-header .nav-overlay,.site-header .menu-toggle{display:none!important}
 .site-header .header-contact{grid-column:3;display:flex!important;flex-direction:column;align-items:start;flex:none!important;min-width:100px!important;width:auto!important;font-size:clamp(.66rem,.75vw,.75rem)!important;line-height:1.45!important;white-space:nowrap!important}
 .site-header .header-contact a{display:block!important;white-space:nowrap!important}
 .site-header .header-cta{grid-column:4;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;min-height:44px!important;padding:10px clamp(12px,1.05vw,17px)!important;width:auto!important;max-width:none!important;white-space:nowrap!important;font-size:clamp(.72rem,.79vw,.82rem)!important;line-height:1.2!important}
}
@media (min-width:1281px) and (max-width:1420px){
 .site-header .container.navrow{grid-template-columns:130px minmax(0,1fr) 99px 120px!important;column-gap:10px!important}
 .site-header .nav{gap:10px!important}
 .site-header .nav > a:not(.nav-mobile-quote),.site-header .nav-group > button{font-size:.665rem!important}
}
@media (max-width:1280px){
 .site-header .navrow{display:flex!important;justify-content:space-between!important;flex-wrap:nowrap!important;min-height:76px!important;gap:12px!important}
 .site-header .nav{display:block!important;position:fixed!important;z-index:205!important;top:0!important;right:0!important;bottom:0!important;width:min(88vw,390px)!important;max-width:390px!important;overflow-y:auto!important;transform:translateX(105%)!important;transition:transform .25s ease!important;padding:76px 22px 30px!important;background:#fff!important}
 .site-header .nav.open{transform:translateX(0)!important}
 .site-header .nav > a:not(.nav-mobile-quote),.site-header .nav-group>button{width:100%!important;display:flex!important;justify-content:space-between!important;text-align:left!important;white-space:normal!important;font-size:.9rem!important;padding:13px 6px!important}
 .site-header .nav > a.nav-mobile-quote{display:flex!important;justify-content:center!important;align-items:center!important;background:#ee0d34!important;color:#fff!important;white-space:normal!important;padding:13px 18px!important;border-radius:9px}
 .site-header .menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important}
 .site-header .header-contact,.site-header .header-cta{display:none!important}
 .site-header .logo{min-width:0!important;max-width:180px!important;flex:0 1 180px!important}
 .site-header .logo img{width:100%!important;max-width:180px!important;height:auto!important}
}
@media(max-width:760px){body{padding-top:70px!important}.site-header .navrow{min-height:70px!important}.site-header .logo{max-width:165px!important;flex-basis:165px!important}}
/* Both kinds of hero must be compact and responsive, regardless of CMS H1 copy length. */
body:not(.admin) .hero{padding:clamp(28px,3.5vw,48px) 0 clamp(30px,3.7vw,50px)!important}
body:not(.admin) .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;align-items:center!important;gap:clamp(20px,3.8vw,56px)!important}
body:not(.admin) .hero-grid>div{min-width:0!important}
body:not(.admin) .hero h1{font-size:clamp(2.05rem,3.05vw,3.15rem)!important;line-height:1.13!important;letter-spacing:-.038em!important;max-width:720px!important;overflow-wrap:break-word!important;margin-bottom:17px!important}
body:not(.admin) .hero .lead{font-size:clamp(.95rem,1.06vw,1.06rem)!important;line-height:1.65!important;max-width:65ch!important;margin-bottom:18px!important}
body:not(.admin) .hero .actions{display:flex;flex-wrap:wrap;gap:10px!important}
body:not(.admin) .hero .actions .btn{min-height:43px!important;padding:11px 16px!important}
body:not(.admin) .hero-visual{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;width:100%!important;max-width:510px!important;margin-left:auto!important}
body:not(.admin) .hero-visual>img{display:block!important;box-sizing:border-box!important;width:min(100%,425px)!important;height:auto!important;max-height:425px!important;aspect-ratio:1/1!important;object-fit:contain!important;margin:0 auto!important;border-radius:17px!important}
body:not(.admin) .hero-stamp{max-width:min(75%,270px)!important;bottom:9px!important;left:0!important;padding:12px 15px!important;font-size:.84rem!important;line-height:1.45!important}
body:not(.admin) .service-ribbon{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:16px!important}
body:not(.admin) .service-ribbon a{display:inline-flex;align-items:center;padding:6px 10px!important;font-size:.75rem!important;white-space:nowrap!important}
body:not(.admin) .page-hero:not(.cms-page-hero){padding:clamp(35px,4.4vw,55px) 0!important}
body:not(.admin) .page-hero:not(.cms-page-hero) h1{font-size:clamp(2rem,3.45vw,3.2rem)!important;line-height:1.16!important}
body:not(.admin) .cms-page-hero{padding:clamp(32px,4.5vw,56px) 0!important}
body:not(.admin) .cms-page-hero h1{font-size:clamp(1.95rem,3.4vw,3.15rem)!important}
@media(max-width:880px){
 body:not(.admin) .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 body:not(.admin) .hero h1{font-size:clamp(1.95rem,6.15vw,2.75rem)!important}
 body:not(.admin) .hero-visual{max-width:440px!important;margin:0 auto!important}
 body:not(.admin) .hero-visual>img{width:min(100%,380px)!important;max-height:380px!important}
}
@media(max-width:460px){
 body:not(.admin) .hero-visual>img{max-width:320px!important;max-height:320px!important}
 body:not(.admin) .hero-stamp{font-size:.75rem!important}
 body:not(.admin) .service-ribbon a{font-size:.71rem!important}
}
/* Contact links and buttons always form separated, legible items even with old cached styling. */
.contact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.contact-grid .contact-card{min-width:0!important;padding:clamp(19px,2.15vw,29px)!important;overflow-wrap:anywhere!important}
.contact-grid .contact-card:first-child > a:not(.btn){display:block!important;max-width:100%!important;width:max-content!important;min-height:28px!important;margin:6px 0!important;line-height:1.52!important;font-size:clamp(.86rem,1vw,1rem)!important;font-weight:700!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#e9133c!important}
.contact-grid .contact-card:first-child > a[href^="mailto:"]{font-weight:600!important;word-break:break-word!important}
.contact-grid .contact-card .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:auto!important;max-width:100%!important;padding:10px 16px!important;margin-top:12px!important;white-space:normal!important;border-radius:9px!important;background:#eb0d35!important;color:white!important;font-weight:750!important;line-height:1.35!important;text-align:center!important;text-decoration:none!important}
.contact-grid .contact-card .btn:hover{background:#c80d31!important}
.akoglu-map-section{padding:38px 0 65px!important}
.akoglu-map-section>.container{width:min(calc(100% - 32px),1120px)!important;max-width:1120px!important;margin:0 auto!important}
.akoglu-map-head{display:flex!important;flex-wrap:wrap!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;margin-bottom:20px!important}
.akoglu-map-head>div{flex:1 1 410px!important;min-width:0!important}
.akoglu-map-head h2{font-size:clamp(1.7rem,3vw,2.55rem)!important;line-height:1.16!important;margin:12px 0!important}
.akoglu-map-head .akoglu-directions-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex:0 0 auto!important;width:auto!important;min-width:174px!important;min-height:46px!important;white-space:nowrap!important;padding:12px 16px!important;background:#ec0d34!important;color:white!important;text-decoration:none!important;font-weight:800!important;border-radius:9px!important}
.akoglu-directions-btn svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
.akoglu-map-frame{display:block!important;position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;height:clamp(320px,38vw,460px)!important;border-radius:14px!important;background:#eaf0f3!important}
.akoglu-map-frame iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;min-height:320px!important}
.akoglu-map-meta{display:flex!important;justify-content:space-between;gap:8px 15px!important;flex-wrap:wrap!important;line-height:1.5!important;margin-top:12px!important}
.footer-grid .akoglu-footer-email{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.5!important}
@media(max-width:760px){
 .contact-grid{grid-template-columns:1fr!important;gap:12px!important}
 .contact-grid .contact-card{padding:20px!important}
 .akoglu-map-head{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 .akoglu-map-head>div{flex:initial!important;width:100%!important}
 .akoglu-map-head .akoglu-directions-btn{width:100%!important}
 .akoglu-map-frame{height:355px!important}
 .akoglu-map-section{padding:35px 0 52px!important}
}