/* Öztürk Group — mobile responsive stabilization v40 */
@media (max-width: 1280px){
  .container{width:min(100% - 40px,1180px)}
  .nav{gap:18px}
  .nav-links{gap:16px;font-size:13px}
  .quote{padding:12px 16px;font-size:13px}
  .brand strong{font-size:18px}
}

@media (max-width: 1160px){
  .nav-links,.quote,.mega-menu{display:none!important}
  .menu-btn{display:flex!important;flex:0 0 46px}
  .nav{justify-content:space-between}
  .nav-right{margin-left:auto}
  .langs{max-width:360px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  .langs::-webkit-scrollbar{display:none}
}

@media (max-width: 860px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 28px)!important;max-width:none!important}
  .site-header{position:fixed}
  .nav{height:72px!important;gap:10px}
  .brand{min-width:0;gap:10px}
  .brand-mark{width:42px!important;height:42px!important;font-size:20px!important;flex:0 0 42px}
  .brand-text{min-width:0}
  .brand strong{font-size:15px!important;letter-spacing:.04em;white-space:nowrap}
  .brand small{display:none!important}
  .nav-right{gap:8px}
  .nav-right .langs{display:none!important}
  .menu-btn{width:44px!important;height:44px!important;border-radius:16px!important}

  .mobile-panel{width:min(88vw,390px)!important;padding:28px 24px 34px!important;overflow-y:auto}
  .mobile-close{font-size:38px;line-height:1;margin-bottom:18px}
  .mobile-panel a{font-size:20px!important;padding:15px 0!important;line-height:1.25}
  .mobile-langs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
  .mobile-langs a{display:inline-flex!important;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;padding:9px 12px!important;font-size:13px!important;font-weight:900!important;background:rgba(255,255,255,.06)}
  .mobile-langs a.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy2)}

  .cinematic-hero{height:auto!important;min-height:0!important;padding:118px 0 56px!important}
  .hero-stage{display:block!important;height:auto!important;padding-top:0!important}
  .hero-copy{max-width:100%!important}
  .hero-copy h1{font-size:clamp(36px,10.5vw,50px)!important;line-height:1.03!important;letter-spacing:-.045em!important;margin-bottom:20px!important}
  .hero-copy p{font-size:16px!important;line-height:1.7!important;max-width:100%!important}
  .eyebrow,.kicker{font-size:10.5px!important;letter-spacing:.16em!important;margin-bottom:14px!important}
  .actions{gap:10px!important;margin-top:26px!important}
  .btn{width:100%;min-height:48px;padding:14px 18px!important;font-size:14px!important;text-align:center}
  .scroll-indicator{display:none!important}

  .page-hero{padding:118px 0 58px!important}
  .page-hero h1{font-size:clamp(32px,9.5vw,44px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
  .page-hero p{font-size:16px!important;line-height:1.7!important}

  .section,.light-section,.dark-section{padding:64px 0!important}
  .video-section{min-height:auto!important;padding:82px 0!important}
  .video-content h2,.section-head h2,.sticky-title h2,.story-grid h2,.center-head h2,.split-map h2,.board-grid h2{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
  .video-content p,.section-head p,.center-head p,.split-map p,.board-grid p{font-size:16px!important;line-height:1.75!important}
  .section-head{display:block!important;margin-bottom:30px!important}
  .story-layout,.split-map,.board-grid,.showcase-grid,.content-grid,.grid-2,.grid-3,.grid-4,.media-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .sticky-title{position:relative!important;top:auto!important}
  .story-card,.card,.form-panel,.org-card,.why-card{border-radius:22px!important;padding:24px!important}
  .story-card h3,.motion-content h3,.showcase-card h3,.org-card h3{font-size:24px!important;line-height:1.18!important}
  .story-card p,.motion-content p,.why-card p,.card p{font-size:15.5px!important;line-height:1.7!important}

  .motion-grid,.timeline,.why-grid,.flow-row,.form-grid,.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  .motion-card,.showcase-card,.showcase-card:first-child{min-height:300px!important;border-radius:24px!important}
  .motion-content,.showcase-card div{padding:24px!important}
  .timeline:before,.flow-row div:after{display:none!important}
  .timeline-item{padding:24px!important;border-radius:22px!important}
  .timeline-item span{width:58px!important;height:58px!important;margin-bottom:18px!important}
  .map-card,.map-card img{min-height:300px!important;border-radius:24px!important}

  .form-panel input,.form-panel textarea,.form-panel select{padding:15px 16px!important;border-radius:14px!important;font-size:16px!important}
  .field.full,.form-panel textarea{grid-column:1/-1!important}

  .footer-marquee{padding:18px 0!important;gap:32px!important}
  .footer-marquee span{font-size:26px!important}
  .footer-grid{padding:48px 0!important}
  .footer h3{font-size:28px!important}
  .footer-actions{display:grid!important;grid-template-columns:1fr!important}
  .footer-actions a{text-align:center}
}

@media (max-width: 520px){
  .container{width:calc(100% - 24px)!important}
  .cinematic-hero{padding-top:108px!important}
  .hero-copy h1{font-size:clamp(34px,11vw,44px)!important}
  .hero-copy p{font-size:15.5px!important}
  .actions .btn{width:100%}
  .mobile-panel{width:92vw!important;padding-left:20px!important;padding-right:20px!important}
  .page-hero{padding-top:108px!important}
  .page-hero h1{font-size:clamp(30px,10vw,39px)!important}
  .section,.light-section,.dark-section{padding:56px 0!important}
  .card,.form-panel,.story-card,.org-card,.why-card{padding:20px!important}
}

/* Premium service pages mobile overrides */
@media (max-width: 760px){
  .energy-hero,.trade-hero,.construction-hero,.agency-hero,.software-hero{min-height:auto!important;padding:118px 0 56px!important;align-items:flex-start!important}
  .energy-hero h1,.trade-hero h1,.construction-hero h1,.agency-hero h1,.software-hero h1{font-size:clamp(34px,10.5vw,48px)!important;line-height:1.04!important;letter-spacing:-.045em!important}
  .energy-hero p,.trade-hero p,.construction-hero p,.agency-hero p,.software-hero p{font-size:16px!important;line-height:1.7!important}
  .energy-hero__stats,.trade-hero__stats,.construction-hero__stats,.agency-hero__stats,.software-hero__stats{grid-template-columns:1fr!important;margin-top:28px!important;gap:12px!important}
  .energy-hero__stats div,.trade-hero__stats div,.construction-hero__stats div,.agency-hero__stats div,.software-hero__stats div{padding:18px!important;border-radius:20px!important}
}

/* Arabic RTL mobile polish */
html[dir="rtl"] .mobile-panel{margin-left:0;margin-right:auto;transform:translateX(-100%)}
html[dir="rtl"] .mobile-drawer.open .mobile-panel{transform:none}
html[dir="rtl"] .brand,html[dir="rtl"] .nav{direction:rtl}