/* Luxor Kimya V11.22 - global compact mobile layout */
@media (max-width: 640px){
  html,body{overflow-x:hidden}
  .corp-shell,.lux-wrap,.container,.nexava-footer-shell{width:calc(100% - 24px)!important;max-width:none!important}

  /* Ana sayfa bolumleri: mobile-first two column */
  .corp-section,.corp-dark,.corp-rd{padding:44px 0!important}
  .corp-section-head{display:block!important;margin-bottom:22px!important}
  .corp-section-head h2{font-size:30px!important;line-height:1.02!important;margin:8px 0 10px!important}
  .corp-section-head>p{font-size:12px!important;line-height:1.5!important;margin:0!important}

  .corp-group-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .corp-group-card{display:flex!important;flex-direction:column!important;min-height:170px!important;padding:16px 14px!important;border:1px solid rgba(20,35,29,.12)!important;border-radius:14px!important;background:#fff!important}
  .corp-group-card .corp-index{font-size:9px!important;margin-bottom:26px!important}
  .corp-group-card h3{font-size:15px!important;line-height:1.15!important;margin:0 0 7px!important}
  .corp-group-card p{font-size:10px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .corp-group-card>b{margin-top:auto!important;font-size:9px!important}

  .corp-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .corp-process-step{min-height:172px!important;padding:15px 13px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important}
  .corp-process-step h3{font-size:15px!important;line-height:1.15!important;margin:24px 0 7px!important}
  .corp-process-step p{font-size:10px!important;line-height:1.45!important}
  .corp-process-line{display:none!important}

  .corp-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .corp-quality-card{min-height:175px!important;padding:16px 14px!important;border-radius:14px!important}
  .corp-quality-card h3{font-size:15px!important;line-height:1.15!important;margin:28px 0 8px!important}
  .corp-quality-card p{font-size:10px!important;line-height:1.45!important}

  .corp-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:170px!important;gap:8px!important}
  .corp-gallery-grid figure,.corp-gallery-grid figure:first-child,.corp-gallery-grid figure:last-child{grid-row:auto!important;grid-column:auto!important;height:170px!important}
  .corp-gallery-grid figcaption{padding:10px!important;font-size:8px!important}

  .corp-sector-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .corp-sector-row span{min-height:72px!important;padding:14px 12px!important;font-size:10px!important;display:flex!important;align-items:center!important}

  .corp-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .corp-blog-card:nth-child(3){display:none!important}
  .corp-blog-card{min-width:0!important}
  .corp-blog-img{height:140px!important}
  .corp-blog-card h3{font-size:14px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .corp-blog-card small,.corp-blog-card span{font-size:8px!important}

  /* Ic sayfalar: ayni two-column kart sistemi */
  .lux-inner-capabilities{padding:42px 0!important}
  .lux-inner-section-head{display:block!important;margin-bottom:20px!important}
  .lux-inner-section-head h2{font-size:30px!important;line-height:1.02!important}
  .lux-inner-section-head>p{font-size:12px!important;line-height:1.5!important;margin-top:10px!important}
  .lux-inner-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;border:0!important;gap:10px!important}
  .lux-inner-cards article{min-height:168px!important;padding:16px 14px!important;border:1px solid #d4dad6!important;border-radius:14px!important;background:#f7f8f7!important}
  .lux-inner-cards article>b{font-size:9px!important}
  .lux-inner-cards h3{font-size:15px!important;line-height:1.15!important;margin:26px 0 8px!important}
  .lux-inner-cards p{font-size:10px!important;line-height:1.45!important;margin:0!important}

  .lux-inner-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:170px!important;gap:8px!important}
  .lux-inner-gallery-grid figure,.lux-inner-gallery-grid figure:first-child{grid-row:auto!important;min-height:0!important}

  /* Rich content cards in two columns when possible */
  .lux-inner-content .mk-rich-content ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-left:0!important;list-style:none!important}
  .lux-inner-content .mk-rich-content li{padding:11px 10px!important;border:1px solid #e1e5e2!important;border-radius:10px!important;background:#fff!important;font-size:11px!important;line-height:1.45!important}

  /* WhatsApp content overlap reduction */
  .mk-wa{width:48px!important;height:48px!important;right:12px!important;bottom:14px!important}
}
@media (max-width: 360px){
  .corp-group-grid,.corp-process-grid,.corp-quality-grid,.corp-blog-grid,.lux-inner-cards{gap:7px!important}
  .corp-group-card,.corp-quality-card,.corp-process-step,.lux-inner-cards article{padding:13px 11px!important}
  .corp-group-card h3,.corp-quality-card h3,.corp-process-step h3,.lux-inner-cards h3{font-size:14px!important}
}

/* Luxor Kimya V11.23 — compact inner-page mobile hero + strict two-column cards */
@media (max-width:640px){
  /* İç sayfa hero: dev boşluğu kaldır */
  .lux-inner-hero{min-height:310px!important;height:310px!important;max-height:310px!important}
  .lux-inner-hero-grid{min-height:310px!important;height:310px!important;padding:34px 0 24px!important;display:flex!important;align-items:flex-end!important}
  .lux-inner-hero-copy{width:100%!important;max-width:100%!important}
  .lux-inner-hero-copy>span{font-size:8px!important;letter-spacing:.14em!important}
  .lux-inner-hero-copy h1{font-size:clamp(34px,11vw,44px)!important;line-height:.94!important;margin:10px 0 10px!important;max-width:96%!important}
  .lux-inner-hero-copy p{font-size:12px!important;line-height:1.42!important;margin:0!important;max-width:95%!important;-webkit-line-clamp:2!important}
  .lux-inner-actions{margin-top:14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .lux-inner-actions a{min-width:0!important;min-height:42px!important;padding:10px 11px!important;font-size:8px!important;gap:8px!important}
  .lux-inner-hero-note{display:none!important}

  /* Hero altındaki uzun süreç şeridini kompaktlaştır */
  .lux-inner-strip .container{grid-template-columns:1fr 1fr!important}
  .lux-inner-strip span{padding:12px 8px!important;font-size:7px!important;line-height:1.2!important}
  .lux-inner-strip span:nth-child(n+3){display:none!important}

  /* İçerik alanları */
  .lux-inner-content{padding:38px 0!important}
  .lux-inner-content-grid{display:block!important}
  .lux-inner-content aside{margin-bottom:18px!important}
  .lux-inner-content aside h2{font-size:28px!important;margin:8px 0!important}
  .lux-inner-content aside p{font-size:11px!important;line-height:1.45!important;margin:0!important}
  .lux-inner-content .mk-rich-content{padding:22px 16px!important;font-size:13px!important;line-height:1.6!important}

  /* Tüm uygun kart alanları iki sütun */
  .lux-inner-cards,.corp-group-grid,.corp-process-grid,.corp-quality-grid,.corp-blog-grid,.corp-sector-row{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
  }
  .lux-inner-cards article{min-height:142px!important;padding:14px 12px!important}
  .lux-inner-cards h3{font-size:14px!important;margin:18px 0 6px!important}
  .lux-inner-cards p{font-size:9.5px!important;line-height:1.4!important}
  .lux-inner-capabilities,.lux-inner-gallery{padding:38px 0!important}
  .lux-inner-section-head{margin-bottom:16px!important}
  .lux-inner-section-head h2{font-size:27px!important;margin-top:8px!important}
}

@media (max-width:380px){
  .lux-inner-hero,.lux-inner-hero-grid{height:292px!important;min-height:292px!important;max-height:292px!important}
  .lux-inner-hero-copy h1{font-size:34px!important}
}

/* V11.24 — requested mobile inner-page composition */
@media(max-width:640px){
  /* Hero: first reference image proportions — full visual block, content anchored at the bottom */
  .lux-inner-hero{
    height:auto!important;
    min-height:clamp(620px,72svh,760px)!important;
    max-height:none!important;
  }
  .lux-inner-hero-grid{
    height:auto!important;
    min-height:clamp(620px,72svh,760px)!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    padding:52px 0 34px!important;
    gap:0!important;
  }
  .lux-inner-hero-copy{width:100%!important;max-width:100%!important}
  .lux-inner-hero-copy>span{font-size:8px!important;letter-spacing:.16em!important}
  .lux-inner-hero-copy h1{
    font-size:clamp(42px,13vw,56px)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
    margin:12px 0 14px!important;
    max-width:100%!important;
  }
  .lux-inner-hero-copy p{
    font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:96%!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
  }
  .lux-inner-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:22px!important}
  .lux-inner-actions a{min-height:52px!important;padding:0 14px!important;font-size:8px!important;border-radius:0!important;gap:8px!important}
  .lux-inner-hero-note{display:none!important}

  /* Process strip starts after the hero instead of occupying the same first-screen composition */
  .lux-inner-strip .container{grid-template-columns:1fr 1fr!important}
  .lux-inner-strip span{padding:14px 10px!important;font-size:7px!important;line-height:1.25!important}
  .lux-inner-strip span:nth-child(n+3){display:none!important}
}
@media(max-width:380px){
  .lux-inner-hero,.lux-inner-hero-grid{min-height:590px!important}
  .lux-inner-hero-copy h1{font-size:40px!important}
  .lux-inner-actions a{min-height:48px!important}
}