/* Kanomanya - mobil ilk ekran / hero optimizasyonu v4 */
@media (max-width:640px){
 html,body{overflow-x:hidden}
 .header{min-height:70px;padding:7px 13px!important;background:#fff!important}
 .brand{gap:8px}.brand img{width:46px!important;height:46px!important}
 .brand-text strong{font-size:14px!important;line-height:1.05}.brand-text span{font-size:9px!important}
 .menu{width:40px;height:40px;border-radius:12px;background:#f1f7f8!important;display:grid!important;place-items:center;font-size:22px!important}
 .hero.home-photo-hero{position:relative;display:block!important;height:calc(100svh - 70px)!important;min-height:610px!important;max-height:730px!important;padding:0!important;background:#071f36!important;overflow:hidden;text-align:left!important}
 .home-hero-slider,.home-slider-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}
 .home-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.04) contrast(1.02)}
 .home-slide-shade{background:linear-gradient(180deg,rgba(2,16,26,.04) 0%,rgba(2,16,26,.08) 36%,rgba(2,16,26,.66) 68%,rgba(2,16,26,.94) 100%)!important}
 .home-slide-copy{display:none!important}
 .home-hero-copy{position:absolute!important;z-index:8!important;left:0;right:0;bottom:0;width:100%!important;padding:18px 18px 20px!important;color:#fff;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,19,31,.22))}
 .home-hero-copy .kicker{margin:0 0 6px!important;color:#ff9a4d!important;font-size:8.5px!important;letter-spacing:.16em!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}
 .hero.home-photo-hero h1{margin:0!important;max-width:330px;color:#fff!important;font-size:clamp(36px,10.7vw,46px)!important;line-height:.94!important;letter-spacing:-.045em!important;text-align:left!important;text-shadow:0 5px 24px rgba(0,0,0,.34)}
 .hero.home-photo-hero h1 span{color:#ff8128!important}
 .hero.home-photo-hero p{margin:9px 0 12px!important;max-width:335px;color:rgba(255,255,255,.9)!important;font-size:12.5px!important;line-height:1.38!important;text-align:left!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .home-hero-copy .actions{display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:8px!important;width:100%!important;pointer-events:auto}
 .home-hero-copy .actions .btn{min-height:44px!important;width:100%!important;padding:9px 8px!important;font-size:11.5px!important;white-space:nowrap;box-shadow:none!important;border-radius:999px!important}
 .home-hero-copy .btn-primary{background:#f47a1f!important;color:#fff!important}.home-hero-copy .btn-secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(12px)}
 .home-hero-copy .hero-points{display:none!important}
 .home-slider-controls{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;pointer-events:none!important;z-index:9!important}
 .home-slider-controls>button{pointer-events:auto!important;width:40px!important;height:40px!important;font-size:25px!important;background:rgba(3,25,40,.36)!important;border:1px solid rgba(255,255,255,.35)!important;backdrop-filter:blur(8px)}
 .home-slider-dots{position:absolute!important;top:14px!important;left:50%!important;transform:translateX(-50%)!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(4,29,45,.32)!important;backdrop-filter:blur(8px);pointer-events:auto!important}
 .home-slider-dots button{width:6px!important;height:6px!important}.home-slider-dots button.active{width:22px!important}
 .float-wa{right:13px!important;bottom:13px!important;width:50px!important;height:50px!important}
 .home-first-experience{padding-top:42px!important}
}
@media(max-width:380px){
 .hero.home-photo-hero{min-height:590px!important}
 .home-hero-copy{padding:16px 14px 18px!important}
 .hero.home-photo-hero h1{font-size:35px!important}.hero.home-photo-hero p{font-size:12px!important}
 .home-hero-copy .actions .btn{font-size:10.5px!important;padding:8px 6px!important}
}