/* CS2LEGIT ortak mobil uyumluluk katmanı */
:root{--mobile-header-height:68px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img,video,iframe,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.mobile-nav-toggle,.admin-mobile-toggle,.admin-mobile-overlay{display:none}
.mobile-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.mobile-table-scroll>table{min-width:680px}

@media (max-width:1180px){
  .container{width:100%;max-width:100%;padding-left:20px!important;padding-right:20px!important}
  .hero,.hero-php{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)!important;gap:34px!important}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .video-showcase-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gallery-grid-home,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .highlight-card-grid,.latest-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .comparison-showcase,.compare-wrap,.faq-layout,.detail-layout,.account-layout{grid-template-columns:1fr!important}
  .comparison-copy,.faq-intro{position:static!important}
  .feature-row{gap:34px!important}
  .footer-content{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-grid,.admin-grid-2,.admin-grid-3,.admin-form-grid,.field-grid-2,.compact-form-grid,.license-create-grid,.license-detail-grid,.license-api-compact-grid,.license-api-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:960px){
  .navbar{padding:12px 0!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;background:rgba(8,8,11,.97)!important;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);z-index:8000!important}
  .navbar>.container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  .navbar .brand{min-width:0;font-size:1.15rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .navbar .brand img{max-width:150px!important;height:30px!important}
  .mobile-nav-toggle{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-primary) 50%,var(--color-border));border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.32),0 0 15px var(--color-primary-glow);cursor:pointer}
  .mobile-nav-toggle svg{width:22px;height:22px}
  .navbar .nav-links,.navbar .nav-actions{display:none!important;grid-column:1/-1;width:100%}
  .navbar.mobile-open .nav-links{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.06)}
  .navbar.mobile-open .nav-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:10px 0 5px}
  .navbar .nav-item{display:block!important;width:100%}
  .navbar .nav-main-link{display:flex!important;justify-content:space-between!important;width:100%;padding:13px 12px!important;border-radius:10px;font-size:.9rem!important}
  .navbar .nav-main-link:hover{background:rgba(255,255,255,.04)}
  .navbar .nav-main-link:after{display:none!important}
  .navbar .nav-submenu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;min-width:0!important;max-width:none!important;width:100%!important;margin:4px 0 8px;padding:6px!important;box-shadow:none!important;background:rgba(255,255,255,.025)!important}
  .navbar .nav-item.submenu-open>.nav-submenu{display:block!important}
  .navbar .nav-item.submenu-open>.nav-main-link svg{transform:rotate(180deg)}
  .navbar .nav-actions .btn{width:100%;padding:12px 10px!important;font-size:.82rem!important}

  .hero,.hero-php{grid-template-columns:1fr!important;padding:58px 0!important;text-align:left;gap:32px!important}
  .hero-content{max-width:760px}
  .hero-visual{height:auto!important;min-height:390px;margin:0!important}
  .mockup-window{position:relative!important;top:auto!important;right:auto!important;transform:none!important;width:100%!important}
  .hero-actions{justify-content:flex-start!important}
  .feature-row,.reverse-feature{grid-template-columns:1fr!important;direction:ltr!important}
  .feature-row>*{direction:ltr!important}
  .rating-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  body.has-admin-layout{display:block!important;height:auto!important;min-height:100vh!important;overflow:auto!important}
  .admin-mobile-toggle{display:inline-flex;position:fixed;left:14px;top:14px;z-index:12020;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--color-primary);border-radius:13px;background:#111116;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 16px var(--color-primary-glow);cursor:pointer}
  .admin-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);z-index:11990;opacity:0;visibility:hidden;transition:.25s}
  body.admin-menu-open .admin-mobile-overlay{opacity:1;visibility:visible}
  .admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:12000;width:min(300px,86vw)!important;height:100dvh!important;transform:translateX(-105%);transition:transform .28s ease;box-shadow:20px 0 55px rgba(0,0,0,.55);overflow-y:auto!important}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)}
  .admin-content{width:100%!important;min-height:100vh!important;height:auto!important;overflow:visible!important;padding:78px 16px 28px!important;margin:0!important}
  .admin-header{align-items:flex-start!important;gap:14px!important;flex-wrap:wrap!important}
  .admin-header>*{min-width:0}
  .admin-title{font-size:clamp(1.45rem,5vw,2rem)!important}
  .admin-tabs,.home-admin-nav{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .admin-tab,.home-admin-nav a{white-space:nowrap;flex:0 0 auto}
  .table-responsive,.admin-card,.card{max-width:100%}
  .admin-card:has(table),.card:has(table){overflow-x:auto}
}

