/* USMALL v113.7.3 — Corporate Story Continuity + Visual QA */
:root{--u1173-navy:#06233b;--u1173-red:#e31937;--u1173-cyan:#62d4e5;--u1173-soft:#f3f7f9;--u1173-line:#d8e4ea}

/* 1) Do not crop key corporate photography into tall half-images */
.v11370-about-hero-grid{align-items:center!important}
.v11370-about-hero-media{align-self:center!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:24px!important}
.v11370-about-hero-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%!important}
.v1172-story-media{min-height:0!important;aspect-ratio:16/10!important}
.v1172-story-media img{object-position:center 44%!important}
.v1172-contact-hero-grid{align-items:start!important}
.v1172-contact-media{min-height:0!important;aspect-ratio:16/10!important;align-self:start!important}
.v1172-contact-media img{object-position:center 45%!important}

/* 2) Contact and sourcing now carry the same USMALL story visually */
.v1172-contact-copy{background:
 linear-gradient(90deg,rgba(3,29,48,.96),rgba(3,43,65,.88) 54%,rgba(3,43,65,.70)),
 url('/corporate-story-v11373.webp?v=11373') center/cover no-repeat!important}
.v1172-contact-copy:after{display:none!important}
.v112-sourcing-hero:before{background:url('/corporate-sourcing-v11373.webp?v=11373') center/cover no-repeat!important;filter:saturate(.86) contrast(1.05)!important}
.v112-sourcing-hero:after{background:linear-gradient(90deg,rgba(3,25,43,.97) 0%,rgba(3,31,52,.91) 42%,rgba(3,31,52,.61) 70%,rgba(3,31,52,.38) 100%)!important}
.v1173-sourcing-story{margin-top:16px!important;padding:12px 14px!important;max-width:650px;border-left:3px solid var(--u1173-cyan);background:rgba(255,255,255,.055);border-radius:0 10px 10px 0;color:#d5e6ed!important;font-size:12px!important;line-height:1.65!important}
.v1173-sourcing-story a{color:#fff!important;text-decoration:none!important;font-weight:900!important}

/* 3) Contact e-mails follow brand colors instead of browser-default blue */
.v1172-contact a[href^="mailto:"],.v1172-contact-facts a,.v1173-mail{color:#b21028!important;text-decoration:none!important;font-weight:850!important;overflow-wrap:anywhere}
.v1172-contact a[href^="mailto:"]:hover,.v1172-contact-facts a:hover{text-decoration:underline!important;text-underline-offset:3px}
.v1172-contact-copy a[href^="mailto:"]{color:#fff!important}

/* 4) Corporate roadmap: today -> capability -> future production */
.v1173-roadmap{padding:88px 0;background:#fff}
.v1173-roadmap-head{max-width:900px;margin-bottom:30px}
.v1173-roadmap-head .v11370-label{margin-bottom:12px}
.v1173-roadmap-head h2{margin:0 0 14px;color:var(--u1173-navy);font-size:clamp(36px,4.5vw,60px);line-height:1;letter-spacing:-.045em}
.v1173-roadmap-head h2 em{font-style:normal;color:var(--u1173-red)}
.v1173-roadmap-head p{margin:0;color:#587283;line-height:1.75;max-width:820px}
.v1173-roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v1173-roadmap-card{overflow:hidden;border:1px solid var(--u1173-line);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(5,37,66,.07)}
.v1173-roadmap-card figure{margin:0;aspect-ratio:16/9;overflow:hidden;position:relative}
.v1173-roadmap-card figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.v1173-roadmap-card:hover figure img{transform:scale(1.025)}
.v1173-roadmap-card.future figure:after{content:"VİZYON GÖRSELİ";position:absolute;left:12px;bottom:12px;padding:6px 8px;border-radius:8px;background:rgba(2,27,46,.78);color:#fff;font-size:8px;font-weight:900;letter-spacing:.13em}
.v1173-roadmap-copy{padding:22px}
.v1173-roadmap-copy small{display:inline-block;color:var(--u1173-red);font-size:9px;font-weight:950;letter-spacing:.14em}
.v1173-roadmap-copy h3{margin:10px 0 8px;color:var(--u1173-navy);font-size:24px;line-height:1.08}
.v1173-roadmap-copy p{margin:0;color:#607a89;font-size:12px;line-height:1.7}
.v1173-roadmap-note{margin-top:14px;color:#728894;font-size:10px;line-height:1.6}
.v1173-story-roadmap-copy{padding:14px 16px;border-left:3px solid var(--u1173-red);background:#f7fafb;border-radius:0 12px 12px 0}
.v1173-story-roadmap-copy a{font-weight:900;color:#0b6788;text-decoration:none}

/* 5) One robust social component on every public page */
.v112-socials,.v11362-socials{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important}
.v112-socials a,.v11362-socials a{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:0!important;min-height:44px!important;padding:7px 12px 7px 7px!important;border:1px solid #d7e3e9!important;border-radius:12px!important;background:#fff!important;color:#173f57!important;text-decoration:none!important;word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap!important;line-height:1!important}
.v112-socials a svg,.v11362-socials a svg{box-sizing:border-box!important;display:block!important;flex:0 0 30px!important;width:30px!important;height:30px!important;padding:6px!important;border-radius:9px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;overflow:visible!important}
.v112-socials a:first-child svg,.v11362-socials a:first-child svg{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%)!important}
.v112-socials a:nth-child(2) svg,.v11362-socials a:nth-child(2) svg{background:#19a974!important}
.v112-socials a span,.v11362-socials a span{display:block!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}

@media(max-width:980px){
 .v11370-about-hero-media,.v1172-story-media,.v1172-contact-media{aspect-ratio:16/9!important;min-height:0!important}
 .v1173-roadmap-grid{grid-template-columns:1fr 1fr}
 .v112-sourcing-hero:after{background:linear-gradient(180deg,rgba(3,25,43,.94),rgba(3,31,52,.84))!important}
}
@media(max-width:680px){
 .v11370-about-hero-media,.v1172-story-media,.v1172-contact-media{aspect-ratio:4/3!important;min-height:0!important}
 .v1173-roadmap{padding:58px 0}.v1173-roadmap-grid{grid-template-columns:1fr}.v1173-roadmap-copy h3{font-size:21px}
 .v1172-contact-copy{background-position:32% center!important}
 .v112-socials,.v11362-socials{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 .v112-socials a,.v11362-socials a{width:100%!important}
}
@media(max-width:430px){.v112-socials,.v11362-socials{grid-template-columns:1fr!important}}
.v113-mail-route a{color:#fff!important;text-decoration:none!important;font-weight:900!important;border-bottom:1px solid rgba(255,255,255,.38)!important}
.v113-mail-route a:hover{border-bottom-color:#fff!important}
.v1173-channel-mail{display:block!important;margin:8px 0 0;color:#b21028!important;font-size:10px!important;font-weight:900!important;word-break:normal!important;overflow-wrap:anywhere!important;text-decoration:none!important}