/* Brand motion UI: navy, marble white and Dilekçiler blue. */
.premium-loader{display:none;position:fixed;inset:0;z-index:10000;isolation:isolate;color:#fff;overflow:hidden}
html.motion-loading .premium-loader:not([hidden]){display:grid;place-items:center;animation:loader-safety 0s 3.1s forwards}
html.motion-loading{overflow:hidden}
.loader-panel{position:absolute;left:0;right:0;height:51%;z-index:-1;background:#1c5fa8}
.loader-panel--top{top:0;background:#1c5fa8}
.loader-panel--bottom{bottom:0;background:#1c5fa8}
.loader-content{text-align:center;position:relative;padding:30px 20px;width:min(700px,94vw)}
.loader-mark{position:relative;width:146px;height:146px;margin:0 auto 36px;display:grid;place-items:center}
.loader-mark img{width:103px;height:auto;position:relative;z-index:2}
.loader-orbit{position:absolute;inset:0;border:1px solid #ffffff26;border-radius:50%;border-top-color:#82b9ef;border-bottom-color:#82b9ef}
.loader-orbit::before{content:"";position:absolute;inset:9px;border:1px solid #ffffff12;border-radius:50%}
.loader-name{font:600 clamp(23px,3vw,38px)/1.4 Poppins,Arial,sans-serif;letter-spacing:.13em;color:#fff;overflow:hidden;margin-bottom:10px}
.loader-name span{display:inline-block}.loader-caption{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#afc9e3;line-height:22px;margin:0 0 32px}
.loader-track{width:210px;height:1px;margin:0 auto;background:#ffffff24;overflow:hidden}
.loader-track-fill{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#1c5fa8,#c1e5ff)}
.loader-skip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#b7cce0;padding:5px 2px;font-size:12px;letter-spacing:.06em}
.loader-skip:hover{color:#fff}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#1c5fa8,#5ac2ed);z-index:85;transform:scaleX(0);transform-origin:left;pointer-events:none}
.back-to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;z-index:80;border:1px solid #ffffff30;border-radius:12px;background:#132b47;color:#fff;display:grid;place-items:center;box-shadow:0 4px 20px #07162926;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s,background .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}.back-to-top:hover{background:#1c5fa8}.back-to-top svg{width:20px;height:20px}
.site-header{transition:box-shadow .3s}.site-header.is-scrolled{box-shadow:0 6px 24px #07162913}
.motion-word-clip{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.09em;margin-bottom:-.09em}.motion-word{display:inline-block}
.button{position:relative;isolation:isolate;overflow:hidden;--button-shine:-160%}
.button::before{content:"";position:absolute;inset:-20% -20%;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff24 50%,transparent 70%);transform:translateX(var(--button-shine));pointer-events:none}
#navigation>a,#navigation summary{position:relative;--nav-line:0}
#navigation>a::before,#navigation summary::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);transform:scaleX(var(--nav-line));transform-origin:left;pointer-events:none}
.picture img{transform-origin:center}.picture:focus-visible img{transform:scale(1.025)}
@keyframes loader-safety{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:767px){.loader-mark{width:112px;height:112px;margin-bottom:26px}.loader-mark img{width:85px}.loader-caption{font-size:9px;letter-spacing:.12em}.loader-name{letter-spacing:.08em}.back-to-top{right:15px;bottom:15px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html.motion-loading .premium-loader{display:none!important}.motion-word,.picture img{transform:none!important;opacity:1!important}.back-to-top,.site-header{transition:none}.button::before{display:none}}
.loader-skip:focus-visible{outline:1px solid #82b9ef;outline-offset:6px}
.products-band h2{max-width:52%}
@media(max-width:767px){.products-band h2{max-width:100%}}

/* The programmatic preloader focus must not draw a frame around the main page. */
#main,#main:focus,#main:focus-visible{outline:none;border:0}
.motion-letter-word{display:inline-block;white-space:nowrap}
.motion-char{display:inline-block}
@media(prefers-reduced-motion:reduce){.motion-char{transform:none!important;opacity:1!important}}