/* ===== Trendyol-like skin for OpenCart Default ===== */

/* Brand & base */
:root{
  --ty-orange:#f27a1a;
  --ty-dark:#222426;
  --ty-gray:#6b7280;
  --ty-light:#f7f7f8;
  --ty-border:#e6e7eb;
}
body{color:var(--ty-dark); background:#fff}

/* Top bar */
#top{
  background:#fff;
  border-bottom:1px solid var(--ty-border);
  padding:8px 0;
  box-shadow:none; min-height:auto;
}
#top .btn-link.dropdown-toggle,
#top #top-links li, #top #top-links a{
  color:#555; font-weight:600; font-size:13.5px; letter-spacing:0;
}
#top a:hover{color:var(--ty-orange)}
#top .fa-user{color:var(--ty-orange)}

/* Header main */
body>header{
  background:#fff; padding:14px 0; position:relative; z-index:20;
}
body>header .row{align-items:center}
#logo img{max-height:44px}
#logo a, #logo h1{color:var(--ty-dark)}
#logo a:hover{color:var(--ty-orange)}

/* Search pill */
#search{
  height:46px;
  display:flex;
  align-items:stretch;
  float: left;
  left: 0px;
  width: 88%;
}
#search .input-lg{
  border:1px solid var(--ty-border);
  border-right:none; border-radius:999px 0 0 999px;
  height:46px; padding:0 16px; font-size:15px;
  background:#fff;
}
#search .input-lg::placeholder{color:#9aa3af}
#search .input-group-btn{display:flex}
#search .btn-lg{
  border:1px solid var(--ty-border);
  border-left:none; border-radius:0 999px 999px 0;
  background:var(--ty-orange); color:#fff; font-weight:700;
  padding:0 18px; height:46px;
}
#search .btn-lg:hover{filter:brightness(0.95)}

/* Cart button as chip */
#cart>.btn{
  height:46px; border:1px solid var(--ty-border);
  background:#fff; color:var(--ty-dark); border-radius:999px;
  padding:0 14px; font-weight:700;
}
#cart .fa-shopping-cart{margin-right:8px; color:var(--ty-orange)}
#cart #cart-total{
  margin-left:6px; font-weight:700; color:var(--ty-dark)
}
#cart .dropdown-menu{
  min-width:340px; border:1px solid var(--ty-border);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
}

/* Sticky menu bar */
#menu{
  position:sticky; top:0; z-index:15;
  background:#fff; border:none; box-shadow:0 2px 14px rgba(0,0,0,.06);
  margin-bottom:0;
}
#menu .navbar-collapse{max-width:1200px}
#menu .nav>li>a{
  color:#111; font-weight:700; text-transform:none;
  padding:12px 16px; border-bottom:2px solid transparent;
}
#menu .nav>li>a:hover,
#menu .nav>li:hover>a,
#menu .nav>li.open>a{
  color:var(--ty-orange); background:transparent;
  border-bottom-color:var(--ty-orange);
}
/* Dropdown (mega feel) */
#menu .dropdown-menu{
  border:1px solid var(--ty-border);
  border-radius:10px; padding:16px;
  box-shadow:0 18px 32px rgba(0,0,0,.10);
}
#menu .dropdown-inner a{
  color:#333; font-weight:600; line-height:28px; min-width:220px;
}
#menu .dropdown-inner a:hover{color:var(--ty-orange)}

