.oct_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;z-index:999}
.oct_cart-sidebar{position:fixed;top:0;right:-400px;width:400px;max-width:100%;height:100%;background:#fff;box-shadow:-4px 0 8px #0003;transition:right .3s ease-in-out;z-index:1000;display:flex;flex-direction:column}
.oct_cart-sidebar.active{right:0}
.oct_cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;font-size:18px;font-weight:700;width:95%}
.oct_cart-header i{cursor:pointer;font-size:20px;color:#444;transition:color .2s}
.oct_cart-header i:hover{color:#e74c3c}
.oct_cart-items{flex:1;overflow-y:auto;padding:15px}
.oct_cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:15px;border-radius:10px;box-shadow:0 2px 5px #00000014}
.oct_item-info{display:flex;align-items:center;gap:12px}
.oct_item-info img{width:55px;height:55px;border-radius:8px;object-fit:cover}
.oct_item-name{font-size:13px;font-weight:700;color:#333;margin-bottom:6px}
.oct_item-name small{font-size:10px;color:#666;}
.oct_item-name a{color:#666;}
.oct_quantity{display:inline-block;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}
.oct_quantity button{background:#f5f5f5;border:none;padding:3px 8px;cursor:pointer;font-size:13px;line-height:1}
.oct_quantity input{width:28px;text-align:center;border:none;font-size:13px;padding:3px 0}
.oct_item-price{font-size:15px;font-weight:700;color:#444;margin-bottom:6px;text-align:right}
.oct_remove-item{cursor:pointer;font-size:15px;color:#888;transition:color .2s;display:block;text-align:right}
.oct_remove-item:hover{color:#e74c3c}
.oct_cart-footer{border-top:1px solid #eee;padding:16px;background:#fafafa}
.oct_coupon{display:flex;gap:8px;margin-bottom:10px}
.oct_coupon input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}
.oct_coupon button{background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.oct_cart-summary{display:flex;justify-content:space-between;margin:5px 0;font-size:12px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #ddd}
.oct_checkout-btn{display:block;width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;text-align:center}
.oct_checkout-btn:hover{background:#0056b3 !important;color:#fff}
.oct_cart-btn{display:block;width:100%;padding:12px;background:#ff9900;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;text-align:center;margin-bottom:10px;}
.oct_cart-btn:hover{background:#0056b3 !important;color:#fff}
.oct_cart-floating-btn{position:fixed;bottom:20px;right:20px;background:#007bff;color:#ffffff;font-size:20px;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;cursor:pointer;z-index:2100;transition:right .3s ease}
.oct_cart-floating-btn i{font-size:20px;}
.oct_cart-floating-btn span { margin-top: -25px; background: #fff; border-radius: 50%; color: #000; font-size: 15px; height: 25px; width: 25px; text-align: center; padding: 3px; font-weight: bold; }
.oct_cart-floating-btn.shifted{right:380px}
@media (max-width: 768px) {
.oct_cart-floating-btn.shifted{right:82%}
}
@media only screen and (max-width: 768px) {
  .oct_cart-floating-btn {
    display: none !important;
  }
}

/* --- Mobile footer/tabbar cart: prevent default OpenCart cart button markup
   (btn-block/btn-lg/dropdown-toggle) from breaking the bottom navigation layout. */
.tab-item.item-cart #cart,
.tab-item.item-cart .btn-shopping-cart,
.tab-item.item-cart .btn-shopping-cart *,
footer #cart,
footer #cart *,
.bottom-nav #cart,
.bottom-nav #cart *,
.bottom-bar #cart,
.bottom-bar #cart *,
.mobile-nav #cart,
.mobile-nav #cart *,
.nav-bottom #cart,
.nav-bottom #cart *,
.menu-bottom #cart,
.menu-bottom #cart * {
  box-sizing: border-box;
}

.tab-item.item-cart button.btn.dropdown-toggle,
.tab-item.item-cart .btn.btn-inverse.dropdown-toggle,
footer #cart button.btn.dropdown-toggle,
footer #cart .btn.btn-inverse.dropdown-toggle,
.bottom-nav #cart button.btn.dropdown-toggle,
.bottom-nav #cart .btn.btn-inverse.dropdown-toggle,
.bottom-bar #cart button.btn.dropdown-toggle,
.bottom-bar #cart .btn.btn-inverse.dropdown-toggle,
.mobile-nav #cart button.btn.dropdown-toggle,
.mobile-nav #cart .btn.btn-inverse.dropdown-toggle,
.nav-bottom #cart button.btn.dropdown-toggle,
.nav-bottom #cart .btn.btn-inverse.dropdown-toggle,
.menu-bottom #cart button.btn.dropdown-toggle,
.menu-bottom #cart .btn.btn-inverse.dropdown-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.tab-item.item-cart .btn.btn-block,
footer #cart .btn.btn-block,
.bottom-nav #cart .btn.btn-block,
.bottom-bar #cart .btn.btn-block,
.mobile-nav #cart .btn.btn-block,
.nav-bottom #cart .btn.btn-block,
.menu-bottom #cart .btn.btn-block {
  width: auto !important;
}

.tab-item.item-cart .btn.btn-lg,
footer #cart .btn.btn-lg,
.bottom-nav #cart .btn.btn-lg,
.bottom-bar #cart .btn.btn-lg,
.mobile-nav #cart .btn.btn-lg,
.nav-bottom #cart .btn.btn-lg,
.menu-bottom #cart .btn.btn-lg {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.tab-item.item-cart #cart-total,
footer #cart #cart-total,
.bottom-nav #cart #cart-total,
.bottom-bar #cart #cart-total,
.mobile-nav #cart #cart-total,
.nav-bottom #cart #cart-total,
.menu-bottom #cart #cart-total {
  white-space: nowrap;
}

/* Footer'da sadece adet göster: "ürün" ve "- toplam" metinleri nav barı taşırmasın */
.tab-item.item-cart #cart-total .items_cart2,
.tab-item.item-cart #cart-total .items_carts,
footer #cart #cart-total .items_cart2,
footer #cart #cart-total .items_carts,
.bottom-nav #cart #cart-total .items_cart2,
.bottom-nav #cart #cart-total .items_carts,
.bottom-bar #cart #cart-total .items_cart2,
.bottom-bar #cart #cart-total .items_carts,
.mobile-nav #cart #cart-total .items_cart2,
.mobile-nav #cart #cart-total .items_carts,
.nav-bottom #cart #cart-total .items_cart2,
.nav-bottom #cart #cart-total .items_carts,
.menu-bottom #cart #cart-total .items_cart2,
.menu-bottom #cart #cart-total .items_carts {
  display: none !important;
}
.oct_cart_maindiv.inactiveSideMenu {
    transition: none !important;
    transform: none !important;
}
body.mobilelayout-1{padding-top:0 !important}
body.mobilelayout-2{padding-top:0 !important}
body.mobilelayout-3{padding-top:0 !important}