/* Responsive viewport hardening: iPhone / Android / tablet / desktop */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden;min-width:0}
img,video,svg{max-width:100%;height:auto}
header,nav,main,section,footer{max-width:100%}
#drawer{box-sizing:border-box;left:0!important;transform:translateX(-105%);width:min(390px,92vw)!important;max-width:92vw;height:100vh;height:100dvh;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-left:max(22px,env(safe-area-inset-left))!important;padding-bottom:max(60px,env(safe-area-inset-bottom))!important}
#drawer.on{transform:translateX(0)}
#shade{width:100vw;height:100vh;height:100dvh}
@media(max-width:900px){header{height:auto;min-height:70px;padding:12px 16px;gap:12px}.tools{display:flex;align-items:center;min-width:0}.storeSearch{min-width:0;max-width:42vw}nav{padding:0 14px;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}main{width:100%;padding:14px}.hero{width:100%;padding:clamp(24px,6vw,40px)}.copy h1{font-size:clamp(36px,9vw,52px)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.top{padding-left:12px;padding-right:12px}.logo{font-size:25px}.storeSearch{display:none}header .tools{font-size:18px}nav{height:52px}.campaign{width:100%}.slides{width:100%}.slides img{width:86%;flex:0 0 86%}.hero{border-radius:20px}.products{grid-template-columns:1fr}.visual{height:auto;min-height:215px}.portal{width:auto!important;max-width:calc(100% - 24px)!important}.checkoutBox{width:calc(100vw - 24px)!important}.cartDrawer{width:min(410px,94vw)!important;max-width:94vw}}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
/* Mobile storefront: keep YKS/LGS cards and poster/logo artwork visible */
@media(max-width:700px){
 .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .productCard{display:flex!important;visibility:visible!important;min-width:0!important}
 .productImage{display:block!important;width:100%!important;aspect-ratio:4/5!important;min-height:210px!important;overflow:hidden!important;background:#fff!important}
 .productImage img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important}
 .lgsPoster{display:flex!important;visibility:visible!important;min-height:210px!important;height:100%!important;padding:12px!important}
 .lgsPoster b{font-size:38px!important}.lgsPoster strong{font-size:15px!important}.lgsPoster span{font-size:10px!important;margin:8px 0!important}.lgsPoster em{font-size:17px!important}
 .productBody{padding:10px!important}.productBody h3{font-size:14px!important}.productBody p{font-size:11px!important;min-height:0!important}.productBody strong{font-size:18px!important}
 .quick{display:flex!important;visibility:visible!important}.quick button{display:block!important}
}
@media(max-width:360px){.products{grid-template-columns:1fr!important}.productImage{min-height:300px!important}}/* Category-aware storefront rail: original posters stay intact on every device */
.slides img{object-fit:contain!important;background:#fff!important}
@media(max-width:700px){.campaign{overflow:hidden!important}.slides{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:8px 12px!important}.slides img{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 78vw!important;width:78vw!important;max-width:360px!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;scroll-snap-align:center!important;border-radius:16px!important}.campaign .arr{z-index:5!important}}
@media(min-width:701px){.slides img{height:min(560px,55vw)!important;width:auto!important;aspect-ratio:3/4!important;object-fit:contain!important}}
/* Cart UX feedback */
.cartOpen{cursor:pointer!important;position:relative!important;z-index:20!important;pointer-events:auto!important}
#cart.added{transform:scale(.98);filter:brightness(.95)}
.cartNotice{position:fixed;right:18px;top:86px;z-index:99999;background:#111;color:#fff;padding:14px 18px;border-radius:14px;font-weight:800;box-shadow:0 12px 36px #0004;opacity:0;transform:translateY(-12px);pointer-events:none;transition:.22s ease;max-width:calc(100vw - 28px)}
.cartNotice.show{opacity:1;transform:translateY(0)}
.cartDrawer{z-index:99998!important}.cartShade{z-index:99997!important}
@media(max-width:600px){.cartNotice{top:auto;bottom:22px;left:14px;right:14px;text-align:center}.cartDrawer{width:min(410px,94vw)!important;max-width:94vw!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}

/* PC FIX v2 */
@media(min-width:701px){#modal{padding:12px!important}.modalbox{height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important}.mdata{padding:38px 30px 92px!important;overflow-y:auto!important}.mdata #cart{position:sticky!important;bottom:0!important;display:block!important;width:100%!important;min-height:58px!important;z-index:999!important;margin-top:16px!important;box-shadow:0 -14px 20px #fff!important}}
header{position:relative!important;z-index:50!important}header .tools{position:relative!important;z-index:2147482000!important;pointer-events:auto!important}#cartOpen{position:relative!important;z-index:2147482001!important;pointer-events:auto!important;touch-action:manipulation!important}
/* Ara sınıf afişleri: orijinal 1229x1536 oranını kırpmadan göster */
.productCard .productImage{aspect-ratio:1229/1536!important;height:auto!important;background:#fff!important}
.productCard .productImage img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
@media(max-width:700px){.productCard .productImage{aspect-ratio:1229/1536!important}}

/* 2026-10-20 single-row categories */
nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;gap:16px!important}
nav>a,nav>button{flex:0 0 auto!important;white-space:nowrap!important;width:auto!important;max-width:none!important}
/* 2026-10-20: centered legible cart quantity badge */
#cartOpen{position:relative!important}
#cartOpen #cartCount{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:5px!important;bottom:3px!important;top:auto!important;min-width:28px!important;width:28px!important;height:28px!important;padding:0 2px!important;box-sizing:border-box!important;border-radius:50%!important;background:#e31837!important;color:#fff!important;font-size:16px!important;font-weight:800!important;line-height:1!important;text-align:center!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.5px!important}
/* Position the count ON the shopping cart icon, not below it */
#cartOpen{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important}
#cartOpen #cartCount{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-28%)!important;width:27px!important;height:27px!important;min-width:27px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;background:#e31837!important;color:white!important;font-size:16px!important;font-weight:800!important;line-height:1!important}
/* Cart icon stays fully visible; number badge overlaps only top-right corner */
#cartOpen{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 14px!important;font-size:24px!important;overflow:visible!important}
#cartOpen #cartCount{position:absolute!important;top:1px!important;right:1px!important;left:auto!important;bottom:auto!important;transform:translate(15%,-12%)!important;width:23px!important;height:23px!important;min-width:23px!important;padding:0!important;border-radius:50%!important;font-size:14px!important;line-height:1!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e31837!important;color:#fff!important;font-weight:800!important}