/* Buttons */
.btn-primary{
  background:var(--ty-orange); border:none; font-weight:800;
}
.btn-primary:hover{filter:brightness(0.95)}
.btn-default{background:#fff; border:1px solid var(--ty-border); color:#333}

/* Breadcrumb subtle */
.breadcrumb{
  margin:18px 0; font-size:12.5px; color:#9aa3af;
}
.breadcrumb>li>a{color:#6b7280}
.breadcrumb>li>a:hover{color:var(--ty-orange)}

/* Product tiles */
.product-thumb{
  border:1px solid var(--ty-border); border-radius:12px; overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease;
  background:#fff;
}
.product-thumb:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.07);
}
.product-thumb .image a{background:#fff}
.product-thumb .caption{
  padding:14px;
  background:#fff;
  min-height: 154px;
}
.product-thumb h4{
  font-size:15px; line-height:1.35; color:#111; margin:0 0 6px;
}
.product-thumb .price{
  font-size:20px; font-weight:800; color:#111;
}
.product-thumb .price-new{color:var(--ty-orange)}
.product-thumb .price-old{font-size:14px;color:#9ca3af;text-decoration: line-through;}
.product-thumb .button-group{
  padding:10px 12px; background:#fff; border-top:1px solid var(--ty-border);
  display:flex; gap:8px;
}
.product-thumb .button-group button[onclick^='cart.add']{
  background: beige;
  color: #0b0a0a;
  border-radius:8px;
  font-weight: 500;
  padding:10px 14px;
}
.product-thumb .button-group button[onclick^='wishlist.add'],
.product-thumb .button-group button[onclick^="compare.add"]{
  border:1px solid var(--ty-border); border-radius:8px; background:#fff;
  width:46px; height:40px;
}
.product-thumb .button-group i{color:#333}
.product-thumb .button-group button:hover i{color:var(--ty-orange)}

/* Product page */
#product-product h1{font-size:22px; font-weight:800}
#product-product h1+ul.list-unstyled{color:#6b7280}
#product-product h1+ul+ul>li:first-child h2{
  font-size:28px; font-weight:900; color:#111;
}
#product-product h1+ul+ul>li:nth-child(2) h2{color:var(--ty-orange)}
#product-product #product{
  background:#fff; border:1px solid var(--ty-border); border-radius:12px;
}
#product-product .btn-default{
  background:var(--ty-orange); color:#fff; border:none; font-weight:800;
}
#product-product ul.nav-tabs{
  border-bottom:1px solid var(--ty-border);
}
#product-product ul.nav-tabs>li>a{
  background:#fff; color:#6b7280; font-weight:800;
  border:none; border-bottom:2px solid transparent;
}
#product-product ul.nav-tabs>li.active>a{
  color:var(--ty-orange); border-bottom-color:var(--ty-orange);
  background:#fff;
}
#product-product .tab-content>.tab-pane{
  background:#fff; border:1px solid var(--ty-border);
  border-top:none; border-radius:0 0 12px 12px;
}

/* Pagination */
.pagination>li>a,.pagination>li>span{
  border:none; background:transparent; font-weight:800; color:#111;
}
.pagination>.active>a,
.pagination>.active>span{color:var(--ty-orange)}

