/* GÜREŞ SHOP v2.6 — MOBILE PROMO BANNER CLEANUP */
:root{--gs26-orange:#ff6817;--gs26-blue:#1480ff;--gs26-ink:#050a12}

@media(max-width:767px){
  /* product-grid inserted promos: clean breathing room */
  body .gs24-inline-promos{width:100%!important;max-width:100%!important;margin:20px 0 24px!important;padding:0 10px!important;box-sizing:border-box!important;overflow:visible!important}
  body .gs24-inline-promos .gs22-mid-banner,
  body .gs24-inline-promos .gs23-promo{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}

  /* FIRST MID BANNER — text and product are now independent sections */
  body .gs22-mid-banner{height:510px!important;min-height:510px!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(150deg,#050a12 0%,#071525 68%,#120a09 100%)!important;box-shadow:0 18px 45px rgba(5,15,30,.16)!important}
  body .gs22-mid-track{height:100%!important}
  body .gs22-mid-slide{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 218px!important;align-content:start!important;gap:10px!important;height:100%!important;padding:28px 20px 38px!important;text-align:center!important;overflow:hidden!important}
  body .gs22-mid-content{position:relative!important;z-index:5!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 6px!important;order:1!important}
  body .gs22-mid-kicker{justify-content:center!important;margin-bottom:9px!important;font-size:9px!important;letter-spacing:.16em!important}
  body .gs22-mid-content h2{margin:0!important;font-size:29px!important;line-height:1.01!important;letter-spacing:-.035em!important}
  body .gs22-mid-content h2 em{margin-top:2px!important}
  body .gs22-mid-content p{max-width:350px!important;margin:10px auto 14px!important;font-size:12.5px!important;line-height:1.5!important;color:#b9c6d5!important}
  body .gs22-mid-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;margin:0 auto!important}
  body .gs22-mid-btn{min-height:42px!important;padding:0 15px!important;font-size:9.5px!important;white-space:nowrap!important}
  body .gs22-mid-specs{display:none!important}
  body .gs22-mid-visual{position:relative!important;z-index:3!important;order:2!important;width:100%!important;height:218px!important;min-height:218px!important;margin:0!important;padding:8px 20px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;background:radial-gradient(circle at 50% 52%,rgba(24,128,255,.17),transparent 55%)!important;overflow:hidden!important}
  body .gs22-mid-visual:before{width:230px!important;height:230px!important;opacity:.65!important}
  body .gs22-mid-visual img{position:relative!important;z-index:4!important;display:block!important;width:auto!important;height:auto!important;max-width:88%!important;max-height:195px!important;margin:0 auto!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;rotate:none!important;animation:none!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body .gs22-mid-slide:nth-child(2) .gs22-mid-visual img{max-height:200px!important;max-width:68%!important;border-radius:14px!important}
  body .gs22-mid-nav{top:auto!important;bottom:182px!important;width:38px!important;height:38px!important;font-size:17px!important;background:rgba(5,10,18,.78)!important;border-color:rgba(255,255,255,.18)!important}
  body .gs22-mid-prev{left:10px!important} body .gs22-mid-next{right:10px!important}
  body .gs22-mid-dots{bottom:12px!important}
  body .gs22-mid-progress{height:3px!important}

  /* SECOND PROMO — no desktop art on mobile, clean responsive card only */
  body .gs23-promo{border-radius:20px!important;overflow:hidden!important;background:#050a12!important;box-shadow:0 18px 45px rgba(5,15,30,.16)!important}
  body .gs23-mobile-promo{display:block!important;min-height:445px!important;background:#050a12!important;overflow:hidden!important}
  body .gs23-mobile-promo__track{height:100%!important;align-items:stretch!important}
  body .gs23-mobile-promo__slide{position:relative!important;min-height:445px!important;padding:28px 20px 38px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important}
  body .gs23-mobile-promo__kicker{margin-bottom:8px!important;font-size:9px!important;letter-spacing:.16em!important}
  body .gs23-mobile-promo h3{margin:0!important;font-size:29px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  body .gs23-mobile-promo p{max-width:340px!important;margin:10px auto 12px!important;font-size:12.5px!important;line-height:1.48!important}
  body .gs23-mobile-promo img{order:4!important;display:block!important;width:auto!important;height:auto!important;max-width:84%!important;max-height:185px!important;margin:8px auto 12px!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;rotate:none!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body .gs23-mobile-promo__slide:nth-child(2) img{max-width:64%!important;max-height:190px!important;border-radius:13px!important}
  body .gs23-mobile-promo a{order:5!important;min-height:42px!important;margin-top:auto!important;padding:0 18px!important;font-size:10px!important}
  body .gs23-mobile-promo__dots{bottom:10px!important}

  /* Prevent generic theme rules from turning promo assets into white cards */
  body .gs22-mid-visual img,
  body .gs23-mobile-promo img{background-color:transparent!important;outline:0!important}
}

@media(max-width:390px){
  body .gs22-mid-banner{height:495px!important;min-height:495px!important}
  body .gs22-mid-slide{grid-template-rows:auto 202px!important;padding:24px 16px 34px!important}
  body .gs22-mid-content h2,body .gs23-mobile-promo h3{font-size:26px!important}
  body .gs22-mid-content p,body .gs23-mobile-promo p{font-size:11.5px!important}
  body .gs22-mid-btn{padding:0 12px!important;font-size:8.8px!important}
  body .gs22-mid-visual{height:202px!important;min-height:202px!important}
  body .gs22-mid-visual img{max-height:180px!important}
  body .gs22-mid-nav{bottom:165px!important}
  body .gs23-mobile-promo,body .gs23-mobile-promo__slide{min-height:425px!important}
  body .gs23-mobile-promo img{max-height:170px!important}
}
