/* VAG Sepeti — Premium Quick View v9 */
:root{--vag-red:#e52a0e;--vag-red-dark:#bd210b;--vag-ink:#15171a;--vag-text:#3f4650;--vag-muted:#757d87;--vag-line:#e5e8ec;--vag-soft:#f6f7f9}
html,body{background:#f4f5f7!important}
body{margin:0!important;color:var(--vag-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
#wrapper{background:transparent!important;box-shadow:none!important}
.product-detail{padding:22px 24px!important;background:#f4f5f7!important}
#product-quick.product-info{max-width:1180px!important;margin:0 auto!important}
#product-quick .product-view{
  margin:0!important;padding:22px!important;background:#fff!important;border:1px solid var(--vag-line)!important;
  border-radius:16px!important;box-shadow:0 16px 44px rgba(17,24,39,.09)!important;
}
#product-quick .left-content-product{display:flex!important;flex-wrap:wrap!important}
#product-quick .content-product-left{padding-right:18px!important}
#product-quick .content-product-right{padding-left:18px!important}
#product-quick .large-image{
  display:flex!important;align-items:center!important;justify-content:center!important;min-height:390px!important;padding:18px!important;
  border:1px solid var(--vag-line)!important;border-radius:14px!important;background:linear-gradient(180deg,#fbfbfc,#f5f6f8)!important;overflow:hidden!important;
}
#product-quick .large-image img{max-width:100%!important;max-height:390px!important;width:auto!important;height:auto!important;object-fit:contain!important}
#product-quick #thumb-slider{margin-top:10px!important;padding:0 38px!important}
#product-quick #thumb-slider .image-additional{padding:3px!important}
#product-quick #thumb-slider .thumbnail{
  display:flex!important;align-items:center!important;justify-content:center!important;height:72px!important;margin:0!important;padding:5px!important;
  border:1px solid var(--vag-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;
}
#product-quick #thumb-slider .thumbnail:hover{border-color:#c8cdd4!important}
#product-quick #thumb-slider img{max-width:60px!important;max-height:60px!important;width:auto!important;height:auto!important;object-fit:contain!important}
#product-quick .title-product h1{
  margin:0 0 10px!important;color:var(--vag-ink)!important;font-size:24px!important;line-height:1.28!important;font-weight:850!important;letter-spacing:-.35px!important;
}
#product-quick .box-review{margin:0 0 12px!important;padding-bottom:10px!important;border-bottom:1px solid #eef0f2!important}
#product-quick .product_page_price{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;margin:0 0 15px!important}
#product-quick .product_page_price .price-new,#product-quick .product_page_price #price-special{
  color:var(--vag-red)!important;font-size:28px!important;line-height:1!important;font-weight:900!important;
}
#product-quick .product_page_price .price-old{color:#9aa1aa!important;font-size:14px!important}
#product-quick .product-box-desc{
  margin:0 0 14px!important;padding:13px 14px!important;border:1px solid var(--vag-line)!important;border-radius:11px!important;background:#f8f9fa!important;
}
#product-quick .product-box-desc>div{display:flex!important;justify-content:space-between!important;gap:14px!important;padding:6px 0!important;border-bottom:1px solid #eaedf0!important;font-size:12.5px!important}
#product-quick .product-box-desc>div:last-child{border-bottom:0!important}
#product-quick .product-box-desc span{color:#747c86!important;font-weight:700!important}
#product-quick .short_description{
  margin:14px 0!important;padding:14px 15px!important;border:1px solid var(--vag-line)!important;border-radius:11px!important;background:#fff!important;color:#545c66!important;line-height:1.6!important;
}
#product-quick .short_description h3,#product-quick #product>h3{margin:0 0 8px!important;color:var(--vag-ink)!important;font-size:14px!important;font-weight:850!important;text-transform:none!important}
#product-quick .form-control{min-height:42px!important;border:1px solid #dfe3e7!important;border-radius:9px!important;box-shadow:none!important;background:#fff!important}
#product-quick .form-control:focus{border-color:#abb2bb!important;box-shadow:0 0 0 3px rgba(229,42,14,.07)!important}
#product-quick .box-info-product{
  display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:12px!important;margin-top:15px!important;padding:14px!important;
  border:1px solid var(--vag-line)!important;border-radius:12px!important;background:#f9fafb!important;
}
#product-quick .option.quantity{margin:0!important}
#product-quick .option.quantity .control-label{display:block!important;margin-bottom:6px!important;color:#646c76!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.35px!important}
#product-quick .quantity-control{
  display:inline-flex!important;align-items:center!important;width:138px!important;height:44px!important;border:1px solid #dfe3e8!important;
  border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 10px rgba(17,24,39,.05)!important;
}
#product-quick .quantity-control .input-group-addon{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 41px!important;width:41px!important;height:42px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:#f4f5f7!important;color:#30363d!important;cursor:pointer!important;
}
#product-quick .quantity-control .input-group-addon:hover{background:var(--vag-red)!important;color:#fff!important}
#product-quick .quantity-control input.form-control{
  width:54px!important;min-width:54px!important;height:42px!important;min-height:42px!important;padding:0!important;border:0!important;
  border-left:1px solid #e7e9ed!important;border-right:1px solid #e7e9ed!important;border-radius:0!important;text-align:center!important;font-weight:850!important;
}
#product-quick .detail-action{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
#product-quick .detail-action .cart{display:flex!important;gap:8px!important}
#product-quick #button-cart,#product-quick #button-checkout{
  min-height:44px!important;padding:0 18px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:850!important;box-shadow:none!important;
}
#product-quick #button-cart{background:var(--vag-red)!important;border:1px solid var(--vag-red)!important;color:#fff!important}
#product-quick #button-cart:hover{background:var(--vag-red-dark)!important;border-color:var(--vag-red-dark)!important}
#product-quick #button-checkout{background:var(--vag-ink)!important;border:1px solid var(--vag-ink)!important;color:#fff!important}
#product-quick .wish_comp a{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#5d6570!important;font-size:12px!important;font-weight:750!important;cursor:pointer!important}
#product-quick .wish_comp a:hover{color:var(--vag-red)!important}
#product-quick .owl2-controls .owl2-nav{display:flex!important;flex-direction:row!important;justify-content:space-between!important;pointer-events:none!important}
#product-quick .owl2-controls .owl2-nav>div{
  display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;padding:0!important;
  border:1px solid #dfe3e8!important;border-radius:8px!important;background:#fff!important;color:var(--vag-ink)!important;pointer-events:auto!important;
}
@media (max-width:767px){
  .product-detail{padding:10px!important}
  #product-quick .product-view{padding:13px!important;border-radius:13px!important}
  #product-quick .content-product-left,#product-quick .content-product-right{padding:0!important}
  #product-quick .content-product-right{margin-top:15px!important}
  #product-quick .large-image{min-height:250px!important;padding:10px!important}
  #product-quick .large-image img{max-height:250px!important}
  #product-quick .title-product h1{font-size:19px!important}
  #product-quick .product_page_price .price-new,#product-quick .product_page_price #price-special{font-size:23px!important}
  #product-quick .box-info-product{align-items:stretch!important}
  #product-quick .detail-action,#product-quick .detail-action .cart{width:100%!important}
  #product-quick #button-cart,#product-quick #button-checkout{flex:1!important;padding:0 10px!important}
}

