/* Axera Creative demo sites: responsive presentation only; desktop designs unchanged. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 html{-webkit-text-size-adjust:100%}
 body :where(main,section,article,footer,.shell,.container,.wrap,.nav-inner,.header-inner){min-width:0;max-width:100%;box-sizing:border-box}
 body :where(main,section,article,footer) img{max-width:100%}
 body :where(input,textarea,select){max-width:100%;min-width:0;box-sizing:border-box}
 body :where(button,a,input,select,textarea){touch-action:manipulation}
 body :where(.hero h1,.hero h2,.section-head h2,.display){overflow-wrap:break-word}
 body :where(header .brand,header .logo,nav.navbar .logo){min-width:0;max-width:calc(100vw - 110px)}
 body :where(header .wrap,header .header-inner,header .nav-inner,nav.navbar){min-width:0;max-width:100%;box-sizing:border-box}
 /* Keep each demo's own mobile header visible under the site-wide information bar. */
 body > header.fixed,body > header.sticky,body > header.header,
 body > header.nav,body > nav.navbar{
   top:var(--axera-demo-bar-height,98px)!important;
 }
 .axera-demo-frame{
   position:sticky!important;top:0!important;left:0!important;right:0!important;
   z-index:2147482000!important;width:100%!important;max-width:100vw!important;
   min-width:0!important;box-sizing:border-box!important;
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   grid-auto-flow:row!important;align-items:center!important;
   justify-content:stretch!important;
   column-gap:8px!important;row-gap:7px!important;
   padding:8px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))!important;
   background:#0c1727!important;color:#e8f0fa!important;
   border-bottom:1px solid #25364e!important;
   font:500 11px/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
   box-shadow:0 3px 15px rgba(0,0,0,.09)!important;
 }
 .axera-demo-frame>a:first-child{
   grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:100%!important;
   display:inline-flex!important;align-items:center!important;white-space:normal!important;
   font-size:11px!important;font-weight:650!important;line-height:1.3!important;
   padding:8px 0!important;font-size:0!important;
 }
 .axera-demo-frame>a:first-child::before{content:"← Çalışmalara dön";font-size:11px!important;line-height:1.3!important}
 .axera-demo-frame>span:not(.axera-demo-frame__end){
   grid-column:1!important;grid-row:2!important;min-width:0!important;
   display:block!important;width:auto!important;text-align:left!important;
   font-size:10px!important;letter-spacing:.015em!important;line-height:1.3!important;
   color:#a7bed5!important;overflow-wrap:anywhere!important;
 }
 .axera-demo-frame__end{display:contents!important}
 .axera-demo-frame__languages{
   grid-column:2!important;grid-row:1!important;justify-content:flex-end!important;
   gap:4px!important;white-space:nowrap!important;align-items:center!important;
 }
 .axera-demo-frame__languages a{
   display:grid!important;place-items:center!important;
   min-width:33px!important;min-height:33px!important;
   padding:4px!important;font-size:19px!important;line-height:1!important;
   border-radius:8px!important;background:rgba(255,255,255,.065)!important;
 }
 .axera-demo-frame__end>a:last-child{
   grid-column:2!important;grid-row:2!important;
   display:inline-flex!important;justify-content:center!important;align-items:center!important;
   min-height:34px!important;padding:6px 10px!important;
   border-radius:9px!important;background:#eaf2ff!important;color:#0b203b!important;
   font-weight:750!important;font-size:10px!important;letter-spacing:0!important;
   text-decoration:none!important;white-space:nowrap!important;
 }
 .axera-demo-frame__menu-toggle{
   position:absolute!important;top:15px!important;left:47%!important;
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   height:27px!important;padding:3px 7px!important;
   border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;
   background:rgba(255,255,255,.07)!important;color:#e8f0fa!important;
   font:600 10px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
   cursor:pointer!important;white-space:nowrap!important;
 }
 .axera-demo-frame__menu[hidden]{display:none!important}
 .axera-demo-frame__menu{
   position:absolute!important;top:100%!important;left:10px!important;right:10px!important;
   max-height:min(60svh,380px)!important;overflow-y:auto!important;
   z-index:2147482001!important;
   padding:9px!important;background:#10233a!important;
   border:1px solid #31475c!important;border-radius:0 0 15px 15px!important;
   box-shadow:0 22px 48px rgba(0,0,0,.25)!important;
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:6px!important;
 }
 .axera-demo-frame__menu a{
   display:flex!important;align-items:center!important;min-width:0!important;
   min-height:40px!important;white-space:normal!important;
   text-decoration:none!important;color:#fff!important;
   border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;
   background:rgba(255,255,255,.055)!important;
   font:600 11px/1.35 system-ui,sans-serif!important;padding:8px 10px!important;
   overflow-wrap:anywhere!important;
 }
 .axera-demo-frame__menu a:focus-visible,.axera-demo-frame__menu-toggle:focus-visible{
   outline:2px solid #96ccdf!important;outline-offset:2px!important;
 }
}
@media(max-width:345px){
 .axera-demo-frame__menu-toggle{left:43%!important;font-size:0!important;width:30px!important}
 .axera-demo-frame__menu-toggle::before{content:'☰';font-size:16px!important}
 .axera-demo-frame__end>a:last-child{font-size:9px!important;padding-inline:7px!important}
 .axera-demo-frame__languages a{min-width:30px!important;min-height:30px!important}
 .axera-demo-frame>span:not(.axera-demo-frame__end){font-size:9px!important}
}
@media(min-width:761px){.axera-demo-frame__menu-toggle,.axera-demo-frame__menu{display:none!important}}