/* ================================================================
   VAG SEPETI — AUTOMOTIVE PREMIUM UI v8
   Inspired by modern automotive commerce patterns.
   Design-only override. No JS behavior or checkout logic changed.
   ================================================================ */
:root{
  --vag-red:#e52a0e;
  --vag-red-dark:#bd210b;
  --vag-red-soft:#fff1ee;
  --vag-ink:#15171a;
  --vag-ink-2:#24282d;
  --vag-text:#363b42;
  --vag-muted:#777f89;
  --vag-line:#e7e9ed;
  --vag-surface:#ffffff;
  --vag-soft:#f5f6f8;
  --vag-soft-2:#f9fafb;
  --vag-radius:14px;
  --vag-radius-sm:10px;
  --vag-shadow:0 8px 28px rgba(17,24,39,.07);
  --vag-shadow-hover:0 18px 44px rgba(17,24,39,.13);
}

html{scroll-behavior:smooth}
body{
  color:var(--vag-text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease}
a:hover,a:focus{color:var(--vag-red);text-decoration:none}
.container{max-width:1440px}

/* ---------- HEADER / TOP TRUST STRIP ---------- */
#header{position:relative;z-index:1000;background:#fff}
#header .header-promotion{
  background:var(--vag-red);
  color:#fff;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:.25px;
}
#header .header-top{
  min-height:38px;
  background:var(--vag-ink);
  border:0;
  color:#c8ccd1;
  font-size:12px;
}
#header .header-top a{color:#e7e9ec}
#header .header-top a:hover{color:#fff}
#header .header-top .top-link>li,
#header .header-top .list-inlines>li{border-color:rgba(255,255,255,.10)}
#header .header-center{
  background:#fff;
  border-bottom:1px solid var(--vag-line);
  padding-top:11px;
  padding-bottom:11px;
}
#header .navbar-logo img{max-height:66px;width:auto}
#header .header-center .megamenu-style-dev .navbar-nav>li>a,
#header .header-center .megamenu-style-dev .horizontal ul.megamenu>li>a{
  color:var(--vag-ink);
  font-weight:750;
  font-size:13px;
  letter-spacing:.1px;
}
#header .header-center .megamenu-style-dev .navbar-nav>li>a:hover,
#header .header-center .megamenu-style-dev .horizontal ul.megamenu>li:hover>a{color:var(--vag-red)}
#header .phone-header{color:var(--vag-ink);font-weight:700}

#header .header-bottom{
  background:#fff;
  border-bottom:1px solid var(--vag-line);
  box-shadow:0 5px 20px rgba(17,24,39,.04);
}
#header .header-bottom-inner{padding-top:9px;padding-bottom:9px}
#header .menu-vertical .megamenuToogle-wrapper,
#header .menu-vertical .navbar-header{
  border-radius:var(--vag-radius-sm);
  overflow:hidden;
}
#header .menu-vertical .megamenuToogle-wrapper,
#header .menu-vertical .navbar-header .title-mega{
  background:var(--vag-ink)!important;
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:.15px;
}

/* Search = focal point, DRS-like clarity */
#header .header_search{padding-top:0;padding-bottom:0}
#header #search{
  height:50px;
  background:var(--vag-soft);
  border:1px solid #dfe2e7;
  border-radius:12px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
#header #search .form-control{
  height:48px;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--vag-ink);
  padding-left:18px;
  font-size:14px;
}
#header #search .form-control::placeholder{color:#9097a1}
#header #search .input-group-btn .btn{
  width:54px;
  height:50px;
  margin:-1px -1px -1px 0;
  border:0!important;
  border-radius:0!important;
  background:var(--vag-red)!important;
  color:#fff!important;
  font-size:18px;
  box-shadow:none!important;
}
#header #search .input-group-btn .btn:hover{background:var(--vag-red-dark)!important}

/* Cart / wishlist */
#header .shopping_cart .top_cart{
  min-height:50px;
  display:flex;
  align-items:center;
  border:1px solid var(--vag-line);
  border-radius:12px;
  background:#fff;
  padding:4px 12px;
}
#header .shopping_cart .shopcart{display:flex;align-items:center;gap:7px}
#header .shopping_cart .title-cart-h6{font-size:12px;font-weight:800;color:var(--vag-ink);margin:0}
#header .shopping_cart .total-shopping-cart{font-size:11px;color:var(--vag-muted)}
#header .shopping_cart .handle{filter:none}
#header .header_custom_link li a{
  border:1px solid var(--vag-line);
  background-color:#fff; /* preserve SO Revo sprite background-image */
  border-radius:10px;
}
#header .shoppingcart-box{
  border:1px solid var(--vag-line)!important;
  border-radius:14px!important;
  box-shadow:0 18px 50px rgba(17,24,39,.16)!important;
  overflow:hidden;
}

