.enb-swipe-hint{display:none;}

/* En Baba Organizasyon - global mobile media swipe layer */
@media (max-width: 820px){
  .enb-swipe-strip{
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(78%, 1fr) !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 16px !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
    padding-bottom: 10px !important;
    margin-inline: -14px !important;
  }

  .enb-swipe-strip.enb-swipe-strip--compact{
    grid-auto-columns: minmax(46%, 1fr) !important;
  }

  .enb-swipe-strip.enb-swipe-strip--wide{
    grid-auto-columns: minmax(86%, 1fr) !important;
  }

  .enb-swipe-strip > *{
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .enb-swipe-strip img,
  .enb-swipe-strip video,
  .enb-swipe-strip iframe{
    max-width: 100%;
  }

  .enb-swipe-strip::-webkit-scrollbar{ display:none; }
  .enb-swipe-strip{ scrollbar-width:none; }

  .enb-swipe-strip-wrap{
    position: relative;
  }

  .enb-swipe-strip-wrap::after{
    content:"";
    position:absolute;
    right:-1px;
    top:0;
    bottom:10px;
    width:36px;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.86));
    opacity:.78;
  }

  .enb-swipe-strip-wrap.enb-swipe-dark::after{
    background:linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.78));
  }

  .enb-swipe-strip.is-at-end + .enb-swipe-hint,
  .enb-swipe-strip.is-at-end ~ .enb-swipe-hint{
    opacity:0;
    transform:translateY(-2px);
  }

  .enb-swipe-hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:4px;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    color:#64748b;
    opacity:.92;
    transition:opacity .2s ease, transform .2s ease;
    pointer-events:none;
  }

  .enb-swipe-hint::before,
  .enb-swipe-hint::after{
    content:"";
    width:18px;
    height:1px;
    background:currentColor;
    opacity:.38;
  }
}

.enb-media-modal-lock{
  overflow:hidden !important;
  touch-action:none !important;
}

.enb-media-swipe-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  background:rgba(2,6,23,.88);
  backdrop-filter:blur(10px);
}

.enb-media-swipe-modal.is-open{
  display:grid;
  place-items:center;
}

.enb-media-swipe-shell{
  position:relative;
  width:min(1080px, 100%);
  height:min(82vh, 760px);
  padding:18px;
  display:grid;
  place-items:center;
}

.enb-media-swipe-stage{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}

.enb-media-swipe-stage img,
.enb-media-swipe-stage video,
.enb-media-swipe-stage iframe{
  max-width:100%;
  max-height:100%;
  border:0;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.48);
  background:#000;
  object-fit:contain;
}

.enb-media-swipe-stage iframe{
  width:min(960px, 94vw);
  height:min(540px, 56vw, 70vh);
}

.enb-media-swipe-close,
.enb-media-swipe-prev,
.enb-media-swipe-next{
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(15,23,42,.62);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(12px);
  box-shadow:0 14px 32px rgba(0,0,0,.25);
}

.enb-media-swipe-close{
  top:14px;
  right:14px;
  width:44px;
  height:44px;
  border-radius:999px;
  font-size:28px;
  line-height:1;
}

.enb-media-swipe-prev,
.enb-media-swipe-next{
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:58px;
  border-radius:16px;
  font-size:36px;
  line-height:1;
}

.enb-media-swipe-prev{ left:12px; }
.enb-media-swipe-next{ right:12px; }

.enb-media-swipe-counter{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:7px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.68);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.16);
}

@media (max-width: 640px){
  .enb-media-swipe-shell{ height:100dvh; padding:58px 10px 50px; }
  .enb-media-swipe-prev,
  .enb-media-swipe-next{
    top:auto;
    bottom:12px;
    transform:none;
    width:44px;
    height:44px;
    border-radius:999px;
    font-size:30px;
  }
  .enb-media-swipe-prev{ left:14px; }
  .enb-media-swipe-next{ right:14px; }
  .enb-media-swipe-counter{ bottom:18px; }
}

/* Modal/lightbox açıkken fotoğraf ve video üzerinde parmakla sağ-sol geçiş desteği */
.enb-modal-swipe-ready{
  overscroll-behavior: contain;
}

.enb-modal-swipe-ready img,
.enb-modal-swipe-ready video,
.enb-modal-swipe-ready iframe,
.enb-modal-swipe-ready [data-enb-media-stage],
.enb-modal-swipe-ready #modalImage,
.enb-modal-swipe-ready #modalVideo{
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}

