/* Dörtyol 2027 layer — touch-first ergonomics, one-tap contact, adaptive chrome.
   Loaded last; scoped selectors, no global resets. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
a,button,summary,select,label{touch-action:manipulation}
/* Decorative motion layers must never create sideways scrolling on phones. clip (not hidden) keeps position:sticky working. */
html,body{overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}

/* iOS Safari zooms into fields under 16px — keep every field at ≥16px on touch screens. */
@media(pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}}

/* Touch targets ≥44px where earlier layers were tighter. */
@media(pointer:coarse){
 .footer-grid a,.contact-details a,.knowledge-links a,.service-card li a,.journal-card .text-link,.text-link{min-height:44px;display:inline-flex;align-items:center}
 .footer-grid a{width:100%}
}

/* Office status chip (utility row, contact band, map card). */
.office-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#6b7f95}
.office-chip i{width:7px;height:7px;border-radius:50%;background:#c07a12;box-shadow:0 0 0 3px #c07a1222}
.office-chip.is-open i{background:#1a9b5b;box-shadow:0 0 0 3px #1a9b5b22}
@media(prefers-reduced-motion:no-preference){.office-chip.is-open i{animation:dgm-live 2.4s ease-in-out infinite}}
@keyframes dgm-live{50%{box-shadow:0 0 0 6px #1a9b5b00}}
.contact-chip{margin:6px 0 18px;padding:7px 12px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff2b;color:#d8e8f7;font-size:12px}
.contact-band-actions{display:flex;flex-wrap:wrap;gap:10px}
.contact-band-actions .button{min-height:48px}
.button.ghost-light{background:transparent;color:#fff;border:1px solid #ffffff55}
.button.ghost-light:hover{background:#ffffff14;color:#fff}

/* Trade centre — WhatsApp jet line. */
.trade-form .trade-note small{font-weight:400;color:#6d8399;margin-left:4px}
.trade-form .trade-note input{width:100%;height:58px;padding:0 16px;border:1px solid #cbddeb;border-radius:12px;background:#fff;color:#234563;font:inherit;font-size:14px}
.trade-form .trade-note input:focus-visible{outline:3px solid #91c0e8;outline-offset:3px;border-color:#236daf}
.trade-actions{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:10px}
.trade-form .trade-actions .button{min-height:58px;width:100%;justify-content:center;gap:12px}
.trade-form .trade-jet{background:linear-gradient(135deg,#17a05a,#0f7a43);border:1px solid #0f7a43;color:#fff;box-shadow:0 10px 28px #0f7a4333;font-weight:700}
.trade-form .trade-jet:hover{background:linear-gradient(135deg,#139152,#0c6a3a);color:#fff}
.trade-form .trade-jet svg{width:22px;height:22px;flex:none}
.trade-form .trade-plan{background:#fff;border:1px solid #c6d9ea;color:#173c65}
.trade-jet-note{grid-column:1/-1;margin:-6px 0 0;font-size:11px;line-height:1.6;color:#6d8399}
@media(min-width:1101px){.trade-form{grid-template-columns:1fr 1fr 1.45fr 1.2fr!important}}
@media(max-width:600px){.trade-actions{grid-template-columns:1fr}.trade-form .trade-note{grid-column:1/-1}}

/* Customs directory — direct route to each office. */
.customs-directory li{position:relative}
.office-route{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid #d5e4f2;background:#f5f9fe;color:#1d5f9c;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.office-route svg{width:14px;height:14px}
.office-route:hover{background:#e8f2fc}
@media(max-width:520px){.office-route span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.office-route{min-width:44px;min-height:44px;justify-content:center;padding:0}}

/* Footer route band. */
.route-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:28px;align-items:center;margin-bottom:46px;padding:26px;border:1px solid #d3e3f2;border-radius:26px;background:radial-gradient(ellipse at 0 0,#dcecfb,transparent 60%),#fbfdff}
.route-band .eyebrow{color:#3a78b3}
.route-band h2{margin:8px 0 6px;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.6px;color:#132f4f}
.route-band p{margin:0;font-size:13px;color:#5c7188}
.route-band-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.route-card{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px;border-radius:18px;background:#fff;border:1px solid #d5e4f2;color:#173c65;text-decoration:none;transition:transform .2s var(--dgm-motion,ease),box-shadow .2s}
.route-card:first-child{background:linear-gradient(135deg,#1d5f9c,#0f2f52);color:#fff;border-color:transparent}
.route-card>svg{width:24px;height:24px;flex:none}
.route-card strong{display:block;font-size:13px;line-height:1.35}
.route-card small{display:block;font-size:11px;opacity:.75;margin-top:2px}
.route-card>span[aria-hidden]{margin-left:auto}
@media(hover:hover){.route-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #12375420}}
@media(max-width:900px){.route-band{grid-template-columns:1fr;padding:20px;border-radius:22px}.route-band-actions{grid-template-columns:1fr}}
.footer-share{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.footer-share[hidden]{display:none}

/* Social follow cards. */
.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:30px}
.social-card{display:grid;gap:12px;padding:20px;border:1px solid #d5e4f2;border-radius:24px;background:#fff}
.social-card-id{display:flex;align-items:center;gap:12px}
.social-card-id strong{display:block;font-size:15px;color:#132f4f}
.social-card-id span{display:block;font-size:12px;color:#5c7188}
.social-avatar{flex:none;width:56px;height:56px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.social-avatar img{width:100%;height:100%;border-radius:50%;border:2px solid #fff;background:#fff}
.is-linkedin .social-avatar{background:#0a66c2}
.social-card p{margin:0;font-size:13px;line-height:1.6;color:#4b627b}
.social-card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}
.social-follow{min-height:48px;gap:10px}
.is-instagram .social-follow{background:linear-gradient(135deg,#d62976,#962fbf 55%,#4f5bd5);color:#fff;border:0}
.is-linkedin .social-follow{background:#0a66c2;color:#fff;border:0}
.social-qr{width:78px;height:78px;margin:0;flex:none;border-radius:10px;overflow:hidden;border:1px solid #e3ecf5;background:#fff}
.social-qr svg{display:block;width:100%;height:100%}
.social-feed{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.social-feed img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}
@media(max-width:760px){.social-cards{grid-template-columns:1fr}.social-qr{display:none}.social-follow{width:100%;justify-content:center}}

/* Real visitor counter + privacy line. */
.visitor-counter{display:inline-flex;align-items:center;gap:8px;color:#36597c}
.visitor-counter i{width:7px;height:7px;border-radius:50%;background:#2987d6;box-shadow:0 0 0 3px #2987d622}
.visitor-counter b{font-variant-numeric:tabular-nums;color:#173c65}
.footer-privacy{margin:0 auto;padding-top:0;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));font-size:10px;line-height:1.7;color:#7a8ea3}

/* Map slot — fixed ratio, the embed loads only on request. */
.map-slot{margin-block:clamp(36px,5vw,64px)}
.map-slot-frame{position:relative;display:grid;align-items:end;height:clamp(340px,40vw,500px);border:1px solid #d3e3f2;border-radius:28px;overflow:hidden;background:#eef5fc}
.map-slot-art,.map-slot-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-slot-frame.is-map-live .map-slot-art{display:none}
.map-slot-card{position:relative;margin:20px;max-width:440px;padding:20px;border-radius:22px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid #ffffff;box-shadow:0 18px 50px #12375422}
.map-slot-card h2{margin:10px 0 6px;font-size:22px;letter-spacing:-.4px;color:#132f4f}
.map-slot-card address{font-style:normal;font-size:13px;line-height:1.6;color:#4b627b}
.map-slot-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#9a5b00}
.map-slot-status i{width:8px;height:8px;border-radius:50%;background:#c07a12}
.map-slot-status.is-open{color:#137a47}.map-slot-status.is-open i{background:#1a9b5b}
.map-slot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.map-slot-actions .button{min-height:46px}
.map-slot-apple,.map-slot-load{background:#fff;border:1px solid #c6d9ea;color:#173c65}
.map-slot-frame.is-map-live .map-slot-card{margin:12px;max-width:360px}
@media(max-width:700px){.map-slot-frame{height:auto;align-items:stretch}.map-slot-art{position:relative;height:190px}.map-slot-card{margin:-40px 12px 12px;max-width:none}.map-slot-frame.is-map-live{min-height:420px;align-items:end}}
@media(prefers-reduced-transparency:reduce){.map-slot-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Mobile contact bar: Call · Directions · WhatsApp, safe-area aware, never over the keyboard. */
@media(max-width:1000px){
 .mobile-contact-bar{grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr) minmax(0,1.15fr)!important;gap:6px!important}
 .mobile-contact-bar a{min-width:0;overflow:hidden;font-size:12px;gap:6px!important;padding:0 6px!important;white-space:nowrap}
 .mobile-contact-bar .brand-mark{flex:none}
 .mobile-contact-bar a svg{width:18px;height:18px;flex:none}
 .mobile-contact-bar .mobile-route{background:#ecf4fc;color:#173c65}
 .mobile-contact-bar .mobile-call{position:relative}
 .mobile-contact-bar .mobile-call.is-open::after{content:"";position:absolute;top:8px;right:10px;width:7px;height:7px;border-radius:50%;background:#1a9b5b;box-shadow:0 0 0 2px #fff}
 .mobile-contact-bar a:last-child{background:linear-gradient(135deg,#17a05a,#0f7a43)!important;color:#fff}
 .dgm-keyboard .mobile-contact-bar{transform:translateY(160%);pointer-events:none}
 .mobile-contact-bar{transition:transform .28s var(--dgm-motion,ease)}
}

/* Adaptive chrome: tuck the utility row while reading; translate only, so nothing below reflows. */
@media(max-width:1200px){
 .header{transition:transform .32s var(--dgm-motion,ease),box-shadow .2s,background .2s}
 .dgm-chrome-tucked .header{transform:translateY(calc(-1 * var(--dgm-utility-h,50px)))}
}
@media(prefers-reduced-motion:reduce){.header,.mobile-contact-bar,.route-card{transition:none!important}}

/* Utility row extras on wide screens. */
.header .header-utility .office-chip{font-size:10px}
@media(max-width:1300px) and (min-width:1201px){.header .header-utility .office-chip{display:none}}

/* ── Footer v2: compact, scannable, thumb-friendly ─────────────────────── */
.footer{padding-top:44px}
.route-band{margin-bottom:34px}
.footer-grid>div>a{line-height:1.45}
.brand-mark.is-generic{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf2fb;color:#1d5f9c}
.social-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
@media(max-width:1000px){
 .route-band-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .route-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:14px}
 .route-card>span[aria-hidden]{display:none}
 .footer-grid{grid-template-columns:1fr 1fr!important;gap:26px 22px!important}
 .footer-grid>div:nth-child(2){grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;align-content:start}
 .footer-grid>div:nth-child(2)>h2{grid-column:1/-1}
 .footer-grid>div>a{min-height:40px;display:flex;align-items:center;padding:0}
 .social-card{grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;padding:16px}
 .social-card p,.social-card .social-feed{grid-column:1/-1}
 .social-card-actions{grid-column:1/-1}
}
@media(max-width:560px){
 .footer{padding-top:30px}
 .route-band{gap:14px;padding:18px;margin-bottom:26px}
 .route-band h2{font-size:21px}
 .route-band-actions{grid-template-columns:1fr;gap:8px}
 .route-card{flex-direction:row;align-items:center;min-height:58px;padding:10px 14px}
 .route-card>span[aria-hidden]{display:inline}
 .footer-grid{grid-template-columns:1fr!important;gap:22px!important}
 .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-content:start}
 .footer-grid>div:nth-child(2)>h2,.footer-grid>div:nth-child(3)>h2{grid-column:1/-1}
 .footer-grid>div>a{font-size:13px;min-height:42px}
 .footer-grid h2{margin-bottom:6px}
 .social-links{padding:6px 0 18px!important}
 .social-links>span{flex-basis:100%}
 .social-cards{gap:10px;padding-bottom:18px}
 .social-card p{display:none}
 .social-card-id strong{font-size:14px}
 .social-avatar{width:46px;height:46px}
 .social-follow{min-height:46px;font-size:13px}
}
.footer-share{font-size:inherit;font-weight:inherit;text-decoration:none;color:inherit;text-align:left}
.footer-grid>div>.footer-share{font-size:13px}
@media(max-width:1000px){
 .footer-grid>div:first-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-bottom:18px;border-bottom:1px solid #dce7f2}
 .footer-grid>div:first-child .footer-brand{width:180px;margin:0}
 .footer-grid>div:first-child p{margin:0;font-size:12px}
}
@media(max-width:560px){.footer-grid>div:first-child .footer-brand{width:160px;flex-basis:100%}}

/* ── Dört Yol menü simgesi: kapalıyken dört yol çizgisi, açılınca dört kol merkezde kesişir (kapat işareti). ── */
.menu-lines.menu-roads{position:relative;display:block;width:20px;height:16px}
.menu-roads i{position:absolute;left:0;height:1.6px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .42s cubic-bezier(.32,.72,0,1),width .42s cubic-bezier(.32,.72,0,1),left .42s cubic-bezier(.32,.72,0,1),top .42s cubic-bezier(.32,.72,0,1),opacity .2s}
.menu-roads i:nth-child(1){top:1px;width:20px}
.menu-roads i:nth-child(2){top:5.5px;width:14px;left:6px}
.menu-roads i:nth-child(3){top:10px;width:20px}
.menu-roads i:nth-child(4){top:14.5px;width:9px;left:11px}
.menu-roads b{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#2987d6;transform:scale(0);transition:transform .3s .18s cubic-bezier(.32,.72,0,1)}
@media(hover:hover){.menu-toggle:hover .menu-roads i:nth-child(2){width:20px;left:0}.menu-toggle:hover .menu-roads i:nth-child(4){width:20px;left:0}}
.menu-toggle[aria-expanded="true"] .menu-roads i{top:7.2px;width:10px;left:10px;transform-origin:0 50%}
.menu-toggle[aria-expanded="true"] .menu-roads i:nth-child(1){transform:rotate(-45deg)}
.menu-toggle[aria-expanded="true"] .menu-roads i:nth-child(2){transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-roads i:nth-child(3){transform:rotate(135deg)}
.menu-toggle[aria-expanded="true"] .menu-roads i:nth-child(4){transform:rotate(225deg)}
.menu-toggle[aria-expanded="true"] .menu-roads b{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.menu-roads i,.menu-roads b{transition:none}}

/* Profil kartı butonları: footer bağlantı rengini ez, beyaz ve belirgin yazı; logo beyaz rozette. */
.footer .social-card .social-follow,.footer .social-card .social-follow:visited,.footer .social-card .social-follow:hover{color:#fff!important;font-weight:700;letter-spacing:.1px;text-shadow:0 1px 1px #0000002e;text-decoration:none;padding:0 18px 0 8px;border-radius:14px;gap:12px}
.footer .social-card .social-follow .brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#ffffff2e!important;box-shadow:inset 0 0 0 1px #ffffff55}
.footer .social-card .social-follow .brand-mark img{width:18px!important;height:18px!important}
.footer .social-card .social-follow .brand-mark.is-generic{color:#fff}
.footer .social-card.is-instagram .social-follow{background:linear-gradient(135deg,#c13584,#833ab4 55%,#405de6)}
.footer .social-card.is-linkedin .social-follow{background:#0a66c2}
@media(hover:hover){.footer .social-card .social-follow:hover{filter:brightness(1.08)}}
.footer .footer-privacy{margin-left:auto!important;margin-right:auto!important}