/* ---------- HERO / BANNERS ---------- */
.sohomepage-slider,
.so-homeslider,
.module.so-homeslider,
.slideshow,
.so_home_slider{
  border-radius:16px;
  overflow:hidden;
}
.sohomepage-slider .owl2-nav [class*=owl2-],
.so-homeslider .owl2-nav [class*=owl2-],
.owl2-controls .owl2-nav>div{
  width:42px;
  height:42px;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--vag-ink)!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 7px 18px rgba(17,24,39,.13);
}
.sohomepage-slider .owl2-dots .owl2-dot span,
.so-homeslider .owl2-dots .owl2-dot span{width:8px;height:8px;background:#c7cbd1}
.sohomepage-slider .owl2-dots .owl2-dot.active span,
.so-homeslider .owl2-dots .owl2-dot.active span{width:24px;border-radius:10px;background:var(--vag-red)}
.banners>div,.banner-item,.banners .banners>div{overflow:hidden;border-radius:14px}
.banners img,.banner-item img{transition:transform .35s ease}
.banners a:hover img,.banner-item a:hover img{transform:scale(1.025)}

/* ---------- SECTION TITLES / TABS ---------- */
.module{margin-bottom:34px}
.module .modtitle,
.module h3.modtitle,
.box-heading,
.so-listing-tabs .ltabs-wrap .ltabs-tabs-container{
  color:var(--vag-ink);
}
.module .modtitle,
.module h3.modtitle,
.box-heading{
  position:relative;
  border:0!important;
  background:transparent!important;
  padding:0 0 14px!important;
  margin-bottom:18px!important;
  font-size:22px!important;
  line-height:1.25;
  font-weight:850!important;
  letter-spacing:-.35px;
  text-transform:none!important;
}
.module .modtitle:after,
.module h3.modtitle:after,
.box-heading:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:44px;
  height:4px;
  border-radius:8px;
  background:var(--vag-red);
}
.so-listing-tabs .ltabs-tabs-container .ltabs-tabs li,
.so-listing-tabs .ltabs-tabs-container .ltabs-tabs .ltabs-tab{
  border:1px solid var(--vag-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5e6570!important;
  font-weight:700!important;
  padding:8px 15px!important;
  margin:0 5px 7px 0!important;
}
.so-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel,
.so-listing-tabs .ltabs-tabs-container .ltabs-tabs .tab-sel,
.so-listing-tabs .ltabs-tabs-container .ltabs-tabs li:hover{
  color:#fff!important;
  border-color:var(--vag-ink)!important;
  background:var(--vag-ink)!important;
}

/* ---------- CATEGORY / BRAND TILES ---------- */
.so-categories .cat-wrap .content-box,
.so-categories .cat-wrap .content-box .cat-content,
.refine-search .thumbnail,
.refine-search--quick .thumbnail{
  border:1px solid var(--vag-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden;
}
.so-categories .cat-wrap .content-box{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.so-categories .cat-wrap .content-box:hover{
  transform:translateY(-3px);
  border-color:#d5d9df!important;
  box-shadow:var(--vag-shadow);
}
.so-categories .cat-wrap .content-box .cat-title a,
.refine-search a{font-weight:750;color:var(--vag-ink)}

/* ---------- PRODUCT CARDS ---------- */
.product-layout,
.ltabs-item,
.so-extraslider .item{
  padding-left:7px;
  padding-right:7px;
}
.product-thumb .product-item-container,
.product-item-container{
  height:100%;
  position:relative;
  overflow:hidden;
  border:1px solid var(--vag-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(17,24,39,.02)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.product-thumb:hover .product-item-container,
.product-item-container:hover{
  transform:translateY(-4px);
  border-color:#d7dbe1!important;
  box-shadow:var(--vag-shadow-hover)!important;
}
.product-item-container .left-block,
.product-thumb .left-block{
  position:relative;
  background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%);
  overflow:hidden;
}
.product-item-container .image,
.product-thumb .image,
.product-image-container{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:250px;
  background:transparent!important;
  padding:16px!important;
}
.product-item-container .image img,
.product-thumb .image img,
.product-image-container img{
  max-height:235px;
  width:auto!important;
  max-width:100%!important;
  object-fit:contain;
  transition:transform .25s ease!important;
}
.product-item-container:hover .image img,
.product-thumb:hover .image img{transform:scale(1.035)}
.product-item-container .right-block,
.product-thumb .right-block,
.product-item-container .caption{
  background:#fff!important;
}
.product-item-container .right-block{padding:16px 16px 15px!important}
.product-item-container .caption{padding:0!important}
.product-item-container h4,
.product-thumb h4{margin:0 0 9px!important;min-height:40px}
.product-item-container h4 a,
.product-thumb h4 a{
  color:var(--vag-ink)!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:720!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-item-container h4 a:hover,.product-thumb h4 a:hover{color:var(--vag-red)!important}
.product-item-container .rating,.product-thumb .rating{margin-bottom:8px!important}
.rating .fa-star,.rating .fa-star-o{color:#f2a900!important}
.product-item-container .price,
.product-thumb .price{
  margin:3px 0 12px!important;
  min-height:30px;
  color:var(--vag-ink)!important;
  font-size:18px!important;
  line-height:1.25;
  font-weight:850!important;
}
.product-item-container .price-new,.product-thumb .price-new{color:var(--vag-red)!important;font-weight:850!important}
.product-item-container .price-old,.product-thumb .price-old{color:#9aa0a8!important;font-size:12px!important;margin-left:6px!important}
.product-item-container .box-label{top:12px!important;left:12px!important;right:auto!important}
.label-product,.label-sale,.label-new{
  border:0!important;
  border-radius:7px!important;
  padding:6px 8px!important;
  min-width:auto!important;
  height:auto!important;
  line-height:1!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.25px;
  text-transform:uppercase;
  box-shadow:none!important;
}
.label-sale{background:var(--vag-red)!important;color:#fff!important}
.label-new{background:var(--vag-ink)!important;color:#fff!important}
.product-item-container .button-group,
.product-thumb .button-group{
  display:flex!important;
  align-items:center;
  gap:7px;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  padding:0!important;
  margin-top:5px!important;
  background:transparent!important;
}
.product-item-container .button-group .addToCart,
.product-thumb .button-group .addToCart,
.product-item-container .btn-add-to-cart{
  flex:1;
  min-height:40px;
  border:1px solid var(--vag-ink)!important;
  border-radius:9px!important;
  background:var(--vag-ink)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:none!important;
  box-shadow:none!important;
}
.product-item-container .button-group .addToCart:hover,
.product-thumb .button-group .addToCart:hover{background:var(--vag-red)!important;border-color:var(--vag-red)!important}
.product-item-container .button-group .wishlist,
.product-item-container .button-group .compare,
.product-thumb .button-group .wishlist,
.product-thumb .button-group .compare{
  width:40px!important;
  height:40px!important;
  border:1px solid var(--vag-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#555d66!important;
}
.product-item-container .button-group .wishlist:hover,
.product-item-container .button-group .compare:hover,
.product-thumb .button-group .wishlist:hover,
.product-thumb .button-group .compare:hover{
  color:var(--vag-red)!important;
  border-color:#f1b5aa!important;
  background:var(--vag-red-soft)!important;
}

/* ---------- CATEGORY / LISTING PAGE ---------- */
.breadcrumb{
  margin:16px 0 22px!important;
  padding:11px 14px!important;
  background:var(--vag-soft-2)!important;
  border:1px solid var(--vag-line)!important;
  border-radius:10px!important;
}
.breadcrumb>li>a{color:#666e77}
.breadcrumb>li:last-child a,.breadcrumb>li:last-child{color:var(--vag-ink);font-weight:700}
.products-category .category-info,
.category-info{border-radius:14px;overflow:hidden}
.filters-panel,
.product-filter,
.so-filter-shop-by{
  background:#fff!important;
  border:1px solid var(--vag-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.product-filter{padding:10px 12px!important}
.product-filter .btn,.filters-panel .btn{border-radius:8px!important}
#column-left .module,#column-right .module{
  border:1px solid var(--vag-line);
  border-radius:13px;
  overflow:hidden;
  background:#fff;
}
#column-left .module .modtitle,#column-right .module .modtitle{
  font-size:16px!important;
  padding:15px 16px!important;
  margin:0!important;
  border-bottom:1px solid var(--vag-line)!important;
}
#column-left .module .modtitle:after,#column-right .module .modtitle:after{display:none}

/* ---------- PRODUCT DETAIL ---------- */
.product-view,
.product-detail{
  color:var(--vag-text);
}
.product-view .content-product-left .large-image,
.product-view .content-product-left .image-additional .img-thumbnail,
.product-view .content-product-left .thumbnail{
  border:1px solid var(--vag-line)!important;
  border-radius:14px!important;
  background:var(--vag-soft-2)!important;
  box-shadow:none!important;
}
.product-view .content-product-right h1,
.product-view .content-product-right .title-product{
  color:var(--vag-ink)!important;
  font-size:27px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.45px;
}
.product-view .content-product-right .price,
.product-view .content-product-right .price-new{
  color:var(--vag-red)!important;
  font-size:28px!important;
  font-weight:900!important;
}
.product-view .content-product-right .box-info-product{
  padding:16px!important;
  border:1px solid var(--vag-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
.product-view .content-product-right .cart .btn,
.product-view .content-product-right #button-cart{
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:10px!important;
  border-color:var(--vag-red)!important;
  background:var(--vag-red)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.product-view .content-product-right #button-cart:hover{background:var(--vag-red-dark)!important;border-color:var(--vag-red-dark)!important}
.nav-tabs{
  border-bottom:1px solid var(--vag-line)!important;
}
.nav-tabs>li>a{
  border-radius:9px 9px 0 0!important;
  color:#68707a!important;
  font-weight:750!important;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{color:var(--vag-ink)!important;border-top:2px solid var(--vag-red)!important}

/* ---------- FORMS / CART / CHECKOUT ---------- */
.form-control{
  border-color:#dfe2e7!important;
  border-radius:9px!important;
  box-shadow:none!important;
  min-height:40px;
}
.form-control:focus{border-color:#b8bdc5!important;box-shadow:0 0 0 3px rgba(229,42,14,.08)!important}
.btn{border-radius:9px;font-weight:700;box-shadow:none}
.btn-primary,.btn-danger.btn-lg,#button-confirm{
  background:var(--vag-red)!important;
  border-color:var(--vag-red)!important;
  color:#fff!important;
}
.btn-primary:hover,#button-confirm:hover{background:var(--vag-red-dark)!important;border-color:var(--vag-red-dark)!important}
.table-responsive,.panel,.well{
  border-color:var(--vag-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.panel-heading{background:var(--vag-soft-2)!important;border-color:var(--vag-line)!important;font-weight:800;color:var(--vag-ink)!important}
.checkout-cart .table img,.checkout-checkout .table img{border-radius:8px}

/* ---------- TRUST / SERVICE BLOCKS ---------- */
.service-v1,.services-inline,.policy-v1,.so-page-builder .block-services,
.services-v1,.list-services{
  border-radius:14px!important;
  overflow:hidden;
}
.service-v1 .service-inner,.services-inline .service-inner,.policy-v1 .policy-item,
.list-services .item-service{
  background:#fff!important;
  border:1px solid var(--vag-line)!important;
}

/* ---------- FOOTER ---------- */
footer,.footer-container,.footer-top,.footer-center,.footer-bottom{
  color:#4f5660;
}
footer,.footer-container{background:#f6f7f9!important;border-top:1px solid var(--vag-line)!important}
footer h3,footer h4,footer h5,.footer-container h3,.footer-container h4,.footer-container .title-footer{
  color:var(--vag-ink)!important;
  font-weight:850!important;
}
footer a,.footer-container a{color:#5f6670!important}
footer a:hover,.footer-container a:hover{color:var(--vag-red)!important}
.footer-bottom{border-top:1px solid #dfe2e7!important;background:#eef0f3!important}

/* ---------- MODALS ---------- */
.modal-content{border:0!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(17,24,39,.22)!important;overflow:hidden}
.modal-header{border-bottom:1px solid var(--vag-line)!important;background:var(--vag-soft-2)}

/* ---------- RESPONSIVE DESKTOP/TABLET ---------- */
@media (max-width:1199px){
  .container{width:96%;max-width:1170px}
  #header #search{height:46px}
  #header #search .form-control{height:44px}
  #header #search .input-group-btn .btn{height:46px}
  .product-item-container .image,.product-thumb .image,.product-image-container{min-height:220px}
}
@media (max-width:991px){
  .module{margin-bottom:26px}
  .module .modtitle,.module h3.modtitle,.box-heading{font-size:20px!important}
  .product-item-container .right-block{padding:13px!important}
  .product-item-container .image,.product-thumb .image,.product-image-container{min-height:195px;padding:12px!important}
}

/* Reduced motion = performance + accessibility */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .product-item-container,.product-item-container img,.banners img{transition:none!important}
}

/* ==================================================================
   VAG SEPETI — v8 precision fixes
   Fixes icon visibility, carousel controls, home listing proportions,
   product detail tabs/content and service-feature readability.
   ================================================================== */

/* 1) HEADER ICONS — keep SO Revo sprites visible and restore compact cart */
.typeheader-1 .header-bottom .header_custom_link li a{
  background-color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:10px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}
.typeheader-1 .header-bottom .header_custom_link li.wishlist a{
  background-image:url("../images/icon/icon_general.png")!important;
  background-repeat:no-repeat!important;
  background-position:-12px -1403px!important;
}
.typeheader-1 .header-bottom .header_custom_link li.compare a{
  background-image:url("../images/icon/icon_general.png")!important;
  background-repeat:no-repeat!important;
  background-position:-14px -1295px!important;
}
.typeheader-1 .shopping_cart{
  background-image:url("../images/icon/icon_general.png")!important;
  background-repeat:no-repeat!important;
  background-position:-13px -1330px!important;
  background-color:#fff!important;
  border-radius:10px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}
.typeheader-1 .shopping_cart .top_cart{
  min-height:36px!important;
  width:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
}
.typeheader-1 .shopping_cart .shopcart{display:block!important;width:36px!important;height:36px!important}
.typeheader-1 .shopping_cart .handle,
.typeheader-1 .shopping_cart .title-cart-h6{display:none!important}
.typeheader-1 .shopping_cart .total-shopping-cart{
  display:block!important;
  width:20px!important;height:20px!important;line-height:20px!important;
  top:-7px!important;right:-8px!important;
  background:var(--vag-red)!important;color:#fff!important;
  font-size:10px!important;font-weight:800!important;border-radius:50%!important;
  box-shadow:0 2px 7px rgba(229,42,14,.28)!important;
}

/* Fallback icon for header variants that use the empty .handle element */
#header .shopping_cart .handle:before{
  content:"\f07a";
  font-family:FontAwesome;
  font-style:normal;
  font-size:19px;
  line-height:1;
  color:var(--vag-ink);
}
#header .shopping_cart .handle{color:var(--vag-ink)!important}
#header .header_custom_link .fa,
#header .header-right .fa{opacity:1!important;visibility:visible!important}

/* 2/4) ALL OWL / CAROUSEL NAVIGATION — never white-on-white */
.owl2-controls .owl2-nav>div,
.owl2-nav>.owl2-prev,
.owl2-nav>.owl2-next,
.sohomepage-slider .owl2-nav [class*=owl2-],
.so-homeslider .owl2-nav [class*=owl2-]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;height:38px!important;
  border:1px solid #dfe3e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--vag-ink)!important;
  opacity:1!important;visibility:visible!important;
  box-shadow:0 6px 16px rgba(17,24,39,.10)!important;
  font-size:0!important;
}
.owl2-controls .owl2-nav>div:before,
.owl2-nav>.owl2-prev:before,
.owl2-nav>.owl2-next:before,
.sohomepage-slider .owl2-nav [class*=owl2-]:before,
.so-homeslider .owl2-nav [class*=owl2-]:before{
  display:block!important;
  font-family:FontAwesome!important;
  font-size:20px!important;
  line-height:1!important;
  color:var(--vag-ink)!important;
  opacity:1!important;visibility:visible!important;
}
.owl2-controls .owl2-nav>.owl2-prev:before,
.owl2-nav>.owl2-prev:before,
.sohomepage-slider .owl2-nav .owl2-prev:before,
.so-homeslider .owl2-nav .owl2-prev:before{content:"\f104"!important}
.owl2-controls .owl2-nav>.owl2-next:before,
.owl2-nav>.owl2-next:before,
.sohomepage-slider .owl2-nav .owl2-next:before,
.so-homeslider .owl2-nav .owl2-next:before{content:"\f105"!important}
.owl2-controls .owl2-nav>div:hover,
.owl2-nav>.owl2-prev:hover,
.owl2-nav>.owl2-next:hover{
  background:var(--vag-red)!important;
  border-color:var(--vag-red)!important;
}
.owl2-controls .owl2-nav>div:hover:before,
.owl2-nav>.owl2-prev:hover:before,
.owl2-nav>.owl2-next:hover:before{color:#fff!important}
.owl2-controls .owl2-nav>div i{color:inherit!important;opacity:1!important;visibility:visible!important}

/* 3) SIDE BEST SELLER (#127) — clean title + horizontal one-product carousel */
.block-right .custom-listingtab{margin-top:8px!important}
#so_listing_tabs_127{
  position:relative!important;
  padding-top:46px!important;
  border:1px solid var(--vag-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(17,24,39,.06)!important;
}
#so_listing_tabs_127:before{
  content:"En Çok Satanlar";
  position:absolute;left:14px;top:13px;
  color:var(--vag-ink);font-size:15px;font-weight:850;letter-spacing:-.15px;
}
#so_listing_tabs_127:after{
  content:"";position:absolute;left:14px;top:37px;width:34px;height:3px;
  border-radius:4px;background:var(--vag-red);
}
#so_listing_tabs_127 .ltabs-tabs-container{display:none!important}
#so_listing_tabs_127 .ltabs-items-container,
#so_listing_tabs_127 .ltabs-items,
#so_listing_tabs_127 .ltabs-items-inner{overflow:hidden!important}
#so_listing_tabs_127 .ltabs-item{padding:0 10px 10px!important}
#so_listing_tabs_127 .product-item-container{
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;
}
#so_listing_tabs_127 .product-item-container:before,
#so_listing_tabs_127 .product-item-container:after{display:none!important}
#so_listing_tabs_127 .product-item-container .left-block{margin:0!important;background:#f7f8fa!important;border-radius:10px!important}
#so_listing_tabs_127 .product-item-container .image,
#so_listing_tabs_127 .product-image-container{min-height:148px!important;height:148px!important;padding:9px!important}
#so_listing_tabs_127 .product-item-container .image img,
#so_listing_tabs_127 .product-image-container img{max-height:132px!important}
#so_listing_tabs_127 .product-item-container .right-block{padding:10px 3px 3px!important;text-align:left!important}
#so_listing_tabs_127 .product-item-container h4{min-height:36px!important;margin-bottom:6px!important;padding:0!important}
#so_listing_tabs_127 .product-item-container h4 a{font-size:12.5px!important;line-height:1.38!important}
#so_listing_tabs_127 .product-item-container .price{font-size:16px!important;margin:0 0 8px!important;min-height:20px!important}
#so_listing_tabs_127 .product-item-container .button-group{display:none!important}
#so_listing_tabs_127 .owl2-controls .owl2-nav{top:8px!important;right:8px!important;z-index:5!important}
#so_listing_tabs_127 .owl2-controls .owl2-nav>div{width:30px!important;height:30px!important;border-radius:8px!important;box-shadow:none!important}
#so_listing_tabs_127 .owl2-controls .owl2-nav>div:before{font-size:16px!important}

/* 5/6) HOME LISTING SECTIONS — remove old ribbon/shadow and make cards compact */
.common-home div.module.custom-listingtab{
  background:#fff!important;border:1px solid var(--vag-line)!important;border-radius:15px!important;
  padding:18px!important;box-shadow:0 7px 24px rgba(17,24,39,.045)!important;
}
.common-home div.module.custom-listingtab .box-title{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;
  min-width:0!important;width:auto!important;text-align:left!important;margin:0 0 13px!important;
}
.common-home div.module.custom-listingtab .box-title h2,
.common-home div.module.custom-listingtab .box-title .modtitle{
  display:inline-block!important;
  background:transparent!important;color:var(--vag-ink)!important;box-shadow:none!important;
  border-radius:0!important;border:0!important;
  padding:0 0 11px!important;margin:0!important;line-height:1.25!important;
  font-size:20px!important;font-weight:850!important;letter-spacing:-.3px!important;text-transform:none!important;
}
.common-home div.module.custom-listingtab .box-title h2:before{display:none!important}
.common-home div.module.custom-listingtab .box-title h2:after{
  content:""!important;display:block!important;width:42px!important;height:3px!important;
  margin-top:9px!important;border-radius:4px!important;background:var(--vag-red)!important;
  position:static!important;
}
.common-home div.module.custom-listingtab .ltabs-wrap,
.common-home div.module.custom-listingtab .so-listing-tabs{background:transparent!important}
.common-home div.module.custom-listingtab .ltabs-tabs-container{
  background:transparent!important;border:0!important;margin:0 0 12px!important;padding:0!important;
}
.common-home div.module.custom-listingtab .ltabs-tabs,
.common-home div.module.custom-listingtab .list-sub-cat{
  background:transparent!important;margin:0!important;padding:0!important;line-height:normal!important;
}
.common-home div.module.custom-listingtab .ltabs-tabs li,
.common-home div.module.custom-listingtab .list-sub-cat.ltabs-tabs li{
  border:1px solid var(--vag-line)!important;border-radius:8px!important;background:#fff!important;
  margin:0 6px 6px 0!important;padding:0!important;line-height:normal!important;
}
.common-home div.module.custom-listingtab .ltabs-tabs li span,
.common-home div.module.custom-listingtab .list-sub-cat.ltabs-tabs li span{
  display:block!important;padding:8px 12px!important;color:#5f6670!important;
  font-size:12px!important;font-weight:750!important;text-transform:none!important;line-height:1.2!important;
}
.common-home div.module.custom-listingtab .ltabs-tabs li.tab-sel,
.common-home div.module.custom-listingtab .list-sub-cat.ltabs-tabs li.tab-sel,
.common-home div.module.custom-listingtab .ltabs-tabs li:hover{
  background:var(--vag-red)!important;border-color:var(--vag-red)!important;
}
.common-home div.module.custom-listingtab .ltabs-tabs li.tab-sel span,
.common-home div.module.custom-listingtab .list-sub-cat.ltabs-tabs li.tab-sel span,
.common-home div.module.custom-listingtab .ltabs-tabs li:hover span{color:#fff!important}
.common-home div.module.custom-listingtab .ltabs-wrap .ltabs-items-container{margin:0!important;overflow:hidden!important}
.common-home div.module.custom-listingtab .products-list.grid .product-layout .product-item-container{
  border:1px solid var(--vag-line)!important;border-radius:12px!important;margin:0 5px!important;padding:0!important;
  overflow:hidden!important;box-shadow:none!important;background:#fff!important;
}
.common-home div.module.custom-listingtab .products-list.grid .product-layout .product-item-container:before,
.common-home div.module.custom-listingtab .products-list.grid .product-layout .product-item-container:after{display:none!important}
.common-home div.module.custom-listingtab .product-item-container .left-block{margin:0!important;background:#f7f8fa!important}
.common-home div.module.custom-listingtab .product-item-container .image,
.common-home div.module.custom-listingtab .product-image-container{
  min-height:190px!important;height:190px!important;padding:12px!important;
}
.common-home div.module.custom-listingtab .product-item-container .image img,
.common-home div.module.custom-listingtab .product-image-container img{max-height:170px!important}
.common-home div.module.custom-listingtab .product-item-container .right-block{
  padding:12px 12px 13px!important;text-align:left!important;
}
.common-home div.module.custom-listingtab .product-item-container h4{min-height:38px!important;margin-bottom:7px!important;padding:0!important}
.common-home div.module.custom-listingtab .product-item-container h4 a{font-size:13px!important;line-height:1.4!important}
.common-home div.module.custom-listingtab .product-item-container .price{font-size:16px!important;min-height:23px!important;margin:0 0 8px!important}
.common-home div.module.custom-listingtab .product-item-container .button-group{margin-top:4px!important}
.common-home div.module.custom-listingtab .owl2-controls .owl2-nav{top:-50px!important;right:0!important}
.common-home div.module.custom-listingtab .owl2-controls .owl2-nav>div{width:34px!important;height:34px!important;border-radius:9px!important}

/* Banner/image columns beside #293/#294 — keep image proportional and aligned */
.common-home .so-html-content img[style*="min-height: 350px"],
.common-home .so-html-content img[style*="min-height:350px"]{
  min-height:0!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;
  border-radius:15px!important;display:block!important;
}

/* 2) PRODUCT DETAIL — premium, readable tabs and description */
.product-detail .producttab,
.product-view .producttab{margin-top:30px!important}
.producttab .tabsslider.horizontal-tabs{
  float:none!important;width:100%!important;border:1px solid var(--vag-line)!important;
  border-radius:15px!important;background:#fff!important;overflow:hidden!important;
  box-shadow:0 8px 26px rgba(17,24,39,.05)!important;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs{
  display:flex!important;flex-wrap:wrap!important;gap:0!important;
  margin:0!important;padding:0 18px!important;background:#f7f8fa!important;
  border:0!important;border-bottom:1px solid var(--vag-line)!important;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs li{
  float:none!important;margin:0!important;border:0!important;background:transparent!important;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs li a{
  display:block!important;margin:0!important;padding:15px 18px 12px!important;
  border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  background:transparent!important;color:#606873!important;
  font-size:13px!important;font-weight:800!important;text-transform:none!important;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs li.active a,
.producttab .tabsslider.horizontal-tabs .nav-tabs li:hover a,
.producttab .tabsslider.horizontal-tabs .nav-tabs li.active a:hover,
.producttab .tabsslider.horizontal-tabs .nav-tabs li.active a:focus{
  background:transparent!important;color:var(--vag-ink)!important;
  border-bottom-color:var(--vag-red)!important;
}
.producttab .tabsslider.horizontal-tabs .tab-content{
  margin:0!important;padding:26px 28px!important;border:0!important;background:#fff!important;
  color:#414852!important;font-size:14px!important;line-height:1.75!important;
}
.producttab .tabsslider.horizontal-tabs .tab-content .tab-pane{color:#414852!important;background:#fff!important}
.producttab .tabsslider.horizontal-tabs .tab-content h1,
.producttab .tabsslider.horizontal-tabs .tab-content h2,
.producttab .tabsslider.horizontal-tabs .tab-content h3,
.producttab .tabsslider.horizontal-tabs .tab-content h4,
.producttab .tabsslider.horizontal-tabs .tab-content h5{
  color:var(--vag-ink)!important;font-weight:800!important;line-height:1.35!important;margin:20px 0 10px!important;
}
.producttab .tabsslider.horizontal-tabs .tab-content p{color:#4e5660!important;margin:0 0 14px!important}
.producttab .tabsslider.horizontal-tabs .tab-content a{color:var(--vag-red)!important;font-weight:700!important}
.producttab .tabsslider.horizontal-tabs .tab-content img{max-width:100%!important;height:auto!important;border-radius:10px!important}
.producttab .tabsslider.horizontal-tabs .tab-content table{
  width:100%!important;margin:16px 0!important;border-collapse:separate!important;border-spacing:0!important;
  border:1px solid var(--vag-line)!important;border-radius:10px!important;overflow:hidden!important;
}
.producttab .tabsslider.horizontal-tabs .tab-content table td,
.producttab .tabsslider.horizontal-tabs .tab-content table th{padding:10px 12px!important;border-color:var(--vag-line)!important}
.producttab .tabsslider.horizontal-tabs .tab-content table th{background:#f7f8fa!important;color:var(--vag-ink)!important}
.producttab .tabsslider.horizontal-tabs .tab-content ul,
.producttab .tabsslider.horizontal-tabs .tab-content ol{padding-left:22px!important;margin-bottom:15px!important}

/* 7) FEATURE / TRUST SECTION — light premium cards, readable text */
.features-section{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
  padding:24px!important;background:#f4f5f7!important;border:1px solid var(--vag-line)!important;
  border-radius:16px!important;width:100%!important;box-sizing:border-box!important;
}
.features-section .feature-box{
  min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important;
  padding:15px!important;border:1px solid #e4e7eb!important;border-radius:13px!important;
  background:#fff!important;box-shadow:0 4px 15px rgba(17,24,39,.035)!important;
  transform:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.features-section .feature-box:hover{
  transform:translateY(-2px)!important;border-color:#d6dbe1!important;box-shadow:0 10px 24px rgba(17,24,39,.07)!important;
}
.features-section .feature-box img{
  flex:0 0 56px!important;width:56px!important;height:56px!important;object-fit:contain!important;
  padding:7px!important;border-radius:11px!important;background:#fff5f2!important;
}
.features-section .feature-text{min-width:0!important}
.features-section .feature-text h3{
  margin:0 0 5px!important;color:var(--vag-ink)!important;font-size:14px!important;line-height:1.3!important;font-weight:850!important;
}
.features-section .feature-text p{
  margin:0!important;color:#68707a!important;font-size:12px!important;line-height:1.5!important;
}

/* General cleanup */
.common-home .row-style>.container>.row{align-items:stretch}
.common-home .block.block_1{margin-bottom:22px}
.common-home .module:last-child{margin-bottom:0}

@media (max-width:1199px){
  .features-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .common-home div.module.custom-listingtab .product-item-container .image,
  .common-home div.module.custom-listingtab .product-image-container{height:175px!important;min-height:175px!important}
}
@media (max-width:767px){
  .producttab .tabsslider.horizontal-tabs .nav-tabs{padding:0 10px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .producttab .tabsslider.horizontal-tabs .nav-tabs li{flex:0 0 auto!important}
  .producttab .tabsslider.horizontal-tabs .nav-tabs li a{padding:13px 12px 10px!important;font-size:12px!important;white-space:nowrap!important}
  .producttab .tabsslider.horizontal-tabs .tab-content{padding:18px!important;font-size:13px!important;line-height:1.65!important}
  .features-section{grid-template-columns:1fr!important;padding:12px!important;gap:9px!important;border-radius:13px!important}
  .features-section .feature-box{padding:12px!important}
}

/* Final home-specific corrections */
.common-home .block-right div.module.custom-listingtab{
  padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;
}
.common-home .bestseller_sync .ltabs-tab-label{
  visibility:visible!important;opacity:1!important;color:inherit!important;
}


/* ==================================================================
   VAG SEPETI — AUTOMOTIVE PREMIUM UI v9
   Precision pass: carousel geometry, persistent product info,
   premium quantity controls, mobile parity support.
   ================================================================== */

/* Product information must NEVER disappear on hover. Actions appear below it. */
.products-list .product-grid .product-item-container .caption,
.products-list .product-grid .product-item-container .right-block .caption,
div.module.custom-listingtab .product-layout .product-item-container .caption,
.common-home .product-item-container .caption{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.products-list .product-grid .product-item-container:hover .right-block.right-b .price,
.products-list .product-grid .product-item-container:hover .right-block .price,
div.module.custom-listingtab .product-layout .product-item-container:hover .caption,
.common-home .product-item-container:hover .caption,
.common-home .product-item-container:hover .price{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.common-home div.module.custom-listingtab .product-item-container .button-group{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  margin-top:8px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px)!important;
  transition:opacity .18s ease,transform .18s ease!important;
  pointer-events:none!important;
}
.common-home div.module.custom-listingtab .product-item-container:hover .button-group,
.common-home div.module.custom-listingtab .product-item-container:focus-within .button-group{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* Listing Tabs / Owl: only the stage clips slides; controls remain outside and visible. */
.common-home .module.custom-listingtab,
.common-home .module.custom-listingtab .modcontent,
.common-home .module.custom-listingtab .so-listing-tabs,
.common-home .module.custom-listingtab .ltabs-wrap,
.common-home .module.custom-listingtab .ltabs-items-container,
.common-home .module.custom-listingtab .ltabs-items,
.common-home .module.custom-listingtab .ltabs-items-inner{
  overflow:visible!important;
}
.common-home .module.custom-listingtab .ltabs-items-inner.owl2-carousel{
  position:relative!important;
}
.common-home .module.custom-listingtab .owl2-stage-outer{
  overflow:hidden!important;
  padding:2px 1px 10px!important;
  margin:-2px -1px -10px!important;
}
.common-home .module.custom-listingtab .owl2-controls{
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
}
.common-home .module.custom-listingtab .owl2-controls .owl2-nav,
.common-home .module.custom-listingtab .owl2-nav{
  position:absolute!important;
  top:-52px!important;
  right:0!important;
  left:auto!important;
  bottom:auto!important;
  z-index:20!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:auto!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.common-home .module.custom-listingtab .owl2-controls .owl2-nav .owl2-prev,
.common-home .module.custom-listingtab .owl2-controls .owl2-nav .owl2-next,
.common-home .module.custom-listingtab .owl2-nav .owl2-prev,
.common-home .module.custom-listingtab .owl2-nav .owl2-next{
  position:static!important;
  float:none!important;
  display:flex!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border-radius:9px!important;
}

/* Vehicle-specific + bottom bestseller carousel: controls align with title and never clip. */
#so_listing_tabs_293,
#so_listing_tabs_294{
  overflow:visible!important;
}
#so_listing_tabs_293 .ltabs-items-container,
#so_listing_tabs_293 .ltabs-items,
#so_listing_tabs_293 .ltabs-items-inner,
#so_listing_tabs_294 .ltabs-items-container,
#so_listing_tabs_294 .ltabs-items,
#so_listing_tabs_294 .ltabs-items-inner{
  overflow:visible!important;
}
#so_listing_tabs_293 .owl2-stage-outer,
#so_listing_tabs_294 .owl2-stage-outer{overflow:hidden!important}
#so_listing_tabs_293 .owl2-controls .owl2-nav,
#so_listing_tabs_294 .owl2-controls .owl2-nav{
  display:flex!important;
  flex-direction:row!important;
  gap:7px!important;
}

/* Side bestseller: a genuine two-product page carousel. */
#so_listing_tabs_127{
  padding-top:50px!important;
  overflow:visible!important;
}
#so_listing_tabs_127 .ltabs-items-container,
#so_listing_tabs_127 .ltabs-items{overflow:visible!important}
#so_listing_tabs_127 .vag-side-source{display:none!important}
#so_listing_tabs_127 .vag-side-carousel{
  position:relative!important;
  overflow:visible!important;
  padding:0 12px 12px!important;
}
#so_listing_tabs_127 .vag-side-carousel .owl2-stage-outer{
  overflow:hidden!important;
}
#so_listing_tabs_127 .vag-side-page{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  background:#fff!important;
}
#so_listing_tabs_127 .vag-side-product{
  width:100%!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--vag-line)!important;
}
#so_listing_tabs_127 .vag-side-product:last-child{border-bottom:0!important}
#so_listing_tabs_127 .vag-side-product .product-item-container{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:104px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#so_listing_tabs_127 .vag-side-product .left-block{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
#so_listing_tabs_127 .vag-side-product .image,
#so_listing_tabs_127 .vag-side-product .product-image-container{
  width:96px!important;
  height:96px!important;
  min-height:96px!important;
  padding:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f6f7f9!important;
}
#so_listing_tabs_127 .vag-side-product .image img,
#so_listing_tabs_127 .vag-side-product .product-image-container img{
  max-width:82px!important;
  max-height:82px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
#so_listing_tabs_127 .vag-side-product .right-block{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0!important;
  text-align:left!important;
}
#so_listing_tabs_127 .vag-side-product .caption{opacity:1!important;visibility:visible!important}
#so_listing_tabs_127 .vag-side-product h4{
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
}
#so_listing_tabs_127 .vag-side-product h4 a{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:var(--vag-ink)!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  font-weight:750!important;
}
#so_listing_tabs_127 .vag-side-product .price{
  min-height:0!important;
  margin:0!important;
  color:var(--vag-red)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:850!important;
  opacity:1!important;
  visibility:visible!important;
}
#so_listing_tabs_127 .vag-side-product .button-group,
#so_listing_tabs_127 .vag-side-product .quickview{display:none!important}
#so_listing_tabs_127 .vag-side-carousel .owl2-controls .owl2-nav,
#so_listing_tabs_127 .vag-side-carousel .owl2-nav{
  top:-42px!important;
  right:0!important;
  height:30px!important;
}
#so_listing_tabs_127 .vag-side-carousel .owl2-nav .owl2-prev,
#so_listing_tabs_127 .vag-side-carousel .owl2-nav .owl2-next{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  border-radius:8px!important;
}

/* Premium quantity selector — product page and quick content. */
.product-view .quantity-control,
.product-detail .quantity-control,
#product .quantity-control{
  display:inline-flex!important;
  align-items:center!important;
  width:142px!important;
  height:46px!important;
  border:1px solid #dfe3e8!important;
  border-radius:11px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 3px 12px rgba(17,24,39,.05)!important;
}
.product-view .quantity-control .input-group-addon,
.product-detail .quantity-control .input-group-addon,
#product .quantity-control .input-group-addon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 43px!important;
  width:43px!important;
  height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f6f7f9!important;
  color:#323840!important;
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease!important;
}
.product-view .quantity-control .input-group-addon:hover,
.product-detail .quantity-control .input-group-addon:hover,
#product .quantity-control .input-group-addon:hover{
  background:var(--vag-red)!important;
  color:#fff!important;
}
.product-view .quantity-control input.form-control,
.product-detail .quantity-control input.form-control,
#product .quantity-control input.form-control{
  flex:1 1 auto!important;
  width:54px!important;
  min-width:54px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 5px!important;
  border:0!important;
  border-left:1px solid #e7e9ed!important;
  border-right:1px solid #e7e9ed!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--vag-ink)!important;
  text-align:center!important;
  font-size:15px!important;
  font-weight:850!important;
}

/* Product card polish after persistent info change. */
.common-home div.module.custom-listingtab .products-list.grid .product-layout .product-item-container{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.common-home div.module.custom-listingtab .products-list.grid .product-layout .product-item-container:hover{
  border-color:#d8dce2!important;
  box-shadow:0 12px 28px rgba(17,24,39,.09)!important;
  transform:translateY(-2px)!important;
}

@media (max-width:1199px){
  .common-home .module.custom-listingtab .owl2-controls .owl2-nav,
  .common-home .module.custom-listingtab .owl2-nav{top:-48px!important}
}

/* ==================================================================
   VAG SEPETI — AUTOMOTIVE PREMIUM UI
   User-requested precision fixes. Existing theme / checkout logic intact.
   ================================================================== */

/* 1) Product detail: hide order count only in the product review/meta row. */
.product-view .content-product-right .box-review .order-num,
.product-detail .content-product-right .box-review .order-num,
#product .box-review .order-num{
  display:none!important;
}

/* 3) Vehicle-specific and bestseller nav position requested by user. */
#so_listing_tabs_293 .owl2-controls .owl2-nav,
#so_listing_tabs_294 .owl2-controls .owl2-nav{
  display:flex!important;
  flex-direction:row!important;
  gap:7px!important;
  margin-top:55px!important;
}

/* Keep their controls visible even when SO Listing Tabs wraps the stage. */
#so_listing_tabs_293 .owl2-controls,
#so_listing_tabs_294 .owl2-controls,
#so_listing_tabs_293 .owl2-nav,
#so_listing_tabs_294 .owl2-nav{
  overflow:visible!important;
  z-index:30!important;
}

/* 4) Feature icon tile contrast requested by user. */
.features-section .feature-box img{
  background:#e42a0f!important;
  border-radius:10px!important;
  padding:8px!important;
  box-sizing:border-box!important;
}

/* Small polish: keep the red tile crisp while preserving the section users liked. */
.features-section .feature-box{
  align-items:center!important;
}

/* === VAG SEPETI FINAL UI FIXES === */

/* Desktop listing titles / tabs */
.common-home div.module.custom-listingtab .box-title {
  text-align: center !important;
}
.common-home div.module.custom-listingtab .box-title h2 {
  display: inline-block !important;
  position: relative !important;
}
.common-home div.module.custom-listingtab .box-title h2:after {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: auto !important;
}
.common-home div.module.custom-listingtab .ltabs-tabs-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}
.common-home div.module.custom-listingtab .ltabs-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 auto !important;
}

/* Product gallery navigation centering */
.product-detail .owl2-controls .owl2-nav > div,
.product-detail .owl2-nav > div,
.product-detail .owl2-nav button,
.product-detail .owl-nav > button,
.product-detail .lSAction > a,
.product-info .owl2-controls .owl2-nav > div,
.product-info .owl2-nav > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.product-detail .owl2-controls .owl2-nav > div:before,
.product-detail .owl2-nav > div:before,
.product-detail .owl2-nav button:before,
.product-detail .owl-nav > button:before,
.product-detail .lSAction > a:before,
.product-detail .owl2-controls .owl2-nav > div i,
.product-detail .owl2-nav > div i,
.product-detail .owl2-nav button i,
.product-detail .owl-nav > button i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  line-height: 1 !important;
  position: static !important;
  transform: none !important;
}

/* Brand cards */
.brand-banners__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 34px 0 !important;
}
.brand-banners__grid .brand-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #111 !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 14px 34px rgba(17,24,39,.10) !important;
  isolation: isolate !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
.brand-banners__grid .brand-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 46px rgba(17,24,39,.16) !important;
}
.brand-banners__grid .brand-card > img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform .45s ease !important;
}
.brand-banners__grid .brand-card:hover > img {
  transform: scale(1.055) !important;
}
.brand-banners__grid .brand-card__overlay {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 2 !important;
  padding: 52px 18px 18px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.42) 28%, rgba(0,0,0,.92) 100%) !important;
  color: #fff !important;
  justify-content: center;
  align-items: center; 
}
.brand-banners__grid .brand-card__overlay h4 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}
.brand-banners__grid .brand-card__overlay p {
  margin: 0 0 13px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 13px !important;
}
.brand-banners__grid .brand-card__overlay .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #e42a0f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Premium dual banners */
.custom-banners {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 34px 0 !important;
}
.custom-banners .banner {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  aspect-ratio: 16 / 7.2 !important;
  background: #111 !important;
  box-shadow: 0 14px 36px rgba(17,24,39,.12) !important;
}
.custom-banners .banner > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.custom-banners .banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s ease !important;
}
.custom-banners .banner:hover img {
  transform: scale(1.045) !important;
}
.custom-banners .banner:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(8,10,13,.82) 0%, rgba(8,10,13,.46) 43%, rgba(8,10,13,.05) 78%) !important;
}
.custom-banners .overlay {
  position: absolute !important;
  z-index: 2 !important;
  left: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 13px !important;
}
.custom-banners .overlay h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(28px, 3vw, 46px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.25) !important;
}
.custom-banners .overlay .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #e42a0f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

