/* Shared mobile presentation for homepage and archive grids. */
@media(max-width:760px){
html body header.site-header.ys-unified-header{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:150!important;transform:none!important;overflow:visible!important;display:block!important;padding:0!important;width:100%!important}
html body header.ys-unified-header .ys-topbar{display:block!important;position:relative!important;top:auto!important}
html body header.ys-unified-header .ys-topbar .ys-header-container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:6px 0!important;min-height:0!important;width:calc(100% - 24px)!important}
html body header.ys-unified-header .ys-top-left{display:flex!important;flex-wrap:wrap!important;gap:5px!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important}
html body header.ys-unified-header .ys-contact-tray{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important}
html body header.ys-unified-header .ys-top-right{display:flex!important;gap:8px!important;font-size:10px!important;line-height:1.2!important}
html body header.ys-unified-header .ys-mainbar .ys-header-container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand toggle" "nav nav"!important;gap:6px!important;padding:8px 0!important;width:calc(100% - 24px)!important}
html body header.ys-unified-header .ys-header-tools,html body header.ys-unified-header .ys-header-search,html body header.ys-unified-header .top-cta{display:none!important}
html body header.ys-unified-header .brand.logo-only img{max-height:46px!important;max-width:150px!important}
html body header.ys-unified-header nav[data-mobile-nav]{max-height:60dvh!important;overflow-y:auto!important}
html body .blog-grid,html body .ys-card-grid,html body .ys-ref-grid,html body .ref-grid,html body [data-home-web-section] .blog-grid,html body [data-home-web-section] .cards:has(a[href^="/hizmet/"]),html body [data-home-web-section] .cards:has(.ys-ref-home-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body .ys-archive-page,html body .ys-ref-page{padding-left:12px!important;padding-right:12px!important}
html body .ys-blog-card,html body .blog-card,html body .ys-service-card,html body .ys-ref-grid>*,html body [data-home-web-section] .cards>.card{min-width:0!important;padding:12px!important;border-radius:16px!important;overflow:hidden;box-sizing:border-box!important}
html body .ys-blog-card h3,html body .blog-card h3,html body .ys-service-card h3,html body .ys-ref-grid h3,html body [data-home-web-section] .cards h3{font-size:14px!important;line-height:1.35!important;margin:9px 0!important;overflow-wrap:anywhere!important}
html body .ys-blog-card p,html body .blog-card p,html body .ys-service-card p,html body .ys-ref-grid p,html body [data-home-web-section] .cards p{font-size:12px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .ys-blog-card .blog-thumb,html body .blog-card .blog-img{height:auto!important;aspect-ratio:16/10!important;min-height:0!important;border-radius:10px!important;overflow:hidden!important}
html body .ys-blog-card .blog-thumb img,html body .blog-card .blog-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;content:normal!important}
html body .ys-blog-card small,html body .ys-blog-card>span,html body .blog-card>span,html body .ys-service-card small{font-size:11px!important;line-height:1.4!important}
html body .ys-ref-grid img,html body .ys-ref-home-image img{max-width:100%!important;object-fit:contain!important}
}