/* ================================================================
   VAG SEPETI — QUICK VIEW precision fixes
   ================================================================ */
/* Product meta row becomes cramped inside the modal; keep the Quick View
   focused on image, title, price, options and purchase actions. */
#product-quick .product-box-desc{
  display:none!important;
}
#product-quick .content-product-right{
  display:flex!important;
  flex-direction:column!important;
}
#product-quick .product_page_price{margin-top:2px!important}

/* Final quick view cleanup */
#product-quick .short_description.form-group,
#product-quick .short_description,
#product-quick .order-num,
.quickview-container .short_description.form-group,
.quickview-container .order-num {
  display: none !important;
}


/* Quick View thumbnail navigation — visible glyphs, exact vertical centering. */
#product-quick #thumb-slider {
  position: relative !important;
  overflow: visible !important;
}
#product-quick #thumb-slider .owl2-controls,
#product-quick #thumb-slider .owl2-controls .owl2-nav {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 20 !important;
}
#product-quick #thumb-slider .owl2-controls .owl2-nav > div {
  position: absolute !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #17191d !important;
  font-size: 0 !important;
  line-height: 32px !important;
  text-indent: 0 !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 4px 12px rgba(17,24,39,.10) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#product-quick #thumb-slider .owl2-controls .owl2-nav > .owl2-prev { left: 1px !important; right: auto !important; }
#product-quick #thumb-slider .owl2-controls .owl2-nav > .owl2-next { right: 1px !important; left: auto !important; }
#product-quick #thumb-slider .owl2-controls .owl2-nav > div:before {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#product-quick #thumb-slider .owl2-controls .owl2-nav > .owl2-prev:before { content: "\f053" !important; }
#product-quick #thumb-slider .owl2-controls .owl2-nav > .owl2-next:before { content: "\f054" !important; }
#product-quick #thumb-slider .owl2-controls .owl2-nav > div:hover {
  background: #e42a0f !important;
  border-color: #e42a0f !important;
  color: #fff !important;
}