/* Info + Instagram section */
.custom-section {
  margin: 34px 0 !important;
}
.custom-section .custom-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.custom-section .info-box,
.custom-section .instagram-box {
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid #e7e9ee !important;
  box-shadow: 0 12px 30px rgba(17,24,39,.08) !important;
}
.custom-section .info-box {
  display: grid !important;
  grid-template-columns: 118px 1fr !important;
  gap: 22px !important;
  align-items: center !important;
  padding: 28px !important;
  background: #fff !important;
}
.custom-section .info-box__icon {
  width: 118px !important;
  height: 118px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background: #fff3f0 !important;
  border: 1px solid #ffd9d1 !important;
}
.custom-section .info-box__icon img {
  display: block !important;
  max-width: 72px !important;
  max-height: 72px !important;
  object-fit: contain !important;
}
.custom-section .info-box__content h4,
.custom-section .instagram-box h4 {
  margin: 0 0 10px !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}
.custom-section .info-box__content h4 { color: #17191d !important; }
.custom-section .info-box__content p {
  margin: 0 !important;
  color: #676d78 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.custom-section .info-box__content strong { color: #17191d !important; }
.custom-section .instagram-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 28px !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #17191d 0%, #25282e 52%, #e42a0f 145%) !important;
  color: #fff !important;
}
.custom-section .instagram-box:after {
  content: "@" !important;
  position: absolute !important;
  right: -10px !important;
  bottom: -50px !important;
  color: rgba(255,255,255,.055) !important;
  font-size: 170px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
.custom-section .instagram-box h4 { color: #fff !important; position: relative !important; z-index: 1 !important; }
.custom-section .instagram-box p {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 20px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 14px !important;
}
.custom-section .btn-instagram {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 43px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #17191d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

/* Side bestseller Final */
#so_listing_tabs_127 .vag-side-Final {
  position: relative !important;
  overflow: hidden !important;
}
#so_listing_tabs_127 .vag-side-Final-track {
  display: flex !important;
  transition: transform .34s ease !important;
  will-change: transform !important;
}
#so_listing_tabs_127 .vag-side-Final-page {
  min-width: 100% !important;
  flex: 0 0 100% !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
#so_listing_tabs_127 .vag-side-Final-nav {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#so_listing_tabs_127 .vag-side-Final-nav button {
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #e4e7ec !important;
  background: #fff !important;
  color: #1d2026 !important;
  box-shadow: 0 5px 14px rgba(17,24,39,.09) !important;
  font-size: 17px !important;
  line-height: 1 !important;
}
#so_listing_tabs_127 .vag-side-Final-nav button:hover { background:#e42a0f !important; color:#fff !important; border-color:#e42a0f !important; }

/* Requested nav positions preserved */
#so_listing_tabs_293 .owl2-controls .owl2-nav,
#so_listing_tabs_294 .owl2-controls .owl2-nav {
  display: flex !important;
  flex-direction: row !important;
  gap: 7px !important;
  margin-top: 55px !important;
}

