/* Sistem Ticaret 2026 - Mobil/Tablet Premium Satın Alma Akışı */
@media (max-width: 900px){
  html,body{overflow-x:hidden!important;background:#f5f7fb!important;}
  body{padding-bottom:74px!important;}
  .old-topbar{display:none!important;}
  .header{position:sticky!important;top:0!important;z-index:150!important;background:#fff!important;box-shadow:0 12px 26px rgba(6,26,68,.08)!important;}
  .header-grid.site-wrap,.header-grid{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:88px minmax(0,1fr) 54px!important;gap:8px!important;align-items:center!important;padding:7px 10px!important;margin:0!important;height:auto!important;min-height:0!important;}
  .logo.st-site-logo,.st-site-logo{width:86px!important;min-width:86px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;}
  .logo.st-site-logo img,.st-site-logo img{width:84px!important;max-width:84px!important;max-height:42px!important;object-fit:contain!important;}
  .search{grid-column:2!important;width:100%!important;min-width:0!important;height:44px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #dfe7f2!important;box-shadow:none!important;overflow:visible!important;}
  .search select{display:none!important;}
  .search input{height:42px!important;min-width:0!important;width:100%!important;padding:0 10px!important;font-size:14px!important;font-weight:850!important;background:transparent!important;}
  .search button{height:42px!important;min-width:46px!important;border-radius:12px!important;font-size:0!important;position:relative!important;}
  .search button:after{content:'🔍';font-size:17px!important;}
  .head-actions{grid-column:3!important;display:flex!important;justify-content:flex-end!important;gap:0!important;min-width:0!important;}
  .head-actions .account{display:none!important;}
  .cart-head{width:48px!important;height:44px!important;border-radius:14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff5a00,#ff8a1f)!important;color:#fff!important;border:0!important;box-shadow:0 10px 18px rgba(255,90,0,.20)!important;}
  .cart-head span{font-size:20px!important;margin:0!important;}
  .cart-head b{display:none!important;}
  .cart-head em{right:-5px!important;top:-6px!important;background:#061a44!important;color:#fff!important;border:2px solid #fff!important;min-width:21px!important;height:21px!important;font-size:11px!important;line-height:17px!important;}
  .navline{position:sticky!important;top:58px!important;z-index:140!important;background:#fff!important;min-height:43px!important;border-bottom:1px solid #e6edf7!important;box-shadow:0 6px 18px rgba(6,26,68,.05)!important;}
  .navline .site-wrap,.navline .nav-grid,.navline .nav-dropdown-grid{width:100%!important;max-width:100%!important;margin:0!important;padding:0 8px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .navline .nav-grid::-webkit-scrollbar{display:none!important;}
  .navline .nav-simple,.navline .nav-main{height:39px!important;min-height:39px!important;padding:0 12px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e6edf7!important;color:#061a44!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap!important;}
  .navline .nav-simple.active,.navline .campaign{background:#061a44!important;color:#fff!important;border-color:#061a44!important;}
  .navline .nav-drop{display:flex!important;flex:0 0 auto!important;}
  .site-wrap{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important;}
  .main-shell{display:block!important;width:100%!important;max-width:100%!important;margin-top:10px!important;padding:0 10px!important;}
  .left-menu{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 10px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 26px rgba(6,26,68,.06)!important;}
  .left-menu .left-title{min-height:42px!important;background:#061a44!important;color:#fff!important;font-size:14px!important;border-radius:18px 18px 0 0!important;padding:0 14px!important;}
  .left-menu .left-row{display:inline!important;}
  .left-menu .left-main{display:inline-flex!important;width:auto!important;min-height:34px!important;height:34px!important;margin:7px 0 0 7px!important;padding:0 11px!important;border:1px solid #e6edf7!important;border-radius:999px!important;background:#fff!important;font-size:12px!important;color:#061a44!important;}
  .left-menu .left-main b{display:none!important;}
  .left-menu .left-flyout{display:none!important;}
  .home-center{width:100%!important;max-width:100%!important;overflow:visible!important;}
  .hero.st-hero-slider{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:20px!important;margin:0 0 10px!important;box-shadow:0 14px 30px rgba(6,26,68,.10)!important;}
  .hero-arrow{width:34px!important;height:34px!important;font-size:25px!important;opacity:.92!important;}
  .hero.st-hero-slider .st-hero-dots{bottom:9px!important;}
  .trust-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important;}
  .trust-row div{min-height:64px!important;border-radius:16px!important;padding:9px!important;background:#fff!important;border:1px solid #e6edf7!important;box-shadow:0 10px 22px rgba(6,26,68,.04)!important;}
  .trust-row div:nth-child(n+5){display:none!important;}
  .trust-row b{font-size:11px!important;line-height:1.1!important;}
  .trust-row span{font-size:10.5px!important;line-height:1.2!important;}
  .brand-marquee-wrap,.eft-marquee-wrap{padding-left:10px!important;padding-right:10px!important;margin-top:10px!important;}
  .home-mixed-2026{margin:10px 10px!important;border-radius:18px!important;padding:11px!important;box-shadow:0 12px 26px rgba(6,26,68,.06)!important;}
  .home-mixed-head{align-items:flex-start!important;margin-bottom:10px!important;}
  .home-mixed-head h2,.listing-head h2{font-size:18px!important;line-height:1.1!important;}
  .home-mixed-head span{font-size:11px!important;}
  .home-mixed-rail{grid-auto-columns:46%!important;gap:9px!important;padding-bottom:8px!important;}
  .listing{padding:0 10px!important;margin-top:10px!important;}
  .listing-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e6edf7!important;margin-bottom:10px!important;}
  .listing-head b{font-size:11px!important;background:#fff4ed!important;color:#ff5a00!important;border-radius:999px!important;padding:6px 8px!important;}
  .full-grid,.category-grid-2026{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .product-card,.mini-card{border-radius:18px!important;box-shadow:0 10px 24px rgba(6,26,68,.06)!important;border:1px solid #e9eff7!important;overflow:hidden!important;background:#fff!important;}
  .product-img{height:132px!important;border-radius:16px 16px 10px 10px!important;background:#f8fafc!important;padding:8px!important;}
  .product-img img{object-fit:contain!important;}
  .product-title{font-size:12.5px!important;line-height:1.25!important;min-height:47px!important;padding:8px 9px 0!important;-webkit-line-clamp:3!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .product-card p{display:none!important;}
  .product-foot{padding:8px 9px 10px!important;display:grid!important;grid-template-columns:1fr 42px!important;gap:7px!important;align-items:center!important;}
  .product-foot b{font-size:14px!important;color:#ff5a00!important;letter-spacing:-.25px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .product-foot button,.mini-bottom button{width:42px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(135deg,#ff5a00,#ff8a1f)!important;color:#fff!important;font-size:17px!important;box-shadow:0 10px 18px rgba(255,90,0,.18)!important;}
  .mini-img{height:118px!important;border-radius:15px!important;}
  .mini-name{font-size:12px!important;line-height:1.25!important;min-height:44px!important;}
  .mini-bottom b{font-size:13px!important;color:#ff5a00!important;}
  .category-page-2026{margin:0 0 10px!important;padding:10px!important;border-radius:18px!important;}
  .category-hero-2026{border-radius:18px!important;padding:16px!important;}
  .category-hero-2026 h1{font-size:21px!important;}
  .category-toolbar-2026{display:block!important;margin:10px 0!important;}
  .category-tools-2026{display:flex!important;gap:7px!important;overflow-x:auto!important;padding-bottom:4px!important;}
  .category-tools-2026 span,.category-tools-2026 a{white-space:nowrap!important;height:32px!important;font-size:11px!important;}
  .right-banners{display:none!important;}
  .legal-footer{margin-bottom:0!important;padding-bottom:14px!important;}
  .legal-footer-wrap{padding-left:10px!important;padding-right:10px!important;}
  .whatsapp{right:12px!important;bottom:86px!important;width:48px!important;height:48px!important;z-index:130!important;}
  .pd-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:200!important;background:#fff!important;border-top:1px solid #e6edf7!important;box-shadow:0 -14px 30px rgba(6,26,68,.14)!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;}
  .pd-btn{height:52px!important;border-radius:16px!important;font-size:14px!important;}
  .pd-main-img{height:290px!important;}
  .pd-price{font-size:28px!important;}
}
@media (min-width: 901px) and (max-width: 1280px){
  .header-grid.site-wrap{grid-template-columns:180px minmax(0,1fr) auto!important;gap:12px!important;}
  .search select{min-width:135px!important;}
  .main-shell{grid-template-columns:235px minmax(0,1fr)!important;gap:12px!important;}
  .right-banners{display:none!important;}
  .full-grid,.category-grid-2026{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .product-img{height:160px!important;}
}
@media (max-width: 420px){
  .header-grid.site-wrap,.header-grid{grid-template-columns:76px minmax(0,1fr) 48px!important;padding-left:8px!important;padding-right:8px!important;gap:6px!important;}
  .logo.st-site-logo,.st-site-logo{width:74px!important;min-width:74px!important;}
  .logo.st-site-logo img,.st-site-logo img{width:74px!important;}
  .main-shell,.site-wrap,.listing{padding-left:8px!important;padding-right:8px!important;}
  .product-img{height:118px!important;}
  .product-title{font-size:12px!important;min-height:45px!important;}
  .product-foot{grid-template-columns:1fr 38px!important;}
  .product-foot button,.mini-bottom button{width:38px!important;height:38px!important;}
  .home-mixed-rail{grid-auto-columns:49%!important;}
}


/* === 2026-07-04 FINAL MOBIL/TABLET SOL ÇEKMECE MENÜ + BÜYÜK ÜRÜN GÖRSELİ === */
@media (max-width: 900px){
  body.st-menu-drawer-open{overflow:hidden!important;}
  .st-mobile-menu-btn{display:flex!important;grid-column:1!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:0!important;border-radius:14px!important;background:#061a44!important;color:#fff!important;font-size:24px!important;font-weight:1000!important;box-shadow:0 12px 24px rgba(6,26,68,.18)!important;cursor:pointer!important;line-height:1!important;}
  .st-mobile-menu-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(2,8,23,.52)!important;z-index:980!important;backdrop-filter:blur(2px)!important;}
  body.st-menu-drawer-open .st-mobile-menu-overlay{display:block!important;}

  .header{top:0!important;z-index:970!important;}
  .header-grid.site-wrap,.header-grid{display:grid!important;grid-template-columns:44px 78px minmax(0,1fr) 50px!important;gap:7px!important;align-items:center!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:7px 9px!important;margin:0!important;}
  .header .logo.st-site-logo,.header .st-site-logo,a.logo.st-site-logo,.logo.st-site-logo,.st-site-logo{grid-column:2!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;}
  .header .logo.st-site-logo img,.header .st-site-logo img,a.logo.st-site-logo img,.logo.st-site-logo img,.st-site-logo img{width:76px!important;max-width:76px!important;max-height:42px!important;object-fit:contain!important;}
  .search{grid-column:3!important;width:100%!important;min-width:0!important;height:44px!important;}
  .head-actions{grid-column:4!important;min-width:0!important;display:flex!important;justify-content:flex-end!important;}
  .cart-head{width:48px!important;height:44px!important;}

  .navline{display:block!important;position:fixed!important;left:-92vw!important;top:0!important;width:min(88vw,390px)!important;height:142px!important;min-height:0!important;z-index:1000!important;background:#fff!important;border:0!important;border-right:1px solid #e6edf7!important;border-bottom:1px solid #e6edf7!important;border-radius:0 0 22px 0!important;box-shadow:22px 0 54px rgba(2,8,23,.22)!important;transition:left .22s ease!important;overflow:hidden!important;padding:12px 12px 10px!important;}
  body.st-menu-drawer-open .navline{left:0!important;}
  .navline:before{content:'☰ Menü';display:flex!important;align-items:center!important;height:28px!important;margin:0 0 9px!important;color:#061a44!important;font-size:18px!important;font-weight:1000!important;letter-spacing:-.3px!important;}
  .navline .site-wrap,.navline .nav-grid,.navline .nav-dropdown-grid{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:7px!important;width:100%!important;max-width:100%!important;height:82px!important;margin:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;}
  .navline .nav-drop{display:flex!important;flex:0 0 auto!important;}
  .navline .nav-simple,.navline .nav-main{height:34px!important;min-height:34px!important;padding:0 11px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e6edf7!important;color:#061a44!important;font-size:12px!important;font-weight:1000!important;text-decoration:none!important;white-space:nowrap!important;}
  .navline .nav-simple.active,.navline .campaign{background:#ff5a00!important;border-color:#ff5a00!important;color:#fff!important;}
  .navline .mega-panel,.navline .nav-panel{display:none!important;}

  .main-shell{display:block!important;margin-top:8px!important;padding:0 9px!important;}
  .left-menu{display:block!important;position:fixed!important;left:-92vw!important;top:142px!important;bottom:0!important;width:min(88vw,390px)!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;z-index:1000!important;background:#fff!important;border:0!important;border-right:1px solid #e6edf7!important;border-radius:0!important;box-shadow:22px 24px 54px rgba(2,8,23,.22)!important;transition:left .22s ease!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 12px 18px!important;}
  body.st-menu-drawer-open .left-menu{left:0!important;}
  .left-menu .left-title{position:sticky!important;top:0!important;z-index:2!important;height:48px!important;min-height:48px!important;margin:0 -12px 8px!important;padding:0 15px!important;border-radius:0!important;background:linear-gradient(135deg,#061a44,#0b2b68)!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;display:flex!important;align-items:center!important;box-shadow:0 10px 22px rgba(6,26,68,.10)!important;}
  .left-menu .left-row{display:block!important;position:relative!important;margin:0!important;border-bottom:1px solid #eef2f7!important;}
  .left-menu .left-main{display:flex!important;width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#061a44!important;font-size:14px!important;font-weight:950!important;align-items:center!important;justify-content:space-between!important;text-decoration:none!important;}
  .left-menu .left-main span{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.22!important;}
  .left-menu .left-main b{display:block!important;color:#ff5a00!important;font-size:19px!important;}
  .left-menu .left-flyout,.left-menu .left-mega{display:none!important;}
  .st-detail-filter-2026{display:none!important;}
  .home-center,.product-page-center{width:100%!important;max-width:100%!important;}

  .product-page-center{margin-top:0!important;}
  .product-crumb{display:none!important;}
  .product-detail-2026{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:10px!important;border-radius:20px!important;margin:0!important;background:#fff!important;box-shadow:0 18px 42px rgba(6,26,68,.09)!important;}
  .product-gallery-2026{min-height:clamp(360px,78vw,590px)!important;height:auto!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #e6edf7!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;}
  .product-gallery-2026 img{width:100%!important;max-width:98%!important;height:auto!important;max-height:clamp(340px,74vw,560px)!important;object-fit:contain!important;padding:7px!important;}
  .product-gallery-2026:after{content:'Dokun: yakınlaştır'!important;right:10px!important;bottom:10px!important;background:rgba(6,26,68,.88)!important;color:#fff!important;}
  .product-info-2026 h1{font-size:22px!important;line-height:1.18!important;margin-top:2px!important;}
  .product-badge-2026{margin-bottom:8px!important;}
  .product-price-2026{font-size:32px!important;color:#ff5a00!important;}
  .product-actions-2026{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;}
  .product-actions-2026 button,.product-actions-2026 a{height:52px!important;border-radius:16px!important;font-size:14px!important;}
  .product-trust-2026{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .product-trust-2026 div{font-size:11.5px!important;padding:9px 6px!important;}
  .product-desc-2026,.related-2026{border-radius:18px!important;margin-top:10px!important;padding:13px!important;}
}
@media (min-width: 701px) and (max-width: 900px){
  .header-grid.site-wrap,.header-grid{grid-template-columns:48px 120px minmax(0,1fr) 54px!important;gap:10px!important;padding:8px 12px!important;}
  .header .logo.st-site-logo,.header .st-site-logo,a.logo.st-site-logo,.logo.st-site-logo,.st-site-logo{width:120px!important;min-width:120px!important;max-width:120px!important;height:52px!important;min-height:52px!important;max-height:52px!important;}
  .header .logo.st-site-logo img,.header .st-site-logo img,a.logo.st-site-logo img,.logo.st-site-logo img,.st-site-logo img{width:116px!important;max-width:116px!important;max-height:50px!important;}
  .st-mobile-menu-btn{width:48px!important;height:48px!important;}
  .search,.cart-head{height:48px!important;}
  .product-gallery-2026{min-height:620px!important;}
  .product-gallery-2026 img{max-height:590px!important;}
}
@media (max-width: 420px){
  .header-grid.site-wrap,.header-grid{grid-template-columns:42px 64px minmax(0,1fr) 46px!important;gap:6px!important;padding:7px 7px!important;}
  .st-mobile-menu-btn{width:42px!important;height:42px!important;border-radius:13px!important;font-size:22px!important;}
  .header .logo.st-site-logo,.header .st-site-logo,a.logo.st-site-logo,.logo.st-site-logo,.st-site-logo{width:64px!important;min-width:64px!important;max-width:64px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
  .header .logo.st-site-logo img,.header .st-site-logo img,a.logo.st-site-logo img,.logo.st-site-logo img,.st-site-logo img{width:62px!important;max-width:62px!important;max-height:40px!important;}
  .search,.cart-head{height:42px!important;}
  .search input{font-size:13px!important;padding-left:8px!important;}
  .product-gallery-2026{min-height:350px!important;}
  .product-gallery-2026 img{max-height:330px!important;}
  .product-actions-2026{grid-template-columns:1fr!important;}
}
@media (min-width: 901px) and (max-width: 1280px){
  .product-detail-2026{grid-template-columns:minmax(0,52%) minmax(0,48%)!important;gap:18px!important;}
  .product-gallery-2026{min-height:520px!important;}
  .product-gallery-2026 img{max-height:500px!important;padding:10px!important;}
}