html.product-detail-open{scroll-behavior:auto!important;scrollbar-gutter:stable}
body.product-detail-open{touch-action:none}
.product-modal[open]{animation:none!important;transform:none!important;scroll-behavior:auto!important}
.product-modal[open]::backdrop{animation:none!important}
@media(max-width:759px){
  .product-modal{position:fixed!important;inset:0!important;width:calc(100vw - 20px)!important;height:auto!important;max-width:620px!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;border-radius:24px!important;overflow:auto!important;overscroll-behavior:contain;background:var(--paper);box-shadow:0 24px 70px #06140e70}
  .product-modal::backdrop{background:rgba(6,19,14,.76)!important;backdrop-filter:blur(6px)!important}
  .product-modal .modal-grid{min-height:0}
  .product-modal .modal-photo{min-height:270px}
  .product-modal .modal-copy{padding-bottom:max(30px,calc(18px + env(safe-area-inset-bottom)))}
  .product-modal .modal-close{position:absolute;z-index:5;top:18px;right:18px;background:#f7f2eaf2;box-shadow:0 4px 18px #06140e2b}
}
.product-modal .modal-photo{overflow:hidden;background:#e9e5de}.product-modal .modal-photo img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}button,a{touch-action:manipulation}
html.home-layer-open{overflow:hidden!important;overscroll-behavior:none!important}body.home-layer-open{position:fixed!important;left:0;right:0;width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none!important}
.welcome-popup{position:fixed;inset:0;width:min(calc(100vw - 28px),500px);max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:hidden;border:0;border-radius:26px;background:#10291f;color:#10291f;box-shadow:0 34px 100px #06140e80}.welcome-popup::backdrop{background:#071710dc;backdrop-filter:blur(9px) saturate(.8)}.welcome-popup[open]{animation:welcome-in .22s ease-out}.welcome-card{position:relative;display:grid;place-items:center;max-height:calc(100dvh - 28px);overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}.welcome-card::-webkit-scrollbar{display:none}.welcome-progress{position:absolute;z-index:4;top:13px;right:64px;left:16px;height:3px;overflow:hidden;border-radius:99px;background:#fff7}.welcome-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#fff}.welcome-close{position:absolute;z-index:5;top:22px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#10291ee6;color:#fff;font:29px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px #06140e40}.welcome-media{display:grid;place-items:center;width:100%;overflow:hidden;background:#10291f}.welcome-media[hidden]{display:none}.welcome-media img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 28px);object-fit:contain}.welcome-copy{padding:25px 27px 27px}.welcome-copy small{display:block;margin-bottom:8px;color:#85714d;font-size:11px;letter-spacing:.17em}.welcome-copy h2{margin:0;font-size:clamp(29px,7vw,39px);line-height:1.04}.welcome-copy p{margin:13px 0 0;color:#647068;font-size:15px;line-height:1.55}.welcome-copy p:empty{display:none}.welcome-count{display:block;margin-top:17px;color:#8a908c;font-size:11px}.welcome-card.no-image .welcome-progress{background:#173e2f24}.welcome-card.no-image .welcome-progress span{background:#85714d}.welcome-card.no-image .welcome-close{background:#173e2f}.welcome-card.no-image .welcome-copy{padding-top:72px}@keyframes welcome-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:560px){.welcome-popup{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:22px}.welcome-card{max-height:calc(100dvh - 18px)}.welcome-media img{max-height:calc(100dvh - 18px)}.welcome-copy{padding:22px 22px calc(23px + env(safe-area-inset-bottom))}.welcome-close{top:18px;right:15px;width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.welcome-popup[open]{animation:none}}

/* Mobil popup: görseli ekranda biraz daha nefesli tut ve sayaç çizgisini güvenilir transform animasyonuna hazırla. */
.welcome-progress span{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
@media(max-width:560px){
  .welcome-popup{width:min(calc(100vw - 36px),420px);max-height:calc(100dvh - 36px);border-radius:20px}
  .welcome-card{max-height:calc(100dvh - 36px)}
  .welcome-media img{max-height:calc(100dvh - 36px)}
  .welcome-progress{top:12px;right:62px;left:14px}
  .welcome-close{top:17px;right:14px;width:40px;height:40px;font-size:27px}
}