.features-section .feature-box img { background: #e42a0f !important; }

/* ============ Responsive/mobile final ============ */
@media (max-width: 767px) {
  html, body { max-width:100% !important; overflow-x:hidden !important; }

  /* one menu: right hamburger opens category/vertical menu */
  .typeheader-1 #show-verticalmenu,
  .typeheader-1 .container-megamenu.vertical .navbar-header,
  .typeheader-1 .header-bottom-left .megamenu-style-dev .navbar-header {
    display: none !important;
  }
  .typeheader-1 #show-megamenu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .vertical-wrapper {
    position: fixed !important;
    z-index: 10020 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(88vw, 360px) !important;
    height: 100dvh !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    box-shadow: -22px 0 54px rgba(8,10,13,.24) !important;
    transform: translateX(104%) !important;
    transition: transform .28s ease !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .vertical-wrapper.so-vertical-active,
  body.vag-mobile-menu-open .vertical-wrapper {
    transform: translateX(0) !important;
  }
  .vag-mobile-menu-backdrop {
    position: fixed !important;
    z-index: 10010 !important;
    inset: 0 !important;
    background: rgba(10,12,15,.55) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .25s ease, visibility .25s ease !important;
  }
  body.vag-mobile-menu-open .vag-mobile-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.vag-mobile-menu-open { overflow:hidden !important; touch-action:none !important; }
  .vertical-wrapper .container-megamenu,
  .vertical-wrapper .vertical-menu,
  .vertical-wrapper ul.megamenu { width:100% !important; max-width:none !important; }
  .vertical-wrapper ul.megamenu > li {
    position: relative !important;
    display:block !important;
    width:100% !important;
    border-bottom:1px solid #edf0f3 !important;
  }
  .vertical-wrapper ul.megamenu > li > a {
    display:flex !important;
    align-items:center !important;
    min-height:50px !important;
    padding:0 46px 0 18px !important;
    color:#1c1f24 !important;
    font-weight:750 !important;
  }
  .vertical-wrapper ul.megamenu li .sub-menu,
  .vertical-wrapper ul.megamenu li .dropdown-menu,
  .vertical-wrapper ul.megamenu li .content {
    position: static !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
    display:block !important;
    box-shadow:none !important;
    transform:none !important;
    transition:max-height .32s ease !important;
    background:#fafbfc !important;
  }
  .vertical-wrapper ul.megamenu li.vag-mobile-expanded > .sub-menu,
  .vertical-wrapper ul.megamenu li.vag-mobile-expanded > .dropdown-menu,
  .vertical-wrapper ul.megamenu li.vag-mobile-expanded > .content {
    max-height:1400px !important;
    overflow:visible !important;
  }
  .vertical-wrapper ul.megamenu li.vag-mobile-expanded > a { color:#e42a0f !important; }

  /* Search starts from left and never overflows */
  .typeheader-1 .header-bottom,
  .typeheader-1 .header-bottom .container,
  .typeheader-1 .header-bottom .row,
  .typeheader-1 .header-bottom-right,
  .typeheader-1 .header_search,
  .typeheader-1 #sosearchpro,
  .typeheader-1 .search-pro,
  .typeheader-1 .so-search {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    left:auto !important;
    right:auto !important;
  }
  .typeheader-1 .header-bottom-right,
  .typeheader-1 .header_search { padding-left:0 !important; padding-right:0 !important; }
  .typeheader-1 #sosearchpro .search,
  .typeheader-1 #sosearchpro .select_category,
  .typeheader-1 #sosearchpro input,
  .typeheader-1 #sosearchpro .autosearch-input {
    min-width:0 !important;
    max-width:100% !important;
  }
  .typeheader-1 #sosearchpro .dropdown-menu-search,
  .typeheader-1 #sosearchpro .dropdown-menu {
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
  }

  /* Listing tabs become horizontal scroll, never select-box style */
  .common-home div.module.custom-listingtab .ltabs-tab-selected,
  .common-home div.module.custom-listingtab .ltabs-tab-arrow,
  .common-home div.module.custom-listingtab .ltabs-selectbox {
    display:none !important;
  }
  .common-home div.module.custom-listingtab .ltabs-tabs-container {
    display:block !important;
    overflow:visible !important;
    width:100% !important;
  }
  .common-home div.module.custom-listingtab .ltabs-tabs {
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    width:100% !important;
    padding:3px 2px 10px !important;
    margin:0 !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .common-home div.module.custom-listingtab .ltabs-tabs::-webkit-scrollbar { display:none !important; }
  .common-home div.module.custom-listingtab .ltabs-tabs li {
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content !important;
    scroll-snap-align:start !important;
  }
  .common-home div.module.custom-listingtab .ltabs-tabs li span,
  .common-home div.module.custom-listingtab .ltabs-tabs li .ltabs-tab-label {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 14px !important;
    border:1px solid #e4e7ec !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#30343b !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  .common-home div.module.custom-listingtab .ltabs-tabs li.tab-sel span,
  .common-home div.module.custom-listingtab .ltabs-tabs li.tab-sel .ltabs-tab-label,
  .common-home div.module.custom-listingtab .ltabs-tabs li.active span,
  .common-home div.module.custom-listingtab .ltabs-tabs li.active .ltabs-tab-label {
    background:#e42a0f !important;
    color:#fff !important;
    border-color:#e42a0f !important;
  }

  /* Show all 4 feature boxes */
  .features-section {
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    overflow:visible !important;
  }
  .features-section .feature-box {
    display:flex !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* Mobile footer stacks cleanly */
  footer .row,
  footer .footer-top .row,
  footer .footer-center .row,
  footer .footer-middle .row {
    display:block !important;
  }
  footer [class*="col-"] {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  footer .footer-block,
  footer .box-footer,
  footer .modcontent,
  footer ul { width:100% !important; }
  footer ul { display:block !important; padding-left:0 !important; }
  footer li { display:block !important; width:100% !important; }

  /* Product action buttons always visible on touch */
  .product-layout .button-group,
  .products-list .button-group,
  .ltabs-item .button-group,
  .product-item-container .button-group,
  .product-thumb .button-group {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    position:static !important;
    width:100% !important;
    max-height:none !important;
    pointer-events:auto !important;
    margin-top:10px !important;
  }
  .product-layout .caption,
  .ltabs-item .caption,
  .product-item-container .caption,
  .product-thumb .caption {
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  /* Product details: cart + buy now side by side */
  .product-detail .box-info-product .cart,
  .product-detail .box-info-product .box-cart,
  .product-detail .box-info-product .product-options-bottom,
  .product-detail .product_page_price + .cart {
    width:100% !important;
  }
  .product-detail .box-info-product .cart .addToCart,
  .product-detail .box-info-product .cart .btn-buy-now,
  .product-detail .box-info-product .cart .btn-checkout,
  .product-detail .box-info-product .cart #button-cart,
  .product-detail .box-info-product .cart [class*="buy"] {
    min-width:0 !important;
  }
  .product-detail .box-info-product .cart .form-group,
  .product-detail .box-info-product .cart .button-group,
  .product-detail .box-info-product .cart > div:last-child {
    display:flex !important;
    align-items:stretch !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
  }
  .product-detail .box-info-product .cart .btn,
  .product-detail .box-info-product .cart button,
  .product-detail .box-info-product #button-cart {
    flex:1 1 0 !important;
    width:auto !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  /* Subcategories 3 columns, centered */
  .refine-search__content {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  .refine-search__subitem {
    float:none !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    text-align:center !important;
  }
  .refine-search__subitem a { display:block !important; text-align:center !important; }
  .refine-search__subitem img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
    border-radius:12px !important;
    margin:0 auto 7px !important;
  }

  /* Cart table becomes readable cards and quantity stays visible */
  #checkout-cart .table-responsive { overflow:visible !important; border:0 !important; }
  #checkout-cart .table-responsive table,
  #checkout-cart .table-responsive tbody,
  #checkout-cart .table-responsive tr,
  #checkout-cart .table-responsive td {
    display:block !important;
    width:100% !important;
  }
  #checkout-cart .table-responsive thead { display:none !important; }
  #checkout-cart .table-responsive tr {
    position:relative !important;
    margin:0 0 14px !important;
    padding:14px !important;
    border:1px solid #e6e9ee !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 7px 20px rgba(17,24,39,.06) !important;
  }
  #checkout-cart .table-responsive td {
    border:0 !important;
    padding:5px 0 !important;
    text-align:left !important;
  }
  #checkout-cart .table-responsive td .input-group,
  #checkout-cart .table-responsive td .form-control,
  #checkout-cart input[name*="quantity"] {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  #checkout-cart .table-responsive td .input-group { max-width:150px !important; }

  /* Product image: allow our JS popup instead of zoom overlay eating click */
  .zoomContainer { pointer-events:none !important; }
  .product-detail .large-image img,
  .product-info .large-image img { cursor:zoom-in !important; }

  /* Brand cards responsive */
  .brand-banners__grid {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    margin:24px 0 !important;
  }
  .brand-banners__grid .brand-card {
    aspect-ratio:4 / 4.8 !important;
    border-radius:15px !important;
  }
  .brand-banners__grid .brand-card:last-child:nth-child(odd) {
    grid-column:1 / -1 !important;
    aspect-ratio:16 / 7.5 !important;
  }
  .brand-banners__grid .brand-card__overlay { padding:42px 13px 13px !important; }
  .brand-banners__grid .brand-card__overlay h4 { font-size:14px !important; }
  .brand-banners__grid .brand-card__overlay p { font-size:11px !important; }
  .brand-banners__grid .brand-card__overlay .btn { min-height:34px !important; padding:0 11px !important; font-size:10px !important; }

  .custom-banners {
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:24px 0 !important;
  }
  .custom-banners .banner {
    aspect-ratio:16 / 9 !important;
    border-radius:16px !important;
  }
  .custom-banners .overlay { left:17px !important; gap:10px !important; }
  .custom-banners .overlay h2 { font-size:29px !important; }
  .custom-banners .overlay .btn { min-height:38px !important; padding:0 14px !important; font-size:10px !important; }

  .custom-section { margin:24px 0 !important; }
  .custom-section .custom-container { grid-template-columns:1fr !important; gap:12px !important; }
  .custom-section .info-box {
    grid-template-columns:72px 1fr !important;
    gap:14px !important;
    padding:18px !important;
    border-radius:16px !important;
  }
  .custom-section .info-box__icon { width:72px !important; height:72px !important; border-radius:14px !important; }
  .custom-section .info-box__icon img { max-width:45px !important; max-height:45px !important; }
  .custom-section .info-box__content h4,
  .custom-section .instagram-box h4 { font-size:17px !important; }
  .custom-section .info-box__content p { font-size:12.5px !important; line-height:1.65 !important; }
  .custom-section .instagram-box { padding:20px !important; border-radius:16px !important; }

  #so_listing_tabs_293 .owl2-controls .owl2-nav,
  #so_listing_tabs_294 .owl2-controls .owl2-nav { margin-top:55px !important; }
  footer.typefooter-1 .footer-top {
    height: 2px !important;
  }
  .col_9r6d, .col_q1wn, .col_mlzf, .col_ztpi, .col_r3mo {
    display: none;
  }
}

/* final geometry corrections based on real source image ratios */
@media (min-width: 768px) {
  .brand-banners__grid { grid-template-columns: repeat(6, minmax(0,1fr)) !important; }
  .brand-banners__grid .brand-card { aspect-ratio: 850 / 400 !important; }
  .brand-banners__grid .brand-card:nth-child(-n+3) { grid-column: span 2 !important; }
  .brand-banners__grid .brand-card:nth-child(n+4) { grid-column: span 3 !important; }
  .custom-banners .banner { aspect-ratio: 3 / 2 !important; }
}

@media (max-width: 767px) {
  .typeheader-1 .header-bottom-left { display:none !important; }
  .typeheader-1 .header-bottom-right { float:none !important; width:100% !important; }
  .typeheader-1 .header_search { float:none !important; width:100% !important; }
  .typeheader-1 .header_search .dropdown-menu-search {
    display:block !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    margin:0 !important;
  }
  .vertical-wrapper .sub-menu .content,
  .vertical-wrapper .sub-menu .content > .row,
  .vertical-wrapper .sub-menu [class*="col-sm-"],
  .vertical-wrapper .sub-menu [class*="col-md-"] {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .vertical-wrapper .sub-menu .content { padding:8px 14px 14px !important; }
  .vertical-wrapper .sub-menu .content a { white-space:normal !important; }

  .product-detail .detail-action .cart,
  .product-view .detail-action .cart,
  .product-info .detail-action .cart {
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
  }
  .product-detail .detail-action .cart #button-cart,
  .product-detail .detail-action .cart #button-checkout,
  .product-view .detail-action .cart #button-cart,
  .product-view .detail-action .cart #button-checkout,
  .product-info .detail-action .cart #button-cart,
  .product-info .detail-action .cart #button-checkout {
    flex:1 1 0 !important;
    width:50% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:12px !important;
  }

  /* source images are wide; preserve them instead of cropping into portrait cards */
  .brand-banners__grid { grid-template-columns:1fr !important; gap:10px !important; }
  .brand-banners__grid .brand-card,
  .brand-banners__grid .brand-card:last-child:nth-child(odd) {
    grid-column:auto !important;
    aspect-ratio:850 / 400 !important;
  }
  .brand-banners__grid .brand-card__overlay { padding:38px 15px 14px !important; }
  .brand-banners__grid .brand-card__overlay h4 { font-size:16px !important; }
  .brand-banners__grid .brand-card__overlay p { font-size:12px !important; margin-bottom:10px !important; }

  .custom-banners .banner { aspect-ratio:3 / 2 !important; }

  /* more robust quantity visibility in both standard and one-page carts */
  .shopping-cart input[name^="quantity"],
  .checkout-cart input[name^="quantity"],
  .so-onepagecheckout input[name^="quantity"],
  .quickcheckout-content input[name^="quantity"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:64px !important;
    min-width:54px !important;
    height:38px !important;
    text-align:center !important;
  }
}

/* ============================================================
   VAG SEPETI FINAL STABLE OVERRIDES
   Native SO Listing Tabs is preserved; no cloned/rebuilt side carousel.
   ============================================================ */

/* Side bestseller: native SO Listing Tabs / Owl only. Number shown is
   controlled from module Rows (nb_row). Keep columns = 1 for side area. */

#so_listing_tabs_127 .ltabs-items-inner { display:block; overflow:hidden !important; }
#so_listing_tabs_127 .owl2-stage-outer { overflow:hidden !important; }
#so_listing_tabs_127 .owl2-stage { display:flex !important; }
#so_listing_tabs_127 .owl2-item { flex:0 0 auto !important; }
#so_listing_tabs_127 .ltabs-item { padding:0 12px 12px !important; }
#so_listing_tabs_127 .ltabs-item > .item-inner {
  padding:9px 0 !important;
  border-bottom:1px solid #eceef2 !important;
}
#so_listing_tabs_127 .ltabs-item > .item-inner:last-child { border-bottom:0 !important; }
#so_listing_tabs_127 .item-inner .product-item-container {
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  align-items:center !important;
  gap:11px !important;
  min-height:96px !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:#fff !important;
}
#so_listing_tabs_127 .item-inner .left-block {
  width:92px !important;
  min-width:92px !important;
  margin:0 !important;
  border-radius:11px !important;
  overflow:hidden !important;
  background:#f7f8fa !important;
}
#so_listing_tabs_127 .item-inner .product-image-container,
#so_listing_tabs_127 .item-inner .image {
  width:92px !important;
  height:92px !important;
  min-height:92px !important;
  padding:6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#so_listing_tabs_127 .item-inner .product-image-container img,