@media (max-width:720px){
  :root{--space-96:56px;--space-64:38px;--space-48:30px;--space-32:22px;--space-24:18px}
  .container{padding-left:14px!important;padding-right:14px!important}
  h1,.hero-morph-title,.hero-php h1{font-size:clamp(2.15rem,11vw,3.15rem)!important;line-height:1.04!important;overflow-wrap:anywhere}
  h2{font-size:clamp(1.75rem,8.5vw,2.45rem)!important}
  h3{font-size:clamp(1.08rem,5vw,1.45rem)!important}
  p{font-size:.96rem}
  .section,.section-compact{padding:52px 0!important}
  .section-header,.section-heading,.highlight-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:28px!important}
  .products-grid,.video-showcase-grid,.video-grid,.gallery-grid-home,.gallery-grid,.highlight-card-grid,.latest-blog-grid,.trust-card-grid,.rating-strip,.grid-2,.grid-3,.grid-4,.php-grid,.dashboard-grid,.admin-grid,.admin-grid-2,.admin-grid-3,.admin-form-grid,.field-grid-2,.compact-form-grid,.license-create-grid,.license-detail-grid,.license-api-compact-grid,.license-api-grid-layout{grid-template-columns:1fr!important}
  .product-card{padding:16px!important}
  .product-image{height:auto!important;aspect-ratio:16/9}
  .product-meta,.pricing-strip,.order-head,.ticket-head,.dashboard-head,.dashboard-head-actions,.account-head,.history-top,.license-page-header,.license-header-actions,.license-compact-summary,.order-top{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .product-meta .btn,.pricing-strip .btn,.hero-actions .btn,.dashboard-head-actions .btn,.license-header-actions .btn{width:100%!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .hero-visual{min-height:0!important}
  .mockup-window,.matrix-card{padding:16px!important;border-radius:14px!important}
  .mockup-stat{gap:12px;font-size:.76rem;flex-wrap:wrap}
  .terminal-box{font-size:.72rem!important;overflow-wrap:anywhere}
  .matrix-tags,.feature-tags{gap:5px!important}
  .comparison-showcase{padding:18px!important;border-radius:16px!important}
  .comparison-slider,.compare-box{height:300px!important;min-height:300px!important;border-radius:16px!important}
  .comparison-copy{padding:0!important}
  .review-card-3d,.review-card{width:86vw!important;min-width:86vw!important;padding:20px!important;min-height:250px!important}
  .carousel-controls button{width:44px!important;height:44px!important}
  .highlight-3d-card{min-height:260px!important;padding:20px!important}
  .highlight-3d-icon{width:116px!important;height:116px!important}
  .highlight-3d-icon svg{width:50px!important;height:50px!important}
  .detail-panel,.description-box,.php-card,.admin-card,.card,.dashboard-box,.account-card{padding:18px!important;border-radius:13px!important}
  .detail-card iframe,.video-frame iframe{width:100%!important}
  .description-content{overflow-wrap:anywhere}
  .faq-question{padding:17px 15px!important}
  .faq-answer{padding:0 15px 16px!important}
  .latest-blog-image{height:200px!important}
  .footer{padding:46px 0 24px!important;margin-top:48px!important}
  .footer-content{grid-template-columns:1fr!important;gap:28px!important}
  .footer-socials{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .footer-social-link{width:100%;min-width:0!important;padding:10px 8px!important}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  .scroll-top-button{right:14px!important;bottom:14px!important;width:48px!important;height:48px!important}
  .recent-order-popup{left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto!important;border-radius:15px!important}

  .php-actions,.compact-action-buttons,.license-action-buttons,.delivery-actions,.order-actions,.change-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .php-actions .btn,.compact-action-buttons button,.license-action-buttons button,.delivery-actions .btn,.order-actions .btn,.change-actions .btn{width:100%!important}
  .form-control,.php-input,.php-select,.php-textarea,.license-input,.license-select,.license-textarea{font-size:16px!important}
  .license-compact-item,.order-compact-card,.change-admin-card{padding:14px!important}
  .license-compact-summary{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}
  .license-summary-cell:not(.license-summary-identity):not(.license-summary-status){grid-column:1/-1}
  .license-slide-panel,.expand-panel{padding:14px!important}
  .license-top-panels{grid-template-columns:1fr!important}
  .license-search-toolbar{display:grid!important;grid-template-columns:1fr!important}
  .license-search-button,.license-create-button{width:100%!important}
  .order-compact-main,.order-admin-details,.admin-ticket-layout{grid-template-columns:1fr!important}
  .delivery-toggle{width:100%!important}
  .media-lightbox{padding:12px!important}
  .lightbox-close{top:12px!important;right:12px!important}
}

@media (max-width:480px){
  .navbar.mobile-open .nav-actions{grid-template-columns:1fr!important}
  .navbar .brand span{font-size:1rem!important;margin-left:4px!important}
  .navbar .brand svg{width:26px!important;height:26px!important}
  .btn{padding:12px 14px!important;font-size:.84rem!important}
  .footer-socials{grid-template-columns:1fr!important}
  .comparison-slider,.compare-box{height:240px!important;min-height:240px!important}
  .review-card-3d,.review-card{width:90vw!important;min-width:90vw!important}
  .admin-content{padding-left:10px!important;padding-right:10px!important}
  .admin-card,.card,.dashboard-box,.account-card{padding:14px!important}
  .pagination a,.pagination span,.dashboard-pagination a,.dashboard-pagination span,.license-pagination a,.license-pagination span{min-width:36px!important;height:36px!important;font-size:.8rem!important}
  .badge,.php-badge,.license-pill{font-size:.66rem!important}
}

@media (hover:none) and (pointer:coarse){
  .product-card:hover,.latest-blog-card:hover,.highlight-3d-card:hover,.review-card-3d:hover,.footer-social-link:hover,.btn:hover{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Bağımsız launcher ve bakım ekranları */
@media (max-width:860px){
  body:has(.launcher-window){height:auto!important;min-height:100dvh!important;overflow:auto!important;padding:14px!important;align-items:flex-start!important}
  .launcher-window{width:100%!important;height:auto!important;min-height:calc(100dvh - 28px)!important;margin:0!important}
  .launcher-body{flex-direction:column!important}
  .launcher-sidebar{width:100%!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .launcher-sidebar .menu-item{margin:0!important}
  .launcher-content{padding:28px 18px!important}
  .launcher-header{padding:14px!important;gap:12px!important;align-items:flex-start!important;flex-direction:column!important}
  .launch-btn{width:100%!important;padding:15px 14px!important;font-size:1rem!important}
}
@media (max-width:500px){.launcher-sidebar{grid-template-columns:1fr!important}}