.enb-modal-swipe-ready.is-enb-swipe-active img,
.enb-modal-swipe-ready.is-enb-swipe-active video,
.enb-modal-swipe-ready.is-enb-swipe-active iframe,
.enb-modal-swipe-ready.is-enb-swipe-active [data-enb-media-stage],
.enb-modal-swipe-ready.is-enb-swipe-active #modalImage,
.enb-modal-swipe-ready.is-enb-swipe-active #modalVideo{
  cursor: grabbing;
}


/* Ürün/lightbox fotoğraflarında tek parmak sağ-sol, iki parmak pinch-zoom davranışını birlikte korur. */
.enb-modal-swipe-ready #lightboxImg,
.enb-modal-swipe-ready #modalImage,
.enb-modal-swipe-ready .dgp-lightbox__img,
.enb-modal-swipe-ready .ebbv__img,
.enb-modal-swipe-ready #fasilLightboxImg{
  -webkit-user-drag: none;
  user-drag: none;
}

/* Media lightbox navigation refinement - 2026-05 */
.enb-media-swipe-shell{
  width:min(1120px, calc(100vw - 28px));
  padding:clamp(16px, 2.2vw, 28px) clamp(54px, 5vw, 76px);
}

.enb-media-swipe-close,
.enb-media-swipe-prev,
.enb-media-swipe-next{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  outline:0 !important;
  background:linear-gradient(180deg, rgba(15,23,42,.76), rgba(15,23,42,.54)) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  box-shadow:0 16px 42px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}

.enb-media-swipe-close:hover,
.enb-media-swipe-prev:hover,
.enb-media-swipe-next:hover{
  background:linear-gradient(180deg, rgba(15,23,42,.90), rgba(15,23,42,.72)) !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 18px 48px rgba(2,6,23,.42), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.enb-media-swipe-close:focus-visible,
.enb-media-swipe-prev:focus-visible,
.enb-media-swipe-next:focus-visible{
  box-shadow:0 0 0 4px rgba(255,255,255,.22), 0 18px 48px rgba(2,6,23,.42) !important;
}

.enb-media-swipe-prev,
.enb-media-swipe-next{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:999px !important;
  font-size:0 !important;
  line-height:0 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
}

.enb-media-swipe-prev:hover{ transform:translateY(-50%) translateX(-2px) !important; }
.enb-media-swipe-next:hover{ transform:translateY(-50%) translateX(2px) !important; }

.enb-media-swipe-prev{ left:clamp(12px, 2vw, 24px) !important; }
.enb-media-swipe-next{ right:clamp(12px, 2vw, 24px) !important; }

.enb-media-swipe-prev::before,
.enb-media-swipe-next::before{
  content:"";
  display:block;
  width:12px;
  height:12px;
  border-top:2.5px solid currentColor;
  border-left:2.5px solid currentColor;
  border-radius:1px;
}

.enb-media-swipe-prev::before{
  transform:rotate(-45deg) translate(1px, 1px);
}

.enb-media-swipe-next::before{
  transform:rotate(135deg) translate(1px, 1px);
}

.enb-media-swipe-close{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:999px !important;
  font-size:0 !important;
  line-height:0 !important;
}

.enb-media-swipe-close::before,
.enb-media-swipe-close::after{
  content:"";
  position:absolute;
  width:15px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}

.enb-media-swipe-close::before{ transform:rotate(45deg); }
.enb-media-swipe-close::after{ transform:rotate(-45deg); }

.enb-media-swipe-close:hover{ transform:scale(1.04) !important; }

.enb-media-swipe-counter{
  box-shadow:0 12px 30px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

@media (max-width: 900px){
  .enb-media-swipe-shell{
    width:100%;
    padding:64px 16px 72px;
  }

  .enb-media-swipe-close{
    top:14px !important;
    right:max(14px, env(safe-area-inset-right)) !important;
  }

  .enb-media-swipe-prev,
  .enb-media-swipe-next{
    top:auto !important;
    bottom:18px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    transform:none !important;
  }

  .enb-media-swipe-prev:hover,
  .enb-media-swipe-next:hover{
    transform:none !important;
  }

  .enb-media-swipe-prev{ left:calc(50% - 94px) !important; }
  .enb-media-swipe-next{ right:calc(50% - 94px) !important; }
  .enb-media-swipe-counter{ bottom:23px !important; }
}

@media (max-width: 420px){
  .enb-media-swipe-shell{
    padding:58px 10px 70px;
  }

  .enb-media-swipe-prev{ left:calc(50% - 86px) !important; }
  .enb-media-swipe-next{ right:calc(50% - 86px) !important; }
}