#so_listing_tabs_127 .item-inner .image img {
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:80px !important;
  object-fit:contain !important;
}
#so_listing_tabs_127 .item-inner .right-block { min-width:0 !important; padding:0 !important; text-align:left !important; }
#so_listing_tabs_127 .item-inner .caption { padding:0 !important; }
#so_listing_tabs_127 .item-inner h4 { min-height:0 !important; margin:0 0 6px !important; padding:0 !important; }
#so_listing_tabs_127 .item-inner h4 a { display:block !important; color:#1a1d22 !important; font-size:12.5px !important; line-height:1.35 !important; font-weight:750 !important; }
#so_listing_tabs_127 .item-inner .price { min-height:0 !important; margin:0 !important; color:#e42a0f !important; font-size:15px !important; line-height:1.2 !important; font-weight:850 !important; }
#so_listing_tabs_127 .item-inner .button-group { display:none !important; }
#so_listing_tabs_127 .owl2-controls .owl2-nav {
  display:flex !important;
  flex-direction:row !important;
  gap:6px !important;
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  margin:0 !important;
  z-index:10 !important;
}
#so_listing_tabs_127 .owl2-controls .owl2-nav > div {
  position:static !important;
  width:31px !important;
  height:31px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #e3e6ea !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#1a1d22 !important;
}
#so_listing_tabs_127 .owl2-controls .owl2-nav > div:hover { background:#e42a0f !important; border-color:#e42a0f !important; color:#fff !important; }

/* Home listing heading/category alignment requested */
.common-home div.module.custom-listingtab .box-title { text-align:center !important; }
.common-home div.module.custom-listingtab .box-title h2,
.common-home div.module.custom-listingtab .box-title .modtitle { text-align:center !important; }
.common-home div.module.custom-listingtab .box-title h2:after,
.common-home div.module.custom-listingtab .box-title .modtitle:after { margin-left:auto !important; margin-right:auto !important; }
.common-home div.module.custom-listingtab .ltabs-tabs-container { justify-content:center !important; text-align:center !important; }
.common-home div.module.custom-listingtab .ltabs-tabs { justify-content:center !important; margin-left:auto !important; margin-right:auto !important; }

/* Brand HTML uses 850x400 landscape imagery: keep cards landscape and elegant. */
.brand-banners__grid {
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}
.brand-banners__grid .brand-card {
  aspect-ratio:17 / 10 !important;
  min-height:0 !important;
  border-radius:18px !important;
}
.brand-banners__grid .brand-card__overlay { padding:48px 14px 5px !important; }
.brand-banners__grid .brand-card__overlay h4 { font-size:15px !important; }
.brand-banners__grid .brand-card__overlay p { margin-bottom:10px !important; font-size:12px !important; }
.brand-banners__grid .brand-card__overlay .btn { min-height:34px !important; padding:0 12px !important; font-size:10.5px !important; }

/* Dual promotional banners: balanced crop for 1536x1024 source images. */
.custom-banners .banner { aspect-ratio:16 / 9 !important; }
.custom-banners .banner img { object-position:center !important; }

@media (max-width:1199px) {
  .brand-banners__grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:767px) {
  .brand-banners__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .brand-banners__grid .brand-card { aspect-ratio:16 / 10 !important; border-radius:14px !important; }
  .brand-banners__grid .brand-card__overlay { padding:34px 10px 10px !important; }
  .brand-banners__grid .brand-card__overlay h4 { font-size:12.5px !important; }
  .brand-banners__grid .brand-card__overlay p { display:none !important; }
  .brand-banners__grid .brand-card__overlay .btn { min-height:30px !important; padding:0 9px !important; font-size:9.5px !important; border-radius:8px !important; }
  .custom-banners { grid-template-columns:1fr !important; gap:12px !important; }
  .custom-banners .banner { aspect-ratio:16 / 9.4 !important; border-radius:15px !important; }
  .custom-banners .overlay { left:16px !important; }
  .custom-banners .overlay h2 { font-size:26px !important; }
  .custom-section .custom-container { grid-template-columns:1fr !important; }
  .custom-section .info-box { grid-template-columns:68px 1fr !important; gap:14px !important; padding:18px !important; }
  .custom-section .info-box__icon { width:68px !important; height:68px !important; border-radius:14px !important; }
  .custom-section .info-box__icon img { max-width:43px !important; max-height:43px !important; }
  .custom-section .info-box__content h4,
  .custom-section .instagram-box h4 { font-size:17px !important; }
  .custom-section .info-box__content p { font-size:12.5px !important; line-height:1.65 !important; }
  .custom-section .instagram-box { padding:20px !important; }
}

/* Custom HTML section headings */
.brand-banners { margin:0 !important; }
.brand-banners__head { max-width:720px !important; margin:0 auto 20px !important; text-align:center !important; }
.brand-banners__eyebrow { display:inline-flex !important; align-items:center !important; min-height:30px !important; padding:0 11px !important; margin:0 0 9px !important; border-radius:999px !important; background:#fff1ee !important; color:#e42a0f !important; font-size:11px !important; font-weight:850 !important; letter-spacing:.055em !important; text-transform:uppercase !important; }
.brand-banners__head h2 { margin:0 0 8px !important; color:#17191d !important; font-size:30px !important; line-height:1.12 !important; font-weight:900 !important; letter-spacing:-.025em !important; }
.brand-banners__head p { margin:0 !important; color:#737986 !important; font-size:14px !important; line-height:1.65 !important; }
.custom-banners .banner__link { position:relative !important; display:block !important; width:100% !important; height:100% !important; color:#fff !important; text-decoration:none !important; }
.custom-banners .overlay .eyebrow { display:inline-flex !important; align-items:center !important; min-height:28px !important; padding:0 10px !important; border-radius:999px !important; background:rgba(255,255,255,.13) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.07em !important; text-transform:uppercase !important; backdrop-filter:blur(5px) !important; }
.custom-section .info-box__content em { color:#e42a0f !important; font-style:normal !important; font-weight:800 !important; }
.custom-section .btn-instagram:hover { background:#e42a0f !important; color:#fff !important; transform:translateY(-1px) !important; }

@media (max-width:767px) {
  .brand-banners { margin:25px 0 !important; }
  .brand-banners__head { margin-bottom:14px !important; padding:0 6px !important; }
  .brand-banners__head h2 { font-size:22px !important; }
  .brand-banners__head p { font-size:12.5px !important; }
  .custom-banners .overlay .eyebrow { min-height:24px !important; font-size:9px !important; }
}

/* ============================================================
   VAG SEPETI — FINAL LAYOUT / CAROUSEL STABILITY PATCH
   ============================================================ */

/* Product gallery thumbnail arrows: vertically centered on the thumb rail. */
.product-view #thumb-slider,
.product-detail #thumb-slider,
.product-info #thumb-slider {
  position: relative !important;
  overflow: visible !important;
}
.product-view #thumb-slider .owl2-controls,
.product-detail #thumb-slider .owl2-controls,
.product-info #thumb-slider .owl2-controls {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  pointer-events: none !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav,
.product-detail #thumb-slider .owl2-controls .owl2-nav,
.product-info #thumb-slider .owl2-controls .owl2-nav {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  transform: none !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav > div,
.product-detail #thumb-slider .owl2-controls .owl2-nav > div,
.product-info #thumb-slider .owl2-controls .owl2-nav > div {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin: -17px 0 0 !important;
  padding: 0 !important;
  line-height: 34px !important;
  border-radius: 50% !important;
  pointer-events: auto !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav > div:before,
.product-detail #thumb-slider .owl2-controls .owl2-nav > div:before,
.product-info #thumb-slider .owl2-controls .owl2-nav > div:before,
.product-view #thumb-slider .owl2-controls .owl2-nav > div i,
.product-detail #thumb-slider .owl2-controls .owl2-nav > div i,
.product-info #thumb-slider .owl2-controls .owl2-nav > div i {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

/* Category infinite loading. Pagination remains in the DOM for SEO/no-JS. */
.products-category.vag-infinite-scroll-enabled .product-filter-bottom .pagination {
  display: none !important;
}
.vag-infinite-sentinel {
  clear: both !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  margin: 20px 0 4px !important;
  color: #7a808a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
.vag-infinite-sentinel.is-loading:before {
  content: '' !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 9px !important;
  border: 2px solid #e4e6ea !important;
  border-top-color: #e42a0f !important;
  border-radius: 50% !important;
  animation: vagInfiniteSpin .7s linear infinite !important;
}
.vag-infinite-new { animation: vagInfiniteFade .28s ease both !important; }
@keyframes vagInfiniteSpin { to { transform: rotate(360deg); } }
@keyframes vagInfiniteFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* User-requested custom section background and spacing. */
.custom-section {
  margin: 34px 0 !important;
  padding: 60px 20px !important;
  background: #f3f4f6 !important;
}
.custom-section .custom-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  width: 100% !important;
  max-width: 1450px !important;
  margin: 0 auto !important;
}
.custom-section .info-box { flex: 1 1 auto !important; min-width: 0 !important; }
.custom-section .instagram-box { flex: 0 1 420px !important; min-width: 300px !important; }

/* Keep custom blocks aligned to the same page rhythm on wide displays. */
.features-section,
.brand-banners,
.custom-banners {
  width: calc(100% - 40px) !important;
  max-width: 1450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Promotional pair: use flex so two banners completely fill the row. */
.custom-banners {
  display: flex !important;
  align-items: stretch !important;
  gap: 18px !important;
}
.custom-banners .banner {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Five vehicle-brand cards in a single row on wide desktop. */
.brand-banners__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.brand-banners__grid .brand-card {
  grid-column: auto !important;
  width: 100% !important;
  aspect-ratio: 17 / 10 !important;
}

/* Native SO Listing Tabs only. Never re-group products in CSS/JS. */
#so_listing_tabs_127 {
  padding-top: 0 !important;
  overflow: visible !important;
}
#so_listing_tabs_127 .vag-side-source,
#so_listing_tabs_127 .vag-side-carousel,
#so_listing_tabs_127 .vag-side-page,
#so_listing_tabs_127 .vag-side-product {
  display: revert !important;
}
#so_listing_tabs_127 .ltabs-items-inner.owl2-carousel,
#so_listing_tabs_293 .ltabs-items-inner.owl2-carousel,
#so_listing_tabs_294 .ltabs-items-inner.owl2-carousel {
  display: block !important;
  width: 100% !important;
}
#so_listing_tabs_127 .owl2-stage-outer,
#so_listing_tabs_293 .owl2-stage-outer,
#so_listing_tabs_294 .owl2-stage-outer {
  overflow: hidden !important;
}
#so_listing_tabs_127 .owl2-stage,
#so_listing_tabs_293 .owl2-stage,
#so_listing_tabs_294 .owl2-stage {
  display: flex !important;
}
#so_listing_tabs_127 .owl2-item,
#so_listing_tabs_293 .owl2-item,
#so_listing_tabs_294 .owl2-item {
  flex: 0 0 auto !important;
}

/* #293/#294 navigation remains horizontal and positioned as requested. */
#so_listing_tabs_293 .owl2-controls .owl2-nav,
#so_listing_tabs_294 .owl2-controls .owl2-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 55px !important;
}

