/* Shared responsive refinements for the Fikirtepe service website */
:root{scrollbar-color:#8b9b89 #eff2ec;scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#eff2ec}
::-webkit-scrollbar-thumb{background:#9aa998;border:3px solid #eff2ec;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#647b67}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg{max-width:100%}
a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

/* Keep navigation comfortable on tablets and compact laptops. */
@media(max-width:960px){
  .site-header{height:68px}
  .nav-wrap{position:relative;gap:10px}
  .menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;padding:10px}
  .menu-toggle span{flex:none}
  .nav-cta{min-height:44px;padding:9px 12px}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;height:auto;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:1px solid var(--line);padding:8px 14px 16px;align-items:stretch;box-shadow:0 15px 24px #14251917}
  .main-nav.open{display:flex;flex-direction:column;gap:0}
  .main-nav>a,.drop-trigger{height:auto;min-height:46px;align-items:center}
  .nav-dropdown{height:auto}  .nav-dropdown:hover .drop-menu,.nav-dropdown:focus-within .drop-menu{display:none}
  .nav-dropdown.open .drop-menu{display:grid}
  .drop-menu{position:static;width:100%;max-height:min(44dvh,360px);grid-template-columns:1fr;gap:0;padding:4px 8px;overflow-y:auto;box-shadow:none;border:0;background:#f6f7f3}
  .drop-menu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:12px}
}

@media(max-width:800px){
  .hero-controls{gap:12px}
  .hero-arrow,.hero-pause{width:44px;height:44px;flex:none}
  .service-detail-note{min-width:0}
  .neighborhood-body,.service-detail,.article-row{min-width:0}
  .main-nav{max-height:calc(100dvh - 101px)}
}

@media(max-width:600px){
  .wrap{width:calc(100% - 32px)}
  .topline-inner{min-width:0}
  .site-header .nav-wrap{gap:7px}
  .brand{gap:8px}
  .menu-toggle{margin-left:auto}
  .nav-cta{padding-inline:10px;white-space:nowrap}
  .main-nav{left:0;right:0;padding-inline:10px}
  .main-nav>a,.drop-trigger{min-height:48px}
  .drop-menu a{min-height:46px}
  .section-head{min-width:0}
  .section-head>div,.section-head>p{max-width:100%}
  .service-hero h1{font-size:clamp(34px,10vw,46px);letter-spacing:-.065em}
  .service-hero p,.neighborhood-hero p{max-width:38ch}
  .neighborhood-hero h1{font-size:clamp(34px,9.5vw,46px);letter-spacing:-.06em;overflow-wrap:anywhere}
  .blog-hero h1{font-size:clamp(38px,10.5vw,54px);letter-spacing:-.065em}
  .service-detail h2,.service-faq h2,.service-blog h2,.neighborhood-body h2,.neighborhood-services h2{font-size:clamp(30px,8.6vw,38px);letter-spacing:-.055em}
  .service-detail-copy,.neighborhood-body p,.article-row p{font-size:14px;line-height:1.8}
  .service-faq-list summary,.faq-list summary{min-height:48px;line-height:1.45;align-items:center}
  .related-links a,.neighborhood-links a,.footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:10px 13px}
  .area-list>a:not(.area-featured){min-height:44px;display:flex;align-items:center;padding-block:11px}
  .contact-action,.button,.nav-cta{min-height:44px}
  .service-crumb-bottom{flex-wrap:wrap;gap:10px 16px}
  .service-crumb-bottom a{min-height:44px;display:inline-flex;align-items:center}
  .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .footer-main>*{min-width:0}
  .footer-bottom{align-items:center}
}

@media(max-width:380px){
  .wrap{width:calc(100% - 28px)}
  .brand strong{font-size:14px}
  .brand small{letter-spacing:1.2px}
  .nav-cta{font-size:9px;padding-inline:8px}
  .nav-cta .phone-icon{display:none}
  .hero-slider{min-height:600px}
  .hero-slide-content{padding-inline:0}
  .hero-slider h1{font-size:clamp(37px,11vw,43px)}
  .hero-visual img,.hero-visual video{width:min(82vw,320px);max-height:30svh}
  .hero-controls{gap:8px}
  .hero-arrow,.hero-pause{width:42px;height:42px}
  .hero-slide-count{min-width:35px}
  .service-grid{grid-template-columns:1fr}
  .service-card,.service-last{min-height:150px}
  .neighborhood-service-grid{grid-template-columns:1fr}
  .fikirtepe-benefits .benefit-grid{grid-template-columns:1fr}
  .showcase-grid{grid-template-rows:repeat(3,150px)}
  .showcase-card.showcase-feature{min-height:185px}
}

@media(forced-colors:active){
  ::-webkit-scrollbar-thumb{border-color:Canvas}
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid Highlight}
}