/* AEM Hızlı Bakış — tüm ürün kartlarında ortak düğme.
   Renk/boyut/konum degerleri admin ayarlarindan CSS degiskeni olarak gelir
   (aem-quickview.js -> :root). Buradaki degerler yalnizca yedek varsayilandir. */
html.aem-qv-ui{
  --aem-qv-icon:#fff;
  --aem-qv-bg:#0b3d7a;
  --aem-qv-bg-hover:var(--aem-skin-accent, #ffc62a);
  --aem-qv-icon-hover:var(--aem-skin-navy, #082f5c);
  --aem-qv-size:44px;
}
html.aem-qv-ui .aem-qv-host{position:relative}

html.aem-qv-ui .aem-qv{
  position:absolute;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-sizing:border-box;
  min-width:var(--aem-qv-size);
  height:var(--aem-qv-size);
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  background:var(--aem-qv-bg);
  color:var(--aem-qv-icon);
  font-size:13px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(8,32,64,.28);
  opacity:0;
  transform:translate(-50%,-50%) scale(.9);
  transition:opacity .18s ease,transform .18s ease,background-color .18s ease,color .18s ease;
  pointer-events:none;
}
html.aem-qv-ui .aem-qv--text{padding:0 18px}

/* İkon her zaman görünür renkte: siyah kalmasin diye currentColor + stroke. */
html.aem-qv-ui .aem-qv__icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:var(--aem-qv-icon);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--aem-qv-icon);
}
html.aem-qv-ui .aem-qv span{color:var(--aem-qv-icon)}

html.aem-qv-ui .aem-qv:hover,html.aem-qv-ui .aem-qv:focus-visible{
  background:var(--aem-qv-bg-hover);
  color:var(--aem-qv-icon-hover);
  outline:0;
}
html.aem-qv-ui .aem-qv:hover .aem-qv__icon,html.aem-qv-ui .aem-qv:focus-visible .aem-qv__icon{stroke:var(--aem-qv-icon-hover);color:var(--aem-qv-icon-hover)}

/* Konumlar */
html.aem-qv-pos-center .aem-qv{top:50%;left:50%}
html.aem-qv-pos-top_right .aem-qv{top:12px;right:12px;left:auto;transform:translate(0,-6px) scale(.95)}
html.aem-qv-pos-bottom .aem-qv{bottom:12px;left:50%;top:auto;transform:translate(-50%,6px) scale(.95)}

/* Görünürlük: hover ya da her zaman */
html.aem-qv-always .aem-qv,
html.aem-qv-hover .aem-qv-host:hover .aem-qv,
html.aem-qv-hover .aem-qv-host:focus-within .aem-qv,
html.aem-qv-hover .aem-product-card:hover .aem-qv,
html.aem-qv-hover .aem-card:hover .aem-qv,
html.aem-qv-hover .aem-mini:hover .aem-qv,
html.aem-qv-hover .product-layout:hover .aem-qv,
html.aem-qv-hover .side-product:hover .aem-qv,
html.aem-qv-ui .aem-qv:focus-visible{
  opacity:1;
  pointer-events:auto;
}
html.aem-qv-pos-center.aem-qv-always .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .aem-qv-host:hover .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .aem-qv-host:focus-within .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .aem-product-card:hover .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .aem-card:hover .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .aem-mini:hover .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .product-layout:hover .aem-qv,
html.aem-qv-pos-center.aem-qv-hover .side-product:hover .aem-qv{transform:translate(-50%,-50%) scale(1)}
html.aem-qv-pos-top_right.aem-qv-always .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .aem-qv-host:hover .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .aem-product-card:hover .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .aem-card:hover .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .aem-mini:hover .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .product-layout:hover .aem-qv,
html.aem-qv-pos-top_right.aem-qv-hover .side-product:hover .aem-qv{transform:translate(0,0) scale(1)}
html.aem-qv-pos-bottom.aem-qv-always .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .aem-qv-host:hover .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .aem-product-card:hover .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .aem-card:hover .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .aem-mini:hover .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .product-layout:hover .aem-qv,
html.aem-qv-pos-bottom.aem-qv-hover .side-product:hover .aem-qv{transform:translate(-50%,0) scale(1)}