@media (min-width: 1450px) {
  .custom-section .custom-container,
  .features-section,
  .brand-banners,
  .custom-banners { max-width: 1450px !important; }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .custom-section .custom-container,
  .features-section,
  .brand-banners,
  .custom-banners { max-width: 1170px !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .custom-section .custom-container,
  .features-section,
  .brand-banners,
  .custom-banners { max-width: 970px !important; }
  .brand-banners__grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .custom-section .custom-container,
  .features-section,
  .brand-banners,
  .custom-banners { max-width: 750px !important; }
  .brand-banners__grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}

@media (max-width: 767px) {
  .custom-section {
    padding: 28px 12px !important;
  }
  .custom-section .custom-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    max-width: none !important;
  }
  .custom-section .instagram-box { flex: auto !important; min-width: 0 !important; }
  .features-section,
  .brand-banners,
  .custom-banners {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }
  .custom-banners {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .brand-banners__grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  .brand-banners__grid .brand-card:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
  .custom-banners {
    display: none !important;
  }
  .common-home .block.block_1 {
    margin-bottom: 0px !important;
  }
}


/* ======================================================================
   VAG SEPETI — FINAL PRECISION PATCH
   2026-09 — requested layout/nav/AJAX corrections
   ====================================================================== */

/* 1) Brand discovery: always five cards in one row on desktop. */
@media (min-width: 992px) {
  .brand-banners__grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .brand-banners__grid .brand-card,
  .brand-banners__grid .brand-card:nth-child(n),
  .brand-banners__grid .brand-card:last-child:nth-child(odd) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .brand-banners__grid .brand-card > picture,
  .brand-banners__grid .brand-card > picture > img,
  .brand-banners__grid .brand-card > img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }
}

/* 2) Slider-side Best Sellers: reserve a real header lane above products. */
#so_listing_tabs_127 {
  position: relative !important;
  isolation: isolate !important;
  padding-top: 58px !important;
  overflow: hidden !important;
}
#so_listing_tabs_127:before {
  content: "En Çok Satanlar" !important;
  position: absolute !important;
  top: 14px !important;
  left: 46px !important;
  right: 46px !important;
  z-index: 40 !important;
  display: block !important;
  color: #17191d !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 850 !important;
  text-align: center !important;
  letter-spacing: -.15px !important;
  pointer-events: none !important;
}
#so_listing_tabs_127:after {
  content: "" !important;
  position: absolute !important;
  top: 42px !important;
  left: 50% !important;
  z-index: 40 !important;
  width: 36px !important;
  height: 3px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  background: #e42a0f !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}
#so_listing_tabs_127 .ltabs-items-container,
#so_listing_tabs_127 .ltabs-items,
#so_listing_tabs_127 .ltabs-items-inner {
  position: relative !important;
  z-index: 2 !important;
}
#so_listing_tabs_127 .owl2-controls .owl2-nav {
  z-index: 50 !important;
}

/* 3) Info / Instagram: same-height cards and centered CTA. */
.custom-section .custom-container {
  align-items: stretch !important;
}
.custom-section .info-box,
.custom-section .instagram-box {
  align-self: stretch !important;
  height: auto !important;
}
.custom-section .instagram-box {
  flex: 0 1 420px !important;
  min-width: 400px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.custom-section .instagram-box p {
  text-align: center !important;
}

/* 4) Product detail thumbnail arrows: center the button AND glyph exactly. */
.product-view #thumb-slider,
.product-detail #thumb-slider,
.product-info #thumb-slider {
  position: relative !important;
  overflow: visible !important;
}
.product-view #thumb-slider .owl2-controls,
.product-detail #thumb-slider .owl2-controls,
.product-info #thumb-slider .owl2-controls,
.product-view #thumb-slider .owl2-controls .owl2-nav,
.product-detail #thumb-slider .owl2-controls .owl2-nav,
.product-info #thumb-slider .owl2-controls .owl2-nav {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}
.product-view #thumb-slider .owl2-controls,
.product-detail #thumb-slider .owl2-controls,
.product-info #thumb-slider .owl2-controls {
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 30 !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav > div,
.product-detail #thumb-slider .owl2-controls .owl2-nav > div,
.product-info #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: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 34px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav > .owl2-prev,
.product-detail #thumb-slider .owl2-controls .owl2-nav > .owl2-prev,
.product-info #thumb-slider .owl2-controls .owl2-nav > .owl2-prev { left: 2px !important; right: auto !important; }
.product-view #thumb-slider .owl2-controls .owl2-nav > .owl2-next,
.product-detail #thumb-slider .owl2-controls .owl2-nav > .owl2-next,
.product-info #thumb-slider .owl2-controls .owl2-nav > .owl2-next { right: 2px !important; left: auto !important; }
.product-view #thumb-slider .owl2-controls .owl2-nav > div:before,
.product-detail #thumb-slider .owl2-controls .owl2-nav > div:before,
.product-info #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: 14px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  transform: none !important;
}
.product-view #thumb-slider .owl2-controls .owl2-nav > .owl2-prev:before,
.product-detail #thumb-slider .owl2-controls .owl2-nav > .owl2-prev:before,
.product-info #thumb-slider .owl2-controls .owl2-nav > .owl2-prev:before { content: "\f053" !important; }
.product-view #thumb-slider .owl2-controls .owl2-nav > .owl2-next:before,
.product-detail #thumb-slider .owl2-controls .owl2-nav > .owl2-next:before,
.product-info #thumb-slider .owl2-controls .owl2-nav > .owl2-next:before { content: "\f054" !important; }

@media (max-width: 767px) {
  .custom-section .instagram-box {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .brand-banners__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .brand-banners__grid .brand-card:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
}

/* ======================================================================
   VAG SEPETI — MOBILE FINAL POLISH
   Scope: responsive SO Revo header, category drawer, spacing and footer.
   Desktop rules are intentionally untouched.
   ====================================================================== */
@media (max-width: 767px) {
  /* ---------- MOBILE HEADER: clean two-row structure ---------- */
  #header.typeheader-1 {
    position: relative !important;
    z-index: 900 !important;
    background: #fff !important;
    border-bottom: 1px solid #e6e9ed !important;
    box-shadow: 0 4px 16px rgba(17,24,39,.055) !important;
  }
  #header.typeheader-1 .header-promotion,
  #header.typeheader-1 .header-top {
    display: none !important;
  }
  #header.typeheader-1 .header-center {
    min-height: 62px !important;
    padding: 7px 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #edf0f3 !important;
  }
  #header.typeheader-1 .header-center .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #header.typeheader-1 .header-center .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .header-center .navbar-logo {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 50px) !important;
    padding: 0 !important;
    text-align: left !important;
  }
  #header.typeheader-1 .header-center .navbar-logo a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 46px !important;
  }
  #header.typeheader-1 .header-center .navbar-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 132px !important;
    max-height: 44px !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .header-center-right {
    float: none !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
  }
  #header.typeheader-1 .header-center-right .megamenu-style-dev,
  #header.typeheader-1 .header-center-right .responsive,
  #header.typeheader-1 .header-center-right .navbar-default,
  #header.typeheader-1 .header-center-right .container-megamenu,
  #header.typeheader-1 .header-center-right .navbar-header {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  #header.typeheader-1 .header-center-right .container-megamenu {
    min-width: 0 !important;
  }
  #header.typeheader-1 #show-megamenu {
    position: relative !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(17,24,39,.055) !important;
  }
  #header.typeheader-1 #show-megamenu .icon-bar {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #1d2026 !important;
    opacity: 1 !important;
  }
  body.vag-mobile-menu-open #header.typeheader-1 #show-megamenu {
    border-color: #e42a0f !important;
    background: #fff4f1 !important;
  }
  #header.typeheader-1 .header-center-right .megamenu-wrapper,
  #header.typeheader-1 .phone-header {
    display: none !important;
  }

  /* Search + wishlist + cart on one clean row. */
  #header.typeheader-1 .header-bottom {
    min-height: 58px !important;
    padding: 7px 0 !important;
    background: #fff !important;
  }
  #header.typeheader-1 .header-bottom .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #header.typeheader-1 .header-bottom-inner,
  #header.typeheader-1 .header-bottom-inner > .row {
    width: 100% !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .header-bottom-inner > .row {
    display: block !important;
  }
  #header.typeheader-1 .header-bottom-left {
    display: none !important;
  }
  #header.typeheader-1 .header-bottom-right {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .header_search {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #header.typeheader-1 #dropdownSearch,
  #header.typeheader-1 .header_search > .bt-search {
    display: none !important;
  }
  #header.typeheader-1 .header_search .dropdown-menu-search {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
  }
  #header.typeheader-1 #sosearchpro,
  #header.typeheader-1 #sosearchpro form,
  #header.typeheader-1 #sosearchpro .search {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #header.typeheader-1 #sosearchpro .search {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    height: 44px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 11px !important;
    background: #f8f9fa !important;
    box-shadow: inset 0 1px 2px rgba(17,24,39,.025) !important;
    overflow: hidden !important;
  }
  #header.typeheader-1 #sosearchpro .select_category {
    display: none !important;
  }
  #header.typeheader-1 #sosearchpro .autosearch-input,
  #header.typeheader-1 #sosearchpro input[type="text"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1d2026 !important;
    font-size: 16px !important; /* prevents iOS focus zoom */
    line-height: 42px !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
  #header.typeheader-1 #sosearchpro .input-group-btn {
    position: static !important;
    flex: 0 0 43px !important;
    width: 43px !important;
    min-width: 43px !important;
  }
  #header.typeheader-1 #sosearchpro .button-search {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 43px !important;
    height: 42px !important;
    min-width: 43px !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e4e7eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #1d2026 !important;
    box-shadow: none !important;
  }
  #header.typeheader-1 #sosearchpro .button-search .fa {
    font-size: 16px !important;
  }
  #header.typeheader-1 .header-right {
    float: none !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .header-right .block-cart,
  #header.typeheader-1 .header-right .header_custom_link,
  #header.typeheader-1 .header-right .shopping_cart,
  #header.typeheader-1 .header-right .header_custom_link ul,
  #header.typeheader-1 .header-right .header_custom_link li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #header.typeheader-1 .header-right .header_custom_link ul {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    list-style: none !important;
  }
  #header.typeheader-1 .header_custom_link li.compare {
    display: none !important;
  }
  #header.typeheader-1 .header_custom_link li.wishlist a,
  #header.typeheader-1 .shopping_cart,
  #header.typeheader-1 .shopping_cart .top_cart,
  #header.typeheader-1 .shopping_cart .shopcart {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
  #header.typeheader-1 .header_custom_link li.wishlist a,
  #header.typeheader-1 .shopping_cart {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 11px !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 3px 10px rgba(17,24,39,.055) !important;
  }
  #header.typeheader-1 .header_custom_link li.wishlist a:before {
    content: "\f004" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-family: FontAwesome !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #1d2026 !important;
  }
  #header.typeheader-1 .shopping_cart .handle {
    display: flex !important;
    float: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }
  #header.typeheader-1 .shopping_cart .handle:before {
    font-size: 17px !important;
  }
  #header.typeheader-1 .shopping_cart .title-cart-h6 {
    display: none !important;
  }
  #header.typeheader-1 .shopping_cart .total-shopping-cart {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    display: block !important;
    width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: #e42a0f !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  #header.typeheader-1 .shoppingcart-box {
    position: fixed !important;
    top: 119px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 136px) !important;
    overflow: auto !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(17,24,39,.18) !important;
  }

  /* Category drawer: make the top-right hamburger unmistakably open categories. */
  .vertical-wrapper.vag-mobile-category-drawer,
  body.vag-mobile-menu-open .vertical-wrapper {
    padding-top: 52px !important;
  }
  .vertical-wrapper #remove-verticalmenu {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #20242a !important;
    font-size: 16px !important;
    z-index: 4 !important;
  }
  .vertical-wrapper:before {
    content: "Kategoriler" !important;
    position: absolute !important;
    top: 14px !important;
    left: 18px !important;
    right: 58px !important;
    display: block !important;
    color: #17191d !important;
    font-size: 17px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -.2px !important;
  }

  /* ---------- HOME SPACING ---------- */
  .common-home .sohomepage-slider,
  .common-home .so-homeslider,
  .common-home [id^="sohomepage-slider"],
  .common-home .module.sohomepage-slider {
    margin-bottom: 6px !important;
  }
  .common-home .brand-banners {
    margin-top: 12px !important;
    margin-bottom: 22px !important;
  }
  .common-home .brand-banners__head {
    margin-bottom: 14px !important;
  }

  /* Remove the decorative slash/line beside mobile listing sliders. */
  .common-home div.module.custom-listingtab .box-title h2:after,
  .common-home div.module.custom-listingtab .box-title:after,
  .common-home div.module.custom-listingtab .modtitle:after,
  #so_listing_tabs_293 .box-title h2:after,
  #so_listing_tabs_294 .box-title h2:after {
    display: none !important;
    content: none !important;
  }

  /* ---------- FEATURES: one premium card per row ---------- */
  .features-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }
  .features-section .feature-box {
    display: grid !important;
    grid-template-columns: 54px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 12px !important;
    text-align: left !important;
  }
  .features-section .feature-box img {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
    object-fit: contain !important;
  }
  .features-section .feature-box h3,
  .features-section .feature-box h4 {
    margin: 0 0 3px !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  .features-section .feature-box p {
    margin: 0 !important;
    text-align: left !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  /* ---------- FOOTER: always expanded, links stacked and centered ---------- */
  footer.footer-container .button-toggle,
  footer.footer-container .showmore,
  footer.footer-container .toggle-more,
  footer.footer-container .toggle-less,
  footer.footer-container .expander,
  footer.footer-container .fa-angle-down,
  footer.footer-container .fa-angle-up {
    display: none !important;
  }
  footer.footer-container #collapse-footer,
  footer.footer-container .footer-main,
  footer.footer-container .desc-collapse,
  footer.footer-container .collapse,
  footer.footer-container .collapse.in,
  footer.footer-container .tabBlock,
  footer.footer-container .modcontent {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  footer.footer-container .footer-main {
    padding-top: 6px !important;
  }
  footer.footer-container .row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  footer.footer-container [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 0 18px !important;
    text-align: center !important;
  }
  footer.footer-container h3,
  footer.footer-container h4,
  footer.footer-container h5,
  footer.footer-container .footertitle,
  footer.footer-container .title-footer {
    margin: 0 0 9px !important;
    text-align: center !important;
  }
  footer.footer-container ul,
  footer.footer-container .list-menu,
  footer.footer-container .menu,
  footer.footer-container nav {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  footer.footer-container li,
  footer.footer-container .list-menu li,
  footer.footer-container .menu li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  footer.footer-container li a,
  footer.footer-container .list-menu a,
  footer.footer-container .menu a,
  footer.footer-container nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }
  footer.footer-container .footer-bottom,
  footer.footer-container .footer-bottom .copyright,
  footer.footer-container .footer-bottom .payment {
    text-align: center !important;
  }
}

@media (max-width: 374px) {
  #header.typeheader-1 .header-center .navbar-logo img {
    max-width: 116px !important;
  }
  #header.typeheader-1 .header-bottom-right {
    gap: 6px !important;
  }
  #header.typeheader-1 .header-right {
    gap: 5px !important;
  }
  #header.typeheader-1 .header_custom_link li.wishlist a,
  #header.typeheader-1 .shopping_cart,
  #header.typeheader-1 .shopping_cart .top_cart,
  #header.typeheader-1 .shopping_cart .shopcart {
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    min-height: 39px !important;
  }
}

