/* Telefon deneyimi: ortak içerik, telefona özel yerleşim ve gezinme. */
#mobile-navigation,.mobile-shortcuts,.mobile-menu-more{display:none}
@media(max-width:640px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom));overscroll-behavior-y:none}
 .wrap{padding-inline:20px}.nav{height:68px}.nav-actions>.btn{display:none}
 .menu-toggle{min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:7px;font-size:24px}
 .links{top:68px;padding:18px 20px;max-height:calc(100dvh - 155px);overflow-y:auto;gap:0;border-bottom:1px solid var(--line)}
 .links>a,.mobile-menu-more>a{display:block;width:100%;min-height:48px;padding:12px 8px;font-size:16px;border-bottom:1px solid var(--line)}
 .mobile-menu-more{display:block;width:100%;margin-top:8px}.mobile-menu-more a{font-size:14px;color:var(--muted)}
 #mobile-navigation{position:fixed;bottom:0;left:0;right:0;z-index:42;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #182d3409}
 #mobile-navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;gap:0;border-radius:7px;font-size:11px;color:var(--muted)}
 #mobile-navigation a>span{font-size:23px;line-height:1.2}#mobile-navigation a[aria-current]{background:#eaf0e2;color:var(--ink);font-weight:700}
 .hero{padding-top:28px;padding-bottom:24px}.hero-grid{gap:24px}.hero h1{font-size:clamp(36px,10vw,46px);line-height:1.12}.hero-copy>.eyebrow{margin-bottom:16px}.hero-copy>p{margin-top:20px}
 .hero .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .buttons .btn{padding:13px 10px;font-size:12px;min-height:50px;justify-content:center}
 .mobile-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mobile-shortcuts a{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border:1px solid var(--line);border-radius:7px;background:white;min-height:77px}.mobile-shortcuts b{font-size:12px}.mobile-shortcuts span{font-size:10px;color:var(--muted)}
 .hero-note{display:none}.hero-visual{height:190px;border-radius:8px}.visual-label{bottom:12px;left:12px;right:12px;padding:10px}.visual-label small{font-size:8px}.visual-label strong{font-size:12px}.feature-strip{display:none}
 .product-grid{grid-template-columns:1fr;gap:12px}.product-card{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:8px}.product-card>.product-art{height:100%;min-height:145px}.product-art .formula{font-size:23px}.product-art i{font-size:7px}.product-art small{font-size:6px}.product-body{padding:17px 15px}.product-body h3{font-size:18px;min-height:0;margin-top:6px}.product-body p{font-size:12px}.product-body .category{font-size:10px}.product-bottom{font-size:12px;margin-top:13px}
 .pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.pill{flex-shrink:0;min-height:44px;font-size:12px;scroll-snap-align:start}
 .field input,.field select,.field textarea,.search,.chat-form input{font-size:16px;min-height:50px}.field{margin-bottom:20px}.field label{font-size:13px}.form-card{padding:22px 18px}.form-card>button[type=submit]{width:100%;min-height:52px}.check{font-size:13px}.check input{width:20px;height:20px;flex-shrink:0}
 .page-head h1{font-size:32px}.page-head{padding:25px 0}.breadcrumbs{margin-bottom:16px;font-size:11px}.page-content{padding-top:25px}.layout>.side-card{padding:22px}.detail-visual .product-art{height:170px}.detail-meta{gap:0 14px}.detail-meta div{font-size:12px}.buttons .btn{min-height:48px}.tabs{gap:20px}.tab{min-height:48px;font-size:13px}
 .chat-launch{bottom:calc(85px + env(safe-area-inset-bottom));right:16px;font-size:11px;min-height:44px;padding:8px 12px}
 .chat-panel{inset:0;max-width:none;width:100%;height:100dvh;max-height:none;border-radius:0;z-index:60;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.chat-head{min-height:68px}.icon-btn{min-height:44px;min-width:44px}.chat-settings label{font-size:12px}.chat-notice{font-size:11px}.bubble{font-size:14px}.chat-form{padding:14px}.chat-form button{min-width:50px}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom))}.footer-bottom{padding-bottom:20px}.footer-grid{gap:28px 20px}
}
@media(max-width:360px){.wrap{padding-inline:16px}.hero .buttons{grid-template-columns:1fr}.product-card{grid-template-columns:95px minmax(0,1fr)}.product-body h3{font-size:16px}}