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

/* Brand & base */
:root{
  --ty-orange:#f27a1a;
  --ty-dark:#222426;
  --ty-gray:#6b7280;
  --ty-light:#f7f7f8;
  --ty-border:#e6e7eb;
}
.product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 20%;
    padding: 1px;
}
.product-layout.product-grid.col-lg-4.col-md-4.col-sm-6.col-xs-12 {
    width: 25%;
    padding: 1px;
}
.product-layout.product-kategoriler.col-xs-12 {
    width: 25%;
    padding: 1px;
}
.product-layout.product-urunkategoriler.col-xs-12 {
    width: 20%;
    padding: 1px;
    background: #fff;
    margin-right: 0px;
    margin-left: 0px;
}
.triangle-topleft-benzerurunler {
    color: #000;
    width: 32%;
    background: #e5e527;
    font-size: 11px;
    position: absolute;
    top: 0px;
    padding-top: 21px;
    font-weight: bold;
    border-radius: 100px;
    height: 15%;
    line-height: 13px;
    text-align: center;
}
.triangle-topleft-indirim-urundetay {
    color: #000;
    width: 16%;
    background: #e5e527;
    font-size: 15px;
    position: absolute;
    top: 0px;
    padding-top: 29px;
    font-weight: bold;
    border-radius: 100px;
    height: 91px;
    line-height: 16px;
    text-align: center;
}
.triangle-topleft-indirim {
    color: #000;
    width: 16%;
    background: #e5e527;
    font-size: 15px;
    position: absolute;
    top: 0px;
    padding-top: 29px;
    font-weight: bold;
    border-radius: 100px;
    height: 12%;
    line-height: 16px;
    text-align: center;
}
.box-heading-hb {
    border-bottom: solid 1px;
    margin-bottom: 8px;
    font-size: 21px;
    padding: 0px 0px 9px 0px;
    font-weight: 600;
    margin-top: 13px;
}
span.save-discount {
    color: #000;
    width: 44%;
    background: #e5e527;
    font-size: 11px;
    position: absolute;
    top: 0px;
    padding-top: 16px;
    font-weight: bold;
    border-radius: 23px;
    height: 43px;
    line-height: 13px;
    text-align: center;
}
.product-yeniurunler.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
    padding: 1px;
}
span.pull-right {
    font-size: 12px;
    margin-left: 11px;
}
.pull-center {
    text-align: center;
    margin-top: 5px;
}
.col-lg-12-bilgilendirme {
    position: relative;
    display: flex;
    background: #fff;
}
div#ppkategori {font-size: 19px;padding-left: 10px;font-weight: bold;display: flex;margin-bottom: 10px;height: 36px;line-height: 33px;margin-top: 11px;}
div#modulbaslik-kesfet {
    background: #fff;
    padding-bottom: 2px;
    padding-left: 14px;
    padding-right: 0px;
    padding-top: 10px;
    font-size: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-weight: bold;
}
li.text-center.rop-seller-rating {
    text-align: center;
}
i.fa.fa-heart {
    top: 0px;
    position: relative;
    align-items: center;
    text-align: center;
    left: 0px;
}
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;
}
#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;
}
.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}
.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:var(--ty-orange); color:#fff; border-radius:8px;
  font-weight:800; 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}
  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);
}
@media only screen and (max-width: 600px) {
i.fa.fa-heart {
    top: 10px !important;
    position: relative;
    align-items: center;
    text-align: center;
    left: 10px !important;
}
.product-layout.product-urunkategoriler.col-xs-12 {
    width: 50% !important;
    padding: 1px;
    background: #fff;
    margin-right: 0px;
    margin-left: 0px;
}
.product-layout.product-grid.col-lg-4.col-md-4.col-sm-6.col-xs-12 {
    width: 50% !important;
    padding: 1px;
}
.product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 50% !important;
    padding: 1px;
}
.collapse {
    display: inline-block !important;
    width: 100%;
}
button.btn.btn-navbar.navbar-toggle {
    display: none;
}
  }