/* Mobile category drawer parent must remain renderable even though its desktop trigger is hidden. */
@media (max-width: 767px) {
  #header.typeheader-1 .header-bottom-inner { position: relative !important; }
  #header.typeheader-1 .header-bottom-left.menu-vertical {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    float: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 10020 !important;
  }
  #header.typeheader-1 .header-bottom-left #show-verticalmenu,
  #header.typeheader-1 .header-bottom-left #menuHeading,
  #header.typeheader-1 .header-bottom-left .navbar-header {
    display: none !important;
  }
  #header.typeheader-1 .header-bottom-left .responsive,
  #header.typeheader-1 .header-bottom-left .megamenu-style-dev,
  #header.typeheader-1 .header-bottom-left .so-vertical-menu,
  #header.typeheader-1 .header-bottom-left .navbar-default,
  #header.typeheader-1 .header-bottom-left .container-megamenu {
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }
  #header.typeheader-1 .header-bottom-left .vertical-wrapper {
    width: min(88vw, 360px) !important;
    height: 100dvh !important;
  }
  .vertical-wrapper li.vag-mobile-expanded > .sub-menu > .content,
  .vertical-wrapper li.vag-mobile-expanded > .dropdown-menu > .content,
  .vertical-wrapper li.vag-mobile-expanded > .content,
  .vertical-wrapper li.vag-mobile-expanded .sub-menu .content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Desktop side bestseller is redundant on touch; hide it so the hero flows
     directly into vehicle selection. The full Best Sellers module remains below. */
  .common-home #so_listing_tabs_127 {
    display: none !important;
  }
}

/* ======================================================================
   VAG SEPETI — MOBILE HEADER / MENU / FOOTER CORRECTIONS
   Targeted follow-up: icons, clickable drawer, tighter hero spacing,
   clean Listing Tabs edges and one-link-per-row footer.
   ====================================================================== */
@media (max-width: 767px) {
  /* Header icons: inline SVGs remove dependence on icon-font glyph mapping. */
  #header.typeheader-1 #show-megamenu {
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d2026' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:22px 22px !important;
  }
  #header.typeheader-1 #show-megamenu .icon-bar { display:none !important; }

  #header.typeheader-1 #sosearchpro .button-search {
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231d2026' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:18px 18px !important;
    font-size:0 !important;
  }
  #header.typeheader-1 #sosearchpro .button-search .fa,
  #header.typeheader-1 #sosearchpro .button-search i { display:none !important; }

  #header.typeheader-1 .header_custom_link li.wishlist a {
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231d2026' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:19px 19px !important;
  }
  #header.typeheader-1 .header_custom_link li.wishlist a:before { content:none !important; display:none !important; }

  #header.typeheader-1 .shopping_cart .handle {
    background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231d2026' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.4a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L22 8H7'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:20px 20px !important;
    font-size:0 !important;
  }
  #header.typeheader-1 .shopping_cart .handle:before,
  #header.typeheader-1 .shopping_cart .handle:after { content:none !important; display:none !important; }

  /* Drawer lives at body level on mobile; keep it above the backdrop and clickable. */
  body > .vertical-wrapper.vag-mobile-category-drawer,
  body.vag-mobile-menu-open > .vertical-wrapper {
    z-index:10030 !important;
    pointer-events:auto !important;
    touch-action:pan-y !important;
    background:#fff !important;
  }
  body > .vertical-wrapper.vag-mobile-category-drawer *,
  body.vag-mobile-menu-open > .vertical-wrapper * { pointer-events:auto !important; padding: 0px; margin: 0px;}
  body.vag-mobile-menu-open { overflow:hidden !important; touch-action:auto !important; }
  .vag-mobile-menu-backdrop { z-index:10020 !important; }
  body > .vertical-wrapper ul.megamenu > li > a,
  body > .vertical-wrapper .sub-menu a,
  body > .vertical-wrapper .content a {
    position:relative !important;
    z-index:2 !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:rgba(228,42,15,.08) !important;
  }

  /* Hero: remove the empty desktop side column on phones and close the gap. */
  .common-home #slide-full1 {
    min-height:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .common-home #slide-full1 .block-slide {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .common-home #slide-full1 .block-left {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .common-home #slide-full1 .block-right { display:none !important; }
  .common-home #slide-full1 .row,
  .common-home #slide-full1 .module,
  .common-home #slide-full1 .sohomepage-slider,
  .common-home #slide-full1 .so-homeslider { margin-bottom:0 !important; padding-bottom:0 !important; }
  .common-home .brand-banners { margin-top:4px !important; padding-top:0 !important; }

  /* Listing Tabs: remove old separator strokes / decorative slashes on touch. */
  .common-home #so_listing_tabs_293 .product-item-container:before,
  .common-home #so_listing_tabs_293 .product-item-container:after,
  .common-home #so_listing_tabs_294 .product-item-container:before,
  .common-home #so_listing_tabs_294 .product-item-container:after,
  .common-home #so_listing_tabs_293 .ltabs-items-container:before,
  .common-home #so_listing_tabs_293 .ltabs-items-container:after,
  .common-home #so_listing_tabs_294 .ltabs-items-container:before,
  .common-home #so_listing_tabs_294 .ltabs-items-container:after,
  .common-home #so_listing_tabs_293 .ltabs-tabs-container:before,
  .common-home #so_listing_tabs_293 .ltabs-tabs-container:after,
  .common-home #so_listing_tabs_294 .ltabs-tabs-container:before,
  .common-home #so_listing_tabs_294 .ltabs-tabs-container:after,
  .common-home #so_listing_tabs_293 .ltabs-tab-arrow,
  .common-home #so_listing_tabs_294 .ltabs-tab-arrow {
    content:none !important;
    display:none !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
  }

  /* Footer custom pages: exactly one centered link per row, with compact spacing. */
  footer.footer-container .categories-footer,
  footer.footer-container .categories-footer .footer-cates-w {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }
  footer.footer-container .categories-footer .footer-cates-w nav {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }
  footer.footer-container .categories-footer .footer-cates-w nav > a {
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:320px !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:4px 8px !important;
    border:0 !important;
    text-align:center !important;
    line-height:1.3 !important;
    white-space:normal !important;
  }
  footer.footer-container .categories-footer .footer-cates-w nav + div {
    margin-top:6px !important;
    padding-top:0 !important;
    text-align:center !important;
  }
  footer.footer-container .categories-footer .footer-cates-w nav + div br { display:none !important; }
  footer.footer-container .categories-footer .footer-cates-w nav + div p { margin:4px 0 !important; }
}

/* VAG FINAL TOUCH — zoom / groups / hero nav / cart badge */
/* Desktop floating SO Groups panel is intentionally hidden. */
@media (min-width: 768px) {
  .so-groups {
    display: none !important;
  }

}

@media (max-width: 767px) {
  /* Combined with the viewport meta this prevents manual page zoom on phones. */
  html, body {
    touch-action: pan-x pan-y !important;
  }

  /* Badge is normalized to a number by vag-premium-fixes.js. */
  #header.typeheader-1 .shopping_cart .total-shopping-cart {
    text-indent: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }
}



/* ======================================================================
   VAG SEPETI — MOBILE CATEGORY DISCLOSURE + ALIGNMENT
   Keeps the existing drawer behavior; adds a clear right-side toggle for
   rows that have children and aligns the list with the drawer title.
   ====================================================================== */