/* Dokunmatik: hover yok, ayar açıksa her zaman göster, kapalıysa hiç basma. */
@media(hover:none){
  html.aem-qv-ui:not(.aem-qv-mobile) .aem-qv{display:none!important}
  html.aem-qv-mobile .aem-qv{opacity:1;pointer-events:auto;width:38px;min-width:38px;height:38px}
  html.aem-qv-mobile .aem-qv__icon{width:17px;height:17px;flex-basis:17px}
  html.aem-qv-mobile.aem-qv-pos-center .aem-qv{transform:translate(-50%,-50%) scale(1)}
  html.aem-qv-mobile.aem-qv-pos-top_right .aem-qv{transform:none}
  html.aem-qv-mobile.aem-qv-pos-bottom .aem-qv{transform:translate(-50%,0)}
  html.aem-qv-mobile .aem-qv--text span{display:none}
  html.aem-qv-mobile .aem-qv--text{padding:0}
}


html.aem-qv-ui .quickview-button{display:flex!important;align-items:center!important;justify-content:center!important}
html.aem-qv-ui .btn-quickview{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:var(--aem-qv-size,44px)!important;
  min-width:var(--aem-qv-size,44px)!important;
  height:var(--aem-qv-size,44px)!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--aem-qv-bg,#0b3d7a)!important;
  color:var(--aem-qv-icon,#fff)!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 6px 18px rgba(8,32,64,.28)!important;
}
html.aem-qv-ui .btn-quickview .btn-text{display:none!important}
html.aem-qv-ui .btn-quickview:before{
  content:''!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  background-color:var(--aem-qv-icon,#fff)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2710.5%27%20r%3D%276.5%27%2F%3E%3Cpath%20d%3D%27M15.4%2015.4%2021%2021%27%2F%3E%3Cpath%20d%3D%27M10.5%207.6v5.8M7.6%2010.5h5.8%27%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2710.5%27%20r%3D%276.5%27%2F%3E%3Cpath%20d%3D%27M15.4%2015.4%2021%2021%27%2F%3E%3Cpath%20d%3D%27M10.5%207.6v5.8M7.6%2010.5h5.8%27%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat!important;
}
html.aem-qv-ui .btn-quickview:hover,html.aem-qv-ui .btn-quickview:focus-visible{background:var(--aem-qv-bg-hover,var(--aem-skin-accent, #ffc62a))!important;outline:0!important}
html.aem-qv-ui .btn-quickview:hover:before,html.aem-qv-ui .btn-quickview:focus-visible:before{background-color:var(--aem-qv-icon-hover,var(--aem-skin-navy, #082f5c))!important}
/* Dokunmatik cihazda kart üzerinde hover yok: düğme sürekli görünür kalsın. */
@media(hover:none){
  html.aem-qv-mobile .quickview-button{opacity:1!important;visibility:visible!important}
  html.aem-qv-mobile .btn-quickview{width:38px!important;min-width:38px!important;height:38px!important}
  html.aem-qv-mobile .btn-quickview:before{width:17px!important;height:17px!important;-webkit-mask-size:17px 17px!important;mask-size:17px 17px!important}
}

/* Hızlı bakış popup'ı: kapatma düğmesi ve görsel gezinme okları beyaz. */
html .popup-quickview .popup-close{background:var(--aem-qv-bg,#0b3d7a)!important;border-radius:999px!important;color:#fff!important}
html .popup-quickview .popup-close:before{color:#fff!important}
html .popup-quickview .swiper-button-prev:before,
html .popup-quickview .swiper-button-next:before{color:#fff!important}

/* ===== HIZLI BAKIŞ PENCERESİNİN İÇİ =====
   Popup, ürün sayfasının tamamını iframe içinde açıyor: çerez bandı (592px),
   site başlığı (138px), mobil menü, WhatsApp balonu, SSS bloğu (1420px),
   önerilen ürünler (628px) ve PayTR taksit tablosu dahil ~3640px. Hızlı bakışta
   yalnız galeri + satın alma kolonu kalır; geri kalanı gizlenir. */
html.popup-quickview .aem-consent,
html.popup-quickview .global-wrapper > header,
html.popup-quickview header.aem-global-header,
html.popup-quickview .aem-mobile-menu,
html.popup-quickview .aem-mobile-menu-backdrop,
html.popup-quickview .aem-whatsapp-float,
html.popup-quickview .site-wrapper > .breadcrumbs,
html.popup-quickview .breadcrumbs,
html.popup-quickview .site-wrapper > h1.page-title,
html.popup-quickview .container h1.title.page-title,
html.popup-quickview .seo-pro-faq-wrap,
html.popup-quickview .aem-native-recommendations,
html.popup-quickview #paytr-taksit-container,
html.popup-quickview .paytr-taksit-iframe-wrapper,
html.popup-quickview .aem-product-layout--tabs,
html.popup-quickview .aem-product-layout--top,
html.popup-quickview .aem-product-layout--bottom{display:none!important}

html.popup-quickview,html.popup-quickview body{height:auto!important;overflow-x:hidden!important;background:#fff!important}
html.popup-quickview .global-wrapper,
html.popup-quickview .site-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}
html.popup-quickview .site-wrapper > .container{width:100%!important;max-width:none!important;margin:0!important;padding:20px 22px 24px!important}
html.popup-quickview .container > .row{margin:0!important}
html.popup-quickview .container > .row > [class*="col-"]{width:100%!important;padding:0!important;float:none!important}

/* İki kolon: galeri | satın alma */
html.popup-quickview .product-info{display:grid!important;grid-template-columns:minmax(0,44%) minmax(0,56%)!important;gap:24px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html.popup-quickview .product-left,
html.popup-quickview .product-right{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important}
html.popup-quickview .product-left-wrapper,
html.popup-quickview .product-right-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

/* Galeri: yükseklik sınırlı, görsel taşmaz */
html.popup-quickview .product-left .product-image{width:100%!important;margin:0!important;border:1px solid #e6edf4!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
html.popup-quickview .product-left .main-image img{width:100%!important;max-height:330px!important;object-fit:contain!important;background:#fff!important}
html.popup-quickview .product-left .additional-images img{max-height:66px!important;object-fit:contain!important}

/* Detay kolonu: kompakt tipografi */
html.popup-quickview .product-right .product-details{padding:0!important}
html.popup-quickview .product-right h1,
html.popup-quickview .product-right .product-title,
html.popup-quickview .product-right .title{margin:0 0 10px!important;font-size:19px!important;line-height:1.35!important;font-weight:800!important}
html.popup-quickview .product-right h2,
html.popup-quickview .product-right h3{font-size:15px!important;line-height:1.4!important}
html.popup-quickview .product-right .description,
html.popup-quickview .product-right .product-description{font-size:13.5px!important;line-height:1.55!important}
html.popup-quickview .product-stats,
html.popup-quickview .product-right .rating{margin-bottom:8px!important}

/* Uzun içerikte pencere büyümesin: detay kolonu kendi içinde kayar */
@media(min-width:768px){
  html.popup-quickview .product-right{max-height:min(74vh,620px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:6px!important;scrollbar-width:thin}
  html.popup-quickview .product-right::-webkit-scrollbar{width:7px}
  html.popup-quickview .product-right::-webkit-scrollbar-thumb{background:#c9d8e7;border-radius:999px}
  html.popup-quickview .product-left{position:sticky!important;top:0!important;align-self:start!important}
}

/* Dar ekran: tek kolon */
@media(max-width:767px){
  html.popup-quickview .site-wrapper > .container{padding:14px 14px 18px!important}
  html.popup-quickview .product-info{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  html.popup-quickview .product-left .main-image img{max-height:240px!important}
}

/* Popup kabuğu (ana sayfa tarafı): ekranı aşmasın, içerik kaysın. */
html .popup-quickview .popup-inner-body{max-height:92vh!important}
html .popup-quickview iframe{max-height:92vh!important;border-radius:14px!important;background:#fff!important}


html.aem-qv-ui .btn-quickview.btn-quickview.btn-quickview.btn-quickview.btn{
  width:var(--aem-qv-size,44px)!important;
  min-width:var(--aem-qv-size,44px)!important;
  max-width:var(--aem-qv-size,44px)!important;
  height:var(--aem-qv-size,44px)!important;
  min-height:var(--aem-qv-size,44px)!important;
  max-height:var(--aem-qv-size,44px)!important;
  padding:0!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
}
body.aem-qv-open{overflow:hidden}
.aem-qv-modal[hidden]{display:none !important}
.aem-qv-modal{
  position:fixed;
  inset:0;
  z-index:10055;
}
.aem-qv-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,47,92,.42);
}
.aem-qv-modal__dialog{
  position:relative;
  z-index:1;
  width:min(920px, calc(100% - 24px));
  max-height:min(90vh, 760px);
  margin:5vh auto;
  overflow:auto;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 70px rgba(8,47,92,.28);
}
.aem-qv-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#f3f6fa;
  color:var(--aem-skin-navy, #082f5c);
  font-size:28px;
  line-height:1;
}
.aem-qv-modal__body{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:22px;
  padding:28px;
}
.aem-qv-modal__media img[data-aem-qv-main]{
  width:100%;
  max-height:360px;
  object-fit:contain;
  border:1px solid #dce6ef;
  border-radius:16px;
  background:#fff;
}
.aem-qv-modal__thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  overflow:auto;
}
.aem-qv-modal__thumb{
  width:58px;
  height:58px;
  padding:4px;
  border:1px solid #dce6ef;
  border-radius:10px;
  background:#fff;
}
.aem-qv-modal__thumb.is-active{border-color:var(--aem-skin-navy, #082f5c)}
.aem-qv-modal__thumb img{width:100%;height:100%;object-fit:contain}
.aem-qv-modal__info small{color:#647386;font-weight:800}
.aem-qv-modal__info h2{margin:6px 0 8px;font-size:22px;line-height:1.3}
.aem-qv-modal__model,.aem-qv-modal__desc{color:#3c536b;line-height:1.55}
.aem-qv-modal__price{margin:10px 0;font-size:26px;font-weight:900;color:#0b3d7a}
.aem-qv-modal__price del{margin-left:8px;color:#c0392b;font-size:15px}
.aem-qv-modal__buy{display:flex;gap:10px;align-items:center;margin:16px 0}
.aem-qv-modal__buy input{width:72px;min-height:46px;padding:0 10px;border:1px solid #dce6ef;border-radius:12px}
.aem-qv-modal__cart{
  min-height:46px;
  padding:0 18px;
  border:0;
  border-radius:12px;
  background:var(--aem-skin-navy, #082f5c);
  color:#fff;
  font-weight:850;
}
.aem-qv-modal__more{display:inline-block;margin-top:8px;color:var(--aem-skin-navy, #082f5c);font-weight:800}
.aem-qv-modal__note,.aem-qv-modal__loading{color:#647386}
@media(max-width:767px){
  .aem-qv-modal__body{grid-template-columns:1fr;padding:18px}
  .aem-qv-modal__dialog{margin:12px auto;max-height:calc(100vh - 24px)}
}
/* ================= Faz AU: hizli bakista secenek secimi ================= */
.aem-qv-modal__options{display:grid;gap:12px;margin:0 0 14px}
.aem-qv-option{display:grid;gap:6px}
.aem-qv-option__label{font-size:12.5px;font-weight:700;color:var(--aem-text,#22303f)}
.aem-qv-req{color:#c0392b;font-style:normal}
.aem-qv-option__field{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--aem-line,#dbe4ee);border-radius:9px;background:#fff;font:inherit;font-size:13.5px}
.aem-qv-option__field:focus-visible{outline:2px solid var(--aem-skin-primary,#0b5ca5);outline-offset:1px}
.aem-qv-option__choices{display:flex;flex-wrap:wrap;gap:8px}
.aem-qv-choice{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--aem-line,#dbe4ee);border-radius:999px;font-size:13px;cursor:pointer}
.aem-qv-choice:has(input:checked){border-color:var(--aem-skin-primary,#0b5ca5);background:rgba(11,92,165,.07);font-weight:700}
.aem-qv-choice.is-disabled{opacity:.45;cursor:not-allowed}
.aem-qv-choice small{color:var(--aem-text-muted,#6b7a8c)}
.aem-qv-option.is-invalid .aem-qv-option__field,
.aem-qv-option.is-invalid .aem-qv-option__choices{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.14);border-radius:9px}
.aem-qv-error{margin:0 0 8px;padding:8px 11px;border-radius:9px;background:rgba(192,57,43,.10);color:#a3271c;font-size:12.5px;font-weight:600}
html.aem-dark .aem-qv-option__field,html.aem-theme-dark .aem-qv-option__field{background:var(--aem-surface-2,#131a24);border-color:rgba(255,255,255,.14);color:var(--aem-text,#e8eef6)}