@media(max-width:1100px){
html{scroll-padding-top:90px}
.site-header{height:72px;padding:0 22px;gap:16px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff}
.site-header .brand{gap:10px}.site-header .brand img{width:40px;height:40px}.brand-copy small{display:none}.brand-copy b{font-size:16px}
.site-header>nav:not(.desktop-nav){display:none;position:fixed;z-index:49;inset:72px 0 0;height:calc(100dvh - 72px);overflow-y:auto;padding:20px 24px max(35px,env(safe-area-inset-bottom));background:#ffffff;flex-direction:column;gap:0;overscroll-behavior:contain}
.site-header>nav.open:not(.desktop-nav){display:flex}
.site-header nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 4px;border-bottom:1px solid #17365c12;font-size:15px;font-weight:500}
.site-header nav a:after{content:'↗';font-size:12px;color:var(--gold)}
.site-header nav a[href='/web-tasarim/']:after{content:'↗';border:0;padding:0;font-size:12px}
.site-header nav:before{content:'SCTSOFT / ÇÖZÜMLER';display:block;font-size:10px;letter-spacing:.14em;color:var(--gold);padding-bottom:14px}
.site-header nav:after{display:none}.site-header nav.desktop-nav{display:none}.site-header>.button{display:none}
.menu-button{display:block;width:44px;height:44px;flex:0 0 44px;border:1px solid #1465b855;border-radius:10px;position:relative;z-index:51;background:#ffffff;padding:10px}
.menu-button span{width:22px;height:2px;background:var(--gold2);margin:5px auto}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
body.menu-open{overflow:hidden}.menu-open .whatsapp{display:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.hero{padding:40px 24px 44px;gap:30px;min-height:0}.hero h1 .original-headline{display:none}.hero h1 .desktop-headline{display:block}
.hero h1{font-size:clamp(32px,6.4vw,46px);line-height:1.16;letter-spacing:-.04em;margin:20px 0}.hero h1 em{margin-top:5px}
.hero-copy>p{font-size:15px;line-height:1.75}.eyebrow{font-size:10px;letter-spacing:.09em}
.hero-actions{gap:15px;margin-top:24px}.hero-actions .button{min-height:48px;padding:12px 16px;border-radius:8px;font-size:14px}.hero-call b{font-size:15px}
.trust-row{margin-top:24px}.trust-row b{font-size:11px}.trust-row span{font-size:10px}
.product-stage{min-width:0;width:100%;max-width:760px}.product-switch{width:100%;display:flex;gap:4px}.product-switch button{min-height:44px;font-size:12px;flex:1;padding:8px}
.floating-card,.floating-note{display:none}
.section{padding:48px 24px;width:100%;min-width:0}.section-heading{margin-bottom:25px;gap:15px}
h2,.section-heading h2,.detail-copy h2,.cta-copy h2,.video-copy h2,.sctbot-copy h2,.qr-copy h2,.local-seo-copy h2,.virtual-tour-copy h2{font-size:clamp(26px,5.5vw,34px)!important;line-height:1.2;letter-spacing:-.03em}
.section p{font-size:14px;line-height:1.75}.section-heading>p{max-width:560px}
.product-cards{gap:16px}.product-card{min-height:0;padding:24px;border-radius:12px}.product-icon{margin:6px 0 22px;width:42px;height:42px}.product-card h3{font-size:25px;line-height:1.15}
.product-card ul{margin:22px 0;gap:9px}.product-card li{font-size:13px}.product-card>a{position:relative;bottom:auto;display:flex;align-items:center;min-height:44px;margin-top:18px;font-size:14px}.product-card .status{top:24px;right:22px}
.hotel-restaurant-card{grid-column:1/-1}.hotel-restaurant-card .product-icon,.hotel-restaurant-card ul{display:none}.hotel-restaurant-card h3{font-size:21px;margin-top:42px}
body[data-desktop-home] #web-tasarim,body[data-desktop-home] [id="3d-uretim"],body[data-desktop-home] #sctbot,body[data-desktop-home] #sctbot-modulleri,body[data-desktop-home] .proof-strip{display:none}
.desktop-services{display:block}.service-cards{display:grid;grid-template-columns:1fr;gap:14px}.service-cards>a{padding:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff}.service-cards span{font-size:10px;color:var(--gold);letter-spacing:.1em}.service-cards h3{font-size:23px;margin:17px 0 0}.service-cards b{font-size:12px;color:var(--gold2)}
.sub-hero,.service-hero,.answer-hero{padding:42px 24px;min-height:0;gap:30px;grid-template-columns:minmax(0,1fr)}
.sub-hero h1,.service-hero h1,.answer-hero h1{font-size:clamp(32px,6.5vw,44px);line-height:1.15;letter-spacing:-.04em}.sub-hero>div>p,.service-hero p{font-size:15px;line-height:1.75}
.sub-hero:has(.desktop-product-image)>.sub-proof{display:none}.desktop-product-image{display:block;margin:0;padding:8px;border:1px solid #17365c;border-radius:10px;background:#ffffff}.desktop-product-image img{width:100%;height:auto;display:block;border-radius:5px}.desktop-product-image figcaption{font-size:10px;color:#102747;padding:8px 3px 2px}
.service-mark:has(.desktop-collection){height:auto;min-height:0;aspect-ratio:auto;padding:8px;width:100%;max-width:600px;display:block;border-radius:12px}.original-3d-mark{display:none}.desktop-collection{display:block;width:100%;height:auto;border-radius:8px}.desktop-collection-note{display:block;font-size:10px;color:#102747;text-align:center;padding:8px}
.video-showcase,.restaurant-detail,.hotel-detail,.qr-ordering{gap:26px}.hotel-visual{overflow-x:auto}.mini-window{transform:none;min-width:590px;margin-bottom:0}.hotel-visual:after{content:'Takvimi görmek için yana kaydırın →';display:block;font-size:11px;color:var(--gold);padding:8px}
.sctbot-product-grid article{min-height:0}.sctbot-product-grid ul{margin-bottom:20px}.sctbot-product-grid a{position:static;display:block;min-height:44px;padding-top:12px}
.cta-section{margin:20px 16px 32px;padding:30px 24px;gap:25px;grid-template-columns:1fr;border-radius:12px}.cta-section .button{min-height:48px;font-size:14px}.contact-card{border-left:0;padding-left:0}
.answer-hub-link{margin:0 16px 30px;padding:26px 24px;gap:20px;flex-direction:column;align-items:flex-start}.answer-hub-link .button{min-height:44px}
.whatsapp{width:48px;height:48px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));font-size:13px}
footer{padding:30px 24px 90px;gap:20px}footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}footer>div{gap:8px 18px;flex-wrap:wrap}
.reveal{opacity:1;transform:none}
}
@media(max-width:600px){.product-cards{grid-template-columns:1fr}.hero,.section,.sub-hero,.service-hero{padding-left:20px;padding-right:20px}.hero h1{font-size:clamp(29px,8.1vw,36px)}.hero-actions{flex-direction:column;align-items:stretch}.trust-row div{padding:11px 8px}.cap-grid,.catalog-grid,.sctbot-product-grid{grid-template-columns:1fr}.hero-call{max-width:100%}.cta-section .contact-card a{overflow-wrap:anywhere}}

/* Group mobile navigation by product family. */
@media(max-width:1100px){
.site-header #mobile-menu:before{content:'SCTSOFT / KEŞFEDİN';border:0;padding:4px 0 18px;font-size:12px;font-weight:500}
.site-header #mobile-menu a:after{content:none!important}
.site-header #mobile-menu>a,.mobile-nav-group>summary{min-height:58px;padding:15px 0;font-size:16px;font-weight:400;color:#102747}
.mobile-nav-group{border-bottom:1px solid #17365c12}
.mobile-nav-group>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;gap:14px}
.mobile-nav-group>summary::-webkit-details-marker{display:none}
.mobile-nav-group>summary:after{content:'';width:7px;height:7px;margin-right:5px;border-right:1px solid #1465b8;border-bottom:1px solid #1465b8;transform:rotate(45deg);transition:transform .15s}
.mobile-nav-group[open]>summary{color:#1465b8}
.mobile-nav-group[open]>summary:after{transform:rotate(225deg)}
.mobile-nav-links{padding:0 0 12px 16px;border-left:1px solid #1465b833;margin:0 0 12px 2px}
.site-header #mobile-menu .mobile-nav-links a{min-height:46px;padding:11px 8px;border:0;font-size:14px;font-weight:400;color:#102747;justify-content:flex-start}
.site-header #mobile-menu a:hover,.site-header #mobile-menu a:focus-visible{background:#17365c04;color:#1465b8}
.site-header #mobile-menu>a{justify-content:flex-start;gap:9px}
.mobile-nav-status{font-size:12px;color:#1465b8}
.site-header #mobile-menu .mobile-demo{margin-top:24px;padding:13px 20px;min-height:48px;background:#1465b8;color:#ffffff;justify-content:center;border:0;border-radius:3px;font-weight:600}
.mobile-nav-group>summary:focus-visible{outline:2px solid #1465b8;outline-offset:3px}
}

/* Keep the complete finance dashboard visible on small screens. */
@media(max-width:1100px){
.product-stage .finance-stage-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
.product-stage.finance-active .finance-float{position:static;transform:none;width:100%;max-width:100%;margin:12px 0 0;box-sizing:border-box}
}