@media (max-width: 767px) {
  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li > a,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li > a {
    padding-left: 18px !important;
    padding-right: 54px !important;
    margin: 0 !important;
    min-height: 50px !important;
    text-align: left !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer li.vag-has-submenu,
  body.vag-mobile-menu-open > .vertical-wrapper li.vag-has-submenu {
    position: relative !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer .vag-submenu-toggle,
  body.vag-mobile-menu-open > .vertical-wrapper .vag-submenu-toggle {
    position: absolute !important;
    top: 7px !important;
    right: 10px !important;
    z-index: 8 !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e4e7eb !important;
    border-radius: 10px !important;
    background: #f8f9fa !important;
    box-shadow: none !important;
    color: #25292f !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer .vag-submenu-toggle span,
  body.vag-mobile-menu-open > .vertical-wrapper .vag-submenu-toggle span {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-2px) rotate(45deg) !important;
    transform-origin: center !important;
    transition: transform .2s ease, color .2s ease !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer li.vag-mobile-expanded > .vag-submenu-toggle,
  body.vag-mobile-menu-open > .vertical-wrapper li.vag-mobile-expanded > .vag-submenu-toggle {
    color: #e42a0f !important;
    border-color: rgba(228,42,15,.20) !important;
    background: rgba(228,42,15,.06) !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer li.vag-mobile-expanded > .vag-submenu-toggle span,
  body.vag-mobile-menu-open > .vertical-wrapper li.vag-mobile-expanded > .vag-submenu-toggle span {
    transform: translateY(2px) rotate(225deg) !important;
  }

  /* Child levels are slightly indented, while top-level rows line up exactly
     with the 18px 'Kategoriler' heading origin. */
  body > .vertical-wrapper.vag-mobile-category-drawer .sub-menu a,
  body > .vertical-wrapper.vag-mobile-category-drawer .dropdown-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .sub-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .dropdown-menu a {
    padding-left: 28px !important;
    padding-right: 48px !important;
  }
}


/* === VAG mobile menu: chevrons only on first-level categories === */
@media (max-width: 767px) {
  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li > .vag-submenu-toggle,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li > .vag-submenu-toggle {
    display: inline-flex !important;
  }

  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li .sub-menu .vag-submenu-toggle,
  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li .dropdown-menu .vag-submenu-toggle,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li .sub-menu .vag-submenu-toggle,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li .dropdown-menu .vag-submenu-toggle {
    display: none !important;
  }

  /* Nested rows no longer reserve space for a toggle icon. */
  body > .vertical-wrapper.vag-mobile-category-drawer .sub-menu a,
  body > .vertical-wrapper.vag-mobile-category-drawer .dropdown-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .sub-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .dropdown-menu a {
    padding-right: 18px !important;
  }
}

/* ==========================================================================
   VAG SEPETI — MOBILE CART / SEARCH / SLIDER FINAL POLISH
   Scope: mobile only unless explicitly noted. Existing desktop design kept.
   ========================================================================== */
@media (max-width: 767px) {
  /* Native SO Home Slider navigation + pagination: admin settings remain source of truth. */
  .common-home .sohomepage-slider .so-homeslider .owl2-controls,
  .common-home .sohomepage-slider .so-homeslider .owl2-nav,
  .common-home .sohomepage-slider .so-homeslider .owl2-dots {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 38px !important;
    height: 38px !important;
    bottom: 50% !important;
    margin-bottom: -19px !important;
    z-index: 40 !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div:before,
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div:after {
    width: 36px !important;
    height: 36px !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div:after {
    padding-top: 9px !important;
    font-size: 17px !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div.owl2-prev { left: 7px !important; }
  .common-home .sohomepage-slider .so-homeslider .owl2-nav div.owl2-next { right: 7px !important; }
  .common-home .sohomepage-slider .so-homeslider .owl2-dots {
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    z-index: 41 !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-dots .owl2-dot {
    display: inline-block !important;
    float: none !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-dots .owl2-dot span {
    width: 8px !important;
    height: 8px !important;
    margin: 4px 5px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(0,0,0,.18) !important;
  }
  .common-home .sohomepage-slider .so-homeslider .owl2-dots .owl2-dot.active span {
    background: #e42a0f !important;
    border-color: #e42a0f !important;
  }

  /* SearchPro autocomplete was clipped by the compact header's overflow:hidden. */
  #header.typeheader-1 #sosearchpro,
  #header.typeheader-1 #sosearchpro form,
  #header.typeheader-1 #sosearchpro .search {
    overflow: visible !important;
  }
  #header.typeheader-1 #sosearchpro .search {
    z-index: 200 !important;
  }
  #header.typeheader-1 #sosearchpro .search > ul.dropdown-menu,
  #header.typeheader-1 #sosearchpro ul.dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 6px) !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: 62vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 6px !important;
    margin: 0 !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(20,24,30,.16) !important;
    z-index: 99999 !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu > li.media {
    display: flex !important;
    align-items: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f1f3 !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu > li.media:last-of-type {
    border-bottom: 0 !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu .media-left {
    flex: 0 0 52px !important;
    padding-right: 9px !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu .media-left img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    border: 1px solid #eceef1 !important;
    border-radius: 8px !important;
    background: #fff !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu .media-body {
    min-width: 0 !important;
    color: #242830 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  #header.typeheader-1 #sosearchpro ul.dropdown-menu .box-price,
  #header.typeheader-1 #sosearchpro ul.dropdown-menu .price {
    margin-top: 4px !important;
    color: #e42a0f !important;
    font-weight: 800 !important;
  }

  /* Category drawer: title and first-level links use the same tighter left origin. */
  body > .vertical-wrapper.vag-mobile-category-drawer:before,
  body.vag-mobile-menu-open > .vertical-wrapper:before {
    left: 12px !important;
  }
  body > .vertical-wrapper.vag-mobile-category-drawer ul.megamenu > li > a,
  body.vag-mobile-menu-open > .vertical-wrapper ul.megamenu > li > a {
    padding-left: 12px !important;
  }
  body > .vertical-wrapper.vag-mobile-category-drawer .sub-menu a,
  body > .vertical-wrapper.vag-mobile-category-drawer .dropdown-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .sub-menu a,
  body.vag-mobile-menu-open > .vertical-wrapper .dropdown-menu a {
    padding-left: 22px !important;
  }

  /* Full cart: convert the desktop table into compact mobile product cards. */
  #checkout-cart #content > form > .table-responsive {
    overflow: visible !important;
    border: 0 !important;
  }
  #checkout-cart #content > form > .table-responsive > table {
    display: block !important;
    border: 0 !important;
    background: transparent !important;
  }
  #checkout-cart #content > form > .table-responsive > table > thead {
    display: none !important;
  }
  #checkout-cart #content > form > .table-responsive > table > tbody {
    display: block !important;
  }
  #checkout-cart #content > form > .table-responsive > table > tbody > tr {
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    column-gap: 12px !important;
    row-gap: 5px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    border: 1px solid #e3e6ea !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(18,24,33,.055) !important;
  }
  #checkout-cart #content > form > .table-responsive > table > tbody > tr > td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    vertical-align: top !important;
  }
  #checkout-cart #content > form > .table-responsive > table > tbody > tr > td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    align-self: start !important;
    text-align: center !important;
  }
  #checkout-cart #content > form > .table-responsive > table > tbody > tr > td:nth-child(n+2) {
    grid-column: 2 !important;
  }
  #checkout-cart #content > form .img-thumbnail {
    display: block !important;
    width: 88px !important;
    max-width: 88px !important;
    height: 88px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    border: 1px solid #eceef1 !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
  #checkout-cart #content > form td:nth-child(2) > a {
    display: block !important;
    margin-bottom: 4px !important;
    color: #242830 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }
  #checkout-cart #content > form td:nth-child(3) {
    color: #7a818a !important;
    font-size: 12px !important;
  }
  #checkout-cart #content > form td:nth-child(3):before {
    content: "Ürün Kodu: " !important;
    font-weight: 700 !important;
    color: #565d66 !important;
  }
  #checkout-cart #content > form td:nth-child(4) .input-group {
    display: flex !important;
    width: 100% !important;
    max-width: 180px !important;
    margin-top: 2px !important;
  }
  #checkout-cart #content > form td:nth-child(4) .form-control {
    width: 58px !important;
    height: 38px !important;
    font-size: 16px !important;
    text-align: center !important;
    border-radius: 8px 0 0 8px !important;
  }
  #checkout-cart #content > form td:nth-child(4) .input-group-btn {
    display: flex !important;
    width: auto !important;
  }
  #checkout-cart #content > form td:nth-child(4) .btn {
    width: 40px !important;
    height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #checkout-cart #content > form td:nth-child(5) {
    margin-top: 2px !important;
    color: #6a717a !important;
    font-size: 12px !important;
  }
  #checkout-cart #content > form td:nth-child(5):before {
    content: "Birim Fiyat: " !important;
    font-weight: 700 !important;
  }
  #checkout-cart #content > form td:nth-child(6) {
    color: #e42a0f !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
  #checkout-cart #content > form td:nth-child(6):before {
    content: "Toplam: " !important;
    color: #565d66 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  #checkout-cart #content > .row .table.table-bordered {
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  #checkout-cart #content > .buttons.clearfix {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 9px !important;
    margin-top: 12px !important;
  }
  #checkout-cart #content > .buttons.clearfix .pull-left,
  #checkout-cart #content > .buttons.clearfix .pull-right {
    float: none !important;
    flex: 1 1 50% !important;
    width: 50% !important;
    margin: 0 !important;
  }
  #checkout-cart #content > .buttons.clearfix .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* Header cart dropdown: image left, details right, compact actions. */
  #header #cart .shoppingcart-box,
  #header .shopping_cart .shoppingcart-box {
    width: calc(100vw - 20px) !important;
    max-width: 390px !important;
    right: -4px !important;
    left: auto !important;
    padding: 8px !important;
    border-radius: 13px !important;
    box-shadow: 0 14px 34px rgba(18,24,33,.17) !important;
  }
  #header #cart .shoppingcart-box table,
  #header .shopping_cart .shoppingcart-box table {
    margin: 0 !important;
  }
  #header #cart .shoppingcart-box tr,
  #header .shopping_cart .shoppingcart-box tr {
    display: grid !important;
    grid-template-columns: 64px minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #eceef1 !important;
  }
  #header #cart .shoppingcart-box td,
  #header .shopping_cart .shoppingcart-box td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }
  #header #cart .shoppingcart-box td.size-img-cart,
  #header .shopping_cart .shoppingcart-box td.size-img-cart {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
  }
  #header #cart .shoppingcart-box td.size-img-cart img,
  #header .shopping_cart .shoppingcart-box td.size-img-cart img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
  }
  #header #cart .shoppingcart-box tr > td:nth-child(2),
  #header .shopping_cart .shoppingcart-box tr > td:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }
  #header #cart .shoppingcart-box tr > td:nth-child(3),
  #header .shopping_cart .shoppingcart-box tr > td:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #7a818a !important;
    text-align: left !important;
  }
  #header #cart .shoppingcart-box tr > td:nth-child(4),
  #header .shopping_cart .shoppingcart-box tr > td:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 3 !important;
    color: #e42a0f !important;
    font-weight: 900 !important;
    text-align: left !important;
  }
  #header #cart .shoppingcart-box tr > td:nth-child(5),
  #header .shopping_cart .shoppingcart-box tr > td:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
  }
  #header #cart .shoppingcart-box .checkout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 8px 0 0 !important;
  }
  #header #cart .shoppingcart-box .checkout .btn,
  #header .shopping_cart .shoppingcart-box .checkout .btn {
    float: none !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Add-to-cart preview: compact professional bottom-sheet/card on phones. */
  #previewModal {
    padding: 0 !important;
  }
  #previewModal .modal-dialog {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  #previewModal .modal-content {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 54px rgba(10,14,20,.28) !important;
  }
  #previewModal .modal-header {
    min-height: 48px !important;
    padding: 12px 44px 10px 14px !important;
    border-bottom: 1px solid #eceef1 !important;
    background: #fff !important;
  }
  #previewModal .modal-title {
    margin: 0 !important;
    color: #20242a !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }
  #previewModal .modal-header .close {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #f2f3f5 !important;
    opacity: 1 !important;
    color: #333840 !important;
  }
  #previewModal .modal-body {
    padding: 12px !important;
    background: #fff !important;
  }
  #previewModal .modal-body > .row {
    margin: 0 !important;
  }
  #previewModal .cart-popup-left {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    gap: 12px !important;
  }
  #previewModal .product-image {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
  }
  #previewModal .product-image img {
    width: 88px !important;
    height: 88px !important;
    object-fit: contain !important;
    border: 1px solid #eceef1 !important;
    border-radius: 10px !important;
  }
  #previewModal .cart-popup-info {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  #previewModal .cart-popup-info .product-name {
    margin: 1px 0 6px !important;
    color: #252930 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }
  #previewModal .cart-popup-info .price {
    margin-top: 6px !important;
    color: #e42a0f !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
  #previewModal .cart-popup-right {
    float: none !important;
    width: 100% !important;
    padding: 10px 0 0 !important;
  }
  #previewModal .cart-popup-action {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  #previewModal .cart-popup-action .cart-popup-imgbottom {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    background: #f6f7f8 !important;
    color: #535b65 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  #previewModal .cart-popup-action .btn {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }
  #previewModal .cart-popup-action .btn-checkout {
    grid-column: 2 !important;
    grid-row: 2 !important;
    background: #e42a0f !important;
    border-color: #e42a0f !important;
    color: #fff !important;
  }
  #previewModal .cart-popup-action .btn-view-cart[data-dismiss="modal"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  #previewModal .cart-popup-action > a.btn-view-cart:not([data-dismiss="modal"]) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}


/* ==========================================================================
   VAG FINAL POLISH — SLIDER RESERVE / MOBILE CART / CENTERED PREVIEW
   ========================================================================== */

/* Reserve space at the OUTER slider shell until the first real image is ready.
   This is intentionally independent of .owl2-loaded because Owl sets that class
   before lazy images have finished loading. */
.common-home [id^="sohomepage-slider"].vag-slider-shell {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}
.common-home [id^="sohomepage-slider"].vag-slider-shell.vag-slider-loading {
  display: block !important;
  aspect-ratio: var(--vag-slider-w) / var(--vag-slider-h) !important;
  overflow: hidden !important;
  background: #fff !important;
}
.common-home [id^="sohomepage-slider"].vag-slider-shell.vag-slider-loading > .so-homeslider {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  /* Keep the reserved geometry, but never hide the real slider while images decode/load. */
  visibility: visible !important;
  opacity: 1 !important;
}
.common-home [id^="sohomepage-slider"].vag-slider-shell.vag-slider-ready {
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: transparent !important;
}
.common-home [id^="sohomepage-slider"].vag-slider-shell.vag-slider-ready > .so-homeslider {
  position: relative !important;
  inset: auto !important;
  visibility: visible !important;
}

@media (max-width: 767px) {
  /* Cart product texts may wrap naturally instead of overflowing the card. */
  #checkout-cart #content > form > .table-responsive > table > tbody > tr > td,
  #checkout-cart #content > form td:nth-child(2),
  #checkout-cart #content > form td:nth-child(2) > a,
  #checkout-cart #content > form td:nth-child(3),
  #checkout-cart #content > form td:nth-child(5),
  #checkout-cart #content > form td:nth-child(6) {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* Add-to-cart preview centered in the phone viewport. */
  #previewModal.in,
  #previewModal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
  }
  #previewModal .modal-dialog {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    transform: none !important;
    -webkit-transform: none !important;
  }
  #previewModal .modal-content {
    max-height: calc(100vh - 24px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ======================================================================
   VAG SEPETI — NIGHT SLIDER NAV/DOTS RESTORE
   Restored from the previously approved night build.
   ====================================================================== */
.common-home .sohomepage-slider,
.common-home .sohomepage-slider .modcontent,
.common-home .sohomepage-slider .so-homeslider,
.common-home [id^="sohomepage-slider"] {
  position: relative !important;
}

/* Night-build arrows: dark circular glass button, thin chevron, red hover. */
.common-home .sohomepage-slider .owl2-prev,
.common-home .sohomepage-slider .owl2-next,
.common-home .sohomepage-slider .owl2-controls .owl2-nav > div,
.common-home .so-homeslider .owl2-prev,
.common-home .so-homeslider .owl2-next {
  position: absolute !important;
  top: 50% !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) scale(.94) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 50% !important;
  background: rgba(17,24,39,.78) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
  text-indent: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease, border-color .2s ease !important;
}
.common-home .sohomepage-slider .owl2-prev,
.common-home .so-homeslider .owl2-prev { left: 18px !important; right: auto !important; }
.common-home .sohomepage-slider .owl2-next,
.common-home .so-homeslider .owl2-next { right: 18px !important; left: auto !important; }

.common-home .sohomepage-slider:hover .owl2-prev,
.common-home .sohomepage-slider:hover .owl2-next,
.common-home .sohomepage-slider:focus-within .owl2-prev,
.common-home .sohomepage-slider:focus-within .owl2-next,
.common-home .so-homeslider:hover .owl2-prev,
.common-home .so-homeslider:hover .owl2-next,
.common-home .so-homeslider:focus-within .owl2-prev,
.common-home .so-homeslider:focus-within .owl2-next {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(-50%) scale(1) !important;
}

.common-home .sohomepage-slider .owl2-prev:before,
.common-home .sohomepage-slider .owl2-next:before,
.common-home .so-homeslider .owl2-prev:before,
.common-home .so-homeslider .owl2-next:before {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  font-family: FontAwesome !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  transform: none !important;
}
.common-home .sohomepage-slider .owl2-prev:before,
.common-home .so-homeslider .owl2-prev:before { content: "\f104" !important; }
.common-home .sohomepage-slider .owl2-next:before,
.common-home .so-homeslider .owl2-next:before { content: "\f105" !important; }
/* Remove later/native secondary chevrons so only the approved night icon remains. */
.common-home .sohomepage-slider .owl2-prev:after,
.common-home .sohomepage-slider .owl2-next:after,
.common-home .so-homeslider .owl2-prev:after,
.common-home .so-homeslider .owl2-next:after { content: none !important; display: none !important; }

.common-home .sohomepage-slider .owl2-prev:hover,
.common-home .sohomepage-slider .owl2-next:hover,
.common-home .so-homeslider .owl2-prev:hover,
.common-home .so-homeslider .owl2-next:hover {
  background: #e42a0f !important;
  border-color: #e42a0f !important;
}

/* Night-build dots: 8px gray dots, active dot becomes a 24px red pill. */
.common-home .sohomepage-slider .owl2-dots,
.common-home .so-homeslider .owl2-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 41 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: transparent !important;
}
.common-home .sohomepage-slider .owl2-dots .owl2-dot,
.common-home .so-homeslider .owl2-dots .owl2-dot {
  display: block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.common-home .sohomepage-slider .owl2-dots .owl2-dot span,
.common-home .so-homeslider .owl2-dots .owl2-dot span {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #c7cbd1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition: width .2s ease, background-color .2s ease !important;
}
.common-home .sohomepage-slider .owl2-dots .owl2-dot.active span,
.common-home .so-homeslider .owl2-dots .owl2-dot.active span {
  width: 24px !important;
  height: 8px !important;
  border-radius: 10px !important;
  background: #e42a0f !important;
}

@media (max-width: 767px) {
  /* Same approved visual language on mobile; controls stay visible for touch. */
  .common-home .sohomepage-slider .owl2-controls,
  .common-home .so-homeslider .owl2-controls,
  .common-home .sohomepage-slider .owl2-nav,
  .common-home .so-homeslider .owl2-nav,
  .common-home .sohomepage-slider .owl2-dots,
  .common-home .so-homeslider .owl2-dots {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .common-home .sohomepage-slider .owl2-prev,
  .common-home .sohomepage-slider .owl2-next,
  .common-home .so-homeslider .owl2-prev,
  .common-home .so-homeslider .owl2-next {
    width: 40px !important;
    height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(-50%) scale(1) !important;
  }
  .common-home .sohomepage-slider .owl2-prev,
  .common-home .so-homeslider .owl2-prev { left: 8px !important; }
  .common-home .sohomepage-slider .owl2-next,
  .common-home .so-homeslider .owl2-next { right: 8px !important; }
  .common-home .sohomepage-slider .owl2-prev:before,
  .common-home .sohomepage-slider .owl2-next:before,
  .common-home .so-homeslider .owl2-prev:before,
  .common-home .so-homeslider .owl2-next:before { font-size: 21px !important; }
  .common-home .sohomepage-slider .owl2-dots,
  .common-home .so-homeslider .owl2-dots {
    display: flex !important;
    bottom: 9px !important;
    gap: 6px !important;
  }
  #so_listing_tabs_293 .owl2-controls .owl2-nav, #so_listing_tabs_294 .owl2-controls .owl2-nav {
    margin-top: 37px !important;
  }
  ul.megamenu > li > a img {
    margin-right: 10px !important;
  }
  ul.megamenu > li > a:hover, ul.megamenu > li.active > a, ul.megamenu > li.home > a, ul.megamenu > li:hover > a {
    background-color: #f5f5f5;
  }
}