/* Footer */
footer{
  background:#111214; color:#d1d5db; border-top:1px solid #1f2124;
  padding-top:36px;
}
footer h5{color:#fff; font-weight:800}
footer a{color:#e5e7eb}
footer a:hover{color:var(--ty-orange)}

/* Badges (cart/wishlist counts) */
.ty-badge{
  display:inline-block; min-width:18px; height:18px; line-height:18px;
  text-align:center; border-radius:999px; background:var(--ty-orange);
  color:#fff; font-size:11px; font-weight:800; padding:0 5px;
  transform:translateY(-1px);
}
/* Sepet sayacını küçült */
#cart #cart-total{position:relative; padding-left:4px}
#cart #cart-total::after{
  content:attr(data-count);
  display:attr(data-count number, inline-block);
  position:absolute; top:-8px; right:-8px;
  background:var(--ty-orange); color:#fff;
  min-width:18px; height:18px; border-radius:999px;
  font-size:11px; font-weight:800; line-height:18px; text-align:center;
}
/* Eğer data-count yoksa görünmesin */
#cart #cart-total:not([data-count])::after{display:none}

/* Mobile tweaks */
@media (max-width:991px){
  #search{order:3;margin-top:10px;width: 85%;}
  body>header .col-sm-3{order:2}
  #menu .nav>li>a{padding:10px 12px}
}
@media (max-width:575px){
  #logo img{max-height:36px}
  #cart>.btn{height:42px}
  #search .input-lg{font-size:14px}
}

/* Swiper / banners */
.swiper-viewport{border:none; box-shadow:none}
.swiper-pager .swiper-button-prev,
.swiper-pager .swiper-button-next{
  background:#fff; color:#111; width:44px; height:44px; border-radius:999px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
li.image-additional {
    list-style: none;
    width: 16%;
    display: inline-flex;
}

ul.thumbnails {
    list-style: none;
}
.kategoricarusel2 {
    font-size: 24px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    text-decoration: underline;
}
.product-thumb .price {
    color: #444;
    font-size: 15px;
    position: relative;
    bottom: 0px !important;
    display: inline-block;
    top: 44px;
}
.product-cargo-info.bg-light.p-2 {
    border: 2px solid #ebebeb !important;
    border-radius: 5px;
    background: #fff9f9 !important;
    padding: 8px;
    margin-bottom: 11px;
}
strong.fw701 {
    background: #30af30;
    color: #fff;
    padding: 5px;
    margin-left: 13px;
    border-radius: 5px;
}
a.rop_btn {
    color: #404040;
    text-transform: capitalize;
    position: relative;
    margin-left: 0px;
    padding: 6px 6px;
    border: 2px solid #ccc;
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 7px;
}
p.alert.alert-warning {
    display: contents;
    visibility: visible !important;
    background: orange !important;
}
span.price-old {
}

p.price-sellery1 {
    font-size: 16px;
    font-weight: bold;
    bottom: 0px;
    display: flex;
    bottom: 21px !important;
    position: absolute;
}
/* ===========================
   MOBILE POLISH PACK (≤991px)
   =========================== */
@media (max-width: 991px){
  .container{padding-left:12px; padding-right:12px}
  #top{
    padding:6px 0; border-bottom:1px solid var(--ty-border); box-shadow:none;
    min-height:auto;
  }
  #top .hidden-xs, #top .hidden-sm, #top .hidden-md{display:none!important}
  #top #top-links ul{display:flex; gap:12px}
  #top .fa{font-size:16px}

  body>header{
    padding:10px 0; position:sticky; top:0; z-index:30;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
  }
  #logo{display:flex; justify-content:center}
  #logo img{max-height:38px}

  /* Search */
  #search{margin-top:8px; height:42px}
  #search .input-lg{height:42px; font-size:14px; padding:0 14px}
  #search .btn-lg{height:42px; padding:0 14px}

  /* Cart: metni gizle, rozete bırak */
  #cart>.btn{height:42px; padding:0 12px}
  #cart #cart-total{display:none}
}

/* 2-col grid (telefonlarda) */
@media (max-width: 600px){
  /* default grid hücreleri */
  .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12{
    width:50%; padding:6px;
  }
  .product-thumb{border-radius:10px}
  .product-thumb .caption{padding:10px}
  .product-thumb h4{font-size:13.5px; line-height:1.3}
  .product-thumb .price{font-size:16px}
  .product-thumb .button-group{padding:8px; gap:6px}
  .product-thumb .button-group button[onclick^='cart.add']{
    padding:9px 10px; font-size:13px; border-radius:7px;
  }
}

/* En küçük ekranlar — tek kolon */
@media (max-width: 360px){
  .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12{
    width:100%;
  }
}

/* Slider minimal ve daha rahat tıklama */
.swiper-viewport{border:none; box-shadow:none}
@media (max-width: 600px){
  .swiper-pager .swiper-button-prev,
  .swiper-pager .swiper-button-next{
    width:40px; height:40px;
  }
}

/* Kategori başlığı ve küçük ikon hizası */
.box .box-heading,
#column-left .box .box-heading{font-size:16px; font-weight:800}

/* ===== Alt Sabit Bar (opsiyonel) ===== */
.ty-bottom-nav{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  background:#fff; border-top:1px solid var(--ty-border);
  display:none;
}
@media (max-width: 767px){
  .ty-bottom-nav{display:flex; justify-content:space-around; padding:6px 4px}
  .ty-bottom-nav .bn-item{
    position:relative; flex:1; text-align:center; font-size:11px;
    color:#111; font-weight:800; line-height:1.05;
  }
  .ty-bottom-nav i{display:block; font-size:18px; margin-bottom:2px}
  .ty-bottom-nav .ty-badge{
    position:absolute; top:-2px; left:56%;
  }
  /* overlap olmasın */
  body{padding-bottom:58px}
}


/* ===== App-like Mobile Header ===== */
:root{ --ty-orange:#f27a1a; --ty-border:#e6e7eb; --ty-dark:#222426; }

@media (max-width: 991px){
  /* Top bar sade */
  #top{display:none}

  /* Appbar */
  .appbar{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 0;}
  .appbar .icon-btn{background:#fff; border:1px solid var(--ty-border); width:40px; height:40px; border-radius:10px;}
  .appbar .icon-btn i{font-size:18px; color:#111}
  .appbar .app-logo img{max-height:36px}
  .app-actions{display:flex; align-items:center;float: right;gap:8px}

  /* Sepet butonunu ikonlaşır */
  .app-cart #cart>.btn{height:40px; padding:0 10px; border:1px solid var(--ty-border); background:#fff; border-radius:10px}
  .app-cart #cart #cart-total{display:none}
  .app-cart #cart .fa-shopping-cart{margin:0; color:var(--ty-orange)}
  .container{padding:0 12px}
}

/* ---- Search Overlay ---- */
.search-overlay{position:fixed; inset:0; background:#fff; display:none; z-index:60}
.search-overlay.active{display:block}
.search-overlay .search-bar{position:relative; padding-top:14px}
.search-overlay .icon-btn.close{position:absolute; right:4px; top:10px}
.search-overlay #search{height:48px}
.search-overlay #search .input-lg{height:48px; border-radius:999px 0 0 999px; border:1px solid var(--ty-border)}
.search-overlay #search .btn-lg{height:48px; border-radius:0 999px 999px 0; background:var(--ty-orange); color:#fff; border:none}

/* Normal header’daki aramayı mobilde gizle (overlay kullanıyoruz) */
@media (max-width: 991px){
  body>header .row.hidden-xs.hidden-sm{display:none}
}

/* ---- Drawer ---- */
.mobile-drawer{
  position:fixed; top:0; left:0; bottom:0; width:82%; max-width:360px;
  background:#fff; transform:translateX(-100%); transition:transform .18s ease;
  z-index:70; display:flex; flex-direction:column; border-right:1px solid var(--ty-border);
}
.mobile-drawer.open{transform:none}
.drawer-header{display:flex; align-items:center; justify-content:space-between; padding:12px; border-bottom:1px solid var(--ty-border); font-weight:800}
.drawer-body{overflow:auto; -webkit-overflow-scrolling:touch; padding:8px 6px}
.shade{position:fixed; inset:0; background:rgba(0,0,0,.28); display:none; z-index:65}
.shade.show{display:block}

/* Menü içeride daha rahat dursun */
.mobile-drawer #menu{box-shadow:none; background:transparent}
.mobile-drawer #menu .nav>li>a{padding:12px 10px;border-bottom: 1px solid #afafaf;}
.mobile-drawer #menu .dropdown-menu{position:static; float:none; border:none; box-shadow:none; padding:0}
.mobile-drawer #menu .dropdown-inner{display:block; padding:0}
.mobile-drawer #menu .dropdown-inner a{min-width:auto; padding:10px 14px; border-bottom:1px dashed var(--ty-border)}

/* Grid—iki kolon (<=600px), tek kolon (<=360px) */
@media (max-width:600px){
  .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12{width:50%; padding:6px}
  .product-thumb .caption{padding:10px}
  .product-thumb h4{font-size:13.5px}
  .product-thumb .price{font-size:16px}
}

}
@media (max-width:360px){
  .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12{width:100%}
}
}