body {
       color: #666;
      font-family: "Quicksand", sans-serif;
background: #fff;
  
}
h1, h2, h3, h4, h5, h6 {
    color: #413c39;
     
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
     
}
.opencartmarketi__checkbox{
    padding: 5px 5px 5px 10px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    position: relative;
}
.opencartmarketi__checkbox label{
    display: inline-block;
    width: 50%;
    line-height: 20px;
}
.checkbox, .radio {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.opencartmarketi__checkbox:hover{
    border-color: #54c259;
}
.opencartmarketi__checkbox input{
    display: none;
}
.opencartmarketi__checkbox input:checked ~ i{
    background-color: #54c259;
    color: #fff;
}
.opencartmarketi__checkbox i{
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 99px;
    left: 5px;
    font-size: 8px;
    text-align: center;
    top: 5px;
}
.badgewhistlist {
       position: absolute;
    top: 5px;
    right: 15px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #616265;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #fff;
    z-index: 2;
    margin: 0; 
}

.fa:hover {
   transition: all 0.5s ease 0s;
	-webkit-transform: rotate(-360deg);
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer
}
.btnIndex {
    width: 100%;
    background: #f3f3f3;
    color: #777;
    border-top: 1px solid #eee!important;
    border: none;
    border-radius: 0;
    padding: 5px 0;
    margin: 10px 0 0 0;
    box-shadow: none;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: .3px;
}
h2 {
     
     font-family: "Quicksand", sans-serif;
    font-weight: 400;
    padding: 0px;
    margin-bottom: 10px;
    text-align: left;
}
h2 span { font-family: "Quicksand", sans-serif; background:#e7512f;
     font-size:15px;width:260px;display:block;
    color:#fff;font-weight:600;
    padding: 11px 15px 12px;    border-radius: 5px 5px 0 0px;
}
h1 {
    font-size: 23px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 21px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10.2px;
}
a {
    color: #413c39;
}
a:hover {
    color: #ea3a3c;
    text-decoration: none;
}

legend {
    font-size: 18px;
    padding: 7px 0;
}
label {
    font-size: 12px;
	
    font-weight: normal;
}
.product-info label {
    font-size: 12px;
	line-height: 20px;}
select.form-control, textarea.form-control, input.form-control[type="text"], input.form-control[type="password"], input.form-control[type="datetime"], input.form-control[type="datetime-local"], input.form-control[type="date"], input.form-control[type="month"], input.form-control[type="time"], input.form-control[type="week"], input.form-control[type="number"], input.form-control[type="email"], input.form-control[type="url"], input.form-control[type="search"], input.form-control[type="tel"], input.form-control[type="color"] {
    border-radius: 2px;
    font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 12px;
}
.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}
div.required .control-li::before {
    color: #f00;
    content: "* ";
    font-weight: bold;
}
.nav > li > a {font-size:15px;
    border-bottom: 0px solid #eee;}
/* DROPDOWN ANA YAPI */
.dropdown {
  position: relative !important;
  z-index: 9999;
  overflow: visible !important;
}

.dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0;
  right: auto;
  min-width: 240px;
  width: auto;
  margin-top: 12px;
  padding: 10px 0;
  background: #ffffff;
  border: 0 !important;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  z-index: 999999 !important;
  overflow: hidden;
  float: none;
}

/* bootstrap açık durum */
.open > .dropdown-menu {
  display: block !important;
}

/* ALTTA KALMASIN */
header,
#top,
#top-links,
.header,
.header-top,
.header-middle,
.header-bottom,
.navbar,
.navbar-header,
.menu,
.menu-area,
.mega-menu,
.megamenu,
.container,
.container-fluid,
.row {
  overflow: visible !important;
}

#user-menu,
#user-menu .dropdown,
#user-menu .dropdown-menu {
  z-index: 9999999 !important;
}

/* DROPDOWN İÇ LİSTE */
.dropdown-menu > li {
  list-style: none;
  display: block;
  width: 100%;
}

.dropdown-menu > li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  color: #303030;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  background: #fff;
  transition: all .2s ease;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background: #fff4ef;
  color: #ff7846;
  padding-left: 22px;
}

/* İÇ İÇE UL */
.dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.dropdown-menu > li > ul > li {
  list-style: none;
}

.dropdown-menu > li > ul > li > a {
  display: block;
  color: #413c39;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease;
}

.dropdown-menu > li > ul > li > a:hover,
.dropdown-menu > li > ul > li > a:focus {
  background: #fff4ef;
  color: #ff7846;
  text-decoration: none;
  padding-left: 22px;
}

/* BAŞLIK */
.dropdown-menu .dropdown-header {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #ff7846;
  padding: 12px 18px 8px;
  line-height: 1.4;
  text-transform: none;
  white-space: nowrap;
}

/* USER MENU SAĞA AÇILSIN İSTERSEN */
#user-menu .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

/* MOBİL */
@media (max-width: 768px) {
  .dropdown-menu {
    min-width: 220px;
    margin-top: 10px;
    border-radius: 16px;
  }

  #user-menu .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }
}

/* sadece user menu dropdown için düzeltme */
#user-menu,
#user-menu .list-inline,
#user-menu .list-inline > li,
#user-menu .dropdown,
#user-menu .open {
  position: relative !important;
  overflow: visible !important;
  z-index: 2147483646 !important;
}

/* eski genel dropdown bozmasın diye user-menu içinde override */
#user-menu .dropdown {
  position: relative !important;
}

#user-menu .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  margin: 12px 0 0 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.16) !important;
  -webkit-box-shadow: 0 22px 50px rgba(0, 0, 0, 0.16) !important;
  z-index: 2147483647 !important;
  overflow: hidden !important;
  float: none !important;
  transform: none !important;
  clip: auto !important;
}

/* bootstrap open hali */
#user-menu .open > .dropdown-menu {
  display: block !important;
}

/* dropdown itemler */
#user-menu .dropdown-menu > li {
  display: block !important;
  width: 100% !important;
  list-style: none !important;
}

#user-menu .dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 14px 18px !important;
  color: #303030 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  background: #fff !important;
  border: 0 !important;
  white-space: nowrap !important;
  transition: all .2s ease !important;
}

#user-menu .dropdown-menu > li > a i {
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
  color: #ff7846 !important;
  font-size: 15px !important;
}

#user-menu .dropdown-menu > li > a:hover,
#user-menu .dropdown-menu > li > a:focus {
  background: #fff4ef !important;
  color: #ff7846 !important;
  text-decoration: none !important;
  padding-left: 22px !important;
}

/* üstteki ikon gizli kalsın */
#user-menu > .fa,
#user-menu > a > i,
#user-menu .dropdown > a > i,
#user-menu .dropdown-toggle > i,
#user-menu .dropdown > a > .fa,
#user-menu .dropdown-toggle > .fa,
#user-menu .dropdown > a > i.fa-user,
#user-menu .dropdown > a > i.fa-user-o,
#user-menu .dropdown > a > i.fa-user-circle,
#user-menu .dropdown > a > i.fa-user-circle-o,
#user-menu .dropdown-toggle > i.fa-user,
#user-menu .dropdown-toggle > i.fa-user-o,
#user-menu .dropdown-toggle > i.fa-user-circle,
#user-menu .dropdown-toggle > i.fa-user-circle-o {
  display: none !important;
}

/* soldaki user.png ikonunu giriş yapılınca gizle */
@supports selector(#user-menu:has(.dropdown)) {
  #user-menu:has(.dropdown)::before {
    display: none !important;
    content: none !important;
  }
}

/* mega menu ve header alanları dropdown'ı kesmesin */
header,
#top,
#top-links,
.header,
.header-top,
.header-middle,
.header-bottom,
.navbar,
.navbar-header,
.menu,
.menu-area,
.mega-menu,
.megamenu,
.container,
.container-fluid,
.row {
  overflow: visible !important;
}

/* user menu bulunduğu alan mega menünün üstünde olsun */
.col-sm-5,
#user-menu {
  z-index: 2147483646 !important;
}

/* esas çakışan menü alt seviyede kalsın */
.header-bottom,
.navbar,
.menu,
.menu-area,
.mega-menu,
.megamenu {
  position: relative !important;
  z-index: 1000 !important;
}

/* mobil */
@media (max-width: 768px) {
  #user-menu .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }
}
.topcont {
    padding: 0;
}
/* top */
#top {
    background: #161b27;
    padding: 0;
    margin: 0;
    border: none !important;
    box-shadow: none !important;
    min-height: 58px;
    position: relative;
    overflow: hidden;
}

#top:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(135deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(225deg, rgba(255,255,255,0.03) 25%, transparent 25%);
    background-size: 32px 32px;
    background-position: 0 0, 16px 16px;
    pointer-events: none;
    opacity: .45;
}

#top .container {
    position: relative;
    z-index: 2;
    padding: 0 20px;
    background: transparent !important;
    border: none !important;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
}

#top .btn-link,
#top-links li,
#top-links a {
    color: #ffffff !important;
    text-decoration: none;
    text-shadow: none !important;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
    color: #ffffff !important;
}

#top-links {
    padding-top: 0;
    min-height: 58px;
    line-height: 58px;
}

#top-links a + a {
    margin-left: 15px;
}

#top-links .fa {
    color: #ffffff !important;
}

/* tüm üst bar elemanları */
#top-links > ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 58px;
}

#top-links > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
}

#top-links > ul > li > a {
    display: block;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 58px;
    padding: 0 18px;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* hover */
#top-links > ul > li > a:hover,
#top-links > ul > li > a:focus {
    color: #ff7a3d !important;
    background: transparent !important;
}

/* ikonlar */
#top-links > ul > li > a i,
#top-links > ul > li > a .fa,
#top-links > ul > li > a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

#top-links > ul > li > a:hover i,
#top-links > ul > li > a:hover .fa,
#top-links > ul > li > a:hover svg {
    color: #ff7a3d !important;
    fill: #ff7a3d !important;
}

/* dropdown */
#top-links .dropdown-menu {
    background: #1d2331;
    border: none;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
}

#top-links .dropdown-menu li {
    border: none !important;
}

#top-links .dropdown-menu a {
    color: #ffffff !important;
    line-height: normal;
    padding: 10px 14px;
    background: transparent !important;
}

#top-links .dropdown-menu a:hover {
    background: rgba(255,255,255,.05) !important;
    color: #ff7a3d !important;
}

/* sağ sol borderları tamamen kaldır */
#top,
#top .container,
#top .container:before,
#top .container:after,
#top-links,
#top-links:before,
#top-links:after,
#top-links > ul,
#top-links > ul > li,
#top-links > ul > li > a {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* varsa ayırıcı çizgileri de kapat */
#top-links > ul > li + li:before,
#top-links > ul > li + li:after,
#top-links .list-inline > li:before,
#top-links .list-inline > li:after {
    display: none !important;
    content: none !important;
}

#ust {
    background:#fff none repeat scroll 0 0;
    margin-top:-10px;
     font-family: "Quicksand", sans-serif;
    font-weight: 300; 
    padding: 0px 0 0px;
}
#ust a {
    color: #413c39;
}
#ust a:hover {
    color: #ea3a3c;
}
#ust .fa {
    color: #e7512f;
}

#ust #currency {
    cursor: pointer;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 3px;
    padding: 0;
}
#ust #currency strong, #ust #currency span, #ust #currency i {
    color: #e7512f;
}
#ust #currency .currency-select {
    color: #555;
    text-align: left;
}
#ust #currency .currency-select:hover {
    background-color: #eee;
    color: #aaa;
    text-shadow: none;
}
#ust #currency .btn {
    padding: 0;
}
 
#ust #currency .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
#ust-links li img {margin-top:-2px;}
#ust .btn-link, #ust-links li {
    color: #555;
    font-size: 12px; 
    padding: 0;
    text-align: left;
    text-decoration: none;
}
#ust-links .dropdown-menu {
    border: medium none;
    min-width: 55px;
}
#ust-links .dropdown-menu li {
    border: medium none;
}
#ust-links{text-align:center;}
#ust-links li {text-align:center;
      
    color: #FFF;
    margin: 0;
    padding: 3px 0px;
}
 
#ust-links li a { line-height:14px;display:block;
    color: #413c39;border-right: 0px solid #eee;
    font-size: 13px; font-family: "Quicksand", sans-serif;
    padding: 0 10px; 
    text-decoration: none;
}
/*#ust-links li:last-child a {border-right:none;}*/
#ust .btn-link:hover, #ust-links a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ea3a3c;
}
#ust-links a:hover i {
    color: #ea3a3c; 
    
}
#ust-links i {
    color: #413c39;line-height:30px;text-align:center;
    font-size: 14px; border:1px solid #eee;display:block;
    margin-left: 10px;width:32px;height:32px;
    border-radius:50px;background:#fff;
}
#ust-links .dropdown-menu a {
    color: #aaa;
    text-shadow: none;
}
#ust-links .dropdown-menu a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #aaa;
}
#ust .btn-link strong {
    font-size: 17px;
    line-height: 14px;
}
#ust-links {
    padding:22px 0;
    text-align: center;
}
#ust-links a + a {
    margin-left: 10px;
}
#ust #language {margin-top:2px;
    cursor: pointer;
    margin-left: 3px;
    text-align: center;
}
#ust #language .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
#ust #language span, #ust #language i {
    color: #777;
}
#ust #language .dropdown-menu li > a {
    color: #444;
}
#ust #language .dropdown-menu li > a:hover {
    color: #777;
}
.facek {
    color: #777;
}

.specialthemes {
   background: url(../image/parallax.jpg) no-repeat bottom fixed; 
    border-bottom: 0 solid #ddd;
    padding: 50px 0 30px;
}
.specialthemes1 { 
    background: #F9f9f9;
    margin:0px 0 0px;
    padding:0px 0 0px;
}
.specialthemes2 { border-bottom:0px dashed #aaa;
    background: #fff  none repeat scroll 0 0;
    margin:5px 0 10px;
    padding:20px 0 0px;
}
.specialthemes3 { padding:0px;
    background: #F9F6F1  none repeat scroll 0 0;
    
}

#header {
      padding: 0px 0 0px;
    position: relative;
 background: #fff;
 margin-bottom: 15px;
   }
#header #logo {
    color: #fff;
    font-size: 42px;
    font-weight: 300;
    margin-top: 20px;
}
#header #logo span {
    color: #365271;
    font-weight: bold;
}
 
.padding-right {
    padding-right: 0;
}
.padding-left {
    padding-left: 0;
}
#logo {
    margin: 0;
}
#search {border-radius:2px;border-left:0px solid  #F5EFE7;border-bottom:0px solid  #F5EFE7;
    margin: 0px 5px 5px 0;background: none none repeat scroll 0 0;
    padding: 0px;
}
#search .input-lg {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #bdc3c7;
    border-radius: 0;color:#365271;
    box-shadow: none;
    height: 40px;border-radius: 3px 0 0 3px;
    line-height: 20px;
    padding: 0 15px;
}
#search .btn-lg {border-radius:0 3px 3px 0px;border:0px solid  #986348;
    background: #222;
    box-shadow: none;
    font-size: 15px;
    line-height: 18px;
    padding: 11px 20px 10px;
    text-shadow: 0 0 0 #fff;
    z-index: 99;
}
#search i {
    color: #fff;
}
.margins {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 solid #222;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;margin-right:-2px;
}
#cart {
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 35px;
    text-align: left;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-left: 0px solid #ccc;
}

#cart > .btn {
    border-radius: 8px;
    font-family: "Quicksand", sans-serif;
    line-height: 40px;
    margin: 0px 2px;
    width: 130px;
    text-align: left;
    background: #fff;
    top: 7px;
    height: 40px;
    background-image: none !important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 27px;
    position: relative;
    padding-left: 34px;
    padding-right: 0;
    border: none;
    box-shadow: none;
    color: #333;
}

/* soldaki sepet ikonu */
#cart > .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 26px;
    height: 26px;
    background: url(../image/sepet.png) no-repeat center center;
    background-size: 24px 24px;
}

/* eski ikonları kapat */
#cart > .btn > .fa,
#cart > .btn > #cart-total > .fa {
    margin-left: 0px;
    text-shadow: none;
    text-align: center;
    color: #333;
    background: none !important;
    border-radius: 3px;
    width: 30px;
    display: none !important;
}

/* span düzeni */
#cart > .btn span:not(.badgeAlert) {
    right: 0px;
    border-radius: 20px;
    padding: 0 6px;
    display: inline-block;
    height: 20px;
    text-shadow: none;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}

/* açık durumda */
#cart.open > .btn span {
    box-shadow: none;
    color: #555;
}

#cart.open > .btn {
    background-image: none !important;
    box-shadow: none;
    color: #666;
    text-shadow: none;
}

#cart.open > .btn:hover {
    color: #444;
}

/* dropdown */
#cart .dropdown-menu::before {
    content: "";
    border-bottom: 5px solid #2C3E50;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -8px;
    right: 10px;
}

#cart .dropdown-menu {
    border-top: 3px solid #ea222f;
    background: #fff none repeat scroll 0 0;
    padding: 0;
    margin-top: 8px;
    z-index: 10011;
    min-width: 320px;
}

.socol1 {
    padding: 0px 0px 0px;
}

.socol {
    text-align: center;
    padding: 6px 10px 13px 0;
    background: none;
}

@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 340px;
    }

    .banner-text {
        display: none;
    }

    .kategory p {
        font-size: 8px;
    }
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 340px;
    }

    #slideyazi p {
        font-size: 20px;
        font-weight: 600;
        top: 10px;
        background: #000;
        left: 10px;
        color: #fff;
        position: absolute;
        line-height: 50px;
    }

    #cart > .btn {
        padding-left: 32px;
    }

    #cart > .btn::before {
        width: 24px;
        height: 24px;
        top: 7px;
        background-size: 22px 22px;
    }
}

#cart .dropdown-menu li p {
    color: #444;
    margin: 20px 0;
}
.sticky-header {
    display: inline-block;
    height: 50px;
    margin-top: 0;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.hepkat1 {padding:0px 0px ;
    margin: 0 0 0 0px;
     
}

   


.orta {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 0 4px #eee;
}
.hepkat li { font-family: "Quicksand", sans-serif;
    color: #5E5148;
    list-style: outside none none;
    padding: 5px 0px 5px;
}
.hepkat {
     
    border-radius: 0px; font-family: "Quicksand", sans-serif;
    font-weight: 700;
    margin: 0 0 0px;
    min-height: 35px;
    padding: 0;
}
.telefons{letter-spacing:-2px;background:#222;font-style:italic;color:#fff;padding:4px 0 0px 5px;font-size:26px;font-weight:bold;line-height:45px;text-shadow:0 1px 1px #444;}
.telefons svg{display:inline-block;margin-bottom:-1px;}
.telefons span{display:inline-block;line-height:40px;}
#menu {
       font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
    min-height: 45px;
    padding:0px 0;
    border-top:0px solid #e6e6e6;
    border-bottom:0px solid #e6e6e6;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
 background:#293235;
      -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 10%);

   }

@media (min-width: 768px) {
#menu .container {
    width: 750px;
}

#slideyazi p{
    font-size: 20px;
    font-weight: 600;
    top:10px;
           background:#000;
           left:10px;
    color: #fff;
    position: absolute;
    line-height: 50px;
    
}
}
@media (min-width: 992px) {
#menu .container {
    width: 970px;
}
}
@media (min-width: 1200px) {
#menu .container {
    width: 1260px;
}
#slideyazi p{
    font-size: 20px;
    font-weight: 600;
    top:10px;
           background:#000;
           left:10px;
    color: #fff;
    position: absolute;
    line-height: 50px;
    
}
}
@media (min-width: 768px) {
.container {
    width: 750px;
}
}
@media (min-width: 992px) {
.container {
    width: 970px;
}
}
@media (min-width: 1200px) {
footer .container{width: 1260px;}
.container {
    width: 1260px;
}
#slideyazi p{
    font-size: 50px;
    font-weight: 600;
    top:100px;
           background:#000;
           left:50px;
    color: #fff;
    position: absolute;
    line-height: 50px;
    
}
}
.orta {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 24px;
    padding: 20px 0 10px;
}
.navbar {
    border-radius: 0;
}
.navbar-collapse {
    padding: 0;
}
#menu .nav > li:first-child a {
    background: #d90000 none repeat scroll 0 0;
    margin-left: 0;
}
#menu .nav > li:last-child a {
    border-right: medium none;
}
#menu .nav > li > a {
    background-color: transparent;
    border-right: 1px solid #202430;
    color: #222999;
    font-size: 15px;
    font-weight: 600;
    min-height: 15px;
    padding: 14px 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#menu .dropdown-menu {
    background-color: #fff;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    clear: both;
    color: #202430;
    display: block;
    font-size: 14px;
    line-height: 20px;
    min-width: 250px;
    padding: 7px 20px;
}
#menu .dropdown-inner li a:hover {
    color: #ffffff;
}
#menu .see-all {
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #ddd;
    color: #333;
    display: block;
    font-size: 12px;
    margin-top: 0.5em;
    padding: 7px 20px;
}
#menu .see-all:hover, #menu .see-all:focus {
    background-color: #202430;
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
}
#menu #category {
    color: #fff;
    float: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 55px;
    margin-left: 20px;
    padding-left: 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    color: #fff;
    float: left;
    font-size: 15px;
    font-stretch: expanded;
    margin-left: 10px;
    padding: 5px 18px;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    background-color: #229ac8;
    color: #ffffff;
}
.megamenu-content {
    background-color: #333645;
    padding: 10px;
}
.megamenu-content h4 a {
    color: #feffff !important;
}
.megamenu-content .sub_categoy {
    margin: 0 0 15px;
    padding: 0;
}
.megamenu-content .sub_categoy li a {
    color: #9599a4 !important;
}
.megamenu-content .sub_categoy li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #fff !important;
}
.megamenu-content .sub_categoy li {
    border-bottom: 1px solid #9599a4 !important;
    padding: 5px 0;
}
.megamenu-content h3 {
    color: #9b9fab;
    font-weight: 500;
}
.megamenu-content p {
    color: #9b9fab;
}
.navbar-toggle {
    background-color: #333;
    border: 1px solid #fff;
    margin-top: 11px;
}
.navbar-toggle .icon-bar {
    border: 1px solid #fff;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
    display: block;
}
}
@media (max-width: 767px) {

.nav-tabs li, .nav-tabs li a {
    width: 100%;
}
.mobil {
    display: none;
}
#serach {
    margin-bottom: 10px;
    padding-bottom: 0;
}
#cart {
    margin-top: 0;
}
.topcont {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 3px;
}
#header #logo {
    margin-bottom: 5px;
    margin-top: 0;
}
#ust .top_bar_link a i {
    font-size: 14px !important;
}
#ust .top_bar_link a {
    border-right: 0 solid #ddd;
    font-size: 12px !important;
    padding: 1.2% 1%;
}
.arama {
    bottom: 20px;
    float: none;
    margin-top: 20px;
    position: relative;
    right: 0;
}
#menu {
    border-radius: 0;
}
#menu div.dropdown-inner > ul.list-unstyled {
    display: block;
}
#menu div.dropdown-menu {
    background-color: #202430;
    margin-left: 0 !important;
    padding-bottom: 10px;
}
#menu .dropdown-inner {
    display: block;
}
#menu .dropdown-inner a {
    color: #fff;
    width: 100%;
}
#menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}
#menu .see-all {
    border: medium none;
    border-radius: 0;
    color: #fff;
    margin-top: 0;
}
}
#user-menu {
    width: 130px;
    position: relative;
    margin: 34px 0px 15px 80px;
    font-size: 14px;
    top: 7px;
    height: 40px;
    background-image: none !important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 27px;
    padding-left: 38px; /* solda ikon için alan */
}

/* soldaki ikon */
#user-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 26px;
    height: 26px;
    border-radius: 9px;
    background: url("../image/user.png") no-repeat center center;
    background-size: 26px 26px;
    box-sizing: border-box;
}

#user-menu > .fa {
    color: #fff;
    display: none !important;
}

#user-menu > a {
    margin-right: 8px;
    text-decoration: none;
}

#user-menu > a > i {
    margin-right: 5px;
    display: none !important;
}

#user-menu > a:hover {
    color: #faaf18;
}

.uyeols {
    width: 100px;
    display: block;
    font-size: 15px;
    color: #333333;
    white-space: nowrap;
    line-height: 1.4;
    font-weight: 500;
    text-shadow: none;
    overflow: hidden;
    text-align: left;
}

.girisyap {
    display: inherit;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: -10px;
    text-shadow: none;
    text-align: left;
}

.uyeols1 {
    width: 80px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
    text-align: left;
}

.girisyap1 {
    display: inherit;
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
}

/* görseldeki gibi tek satır güçlü başlık görünümü istersen */
.uyeols1,
.girisyap1 {
    color: #39424e;
}

/* mobil düzen */
@media (max-width: 768px) {
    #user-menu {
        padding-left: 34px;
    }

    #user-menu::before {
        width: 26px;
        height: 26px;
        top: 4px;
        background-size: 15px 15px;
    }
}



.toptop {
    margin-top: 20px;
}
#column-left .baslik h2 {
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #eee;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #666;
    padding: 5px 0;
    text-align: center;
}
.firsats {
    background: #fff none repeat scroll 0 0;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #fff;
    font-size: 18px;
    padding: 6px 0;
    text-align: left;
}
.babos {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: -21px;
    padding: 0;
}
#content {
    margin-bottom: 0;
    min-height: 60px;
}
.footer-ust{
    background: linear-gradient(180deg, #f8f8f8 0%, #f1f1f1 100%);
    border-top: 1px solid #e8e8e8;
    min-height: 5px;
    overflow: hidden;
    padding: 18px 0;
}

.box-module-bilgikutucu{
    color: #1f2933;
    font-size: 12px;
    text-align: center;
}

.box-module-bilgikutucu .reassurances{
    cursor: pointer;
    padding: 0;
    position: relative;
}

.box-module-bilgikutucu .column{
    border-right: 1px solid #e4e4e4;
    cursor: pointer;
    padding: 14px 12px;
    transition: all .25s ease;
    border-radius: 16px;
}

.box-module-bilgikutucu .column:last-child{
    border-right: none;
}

.box-module-bilgikutucu .column:hover{
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
    transform: translateY(-2px);
}

.box-module-bilgikutucu .description{
    display: inline-block;
    overflow: hidden;
    font-family: "Quicksand", sans-serif;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.35;
}

.rtl .box-module-bilgikutucu .description{
    text-align: center;
}

.box-module-bilgikutucu .description p{
    margin: 0;
    color: #6b7280;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.box-module-bilgikutucu .description h4{
    margin: 0 0 6px;
    color: #111827;
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    max-height: none;
    overflow: visible;
}

.box-module-bilgikutucu h4,
.box-module-bilgikutucu p{
    margin: 0;
}

.box-module-bilgikutucu .icon-name{
    color: #ff7a45;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    border-radius: 20px;
    background: #fff2ec;
    font-size: 28px;
    text-align: center;
    vertical-align: top;
    box-shadow: inset 0 0 0 1px rgba(255,122,69,.08);
    transition: all .25s ease;
}

.box-module-bilgikutucu .column:hover .icon-name{
    background: #ff7a45;
    color: #fff;
    box-shadow: 0 10px 24px rgba(255,122,69,.22);
    transform: scale(1.04);
}

.box-module-bilgikutucu .reassurances:hover .arrow{
    display: flex;
    opacity: 1;
    visibility: visible;
}

.box-module-bilgikutucu .arrow{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #ececec;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    visibility: hidden;
    box-shadow: 0 6px 16px rgba(0,0,0,.06);
    transition: all .25s ease;
}

.rtl .box-module-bilgikutucu .arrow{
    left: 12px;
    right: auto;
}

/* tablet */
@media (max-width: 991px){
    .footer-ust{
        padding: 14px 0;
    }

    .box-module-bilgikutucu .column{
        padding: 12px 8px;
    }

    .box-module-bilgikutucu .icon-name{
        width: 56px;
        height: 56px;
        font-size: 24px;
        border-radius: 18px;
        margin-bottom: 10px;
    }

    .box-module-bilgikutucu .description h4{
        font-size: 15px;
    }

    .box-module-bilgikutucu .description p{
        font-size: 13px;
    }
}

@media (max-width: 767px){
    .footer-ust{
        padding: 10px 0;
    }

    .box-module-bilgikutucu .reassurances{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .box-module-bilgikutucu .column{
        width: 50%;
        float: left;
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 16px 10px;
        border-radius: 0;
        box-sizing: border-box;
    }

    .box-module-bilgikutucu .column:nth-child(2n){
        border-right: none;
    }

    .box-module-bilgikutucu .column:last-child,
    .box-module-bilgikutucu .column:nth-last-child(2){
        border-bottom: none;
    }

    .box-module-bilgikutucu .column:hover{
        transform: none;
        box-shadow: none;
        background: transparent;
    }

    .box-module-bilgikutucu .icon-name{
        width: 52px;
        height: 52px;
        font-size: 22px;
        border-radius: 16px;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box-module-bilgikutucu .description{
        display: block;
        width: 100%;
        text-align: center;
    }

    .box-module-bilgikutucu .description h4{
        font-size: 14px;
        margin-bottom: 4px;
    }

    .box-module-bilgikutucu .description p{
        font-size: 12px;
        line-height: 1.4;
    }

    .box-module-bilgikutucu .arrow{
        display: none !important;
    }
}
/* ============================================
   MODERN FOOTER CSS — Tüm selector'lar korundu
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* CSS Variables — Kolay renk yönetimi */
:root {
    --footer-bg: #293235;
    --footer-bg-secondary: #1a1a1a;
    --footer-accent: #c8a96e;
    --footer-text: #e0e0e0;
    --footer-text-muted: #888;
    --footer-border: rgba(255, 255, 255, 0.08);
    --footer-hover: #c8a96e;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ─── Ana Footer ─────────────────────────────── */
footer {
    background: var(--footer-bg);
    width: 100%;
    height: auto;
    color: var(--footer-text);
    font-family: "Quicksand", sans-serif;
    margin-top: 0;
    position: relative;
    top: auto;
    border-top: 1px solid var(--footer-border);
}

#footer.container {
    padding: 25px 0 10px;
    top: auto;
}

footer hr {
    border: none;
    border-bottom: 1px solid var(--footer-border);
    margin: 20px 0;
}

/* ─── Linkler ────────────────────────────────── */
footer a {
    color: var(--footer-text);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color var(--transition), padding-left var(--transition);
    display: inline-block;
}

#footer .column li a:hover,
footer a:hover {
    color: var(--footer-hover);
    padding-left: 4px;
}

/* ─── Kolonlar ───────────────────────────────── */
.footer_icerik .column {
    float: left;
    line-height: 30px;
    margin-left: 45px;
    margin-right: 0;
}

.footer_container_width.container {
    position: relative;
    top: auto;
}

/* ─── Başlıklar ──────────────────────────────── */
footer h5 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    padding-bottom: 10px;
}

footer h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 2px;
    background: var(--footer-accent);
    border-radius: 2px;
}
/* footer logo ortalama */
.footer_logo{
    text-align: center !important;
}

.footer_logo .content_alt_sol{
    width: 100% !important;
    text-align: center !important;
}

.footer_logo #logo{
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin: 0 auto 20px !important;
}

.footer_logo #logo a{
    display: inline-block !important;
    text-align: center !important;
}

.footer_logo #logo img{
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* hakkımızda alanı da logoyla uyumlu ortalansın */
.footer_logo #footer_sol_block{
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.footer_logo .hakkimizda-description{
    text-align: center !important;
}

/* sosyal alan ortalı */
.footer_logo .sosyal,
.footer_logo .social-footer{
    text-align: center !important;
}

.footer_logo .social-footer .link-follow{
    display: inline-block !important;
    margin: 15px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.footer_logo .social-footer .link-follow li{
    display: inline-block !important;
    float: none !important;
    margin: 0 4px 8px !important;
}

/* mobilde de ortalı kalsın */
@media (max-width: 979px){
    .footer_logo{
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .footer_logo #logo{
        margin: 0 auto 15px !important;
    }

    .footer_logo #footer_sol_block{
        text-align: center !important;
    }
}
/* ─── Footer Logo ────────────────────────────── */
.footer_logo {
    float: right;
    border-left: 1px solid var(--footer-border);
    margin-left: 0;
    padding: 0 0 15px 25px;
    margin-top: 12px;
    width: 29%;
}

.hakkimizda-logo {
    padding-bottom: 20px;
    opacity: 0.92;
    transition: opacity var(--transition);
}

.hakkimizda-logo:hover {
    opacity: 1;
}

/* ─── Sol Block ──────────────────────────────── */
#footer_sol_block.col-sm-3.column {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* ─── Açıklama ───────────────────────────────── */
.hakkimizda-description {
    color: var(--footer-text-muted);
    font-size: 13px;
    text-align: justify;
    line-height: 26px;
}

/* ─── İçerik Alanları ────────────────────────── */
.footer_icerik {
    border-right: 0 solid transparent;
    float: left;
    width: 70%;
}

.footer_icerik_ust {
    overflow: hidden;
    padding: 27px 0 9px 0;
}

.content_alt_solcol .col-sm-3.column {
    float: left;
    margin-left: 0;
    margin-right: 40px;
    padding: 0;
    width: 260px;
}

.comun {
    width: 220px;
}

/* ─── Liste Öğeleri ──────────────────────────── */
.content_alt_solcol ul li {
    color: var(--footer-text-muted);
    font-size: 13px;
    line-height: 32px;
    list-style: none;
    transition: color var(--transition);
}

.content_alt_solcol ul li:hover {
    color: var(--footer-text);
}

/* ─── Responsive ─────────────────────────────── */
@media (max-width: 979px) {
    #footer .column ul {
        display: none;
    }
    #footer .column {
        width: 100%;
    }
}

/* ─── Gizli Elementler ───────────────────────── */
.content_alt_ust {
    overflow: hidden;
    position: relative;
}

#footer_sol_block > h5,
.footer_logo .social_block h5,
.social_block h5 {
    display: none;
}

/* ─── List Reset ─────────────────────────────── */
#footer_sol_block > ul,
.payment_block,
#links > ul,
#footer .social_block,
.col-sm-3.column > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ─── Sosyal İkonlar (İçerik Alt) ────────────── */
.content_alt_solcol .social_block ul li {
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 10px 4px 0 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--footer-border);
    transition: background var(--transition), border-color var(--transition);
}

.content_alt_solcol .social_block ul li:hover {
    background: var(--footer-accent);
    border-color: var(--footer-accent);
}

/* ─── Sağ Alan ───────────────────────────────── */
.footer_right {
    float: right;
    margin-top: 0;
}

.footer_right .payment_block li {
    display: inline-block;
    height: 36px;
    margin-right: 6px;
    width: 36px;
    border-radius: 6px;
    overflow: hidden;
    transition: opacity var(--transition), transform var(--transition);
}

.footer_right .payment_block li:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

.footer_right .payment_block li:last-child {
    margin-right: 0;
}

.footer_right .payment_block .visa > a {
    background: transparent url("../image/socials/facebook.png") no-repeat scroll center center;
    background-size: contain;
    display: block;
    padding: 16px;
}

.footer_right .payment_block .mastro > a {
    background: transparent url("../image/socials/twitter.png") no-repeat scroll center center;
    background-size: contain;
    display: block;
    padding: 16px;
}

.footer_right .payment_block .paypal > a {
    background: transparent url("../image/socials/pinterest.png") no-repeat scroll center center;
    background-size: contain;
    display: block;
    padding: 16px;
}

.footer_right .payment_block .mastercard > a {
    background: transparent url("../image/socials/youtube.png") no-repeat scroll center center;
    background-size: contain;
    display: block;
    padding: 16px;
}

/* ─── Alt Footer ─────────────────────────────── */
.footer_sol_alt {
    padding-top: 10px;
}

.footer_icerik_alt {
    clear: both;
    text-align: center;
    overflow: hidden;
    padding: 0 0 10px 0;
}

/* ─── Alt Linkler ────────────────────────────── */
.footer_sol_alt #links ul li {
    display: inline;
    padding: 0 10px 0 7px;
    border-right: 1px solid var(--footer-border);
    transition: color var(--transition);
}

.footer_sol_alt #links ul li.first {
    padding-left: 0;
}

.footer_sol_alt #links ul li.last {
    background: none;
    border-right: none;
    padding-right: 0;
}

.footer_sol_alt > p {
    color: var(--footer-text-muted);
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0 0;
    letter-spacing: 0.3px;
}

/* ─── Row ────────────────────────────────────── */
#footer .row {
    margin: 0 10px;
}

/* ─── Sosyal Block (Header) ──────────────────── */
.header_social {}

.social_block {
    margin: 2px 0 0;
    text-align: center;
}

.social_block > ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.social_block ul li {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    line-height: 0;
    margin: 6px 3px 0;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--footer-border);
    background: rgba(255,255,255,0.04);
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

.social_block ul li:hover {
    background: var(--footer-accent);
    border-color: var(--footer-accent);
    transform: translateY(-3px);
}

.social_block ul li a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_block ul li .fa {
    font-size: 12px;
}

.social_block ul li:hover a {
    color: #fff;
}

/* ─── Breadcrumb ─────────────────────────────── */
.layout-2.left-col #content .breadcrumb {
    padding: 0;
}

/* ─── Sitemap ────────────────────────────────── */
.sitemap {
    border: 1px solid var(--footer-border);
    border-radius: 8px;
    line-height: 22px;
    padding: 10px 0;
}

/* ─── Adres Butonu ───────────────────────────── */
.address-detail .btn.btn-info {
    clear: both;
    float: left;
    margin: 10px 0 10px 35px;
    position: relative;
}

/* ─── Copyright ──────────────────────────────── */
.copyright {
    padding: 12px 5px;
    text-align: center;
    border-top: 1px solid var(--footer-border);
    margin-top: 10px;
}

.copyright a {
    color: var(--footer-text-muted);
    transition: color var(--transition);
}

.copyright a:hover {
    color: var(--footer-accent);
}

/* ─── Görsel Hover ───────────────────────────── */
.imghover {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
}

.imghover:hover {
    transform: scale(1.07);
    opacity: 0.9;
}

/* ─── Yardımcılar ────────────────────────────── */
.rpulling {
    float: right;
}

/* ─── Paragraf & Link Tekrarları ─────────────── */
footer p {
    font-size: 13px;
    line-height: 1.7;
    color: var(--footer-text-muted);
}

footer a {
    color: var(--footer-text);
}

footer a:hover {
    color: var(--footer-hover);
}

footer h5 {
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 18px;
    position: relative;
}

footer h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 2px;
    background: var(--footer-accent);
    border-radius: 2px;
}
.alert {
    padding: 8px 14px;
}

.gray {
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 0;
}



.pagination {
    margin: 0;
}

.buttons {
    margin: 1em 0;
}

/* ─────────────────────────────
   SHARED MODERN BUTTON BASE
───────────────────────────── */
.btn {
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 9px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    line-height: 1.2;
    background: #d90000;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition:
        transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

.btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.16) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform 0.45s ease;
}

.btn:hover::after {
    transform: translateX(100%);
}


.btn:active {
    transform: translateY(0) scale(0.98);
}

.btn:focus,
.btn.focus,
.btn:active:focus {
    outline: none;
    text-decoration: none;
    color: #fff;
}

.btn-xs {
    font-size: 9px;
    padding: 6px 12px;
}

.btn-sm {
    font-size: 10.2px;
    padding: 8px 14px;
}

.btn-lg {
    font-size: 15px;
    padding: 12px 18px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

/* Özel koyu buton */
.btn-fumebuck {
    background: linear-gradient(135deg, #444444 0%, #333333 55%, #1f1f1f 100%);
    color: #fff;
    text-shadow: none;
    box-shadow: 0 4px 14px rgba(51, 51, 51, 0.35);
}

.btn-fumebuck:hover,
.btn-fumebuck:focus,
.btn-fumebuck:active {
    background: linear-gradient(135deg, #555555 0%, #3b3b3b 55%, #222222 100%);
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(20, 20, 20, 0.42);
}

/* Sepet için özel koyu ton */
.btn-sepet {
    background: linear-gradient(135deg, #544f4b 0%, #413c39 55%, #2e2b29 100%);
    padding: 10px 25px !important;
    border-radius: 10px;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(65, 60, 57, 0.35);
}

.btn-sepet:hover,
.btn-sepet:focus,
.btn-sepet:active {
    background: linear-gradient(135deg, #655f5a 0%, #4b4643 55%, #363230 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(65, 60, 57, 0.42);
}

/* Bootstrap modern secondary/default: #6c757d */
.btn-default {
    color: #fff;
    background: linear-gradient(135deg, #7b848d 0%, #6c757d 55%, #565e64 100%);
    box-shadow: 0 4px 14px rgba(108, 117, 125, 0.38);
}

.btn-default:hover,
.show > .dropdown-toggle.btn-default,
.btn-default.hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active {
    color: #fff;
    background: linear-gradient(135deg, #8b949c 0%, #7b848d 55%, #5c636a 100%);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(108, 117, 125, 0.45);
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled.hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled].hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default.hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background: linear-gradient(135deg, #d3d7db 0%, #adb5bd 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: none;
}

.btn-default .badge {
    color: #6c757d;
    background-color: white;
}

/* Bootstrap modern primary: #0d6efd */
.btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #3d8bfd 0%, #0d6efd 55%, #0b5ed7 100%);
    box-shadow: 0 4px 14px rgba(13, 110, 253, 0.38);
}

.show > .dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary.focus {
    color: #fff;
    background: linear-gradient(135deg, #5c9bfd 0%, #2f80fd 55%, #0b5ed7 100%);
    border-color: transparent !important;
    box-shadow: 0 8px 22px rgba(13, 110, 253, 0.45);
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled.hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled].hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary.hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background: linear-gradient(135deg, #c9dbff 0%, #9ec5fe 100%);
    border-color: transparent !important;
    color: #fff;
    box-shadow: none;
}

.btn-primary .badge {
    color: #0d6efd;
    background-color: white;
}

/* Bootstrap modern info: #0dcaf0 */
.btn-info {
    color: #fff;
    background: linear-gradient(135deg, #52d9f5 0%, #0dcaf0 55%, #31d2f2 100%);
    box-shadow: 0 4px 14px rgba(13, 202, 240, 0.38);
}

.show > .dropdown-toggle.btn-info,
.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background: linear-gradient(135deg, #79e3f8 0%, #3ad4f3 55%, #31d2f2 100%);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(13, 202, 240, 0.45);
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled.hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled].hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info.hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background: linear-gradient(135deg, #caf0f8 0%, #9eeaf9 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: none;
}

.btn-info .badge {
    color: #0dcaf0;
    background-color: white;
}

/* Bootstrap modern danger: #dc3545 */
.btn-danger {
    color: #fff;
    background: linear-gradient(135deg, #e35d6a 0%, #dc3545 55%, #bb2d3b 100%);
    box-shadow: 0 4px 14px rgba(220, 53, 69, 0.38);
}

.show > .dropdown-toggle.btn-danger,
.btn-danger:hover,
.btn-danger.hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background: linear-gradient(135deg, #ea868f 0%, #e4606d 55%, #bb2d3b 100%);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(220, 53, 69, 0.45);
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled.hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled].hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger.hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background: linear-gradient(135deg, #f5c2c7 0%, #f1aeb5 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: none;
}

.btn-danger .badge {
    color: #dc3545;
    background-color: white;
}

/* Bootstrap modern success: #198754 */
.btn-success {
    color: #fff;
    background: linear-gradient(135deg, #479f76 0%, #198754 55%, #157347 100%);
    box-shadow: 0 4px 14px rgba(25, 135, 84, 0.38);
}

.show > .dropdown-toggle.btn-success,
.btn-success:hover,
.btn-success.hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background: linear-gradient(135deg, #62b48f 0%, #3b9c6d 55%, #157347 100%);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(25, 135, 84, 0.45);
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled.hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled].hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success.hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background: linear-gradient(135deg, #c1dfd0 0%, #a3cfbb 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: none;
}

.btn-success .badge {
    color: #198754;
    background-color: white;
}

/* Bootstrap modern warning: #ffc107 */
.btn-warning {
    color: #212529;
    background: linear-gradient(135deg, #ffda6a 0%, #ffc107 55%, #ffca2c 100%);
    box-shadow: 0 4px 14px rgba(255, 193, 7, 0.38);
}

.show > .dropdown-toggle.btn-warning,
.btn-warning:hover,
.btn-warning.hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #212529;
    background: linear-gradient(135deg, #ffe28c 0%, #ffd24a 55%, #ffca2c 100%);
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(255, 193, 7, 0.45);
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled.hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled].hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning.hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
    border-color: transparent;
    color: #212529;
    box-shadow: none;
}

.btn-warning .badge {
    color: #212529;
    background-color: white;
}

/* Link */
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #23a1d1;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-link:hover,
.btn-link:focus {
    color: #1b8bb6;
    transform: none;
    box-shadow: none;
    background: transparent;
}
.list-group {
    padding-bottom: 0;
}
.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}
.list-group a {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 solid #eee;
    color: #555;
    font-family: Arial;
    font-weight: bold;
    padding: 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
.carousel-caption {
    color: #ffffff;
    text-shadow: 0 1px 0 #323a45;
}
.carousel-control .icon-prev::before {
    content: "";
    font-family: FontAwesome;
}
.carousel-control .icon-next::before {
    content: "";
    font-family: FontAwesome;
}
.cerceve{background:#fff;padding:15px;border:1px solid #eee;margin-bottom:20px;}
#column-right .product-thumb, #column-left .product-thumb {
    border-top:none;border-right:none;border-left:none;
    border-radius: 0px;background:#Fff; 
   border-bottom:1px solid #eee;
    margin: 0;margin-bottom:15px;
    min-height: 20px;
    overflow: auto;
    padding: 7px;
}
#column-right .col-lg-2, #column-right .col-md-3, #column-right .col-sm-6 {
    width: 100%;
}
#column-left .col-lg-2, #column-left .col-md-3, #column-left .col-sm-6 {
    width: 100%;
}
#column-right .product-thumb .image, #column-left .product-thumb .image {
    float: left;
    margin-bottom: 0;
    margin-right: 6px;
    padding-bottom: 0;
    text-align: center;
}
#column-right .product-thumb .image a, #column-left .product-thumb .image a {
    display: block;
    margin-bottom: 0;
}
#column-right .product-thumb .image a:hover, #column-left .product-thumb .image a:hover {
    opacity: 0.8;
}
#column-right .product-thumb .image:hover img, #column-left .product-thumb .image:hover img {
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 0 #eee;
}
#column-right .product-thumb .image img, #column-left .product-thumb .image img {
    border: 1px solid #f5f5f5;
    border-radius: 0;
    box-shadow: 0 0 0 #eee;
    margin-bottom: 0;
    padding: 0;
}
#column-right .product-layout {
    background-color: #fff;
    border-radius: 0;
    margin: 5px 0 10px;
}
#column-right .product-thumb h4, #column-left .product-thumb h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #413c39;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 70px;
    margin-top: 0px;line-height:14px;
    min-height: 25px;
    text-align: left;

}
#column-right .product-thumb h4 a, #column-left .product-thumb h4 a {
    color: #666;line-height:14px;
    font-size: 14px;

}
#column-right .product-thumb .caption, #column-left .product-thumb .caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
    min-height: 20px;
    padding: 0 5px;
    position: relative;
}
#column-right .product-layout .indirim, #column-left .product-layout .indirim {
    
    border-radius: 2px;
    color: #fff;font-weight:500;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 3px 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 35px;
    width: 46px;
}
#column-right  .product-layout .indirim::after, #column-left  .product-layout .indirim::after{
     border-top: 28px solid #222;
     display:none;
	border-right: 28px solid transparent ;
    border-left: 28px solid transparent;
   top: 45px;
    content: "";
    position: absolute;
    left: 0px;
}
#column-right  .leftrightx, #column-left  .leftrightx {padding:0px 0;}

#column-right .product-thumb .price, #column-left .product-thumb .price {
    color: #413c39;
    font-size: 13px;
    font-weight: 700;
    margin-left: 70px;
    margin-top: 0;
    text-align: left;
}
#column-left .product-thumb .price-new , #column-right .product-thumb .price-new{
    font-size: 18px;
    line-height: 12px;
}
#column-right .product-thumb .price-old, #column-left .product-thumb .price-old {
    color: #c4c3bc;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-left: 0;
    margin-right: 0;
    text-decoration: line-through;
}
#column-right .product-thumb .price-tax, #column-left .product-thumb .price-tax {
    color: #413c39;
    display: block;
    font-size: 12px;
}
.leftrightx{padding:4px;}



.product-thumb {background:#fff;
       border-radius: 2px;
              overflow: hidden;
                border: 1px solid #f8f8f8;
}

.product-thumb:hover .price {color:#2C3E50;transition: all 400ms ease-in-out 0s;}

	/*.product-thumb:hover .caption {transition: all 800ms ease-in-out 0s;
    background: #FBA431 none repeat scroll 0 0;
     
}*/
.yeni {
    left: 10px;
    position: absolute;
    top: 15px;
    z-index: 999999999;
}
.miktar {
    background: rgba(0, 0, 0, 0) url("../image/tukendi.png") no-repeat scroll 0 0;
    height: 80px;
    left: 0;
    position: absolute;
    top: 105px;
    width: 80px;
    z-index: 2;
}
.product-thumb .image .hover-image {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    transition: all 0.5s ease 0s;
}
.product-thumb .image:hover .hover-image {
    opacity: 1;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.product-thumb:hover .image  .hover-image{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    visibility: visible;
}
.product-thumb .image .hover-image{
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    visibility: hidden;
    text-align: center;
    left: 0;
}


.product-thumb .image {
    border-bottom: 0 solid #eee;
    position: relative;padding:0px;
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .image a:hover::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.product-thumb .image a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.product-thumb .image a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    border-radius:10px;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
    float: left;
    padding: 0;
}
}
.product-thumb h4 {
    color: #413c39;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0px;
    min-height: 36px;
    text-align: left;
    width: 100%;
}

.product-thumb h4 a { 
    display: block;
    color: #413c39;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
}

.product-thumb:hover h4 a {
    color: #413c39;
}

.product-thumb .caption {
    background: #fefefe none repeat scroll 0 0;
    padding: 8px 10px 6px;
    margin-top: 3px;
    bottom: -3px;
    position: relative;
    height: 140px;
    z-index: 2;
}

.product-layout .sale {
    background-color: #D6BC9D;
    color: #fff;
    left: 0;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    top: 0;
}

.product-layout .indirim {
    background: #ff7846;
    border-radius: 2px;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    padding: 9px 2px 11px;
    position: absolute;
    right: 5px;
    bottom: 0px;
    top: auto;
    text-align: center;
    line-height: 13px;
    width: 56px;
}

.product-layout .indirim::after {
    border-bottom: 10px solid #ff7846;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    border-top: none;
    bottom: 45px;
    top: auto;
    content: "";
    position: absolute;
    left: 0px;
}

.product-list .indirim {
    right: 0;
    bottom: 0;
    top: auto;
}
.product-list .description {
    display: block;
}
.product-grid .description {
    display: none;
}
.product-list .product-thumb img {
    max-width: 250px;
}
.product-list .product-thumb h4 {
    text-align: left;
}
.product-list .product-thumb .price {
    text-align: left;
}
.product-list .product-thumb .caption {
    margin-left: 270px;
    text-align: left;
}
.product-list .wish_compare {
    padding: 0 10px;
}
.product-list .image a {
    overflow: hidden;
}
.cat-liste {
    background: #f5f5f5 none repeat scroll 0 0;
    list-style: outside none none;
    padding: 4px;
    text-align: center;
}
.backgrod {
    background-color: #fff;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
    color: #777;
    font-size: 14px;
    padding: 7px;
}


.product_heading {
    color: #413c39; font-family: "Quicksand", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center;
}
.product_infos { font-family: "Quicksand", sans-serif;
    border-bottom: 0px solid #eee;
    margin-top: 11px;
}
.product_infos ul li {
    color: #777; font-family: "Quicksand", sans-serif;
    font-size: 13px;margin-bottom:20px;
    font-weight:normal;
    line-height: 25px;
}
.product-thumb,
.product-image,
.product-left,
#content .thumbnails,
.product-additional,
.image,
#product-gallery {
    position: relative;
    overflow: visible !important;
}

.specialPercente {
    position: absolute;
    left: -18px;
    top: 0px;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 78px;
    height: 78px;
    padding: 10px 8px;

    background: linear-gradient(180deg, #ff2a2a 0%, #df1414 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    letter-spacing: -0.2px;

    border: 0;
    box-shadow:
        0 10px 24px rgba(241, 22, 39, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.18);

    transform: rotate(-12deg);

    -webkit-clip-path: polygon(
        50% 0%,
        58% 8%, 69% 3%, 73% 14%,
        86% 12%, 84% 24%, 97% 29%, 90% 40%,
        100% 50%, 90% 60%, 97% 71%, 84% 76%,
        86% 88%, 73% 86%, 69% 97%, 58% 92%,
        50% 100%, 42% 92%, 31% 97%, 27% 86%,
        14% 88%, 16% 76%, 3% 71%, 10% 60%,
        0% 50%, 10% 40%, 3% 29%, 16% 24%,
        14% 12%, 27% 14%, 31% 3%, 42% 8%
    );
    clip-path: polygon(
        50% 0%,
        58% 8%, 69% 3%, 73% 14%,
        86% 12%, 84% 24%, 97% 29%, 90% 40%,
        100% 50%, 90% 60%, 97% 71%, 84% 76%,
        86% 88%, 73% 86%, 69% 97%, 58% 92%,
        50% 100%, 42% 92%, 31% 97%, 27% 86%,
        14% 88%, 16% 76%, 3% 71%, 10% 60%,
        0% 50%, 10% 40%, 3% 29%, 16% 24%,
        14% 12%, 27% 14%, 31% 3%, 42% 8%
    );
}

/* yazı biraz daha tok dursun */
.specialPercente br {
    line-height: 0;
}

@media (max-width: 768px) {
    .specialPercente {
        left: -10px;
        top: 0px;
        width: 46px;
        height: 46px;
        font-size: 10px;
        padding: 6px 4px;
        line-height: 1;
        transform: rotate(-10deg);
    }
}

.mainprice {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 10px;
    border: none;
    text-align: center;
}

.mainprice h1 {
    font-family: "Quicksand", sans-serif;
    font-weight: 600;
    color: #e7512f;
    font-size: 30px;
    top: 0px;
    display: inline-block;
    margin: 0;
    line-height: 1.2;
}

.mainprice span {
    color: #bdc3c7;
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
    text-decoration: line-through;
    font-weight: normal;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

.mainprice .eski {
    display: inline-block;
    color: #413c39;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    text-align: center;
    width: 50%;
    font-weight: 700;
}

.mainprice .yeni {
    display: inline-block;
    color: #413c39;
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    text-align: center;
    width: 50%;
    font-weight: 700;
}

.mainprice ul li {
    padding: 0;
    text-align: center;
    margin: 0;
}


.nav-tabs ul {
  float: none;
  width: 100%;
  text-align: center;
  border-bottom: none;
}

.nav-tabs {
  margin-top: 12px;
  font-family: "Quicksand", sans-serif;
  text-align: center;
  margin-bottom: 0;
  float: none;
  width: 100%;
  border-bottom: none;
  background: #f1f5f9;
  border-radius: 12px;
  padding: 5px;
  display: inline-block;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background: #ffffff;
  color: #ff7846;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  border-radius: 8px;
  border: none;
}

.nav-tabs > li {
  float: none;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  padding: 0;
}

.tab-pane {
  line-height: 26px;
}

.owl-wrapper-outer {
  background: transparent;
}

.nav-tabs li a {
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  padding: 10px 24px;
  text-transform: capitalize;
  margin: 0;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  color: #94a3b8;
  letter-spacing: 0.02em;
  line-height: 22px;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-block;
}

.nav-tabs li a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #ff7846;
  border-radius: 8px;
  border: none;
  box-shadow: none;
}

@keyframes gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (max-width: 767px) {
  .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 4px;
    overflow: hidden;
  }

  .nav-tabs > li {
    float: none;
    display: block;
    flex: 1 1 0;
    width: auto;
    margin: 0;
    padding: 0;
  }

  .nav-tabs > li > a,
  .nav-tabs li a {
    display: block;
    width: 100%;
    padding: 10px 8px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 5px;
}
.backgrod .selecting {
    margin-left: 5px;
    max-width: 50%;
}
.backgrod .comparing {
    font-size: 10px;
}
}
@media (max-width: 767px) {
#cart > .btn {
    border: 0 solid #eee;
    margin-top: 5px;
    width: 100%;
}

.arama {
    width: 100%;
}
.product-list .product-thumb .caption {
    margin-left: 0;
    min-height: 0;
    padding: 7px 10px;
}
/*.product-grid { border-right: 1px solid #eee;}*/
.product-grid .product-thumb .caption {
    min-height: 0;
}
}
.product-thumb .rating {
    line-height: normal;
    margin-top: 0;display:none;
    padding-bottom: 0px;
}
.rating .fa-stack, #review .fa-stack {
    font-size: 8px;
    width: 12px;
}
.rating .fa-star-o, #review .fa-star-o, .rating-wrapper .fa-star-o {
    color: #f5cb0c;
    font-size: 11px;
}
.rating .fa-star, #review .fa-star, .rating-wrapper .fa-star {
    color: #f5cb0c;
    font-size: 11px;
}
.rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o, .rating-wrapper .fa-star + .fa-star-o {
    color: #f5cb0c;
}
.rating .fa-star.off, .rating-wrapper .fa-star.off {
    color: #ccc;
}
h2.price {
    margin: 0;
}
.row1{margin-left:-1px;margin-right:-1px;}
.product-thumb .price {
    font-family: "Quicksand", sans-serif;
    color: #f44;
    font-size: 21px;
    margin: 0;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    width: 100%;
}

.product-thumb .price-new {
    font-size: 18px;
    margin-left: 0;
    display: inline-block;
}

.product-thumb .price-old {
    color: #c4c3bc;
    font-weight: 700;
    margin-right: 6px;
    font-size: 18px;
    text-decoration: line-through;
    display: inline-block;
}

.tarihh{font-size:12px;border:1px solid #eee;padding:6px;}
.tarihh i{font-size:15px;color:#111;}
.product-info .labes{font-size:13px; font-weight:bold;}
.kargos{font-size:12px;color:#777;font-weight:bold;padding:10px 6px;background:#fbfbfb;text-align:center;width:85px;line-height:15px;border-radius:10px 10px 10px 10px;}
.kargos i:hover{color:#36485C;}
.kargos i:hover{color:#36485C;}
.kargos:hover{
 transition: all 0.5s ease 0s;
	-webkit-transform: rotate(-360deg);
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer;}
#product {
  padding: 12px 18px;
  margin-bottom: 16px;
  background: #fcfcfc;
  border: 1px solid #e9eef4;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

#product1{
    padding: 22px;
    margin-bottom: 18px;
    background: #ffffff;
    border: 0;
    border-radius: 18px;
    box-shadow:
        0 6px 18px rgba(15, 23, 42, 0.05),
        0 2px 6px rgba(15, 23, 42, 0.04);
}
    

.product-info {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    height: auto;
    margin-bottom: 15px;
    padding:0px;
}
.resims{border-left: 1px solid #eee;padding:10px 15px 15px 15px;margin:0px;}
.desc {
    color: #555;
     font-family: "Quicksand", sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
    text-transform:none;
}
.cat-info {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0px solid #eee;
    border-radius: 3px;
    height: auto;
    margin-bottom: 0;
    padding: 10px;
}
.pcat-info {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    height: auto;
    margin-bottom: 20px;
    padding: 10px 0;
}
.pcat-infos {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    height: auto;
    padding: 15px 15px 30px;
}
.tab-con {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 0;
    color: #806B62;font-size:15px;
    padding: 20px;
    
	
}
.wish_compare {
    padding: 10px;
}
.wish_compare a {
    color: #323a45;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
}
.wish_compare a i {
    margin-right: 4px;
}
.product-thumb .price-tax {
    color: #413c39;
    display: none;
    font-size: 12px;
}
.product-thumb .button-group {
    bottom: -95px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.product-thumb:hover .button-group {
    bottom: 0px;
}
.alert-success{
    position: relative;
    margin: 0 0 16px;
    padding: 16px 20px;
    border: 1px solid rgba(46, 204, 113, 0.18);
    border-left: 5px solid #22c55e;
    border-radius: 14px;
    background: linear-gradient(135deg, #2ecc71 0%, #22c55e 55%, #16a34a 100%);
    box-shadow: 0 10px 25px rgba(34, 197, 94, 0.18);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    overflow: hidden;
}

.alert-success:before{
    content: "";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 110px;
    height: 110px;
    background: rgba(255,255,255,0.10);
    border-radius: 50%;
}

.alert-success:after{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
}

.alert-success a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.45);
    transition: all 0.2s ease;
}

.alert-success a:hover{
    color: #f0fff4;
    border-bottom-color: #ffffff;
}

.alert-success .close{
    color: #ffffff;
    opacity: 0.9;
    text-shadow: none;
}

.alert-success .close:hover{
    opacity: 1;
}
.product-list .product-thumb .button-group {
    border-left: 0 solid #ddd;
}
@media (max-width: 768px) {
.specialthemes1 .box-module-bilgikutucu .column {
    border-bottom: 0 solid #333;
    border-right: 0 solid #333;
    border-top: 0 solid #333;
    margin-bottom: 10px;
}
.product-list .product-thumb .button-group {
    border-left: medium none;
}
}
.product-thumb .button-group button {font-family:'Roboto';
   width: 33%;
	border: none;
	display: inline-block;
	float: left; 
	background: none;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
     
}
.product-thumb .button-group button + button {
    background:none;color:#fff;
    border-left: 0 solid #fff;
    width: 33%; 
}
.product-thumb .button-group button + button:hover {
    background-color: none;color:#fff;
    border:none;
    width: 33%;
}
.product-thumb .button-group img{max-width:70%;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.1);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.1);
box-shadow: 0 0 10px 0
rgba(0, 0, 0,0.1);border-radius:50%;}

.product-thumb .button-group button:hover {
    background-color:noen;
    color: #fff; border: 0px solid #000;
    cursor: pointer;
    text-decoration: none;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33%;
}
}
.thumbnails {
    clear: both;
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 0;
}
.thumbnails > li {
    margin-left: 5px;
}
.thumbnails {
    margin-left: -20px;
}
.thumbnails > img {
    width: 100%;
}
.image-additional a {
    border: 1px solid #ddd;
    display: block;border-radius:1px;
    margin-bottom: 20px;
    padding: 5px;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: left;
    margin-right: 10px;
}
.product-buttons button {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #333 !important;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: medium none;
    color: #fff !important;
    margin-bottom: 15px;
}
.product-buttons a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #333 !important;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: medium none;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 20px;
}
#sidecategory .category_menu ul > li > ul {
    width: 698px;
}
@media (max-width: 990px) {
.footer_logo {border-left: 0px solid #79685E;padding:0px;}
#sidecategory .category_menu ul > li > ul {
    width: 550px;
}
}
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
    width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
    width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3 {
    width: 100%;
}
#content + #column-right .product-layout .col-md-3 {
    width: 100%;
}
}
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}
#column-left .leftrightx, #column-right .leftrightx {
    width: 100%;
}
/*.leftrightx{border-right:1px solid #eee;}*/
.product-layout { 
    background-color:none;
    border-radius: 0px;
    margin-top: 0px;
}


.slideshow .owl-wrapper-outer {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}
#sidecategory {
    background-color: #f8f8f8;
    border: 1px solid #333;
    margin-bottom: 30px;
    padding-bottom: 0;
}
#sidecategory .categorybg {
    background-color: #e5e5e5;
}
#sidecategory .list-group {
    margin-bottom: 0;
}
#sidecategory .category_menu ul li {
    border-bottom: 1px solid #fff;
    border-right: medium none;
    float: none;
    text-transform: uppercase;
}
#sidecategory .category_menu .navbar-nav li a {
    color: #323a45;
}
#sidecategory .category_menu .navbar-nav .dropdown-menu li a {
    color: #f2f2f2;
}
#sidecategory .category_menu .navbar-nav .dropdown ul li a:hover {
    background-color: #f2f2f2;
    color: #323a45;
}
#sidecategory .category_menu ul {
    width: 100%;
}
#sidecategory .category_menu ul li .dropdown-menu {
    left: 100%;
    min-height: 255px;
    top: 0;
}
#sidecategory .sublisting {
    width: 550px;
}
#sidecategory .sublisting li {
    border: medium none;
}
.brands {
    background-color: #333;
    color: #efefef;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 12px;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
}
.margin {
    margin-bottom: 20px;
}
.bckground2 {
    background: #333 url("../image/cath2.png") no-repeat scroll right center;
    color: #fff;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
    padding: 4px 40px 3px 25px;
    text-align: left;
}
.bckground1 {
    color: #fff;
     font-family: "Quicksand", sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 8px 0 5px 5px;
    text-align: left;
}
.bckground {
    background: #bada70 url("../image/sizinh2.png") no-repeat scroll right center;
    color: #fff;
     font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
    padding: 4px 40px 0 25px;
    text-align: center;
}
.customstyle {
    background-color: #fff;
    border-right: 0px solid #eee;
    margin-bottom: 10px;
    padding: 0;
}
.tab-content { font-family: "Quicksand", sans-serif;
    margin-bottom: 10px;
}
.tab-content img{display:block;max-width:100%;height:auto;}
@media only screen and (max-width: 1200px) {
.header_icon_text {
    margin: 2px 10px 0 0 !important;
}
.top_bar_link {
    text-align: center;
}
.top_bar_link span {
    display: none;
}
.top_bar_link a {
    padding: 1.2% 5%;
}
}
@media only screen and (max-width: 786px) {
.mcenter {
    align-items: center;
    display: flex;
    justify-content: center;
}
.nav-tabs li a { margin-bottom:5px;
}
.rpulling {
    float: none;
}
.header_banners {
    align-items: center;
    display: flex;
    justify-content: center;
}
.product-buttons button {
    margin: 10px 0;
}
.product-buttons a {
    margin: 10px 0;
}
}

.well p {
    margin: 12px 0 !important;
}
.list-unstyled {
    margin: 10px 0;
}
.list-unstyled li {
    line-height: 30px;
}
.cartinput {
    height: 37px;
    margin-top: 1px;
}
.h3manufactute {
    color: #333;
    margin: 20px 0;
}
.write-review, .review-count {
    border-left: 1px solid #eee;
    color: #b9b9b9;
    padding: 0 10px;
}
.review-count {
    margin-left: 10px;
}
.rating-wrapper {
    border-top: 1px solid #eee;
    font-size: 14px;
    margin: 5px 0 0;
    padding: 6px 0;
}
.form-group.qty {
    border-bottom: 0px solid #eee;
    border-top: 0px solid #eee;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 10px 0 5px;
}
.form-group.qty .control-label {
    float: left;
    margin: 6px 10px 0 0;
}
#content #product .compare {
    margin-left: 1px;
}
#content .wishlist {
    background: #323a45 url("../image/stil/compare.png") no-repeat scroll 14px -31px;
    border: 1px solid #323a45;
    height: 33px;
    margin: 0 3px;
    transition: none 0s ease 0s ;
    width: 33px;
}
.btn-block {
    display: inline-block;
    width: 100%;
}
.btn-block + .btn-block {
}
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
    width: auto;
}
#content .wishlist:hover {
    background-color: #eee;
    background-position: 14px 9px;
    border-color: #ccc;
}
#content .compare {
    background: #323a45 url("../image/stil/compare.png") no-repeat scroll 14px -111px;
    border: 1px solid #323a45;
    height: 33px;
    margin-left: 2px;
    transition: none 0s ease 0s ;
    width: 33px;
}
#content .compare:hover {
    background-color: #eee;
    background-position: 14px -70px;
    border-color: #ccc;
}
#input-quantity {
    float: right;
    margin-right: 0px;
    width: 100%;

}
.input-group .form-control[name^="quantity"] {
    min-width: 100%;
    height: 32px;
    font-weight:bold;
}
.quantity {

    position: relative;
}
/* ─── Shared Button Base ─────────────────────────────────────── */
#button-cart,
#button-demo,
#button-hizli,
#button-pack,
#button-ssor {
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0 18px;
  width: 100%;
  height: 46px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.25s ease,
              background-color 0.25s ease;
}

/* Ripple shimmer on hover */
#button-cart::after,
#button-demo::after,
#button-hizli::after,
#button-pack::after,
#button-ssor::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.15) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform 0.45s ease;
}

#button-cart:hover::after,
#button-demo:hover::after,
#button-hizli:hover::after,
#button-pack:hover::after,
#button-ssor:hover::after {
  transform: translateX(100%);
}

#button-cart:hover,
#button-demo:hover,
#button-hizli:hover,
#button-pack:hover,
#button-ssor:hover {
  transform: translateY(-2px);
}

#button-cart:active,
#button-demo:active,
#button-hizli:active,
#button-pack:active,
#button-ssor:active {
  transform: translateY(0) scale(0.98);
}

/* ─── #button-cart  (Turuncu → Gri hover) ───────────────────── */
#button-cart {
  background: linear-gradient(135deg, #ff7846 0%, #ff5722 100%);
  box-shadow: 0 4px 14px rgba(255, 120, 70, 0.40);
}

#button-cart:hover {
  background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);
  box-shadow: 0 6px 18px rgba(120, 120, 120, 0.38);
  color: #fff;
}

/* ─── #button-demo  (Mavi → Lacivert hover) ─────────────────── */
#button-demo {
  background: linear-gradient(135deg, #2E7EB3 0%, #1a5f8a 100%);
  box-shadow: 0 4px 14px rgba(46, 126, 179, 0.42);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#button-demo:hover {
  background: linear-gradient(135deg, #1e3a4a 0%, #202930 100%);
  box-shadow: 0 8px 22px rgba(32, 41, 48, 0.45);
  color: #fff;
}

#button-hizli {
  background: linear-gradient(135deg, #25D366 0%, #1ebe57 100%);
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.40);
}

#button-hizli:hover {
  background: linear-gradient(135deg, #1da851 0%, #128C7E 100%);
  box-shadow: 0 6px 18px rgba(18, 140, 126, 0.42);
  color: #fff;
}

/* ─── #button-pack  (Turuncu → Yeşil hover) ─────────────────── */
#button-pack {
  background: linear-gradient(135deg, #FBA431 0%, #f08c10 100%);
  box-shadow: 0 4px 14px rgba(251, 164, 49, 0.42);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#button-pack:hover {
  background: linear-gradient(135deg, #54C259 0%, #3da842 100%);
  box-shadow: 0 8px 22px rgba(84, 194, 89, 0.42);
  color: #fff;
}

/* ─── #button-ssor  (Mor → Kırmızı hover) ───────────────────── */
#button-ssor {
  background: linear-gradient(135deg, #7c4dcc 0%, #673ab7 100%);
  box-shadow: 0 4px 14px rgba(103, 58, 183, 0.42);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#button-ssor:hover {
  background: linear-gradient(135deg, #f11627 0%, #c0000f 100%);
  box-shadow: 0 8px 22px rgba(241, 22, 39, 0.42);
  color: #fff;
}
/* ─── Update Nag ──────────────────────────────────────────────── */
.update-nag {
  display: inline-flex;
  align-items: stretch;
  font-size: 14px;
  font-family: 'Segoe UI', system-ui, sans-serif;
  text-align: left;
  text-shadow: none;
  background-color: #ffffff;
  height: 44px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.update-nag:hover {
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

.update-nag > .update-split {
  background: #3b82f6;
  width: 44px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-shadow: none;
}

.update-nag > .update-split > .glyphicon {
  position: static;
  font-size: 15px;
}

.update-nag > .update-split.update-success {
  background: #22c55e !important;
}

.update-nag > .update-split.update-danger {
  background: #ef4444 !important;
}

.update-nag > .update-split.update-info {
  background: #0ea5e9 !important;
}

.update-nag > .update-split.update-view {
  background: #f97316 !important;
}

.update-nag > .update-text {
  display: flex;
  align-items: center;
  padding: 0 18px 0 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #1e293b;
  letter-spacing: -0.01em;
}

/* ─── Round Badges ───────────────────────────────────────────── */
.round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #1e1b18;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s ease;
}

.round.hollow {
  background-color: #fff;
  color: #1e1b18;
  box-shadow: 0 0 0 2.5px #1e1b18;
}

.round.round-sm {
  height: 22px;
  width: 22px;
  font-size: 11px;
}

.round.round-lg {
  height: 44px;
  width: 44px;
  font-size: 18px;
}

.round.blue        { background-color: #3b82f6; }
.round.gri         { background-color: #6b7280; }
.round.orange      { background-color: #f97316; }
.round.green       { background-color: #22c55e; }

.round.hollow.blue {
  color: #3b82f6;
  background-color: #fff;
  box-shadow: 0 0 0 2.5px #3b82f6;
}

.round.hollow.gri {
  color: #6b7280;
  background-color: #fff;
  box-shadow: 0 0 0 2.5px #6b7280;
}

.round.hollow.orange {
  color: #f97316;
  background-color: #fff;
  box-shadow: 0 0 0 2.5px #f97316;
}

.round.hollow.green {
  color: #22c55e;
  background-color: #fff;
  box-shadow: 0 0 0 2.5px #22c55e;
}

.round:hover {
  transform: rotate(-360deg) scale(1.1);
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

/* ─── Collapse Icon Toggle ───────────────────────────────────── */
[data-toggle="collapse"] .fa:before {
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

/* ─── Alert Messages ─────────────────────────────────────────── */
.alert-message {
  margin: 16px 0;
  padding: 18px 20px;
  border-left: 4px solid #e2e8f0;
  border-radius: 0 10px 10px 0;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.alert-message h4 {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.alert-message p:last-child {
  margin-bottom: 0;
}

.alert-message code {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 12.5px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.alert-message-success {
  background-color: #f0fdf4;
  border-color: #22c55e;
}
.alert-message-success h4 { color: #16a34a; }

.alert-message-danger {
  background-color: #fff5f5;
  border-color: #ef4444;
}
.alert-message-danger h4 { color: #dc2626; }

.alert-message-warning {
  background-color: #fffbeb;
  border-color: #f59e0b;
}
.alert-message-warning h4 { color: #d97706; }

.alert-message-info {
  background-color: #f0f9ff;
  border-color: #0ea5e9;
}
.alert-message-info h4 { color: #0284c7; }

.alert-message-default {
  background-color: #f8fafc;
  border-color: #cbd5e1;
}
.alert-message-default h4 { color: #1e293b; }

.alert-message-notice {
  background-color: #fefce8;
  border-color: #ca8a04;
}
.alert-message-notice h4 { color: #92400e; }

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}
 
.list-group-item {
    border-bottom: 1px solid #eee;
    border-left: medium none;
    border-right: medium none;
    padding: 3px 0;
}


@media only screen and (min-width: 1060px) and (max-width: 1240px) {
.footer_logo {
    margin-right: 20px;
    width: 217px;
}
.footer_icerik_ust {
    padding: 17px 0 45px 30px;
}
.footer_icerik_alt {
    padding: 19px 0 10px 30px;
}
.content_footer_solcol .col-sm-3.column {
    margin-right: 20px;
    width: 260px;
}
.col-sm-3.column {
    margin-left: 30px;
    padding: 0;
    width: 170px;
}
}

.footer_icerik_ust {
    padding: 17px 0 15px 20px;
}
.footer_icerik_alt {
    padding:0px 0 10px 30px;
}
.content_alt_solcol .col-sm-3.column {
    margin-right: 20px;
    width: 260px;
}
.col-sm-3.column {
    margin-left: 20px;
    padding: 0;
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {
.footer_logo {
    margin-right: 20px;
    width: 20%;
}
#menu > ul > li {
    padding: 13px 15px 25px;
}
.footer_icerik_ust {
    padding: 17px 0 45px 25px;
}
.footer_icerik_alt {
    padding: 19px 0 10px 25px;
}
.content_alt_solcol .col-sm-3.column {
    margin-right: 15px;
    width: 260px;
}
.col-sm-3.column {
    margin-left: 15px;
    padding: 0;
}
}
@media (max-width: 979px) {
.banner-foot {
    display: none;
}
.slaytaltbanner span {
    margin-right: 0;
}
.hakkimizda-text {
    clear: both;
    float: none;
    width: 100%;
}
.footer_title1, .footer_title2 {
    font-size: 22px;
}
.aboutme-read-more {
    clear: both;
    float: none;
    margin: 30px 0 16px;
    width: 100%;
}
#mainslider .slider-pagination {
    border-radius: 25px;
    bottom: 25px;
    display: none;
    position: relative;
    text-align: center;
}
#footer_sol_block > h5 {
    display: block;
}
#footer.container {
    padding: 40px 0;
}
.footer_logo {
    margin: 0;
    width: 100%;
}
.footer_icerik {
    border: medium none;
    width: 100%;
}
.footer_icerik_ust {
    padding: 0 0 0px;
}
.col-sm-3.column {
    margin: 0;
    padding: 0;
}
.hakkimizda-logo {
    padding-bottom: 5px;
}
.footer_icerik_alt {
    padding: 10px 0;
}
}
@media (max-width: 767px) {
.product-layout {
     
   padding:0px 0px;
  
}

.banner-foot {
    display: none;
}
.footer_sol_alt {
    float: none;
    overflow: hidden;
    text-align: center;
}
.footer_icerik_alt {
    padding: 10px 0;
}
.footer_right {
    float: none;
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
}
#footer.container {
    padding: 40px 15px;
}
}
.subcat {
    background: #eee none repeat scroll 0 0;
    border: 4px solid #fff;
    margin: 5px 0;
    min-height: 45px;
    padding: 4px;
}
.subcat:hover {
    background: #ea222f none repeat scroll 0 0;
}
.subcat:hover a {
    color: #fff;
}
.banner-foot .mini-bilgi li.cart::before {
    background-position: 0 -175px;
    height: 46px;
    margin-top: 1px;
    width: 40px;
}
.banner-foot .mini-bilgi li.cart::before {
    background-position: 0 -114px;
    height: 30px;
    width: 26px;
}
.banner-foot .mini-bilgi li::before {
    background-size: 49px 270px;
}
.banner-foot .mini-bilgi li::before {
    background: rgba(0, 0, 0, 0) url("../image/esprite.png") no-repeat scroll 0 0 / 32px 176px;
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.banner-foot .mini-bilgi li:first-child {
    border: medium none;
    margin-left: 0;
    padding-left: 0;
}
.banner-foot .mini-bilgi li {
    font-size: 17px;
    margin-left: 38px;
    padding-left: 38px;
}
.banner-foot .mini-bilgi li {
    font-size: 13px;
    margin-left: 15px;
    padding-left: 15px;
}
.banner-foot .mini-bilgi li {
    border-left: 1px solid #525355;
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}
.banner-foot .mini-bilgi {
    text-align: center;
}
.banner-foot {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    margin-top: -17px;
    padding: 7px 0 1px;
    position: relative;
    z-index: 100;
}
.banner-foot .mini-bilgi {
    margin-left: -20px;
    margin-top: 0;
    text-align: center;
    width: 100%;
}
.banner-foot .mini-bilgi li span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.banner-foot .mini-bilgi li.whatsapp::before {
    background-position: 0 -144px;
    height: 32px;
    margin: 0;
    width: 32px;
}
.banner-foot .mini-bilgi li.card::before {
    background-position: 0 0;
    height: 28px;
    margin: 0;
    width: 33px;
}
.banner-foot .mini-bilgi li.tag::before {
    background-position: 0 -29px;
    height: 30px;
    width: 30px;
}
.banner-foot .mini-bilgi li.box::before {
    background-position: 0 -59px;
    height: 24px;
    margin: 3px 0;
    width: 27px;
}
.banner-foot .mini-bilgi li.door::before {
    background-position: 0 -84px;
    height: 30px;
    width: 19px;
}
.banner-foot .mini-bilgi li.cart::before {
    background-position: 0 -114px;
    height: 30px;
    width: 26px;
}
.subbanner.container {
    margin-bottom: 4px;
    text-align: center;
}
.subbanner_inner {
    display: inline-block;
    margin: 0 auto;
    width: 1240px;
}
.subbanner_inner1 {
    float: left;
    width: 28.25%;
}
.subinner1, .subinner4 {
    margin-bottom: 25px;
}
.subinner1, .subinner2 {
    cursor: pointer;
    margin-right: 13px;
    overflow: hidden;
    position: relative;
}
.border-top {
    background: #b5b5b5 none repeat scroll 0 0;
    height: 2px;
    left: -100%;
    top: 5.5%;
    transition: all 400ms ease 0s;
    width: 90%;
}
.border-right {
    background: #b5b5b5 none repeat scroll 0 0;
    bottom: 5.5%;
    height: 89%;
    right: 5%;
    top: -100%;
    transition: all 400ms ease 0s;
    width: 2px;
}
.border-bottom {
    background: #b5b5b5 none repeat scroll 0 0;
    bottom: 5.5%;
    height: 2px;
    right: -100%;
    transition: all 400ms ease 0s;
    width: 90%;
}
.border-left {
    background: #b5b5b5 none repeat scroll 0 0;
    bottom: -100%;
    height: 89%;
    left: 5%;
    transition: all 400ms ease 0s;
    width: 2px;
}
.border-top, .border-left, .border-bottom, .border-right {
    position: absolute;
}
@media (max-width: 990px) {
	.autosearch-wrapper {
    
    margin: 0px 0 10px;
}}
.login-block {
	position: fixed;
	top: -200%;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: table;
	background: rgba(15, 23, 42, 0.42);
	backdrop-filter: blur(8px);
	overflow: hidden;
	-webkit-transition: all 0.28s ease-in-out;
	-moz-transition: all 0.28s ease-in-out;
	-o-transition: all 0.28s ease-in-out;
	-ms-transition: all 0.28s ease-in-out;
	transition: all 0.28s ease-in-out;
}

.login-active .login-block {
	top: 0;
}

.login-block .login-inner {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
}

.login-block .container {
	background: linear-gradient(135deg, #ffffff 0%, #fff8f4 100%);
	border: 1px solid rgba(255, 120, 70, 0.14);
	border-radius: 22px;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
	padding-top: 24px;
	padding-bottom: 24px;
	max-width: 520px;
}

.login-block label,
.login-block .form-group a {
	font-size: 13px;
	font-weight: 600;
	color: #4b5563;
	letter-spacing: 0.2px;
}

.login-block .form-group a {
	text-decoration: none;
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.login-block .form-group a:hover {
	color: #ff7846;
}

.login-block input {
	height: 46px;
	line-height: 20px;
	padding: 0 14px;
	border: 1px solid #e5e7eb;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	background: #ffffff;
	color: #1f2937;
	font-family: "Quicksand", sans-serif;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.login-block input::placeholder {
	color: #9ca3af;
	font-weight: 500;
}

.login-block input:focus {
	border-color: rgba(255, 120, 70, 0.45);
	box-shadow: 0 0 0 4px rgba(255, 120, 70, 0.10);
	outline: none;
	-webkit-box-shadow: 0 0 0 4px rgba(255, 120, 70, 0.10);
	-moz-box-shadow: 0 0 0 4px rgba(255, 120, 70, 0.10);
}

.login-block .form-group {
	margin-bottom: 16px;
}

.login-block .btn {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	padding: 12px 26px;
	border-radius: 14px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background: linear-gradient(135deg, #ff9d79 0%, #ff7846 48%, #eb6130 100%);
	border: 1px solid #ff7846;
	color: #ffffff;
	box-shadow: 0 14px 28px rgba(255, 120, 70, 0.24);
}

.login-block .btn:hover {
	outline: none;
	box-shadow: 0 18px 34px rgba(255, 120, 70, 0.30);
	transform: translateY(-2px);
	background: linear-gradient(135deg, #ffae8f 0%, #ff7846 45%, #df5727 100%);
	border-color: #ff7846;
	color: #ffffff;
}

.login-block .btn:focus,
.login-block .btn:active:focus {
	outline: none;
	box-shadow: 0 0 0 4px rgba(255, 120, 70, 0.12);
}

.login-block .btn-primary {
	background: linear-gradient(135deg, #253142 0%, #1b2432 100%);
	color: #ffffff;
	border: 1px solid #253142;
	box-shadow: 0 14px 28px rgba(37, 49, 66, 0.20);
}

.login-block .btn-primary:hover {
	background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
	border-color: #1f2937;
	color: #ffffff;
	box-shadow: 0 18px 34px rgba(17, 24, 39, 0.28);
}

.outer-wrapper {
	max-width: 100%;
	position: relative;
	overflow: hidden;
	background: #f7f8fb;
}

@media (max-width: 480px) {
	.login-block .container {
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 18px;
		padding-bottom: 18px;
		border-radius: 16px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.mobile-menu-inner {
		right: 0;
	}

	.login-block .login-inner {
		padding: 14px 0;
	}

	.login-block input {
		height: 44px;
		font-size: 13px;
		border-radius: 12px;
	}

	.login-block .btn,
	.login-block .btn-primary {
		width: 100%;
		padding: 12px 18px;
		border-radius: 12px;
		font-size: 13px;
	}
}

/* =========================
   MOBILE MENU WRAPPER
========================= */
.mobile-menu-wrapper {
	width: 280px;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: -280px;
	z-index: 99999999;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border-top: 0;
	border-right: 1px solid #e8edf3;
	box-shadow: none;
}

.mobile-menu-wrapper > .mobile-menu-inner {
	padding-bottom: 35px;
}

.menu-expanded .mobile-menu-wrapper {
	left: 0;
}

.mobile-menu-wrapper,
.site-wrapper,
.cart-side-wrapper {
	-webkit-transition: all 0.28s ease-in-out;
	-moz-transition: all 0.28s ease-in-out;
	-o-transition: all 0.28s ease-in-out;
	-ms-transition: all 0.28s ease-in-out;
	transition: all 0.28s ease-in-out;
}

/* =========================
   MOBILE MENU INNER
========================= */
.mobile-menu-inner > p {
	color: #667085;
	padding: 18px 16px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .2px;
	border-bottom: 1px solid #eef2f6;
	background: linear-gradient(135deg, #fff8f4 0%, #ffffff 100%);
	margin: 0;
}

.mobile-menu-inner {
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: -18px;
	top: 0;
	bottom: 0;
	z-index: 9999;
	left: 0;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #d8dee8 #f8fafc;
}

.mobile-menu-inner::-webkit-scrollbar {
	width: 6px;
}

.mobile-menu-inner::-webkit-scrollbar-track {
	background: #f8fafc;
}

.mobile-menu-inner::-webkit-scrollbar-thumb {
	background: #d9e0e8;
	border-radius: 999px;
}

/* =========================
   MOBILE MENU
========================= */
.mobile-menu {
	border-bottom: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
}

.mobile-menu li {
	display: block;
	position: relative;
	width: 280px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eef2f6;
	background: transparent;
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.mobile-menu li:hover {
	background: #fff8f4;
}

.mobile-menu li a {
	font-family: Arial, sans-serif;
	color: #243041;
	line-height: 22px;
	padding: 14px 48px 14px 18px;
	margin: 0;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: .2px;
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.mobile-menu li a:hover {
	color: #ff7846;
	background: #fff3ed;
}

/* İlk satır hızlı menüler */
.mobile-menu:first-child {
	margin-top: 0;
	background: linear-gradient(135deg, #fff8f4 0%, #ffffff 100%);
	border-bottom: 1px solid #e9edf3;
}

.mobile-menu:first-child li {
	display: inline-block;
	width: 49%;
	border-right: 1px solid #eef2f6;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent;
}

.mobile-menu:first-child li a {
	padding: 16px 8px;
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #243041;
}

.mobile-menu:first-child li a:hover {
	color: #ff7846;
	background: rgba(255, 120, 70, 0.06);
}

.mobile-menu:first-child li a i {
	font-size: 16px;
	margin-right: 6px;
	color: #ff7846;
}

.mobile-menu:first-child li:first-child {
	border-right: 1px solid #eef2f6;
}

/* =========================
   SUB MENUS
========================= */
.mobile-menu li ul {
	background: #f8fafc;
	padding: 4px 0 6px 0;
	margin: 0;
	border-top: 1px solid #eef2f6;
}

.mobile-menu li ul li ul {
	background: #f2f5f9;
	margin: 0;
	padding: 0;
}

.mobile-menu li li {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 14px;
	width: 100%;
	background: transparent;
}

.mobile-menu li li a {
	padding: 12px 44px 12px 28px;
	font-size: 13px;
	font-weight: 600;
	color: #516072;
	background: transparent;
}

.mobile-menu li li a:hover {
	background: #fff3ed;
	color: #ff7846;
}

.mobile-menu li li li a {
	padding-left: 38px;
	font-size: 12px;
	color: #667085;
}

/* =========================
   EXPAND BUTTON
========================= */
.menu-expand {
	color: #ffffff;
	background: linear-gradient(135deg, #ff9d79 0%, #ff7846 50%, #eb6130 100%);
	font-size: 11px;
	font-weight: 700;
	position: absolute;
	top: 12px;
	right: 14px;
	border: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	box-shadow: none;
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.mobile-menu li .menu-expand {
	border: 0;
}

.mobile-menu li li .menu-expand {
	border: 0;
	background: #e9eef4;
	color: #425466;
	top: 9px;
}

.menu-expand:hover {
	cursor: pointer;
	transform: scale(1.08);
}

/* =========================
   SUB MENU ARROW
========================= */
.sub-menu:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	top: 33px;
	right: 26px;
}

.mobile-menu li .sub-menu:before {
	border-bottom: 6px solid #f8fafc;
}

.mobile-menu li li .sub-menu:before {
	border-bottom: 6px solid #f2f5f9;
	top: 41px;
}

.mobile-menu li .sub-menu {
	display: none;
}

.expanded-mobile-menu {
	display: block;
}

/* =========================
   SITE WRAPPER
========================= */
.menu-expanded .site-wrapper {
	left: 280px;
}

.site-wrapper-overlay {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #0f1720;
	opacity: 0.35;
	overflow: hidden;
	overflow-y: auto;
}

.site-wrapper {
	left: 0;
	overflow: hidden;
	overflow-y: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	background: #ffffff;
}

/* =========================
   MOBILE SEARCH
========================= */
.mobile-search {
	left: 0;
	top: -70px;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 5;
	display: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	padding: 12px 12px 14px;
	background: linear-gradient(135deg, #fff8f4 0%, #ffffff 100%);
	border-bottom: 1px solid #eef2f6;
}

.search-active .mobile-search {
	top: 0;
	display: block;
}

/* =========================
   MOBILE HEADER
========================= */
.mobile-header {
	border-bottom: 1px solid #eef2f6;
	background: linear-gradient(135deg, #ffffff 0%, #fff8f4 100%);
	height: 58px;
	margin-bottom: 15px;
	position: relative;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
	border-radius: 0 0 16px 16px;
	overflow: hidden;
}

.mobile-header:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff7846 0%, #ffb193 50%, #ff7846 100%);
}

.mobile-header .col-xs-3:first-child {
	padding-right: 0;
}

.mobile-header .col-xs-3:last-child {
	padding-left: 0;
}

.mobile-header .col-xs-6 {
	border-left: 1px solid #eef2f6;
	border-right: 1px solid #eef2f6;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-header #logo {
	text-align: center;
	margin: 0 auto;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-header #logo img {
	display: block;
	vertical-align: middle;
	max-height: 34px;
	margin: auto;
	max-width: 100%;
}

/* =========================
   NAVIGATION ICON
========================= */
.mobile-header .to-navigation,
.mobile-header .to-search {
	display: block;
	width: 100%;
	height: 58px;
	position: relative;
	background: none;
	-webkit-transition: all 0.22s ease;
	-moz-transition: all 0.22s ease;
	-o-transition: all 0.22s ease;
	-ms-transition: all 0.22s ease;
	transition: all 0.22s ease;
}

.mobile-header .to-navigation:hover,
.mobile-header .to-search:hover {
	background: rgba(255, 120, 70, 0.05);
}

.mobile-header .to-navigation:before,
.mobile-header .to-navigation:after,
.mobile-header .to-search:before,
.mobile-header .to-search:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Menü ikonu */
.mobile-header .to-navigation:before {
	width: 22px;
	height: 2px;
	background: #243041;
	box-shadow: 0 -7px 0 #243041, 0 7px 0 #243041;
	border-radius: 999px;
	z-index: 2;
}

.mobile-header .to-navigation:after {
	width: 40px;
	height: 40px;
	border: 1px solid #f0d7cb;
	border-radius: 14px;
	background: linear-gradient(135deg, #ffffff 0%, #fff6f1 100%);
	z-index: 1;
}

/* Arama ikonu */
.mobile-header .to-search:before {
	width: 12px;
	height: 12px;
	border: 2px solid #243041;
	border-radius: 50%;
	margin-left: -4px;
	margin-top: -4px;
	z-index: 2;
}

.mobile-header .to-search:after {
	width: 10px;
	height: 2px;
	background: #243041;
	border-radius: 999px;
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: 8px;
	margin-top: 8px;
	z-index: 2;
}

/* Arama ikon kutusu */
.mobile-header .col-xs-3:last-child .to-search span,
.mobile-header .col-xs-3:first-child .to-navigation span {
	display: none;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 360px) {
	.mobile-menu-wrapper {
		width: 260px;
		left: -260px;
	}

	.mobile-menu li {
		width: 260px;
	}

	.menu-expanded .site-wrapper {
		left: 260px;
	}

	.mobile-header {
		height: 54px;
	}

	.mobile-header .col-xs-6,
	.mobile-header #logo,
	.mobile-header .to-navigation,
	.mobile-header .to-search {
		height: 54px;
	}
}
.mobile-menu .fa,
.mobile-menu i.fa,
.mobile-header .fa,
.mobile-header i.fa,
.mobile-search .fa,
.mobile-search i.fa {
	color: #ff7846 !important;
}

.mobile-menu li a:hover .fa,
.mobile-menu li a:hover i.fa,
.mobile-header a:hover .fa,
.mobile-header a:hover i.fa,
.mobile-search a:hover .fa,
.mobile-search a:hover i.fa {
	color: #e85a28 !important;
}

/* Menü aç/kapa + ikonları beyaz kalsın */
.mobile-menu .menu-expand,
.mobile-menu li .menu-expand,
.mobile-menu li li .menu-expand {
	color: #fff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	line-height: 1 !important;
	text-align: center;
}

.mobile-menu .menu-expand .fa,
.mobile-menu .menu-expand i.fa,
.mobile-menu li .menu-expand .fa,
.mobile-menu li .menu-expand i.fa,
.mobile-menu li li .menu-expand .fa,
.mobile-menu li li .menu-expand i.fa {
	color: #fff !important;
}

.mobile-menu .menu-expand:before,
.mobile-menu .menu-expand:after,
.mobile-menu li .menu-expand:before,
.mobile-menu li .menu-expand:after {
	color: #fff !important;
}

#altsabitmenu{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 68px;
	display: block;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-top: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 -8px 30px rgba(0,0,0,.08);
	text-align: center;
	z-index: 99999999;
	padding: 0;
	margin: 0;
}

#altsabitmenu > ul{
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	height: 100%;
}

#altsabitmenu li{
	list-style: none;
	width: 20%;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: none;
	border-right: 1px solid rgba(0,0,0,.06);
	box-sizing: border-box;
}

#altsabitmenu li:last-child{
	border-right: 0;
}

#altsabitmenu li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-right: 0;
	position: relative;
	transition: all .25s ease;
	text-decoration: none;
}

#altsabitmenu li a:before{
	content: "";
	width: 42px;
	height: 42px;
	border-radius: 14px;
	background-color: #f5f6f8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 22px 22px;
	transition: all .25s ease;
	display: block;
}

#altsabitmenu li a:hover:before,
#altsabitmenu li a:focus:before{
	background-color: #fff2ec;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(255,120,70,.18);
}

#altsabitmenu .to-navigation:before{
	background-image: url('../image/menubg.png');
}

#altsabitmenu .to-account:before{
	background-image: url('../image/profilebg.png');
}

#altsabitmenu .to-homepage:before{
	background-image: url('../image/homeicn.png');
}

#altsabitmenu .to-contactus:before{
	background-image: url('../image/phoneicn.png');
}

#altsabitmenu .tshoppingcart:before{
	background-image: url('../image/basketbg.png');
}

/* aktif menü efekti */
#altsabitmenu li.active a:before,
#altsabitmenu li a.active:before{
	background-color: #ff7846;
	box-shadow: 0 10px 24px rgba(255,120,70,.28);
}

/* ikonlar beyaz olsun istiyorsan png transparansa uygunsa blend deneyebilirsin
#altsabitmenu li.active a:before,
#altsabitmenu li a.active:before{
	filter: brightness(0) invert(1);
}
*/

@media (max-width: 767px){
	#altsabitmenu{
		height: 62px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		overflow: hidden;
	}

	#altsabitmenu li{
		height: 62px;
	}

	#altsabitmenu li a:before{
		width: 38px;
		height: 38px;
		border-radius: 12px;
		background-size: 20px 20px;
	}
}

@media (max-width: 420px){
	#altsabitmenu{
		height: 58px;
	}

	#altsabitmenu li{
		height: 58px;
	}

	#altsabitmenu li a:before{
		width: 34px;
		height: 34px;
		border-radius: 11px;
		background-size: 18px 18px;
	}
}
.subinner2 > a, .subinner4 > a, .subinner1 > a, .subinner5 > a, .subbanner_inner2 a, .subbanner_inner4 a {
    display: block;
}
.subbanner_inner2 {
    float: left;
    position: relative;
    width: 38.5%;
}
.subbanner_inner2_inner, .subbanner_inner4 .subbanner_inner4_inner {
    margin: 0 13px;
    overflow: hidden;
    position: relative;
}
.subbanner_inner2_inner .border-top {
    top: 3%;
    width: 92%;
}
.subbanner_inner2_inner .border-right {
    height: 94%;
    right: 3.5%;
}
.subbanner_inner2_inner .border-bottom {
    bottom: 3%;
    width: 92%;
}
.subbanner_inner2_inner .border-left {
    height: 94%;
    left: 3.5%;
}
.subbanner_inner3 {
    cursor: pointer;
    float: left;
    position: relative;
    width: 28.25%;
}
.subinner1, .subinner4 {
    margin-bottom: 25px;
}
.subinner4, .subinner5 {
    cursor: pointer;
    margin-left: 14px;
    overflow: hidden;
    position: relative;
}
.subinner1:hover .border-top, .subinner2:hover .border-top, .subinner5:hover .border-top, .subinner4:hover .border-top, .subbanner_inner4_inner:hover .border-top {
    left: 5%;
}
.subinner1:hover .border-right, .subinner2:hover .border-right, .subinner5:hover .border-right, .subinner4:hover .border-right {
    top: 5.5%;
}
.subinner1:hover .border-bottom, .subinner2:hover .border-bottom, .subinner5:hover .border-bottom, .subinner4:hover .border-bottom, .subbanner_inner4_inner:hover .border-bottom {
    right: 5%;
}
.subinner1:hover .border-left, .subinner2:hover .border-left, .subinner5:hover .border-left, .subinner4:hover .border-left {
    bottom: 5.5%;
}
.subinner2:hover > a, .subinner4:hover > a, .subinner1:hover > a, .subinner5:hover > a, .subbanner_inner2_inner:hover a, .subbanner_inner4_inner:hover a {
    background-color: #555;
}
.subbanner_inner2:hover img, .subinner2:hover img, .subinner4:hover img, .subinner1:hover img, .subinner5:hover img, .subbanner_inner4_inner:hover a img {
    opacity: 0.4;
    transition: all 0.3s ease 0s;
}
.subbanner_inner2_inner:hover .border-top {
    left: 4%;
}
.subbanner_inner2_inner:hover .border-right {
    top: 3%;
}
.subbanner_inner2_inner:hover .border-bottom {
    right: 4%;
}
.subbanner_inner2_inner:hover .border-left {
    bottom: 3%;
}
@media only screen and (min-width: 1060px) and (max-width: 1240px) {
.subbanner_inner {
    width: 1000px;
}
.subbanner img {
    width: 100%;
}
.subbanner.container {
    padding: 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1059px) {
.subbanner_inner {
    width: 960px;
}
.subbanner img {
    width: 100%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
.subbanner_inner {
    width: 920px;
}
.subbanner.container {
    padding: 0;
}
.subbanner img {
    width: 100%;
}
}
@media (max-width: 979px) {
 .socol {padding:0px 0px;background:#EA2027;}
.subbanner_inner {
    width: 724px;
}
.subbanner.container {
    padding: 0;
}
.subbanner img {
    width: 100%;
}
}
@media (max-width: 767px) {
.subbanner_inner {
    width: 724px;
}
.subbanner.container {
    top: auto;
}
.common-home .subbanner.container {
    margin: 0 15px;
    width: auto;
}
.subbanner_inner {
    width: auto;
}
.subbanner_top .banner {
    float: none;
    overflow: hidden;
    width: 100%;
}
.subinner4, .subinner5 {
    margin-left: 9px;
}
.subinner1, .subinner2 {
    margin-right: 9px;
}
.subbanner_inner2 a {
    margin: 0 3px;
}
.subinner1, .subinner2 {
    margin-right: 8px;
}
.subinner4, .subinner5 {
    margin-left: 8px;
}
.subinner1, .subinner4 {
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 479px) {
.subbanner_inner2_inner, .subbanner_inner4 .subbanner_inner4_inner {
    margin: 0;
}
}

.product-info .options {
    color: #c00770;
     font-family: "Quicksand", sans-serif;
    font-size: 11px;
    margin-bottom: 0;
    padding: 6px;
    text-align: left;
    text-transform: uppercase;
}
.product-info .option-image {
    margin-bottom: 5px;
    margin-top: 3px;
}
.product-info .option-image  {
    display: block;
    height: 100%;
    width: 100%;
}
.product-info .option-image img {
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 5px;
}
a.select-option {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #505739;
    display: inline-block;
     font-family: "Quicksand", sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin: 1px;
    min-width: 15px;
    padding: 2px 3px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
a.select-option img {
    margin: 2px;
    padding: 0;
}
a.select-option .text {
    border: 1px solid #eee;
    font-size: 11px;
    margin: 2px;
    padding: 0;
}
a.select-option.option-active {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
}
a.select-option:hover {
    background: #222 none repeat scroll 0 0;
    border-color: #413c39;
}
.hidden {
    display: none;
}
.animation-element {
    opacity: 0;
    position: relative;
    will-change: transform, opacity;
}

.animation-element.slide-left {
    transform: translate3d(-200px, 0, 0);
    transition: opacity 500ms linear, transform 500ms linear;
}

.animation-element.slide-left.in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.animation-element.slide-right {
    transform: translate3d(200px, 0, 0);
    transition: opacity 500ms linear, transform 500ms linear;
}

.animation-element.slide-right.in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.bounce-up {
    opacity: 0;
    backface-visibility: hidden;
    transform: translate3d(0, 200px, 0);
    transition: opacity 900ms ease-out, transform 900ms ease-out;
    will-change: transform, opacity;
}

.bounce-up.in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.multi-step-left,
.multi-step-right {
    opacity: 0;
    position: relative;
    will-change: transform, opacity;
}

.multi-step-left.in-view {
    animation: left_animation 1300ms ease-in both;
}

.multi-step-right.in-view {
    animation: right_animation 1300ms ease-in both;
}

@keyframes left_animation {
    0% {
        opacity: 0;
        transform: rotate(180deg) translate3d(100%, 100%, 0);
    }
    75% {
        opacity: 0.8;
        transform: rotate(-40deg) translate3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes right_animation {
    0% {
        opacity: 0;
        transform: rotate(180deg) translate3d(-100%, -100%, 0);
    }
    75% {
        opacity: 0.8;
        transform: rotate(40deg) translate3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}
.img-ef2 {
    display: block;
    overflow: hidden;
	 margin:0 0px;
    position: relative;
}
.img-ef2 img {
    width: 100%;
}
/*.img-ef2::before {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.3s ease-in-out 0s;
}
.img-ef2:hover::before {
    animation: 600ms ease-in-out 0s normal none 1 running rollIn;
    opacity: 1;
}*/




.block-img .img-1 {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    width: 50%;
}


.img-ef3 {
    display: block;
    overflow: hidden;
	 margin:0 0px;
    position: relative;
}
.img-ef3 img {border:1px solid #eee;padding:2px;
    width: 100%;
}
.img-ef3::before {
   
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 1;
    position: absolute;
    right: 10px;border:1px solid #fff;
    top: 10px;
    transition: all 0.3s ease-in-out 0s;
}
.img-ef3:hover::before { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    animation: 600ms ease-in-out 0s normal none 1 running rollIn;
    opacity: 1;
}




.block-img .img-3 {
    display: inline-block;
    padding:5px;
    margin-bottom: 15px;
    
}
 
.block-img .img-4 {
    display: block;
    margin-bottom: 18px;
    width: 100%;
}


 .social-footer .link-follow {
    margin-bottom: 0;margin-top:10px; text-align: center;
    padding-left: 0;margin-left:auto;margin-right:auto;
}
 .social-footer .link-follow li {
    display: inline-block;
    
    text-align: center;
}
.social-footer .link-follow li a {
    background:#fff ;
    border: 1px solid #222;
    border-radius: 100%;
    color: #413c39;
    display: inline-block;
    font-size: 20px;
    height:45px;
    line-height: 45px;
    margin-bottom: 0;
    margin-right: 5px;
    padding-left: 0;
    text-align: center;
    transition: all 300ms ease-in-out 0s;
    width: 45px;
}
.social-footer .link-follow li a:hover {
    background:#222;transition: all 400ms ease-in-out 0s;
    color:  #f5f5f5;
}
.social-footer .link-follow li a span {
    display: none;
}
.social-footer .link-follow li a i {
    font-size: 20px;
    line-height: 40px;
}

@media only screen and (max-width: 767px) {

.social-footer {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.social-footer .link-follow {
    display: inline-block;
}
.kategory p{font-size:8px;}}
.clear{clear:both}
.asagi{margin-bottom:5px;}
.kategory p{line-height:12px;        color:#333; padding:5px 5px 5px 5px; font-weight:600;margin-top:2px;}
.kategory img{  position:relative;       border-radius: 2px;}
.kategory img:hover{         border-radius: 10px; 
	cursor: pointer;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14); 
}


.service-heading-block{
	display:block;
	margin-bottom:0px;
	}
.sub-title {
  font-size: 15px;
  font-weight: 30;
  line-height: 16px;
}
.feature-block {
  background-color: #fff;
  border-radius: 2px;
  padding: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
  transition:all ease .5s
}

.fb-icon {
  border-radius: 50%;
  display: block;
  font-size: 36px;
  height: 50px;
  line-height: 50px;
  text-align:center;
  margin:1rem auto;
  width: 50px;
  transition: all 0.5s ease 0s;
}

.fb-icon.color-info {
  color: #333;
}
.fb-icon.color-warning {
  color: #333;
}
.fb-icon.color-success {
  color: #333;
}
.fb-icon.color-danger {
  color: #333;
}
.feature-block h4 {
  font-size: 15px;
}

.btn-custom{
  border: medium none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 10px 1px;
  outline: 0 none;
  padding: 8px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	padding: 3px;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
    display: none;
}
#product-product .pro-content .alert {
    margin: 15px 0 0;
}
.custom-radio .radio, .checkbox_input .checkbox {
    display: inline-block;
    margin: 2px 0;
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.custom-radio .radio label {
    padding: 0;
    text-align: center;
    font-size: 12px;
    text-transform: capitalize;
    color: #808080;
}

.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
    border: 1px solid #000;
}


label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #4CAF50;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #4CAF50;
}

div[data-toggle="buttons"] label.active{
    background-color: #fff;
    color: #666;
    text-align: center;
    border: 1px solid #cbcbcb;
}

div[data-toggle="buttons"] label {
    background-color: #fff;
    color: #666;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 10px 10px;
    cursor: pointer;
}
div[data-toggle="buttons"] label:hover {
color: #2E7EB3;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}


.kategoribaslik {
        background: #Fff url(../image/kategori-bg.jpg) no-repeat center;
       
        height:110px;
}
.badgeAlert {
    display: block !important;
    min-width: 18px !important;
    width: 18px;
    height: 18px;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 700;
    color: #fff;
    line-height: 18px !important;
    text-align: center !important;
    background-color: #ff7846 !important;
    border-radius: 50% !important;
    position: absolute;
    top: -4px;
    left: 14px;
    margin: 0 !important;
    transform: scale(1);
    animation: pulse 2s infinite;
    z-index: 99;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
.opencartmarketi__checkbox{
    padding: 5px 8px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    position: relative;
}
.opencartmarketi__checkbox label{
    display: inline-block;
    width: 500%;
    line-height: 20px;
}
.opencartmarketi__checkbox:hover{
    border-color: #54c259;
}
.opencartmarketi__checkbox input{
    display: none;
}
.opencartmarketi__checkbox input:checked ~ i{
    background-color: #54c259;
    color: #fff;
}
.opencartmarketi__checkbox i{
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 99px;
    left: 5px;
    font-size: 8px;
    text-align: center;
    top: 5px;
}

.uye-giris-button {
    background: #51a351;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
    border-radius: 1px;
    letter-spacing: 0.5px;
	border:0px !important;
	cursor:pointer;

}
.uye-giris-button:hover {
    background: #51a351;
    color: #ffffff;
    box-shadow: 0 10px 25px -2px #51a351;
}

.uye-unuttum-button {
    background: #FBA431;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
    border-radius: 1px;
    letter-spacing: 0.5px;
	border:0px !important;
	cursor:pointer;

}
.uye-unuttum-button:hover {
    background: #FBA431;
    color: #ffffff;
    box-shadow: 0 10px 25px -2px #FBA431;
}

.uye-hemenuye-button {
    background: #3498db;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
    border-radius: 1px;
    letter-spacing: 0.5px;
	border:0px !important;
	cursor:pointer;

}
.animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #808080;
    overflow: hidden;
}

.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

.sidebar-right .widget .animate-border:after{
animation:none;    
}
    

.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;

}
.animate-border.border-black:after {
    border-right-color: #333;
    border-left-color: #333;
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}
@keyframes animborder {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}
.animate-border.border-white:after {
    border-color: #fff;
}

.animate-border.border-yellow:after {
    border-color: #F5B02E;
}

.animate-border.border-orange:after {
    border-right-color: #808080;
    border-left-color: #808080;
}

.animate-border.border-ash:after {
    border-right-color: #333;
    border-left-color: #333;
}

.animate-border.border-offwhite:after {
    border-right-color: #808080;
    border-left-color: #808080;
}

/* Animated heading border */
@keyframes primary-short {
    0% {
        width: 15%;
    }
    50% {
        width: 90%;
    }
    100% {
        width: 10%;
    }
}
@keyframes primary-long {
    0% {
        width: 80%;
    }
    50% {
        width: 0%;
    }
    100% {
        width: 80%;
    }
}

.urunbaslik{
    font-size: 24px;
    color: #222;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 2px solid #eee;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-align: center;
}
.urunbaslik:after{
      position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background-color: #ff7846;
    bottom: -2px;
    left: 50%;
    margin-left: -35px;
}
.urunbaslik b{
    margin-top:5px;
   text-align: center;
    width: 100%;
    padding: 16px 0;
    line-height: 40px;
    margin-bottom: 35px;
    font-family: "Inter", Sans-serif;
    color: #303030;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0px;
}

   .modal-body {
    border-bottom: 0;
    padding-top: 5px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 10px;
    font-size: 15px;
}

.banner-text {
  background-color: #ff7846;
  border-radius: 5px;
  font-size: 20px;
  padding: 17px;
  text-align: center;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 55px;
  color: #fff; }
  .banner-text b {
    font-weight: 500; }
/*== banner ==*/
.banners1 {
  margin-top: 45px;
  margin-bottom: 55px; }
  .banners1 .b1 {
    margin-bottom: 30px; }

.banners3, .banners2 {
  margin-top: 30px;
  margin-bottom: 55px; }
  
  #header,
#header .container,
#header .row {
    background: #ffffff;
}

.header-row-flex {
    display: flex;
    align-items: center;
}

.header-logo-col,
.header-support-col,
.header-search-col,
.header-right-col {
    float: left;
}

.header-logo-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-logo-col #logo {
    margin: 0;
    text-align: left;
}

.header-logo-col #logo img {
    max-width: 100%;
    height: auto;
}

.header-support-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-support-box {
    display: inline-block;
    background: #ffffff;
    padding: 25px 0 0 0;
    max-width: 100%;
}

.header-support-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    box-shadow: none !important;
}

.header-support-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-support-icon svg {
    width: 36px;
    height: 36px;
}

.header-support-icon svg path {
    fill: none;
    stroke: #7c858f;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-support-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.header-support-text .support-title {
    display: block;
    color: #8b9198;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.header-support-text .support-phone {
    display: block;
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .2px;
}

.header-support-link:hover .support-phone {
    color: #ff7846;
}

.header-support-link:hover .header-support-icon svg path {
    stroke: #ff7846;
}

.header-search-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-right-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .header-support-text .support-phone {
        font-size: 15px;
    }

    .header-support-text .support-title {
        font-size: 13px;
    }
}

.bilgi-1,
.bilgi-2{
	position: absolute;
	top: 14px;
	z-index: 8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 8px 14px;
	margin: 0;
	border-radius: 999px;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: .2px;
	text-transform: none;
	white-space: nowrap;
	box-shadow: 0 8px 22px rgba(0,0,0,.12);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: all .25s ease;
}

.bilgi-1:hover,
.bilgi-2:hover{
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.bilgi-2{
	left: 14px;
	background: linear-gradient(135deg, #6f7782 0%, #4f5864 100%);
	border: 1px solid rgba(255,255,255,.18);
}

.bilgi-1{
	right: 14px;
	background: linear-gradient(135deg, #ff8f66 0%, #ff6b38 100%);
	border: 1px solid rgba(255,255,255,.18);
}

/* etiketler üst üste taşmasın diye */
.urun,
.product-thumb,
.product-layout,
.item,
.item-inner,
.box-product .product-grid,
.product-grid-item{
	position: relative;
}

/* tablet */
@media (max-width: 991px){
	.bilgi-1,
	.bilgi-2{
		top: 12px;
		min-height: 34px;
		padding: 7px 12px;
		font-size: 12px;
	}
	
	.bilgi-2{ left: 12px; }
	.bilgi-1{ right: 12px; }
}

/* mobil */
@media (max-width: 767px){
	.bilgi-1,
	.bilgi-2{
		top: 10px;
		min-height: 30px;
		padding: 6px 10px;
		font-size: 11px;
		line-height: 1.1;
		border-radius: 12px;
		box-shadow: 0 6px 16px rgba(0,0,0,.12);
	}

	.bilgi-2{ left: 10px; }
	.bilgi-1{ right: 10px; }
}

/* çok dar ekran */
@media (max-width: 480px){
	.bilgi-1,
	.bilgi-2{
		max-width: calc(50% - 12px);
		white-space: normal;
		text-align: center;
		padding: 6px 8px;
		font-size: 10px;
		line-height: 1.2;
	}
}

/* =========================
   CATEGORY HERO BREADCRUMB
========================= */
.category-hero,
.category-hero * {
  box-sizing: border-box;
}

.category-hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 0 30px;
  padding: 48px 0 34px;
  background: linear-gradient(135deg, #2f383d 0%, #3a4348 45%, #343d42 100%);
}

.category-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.7;
  background:
    linear-gradient(45deg, transparent 0, transparent 46%, rgba(255,255,255,0.04) 46%, rgba(255,255,255,0.04) 49%, transparent 49%, transparent 100%),
    linear-gradient(-45deg, transparent 0, transparent 47%, rgba(255,255,255,0.025) 47%, rgba(255,255,255,0.025) 50%, transparent 50%, transparent 100%);
  background-size: 220px 220px, 260px 260px;
}

.category-hero:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(0,0,0,0.10));
}

.category-hero .container {
  position: relative;
  z-index: 2;
}

.category-hero__title {
  margin: 0 0 20px;
  text-align: center;
  color: #fff8f1;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,0.12);
}

.category-hero__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-hero__item {
  position: relative;
  display: flex;
  align-items: center;
}

.category-hero__item:not(:last-child):after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 1;
  color: rgba(255,255,255,0.80);
  margin-left: 18px;
}

.category-hero__link,
.category-hero__current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 15px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.25s ease;
}

.category-hero__link {
  color: #ffffff;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
}

.category-hero__link:hover,
.category-hero__link:focus {
  color: #ffffff;
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
  transform: translateY(-1px);
}

.category-hero__link--home {
  width: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 50%;
}

.category-hero__link--home i {
  font-size: 16px;
}

.category-hero__current {
  color: #ff7f3e;
  background: rgba(0,0,0,0.12);
  border: 1px solid rgba(255,127,62,0.22);
  box-shadow: 0 10px 28px rgba(0,0,0,0.10);
}

/* Menü breadcrumb üstüne binmesin */
#menu,
.navbar,
.main-menu,
.mega-menu,
.journal-menu,
.supermenu,
.header-nav,
.header-menu,
#top,
header,
.header,
#search {
  position: relative;
  z-index: 10020;
}

.category-hero,
#product-category {
  position: relative;
  z-index: 1;
}

/* Genel küçük düzeltmeler */
#product-category #content > h2:first-child {
  display: none;
}

@media (max-width: 1199px) {
  .category-hero {
    padding: 42px 0 30px;
  }

  .category-hero__title {
    font-size: 34px;
  }
}

@media (max-width: 991px) {
  .category-hero {
    padding: 34px 0 26px;
    margin-bottom: 24px;
  }

  .category-hero__title {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .category-hero__breadcrumbs {
    gap: 10px 14px;
  }

  .category-hero__item:not(:last-child):after {
    margin-left: 14px;
    font-size: 16px;
  }

  .category-hero__link,
  .category-hero__current {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 14px;
    border-radius: 13px;
  }

  .category-hero__link--home {
    width: 40px;
    min-width: 40px;
  }
}

@media (max-width: 767px) {
  .category-hero {
    padding: 26px 0 22px;
    margin-bottom: 20px;
  }

  .category-hero__title {
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 14px;
    padding: 0 10px;
  }

  .category-hero__breadcrumbs {
    gap: 8px;
    padding: 0 10px;
  }

  .category-hero__item:not(:last-child):after {
    display: none;
  }

  .category-hero__link,
  .category-hero__current {
    min-height: 36px;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 11px;
    white-space: normal;
    text-align: center;
  }

  .category-hero__link--home {
    width: 36px;
    min-width: 36px;
    padding: 0;
    white-space: nowrap;
  }

  #product-category .row > .col-md-6.col-xs-6,
  #product-category .row > .col-sm-6.text-left,
  #product-category .row > .col-sm-6.text-right {
    width: 100%;
    float: none;
    text-align: left !important;
    margin-bottom: 10px;
  }

  #product-category .form-group.input-group.input-group-sm {
    width: 100%;
  }

  #product-category .input-group-addon,
  #product-category .form-control {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .category-hero__title {
    font-size: 20px;
  }

  .category-hero__link,
  .category-hero__current {
    font-size: 12px;
    padding: 8px 10px;
  }
}

/* =========================
   MODERN ALT KATEGORİLER
========================= */
.oc-modern-subcats,
.oc-modern-subcats * {
  box-sizing: border-box;
}

.oc-modern-subcats {
  margin: 0 0 30px;
  padding: 26px;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 20px;
}

.oc-modern-subcats__head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 22px;
}

.oc-modern-subcats__title {
  margin: 0;
  color: #2f3438;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}

.oc-modern-subcats__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, rgba(255,127,62,0.35), rgba(0,0,0,0.04));
}

.oc-modern-subcats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.oc-modern-subcats__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 16px 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  border: 1px solid #ececec;
  border-radius: 16px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.03);
}

.oc-modern-subcats__card:hover,
.oc-modern-subcats__card:focus {
  transform: translateY(-2px);
  border-color: rgba(255,127,62,0.45);
  box-shadow: 0 14px 30px rgba(255,127,62,0.12);
  background: linear-gradient(180deg, #fffaf7 0%, #ffffff 100%);
}

.oc-modern-subcats__name {
  display: block;
  color: #2d3338;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
  padding-right: 12px;
  word-break: break-word;
}

.oc-modern-subcats__arrow {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff7f3e;
  background: rgba(255,127,62,0.10);
  font-size: 18px;
  transition: all 0.25s ease;
}

.oc-modern-subcats__card:hover .oc-modern-subcats__arrow,
.oc-modern-subcats__card:focus .oc-modern-subcats__arrow {
  color: #ffffff;
  background: #ff7f3e;
}

/* Tablet */
@media (max-width: 1199px) {
  .oc-modern-subcats__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .oc-modern-subcats__title {
    font-size: 24px;
  }
}

/* Küçük tablet */
@media (max-width: 991px) {
  .oc-modern-subcats {
    padding: 22px;
    border-radius: 18px;
  }

  .oc-modern-subcats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .oc-modern-subcats__title {
    font-size: 22px;
  }

  .oc-modern-subcats__card {
    min-height: 58px;
    padding: 14px 16px;
  }

  .oc-modern-subcats__name {
    font-size: 15px;
  }
}

/* Mobil */
@media (max-width: 767px) {
  .oc-modern-subcats {
    margin-bottom: 22px;
    padding: 18px;
    border-radius: 16px;
  }

  .oc-modern-subcats__head {
    display: block;
    margin-bottom: 16px;
  }

  .oc-modern-subcats__title {
    font-size: 20px;
    margin-bottom: 10px;
    white-space: normal;
  }

  .oc-modern-subcats__line {
    width: 100%;
  }

  .oc-modern-subcats__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .oc-modern-subcats__card {
    min-height: 54px;
    padding: 13px 14px;
    border-radius: 14px;
  }

  .oc-modern-subcats__name {
    font-size: 14px;
    padding-right: 10px;
  }

  .oc-modern-subcats__arrow {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

/* =========================
   CATEGORY SHOWCASE - PREMIUM
========================= */
.oc-cat-showcase,
.oc-cat-showcase * {
  box-sizing: border-box;
}

.oc-cat-showcase {
  position: relative;
  margin: 0 0 24px;
  padding: 18px 46px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.035);
  overflow: hidden;
}

.oc-cat-showcase__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0,0,0,0);
}

.oc-cat-showcase__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 72px) / 5);
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.oc-cat-showcase__track::-webkit-scrollbar {
  display: none;
}

.oc-cat-showcase__item {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 1.34 / 1;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none !important;
  background: #f3f3f3;
  box-shadow: 0 8px 18px rgba(0,0,0,0.05);
  transition: transform .25s ease, box-shadow .25s ease;
}

.oc-cat-showcase__item:hover,
.oc-cat-showcase__item:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.10);
}

.oc-cat-showcase__media,
.oc-cat-showcase__img,
.oc-cat-showcase__ph {
  width: 100%;
  height: 100%;
  display: block;
}

.oc-cat-showcase__img {
  object-fit: cover;
  transition: transform .35s ease;
}

.oc-cat-showcase__item:hover .oc-cat-showcase__img,
.oc-cat-showcase__item:focus .oc-cat-showcase__img {
  transform: scale(1.04);
}

.oc-cat-showcase__ph {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 45%),
    linear-gradient(135deg, #8b847c 0%, #a1978d 100%);
}

/* Yazı zemini */
.oc-cat-showcase__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48%;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.48) 0%,
    rgba(0,0,0,0.22) 42%,
    rgba(0,0,0,0.00) 100%
  );
  pointer-events: none;
}

.oc-cat-showcase__title-wrap {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  text-align: center;
}

.oc-cat-showcase__name {
  display: block;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-shadow: 0 3px 4px rgb(0 0 0 / 55%);
  word-break: break-word;
}

/* Oklar */
.oc-cat-showcase__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #777;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  cursor: pointer;
  transition: all .25s ease;
}

.oc-cat-showcase__nav:hover {
  color: #ed3800;
  box-shadow: 0 10px 20px rgba(0,0,0,0.16);
}

.oc-cat-showcase__nav i {
  display: block;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
}

.oc-cat-showcase__nav--prev {
  left: 8px;
}

.oc-cat-showcase__nav--next {
  right: 8px;
}

.oc-cat-showcase__nav.is-disabled {
  opacity: .35;
  cursor: default;
  pointer-events: none;
}

/* Büyük ekran */
@media (max-width: 1399px) {
  .oc-cat-showcase__track {
    grid-auto-columns: calc((100% - 54px) / 4);
  }
}

/* Tablet */
@media (max-width: 991px) {
  .oc-cat-showcase {
    padding: 16px 42px;
    border-radius: 14px;
  }

  .oc-cat-showcase__track {
    grid-auto-columns: calc((100% - 16px) / 2);
    gap: 16px;
  }

  .oc-cat-showcase__item {
    border-radius: 16px;
  }

  .oc-cat-showcase__title-wrap {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .oc-cat-showcase__name {
    font-size: 12px;
    line-height: 1.2;
  }
}

/* Mobil */
@media (max-width: 767px) {
  .oc-cat-showcase {
    padding: 12px 38px;
    margin-bottom: 18px;
    border-radius: 12px;
  }

  .oc-cat-showcase__track {
    grid-auto-columns: 78%;
    gap: 12px;
  }

  .oc-cat-showcase__item {
    border-radius: 14px;
  }

  .oc-cat-showcase__title-wrap {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .oc-cat-showcase__name {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.15px;
  }

  .oc-cat-showcase__nav {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }

  .oc-cat-showcase__nav i {
    font-size: 20px;
    line-height: 32px;
  }

  .oc-cat-showcase__nav--prev {
    left: 3px;
  }

  .oc-cat-showcase__nav--next {
    right: 3px;
  }
}

/* =========================
   TOOLBAR MODERN SCROLL
========================= */
.oc-toolbar-modern,
.oc-toolbar-modern * {
  box-sizing: border-box;
}

.oc-toolbar-modern {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: nowrap !important;
  width: 100%;
  margin: 0 0 22px;
  overflow: hidden;
}

/* SOL BAR */
.oc-toolbar-modern__sorts {
  flex: 1 1 auto;
  min-width: 0;
  display: flex !important;
  align-items: stretch;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: #ececec;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
}

.oc-toolbar-modern__sorts::-webkit-scrollbar {
  display: none;
}

/* SAĞ BAR */
.oc-toolbar-modern__limits {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 40%;
  display: flex !important;
  align-items: stretch;
  flex-wrap: nowrap !important;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.oc-toolbar-modern__limits::-webkit-scrollbar {
  display: none;
}

.oc-toolbar-modern__sorts.is-dragging,
.oc-toolbar-modern__limits.is-dragging {
  cursor: grabbing;
  user-select: none;
}

/* SORT ITEM */
.oc-toolbar-modern__sort {
  flex: 0 0 auto;
  min-width: 170px;
  height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none !important;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  background: transparent;
  border-right: 1px solid #dddddd;
  transition: all .25s ease;
}

.oc-toolbar-modern__sort:last-child {
  border-right: 0;
}

.oc-toolbar-modern__sort:hover {
  color: #ed3800;
  background: #f4f4f4;
}

.oc-toolbar-modern__sort.is-active {
  color: #3c3c3c;
  background: #d8d8d8;
}

/* LIMIT ITEM */
.oc-toolbar-modern__limit {
  flex: 0 0 auto;
  min-width: 46px;
  height: 38px;
  padding: 0 14px;
  border-radius: 6px;
  text-decoration: none !important;
  color: #5b5b5b;
  font-size: 14px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease;
}

.oc-toolbar-modern__limit:hover {
  color: #ed3800;
  border-color: rgba(237,56,0,.25);
  background: #fff8f5;
}

.oc-toolbar-modern__limit.is-active {
  color: #ffffff;
  background: #ed3800;
  border-color: #ed3800;
}

/* TABLET */
@media (max-width: 991px) {
  .oc-toolbar-modern {
    gap: 10px;
    margin-bottom: 18px;
  }

  .oc-toolbar-modern__sort {
    min-width: 145px;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
  }

  .oc-toolbar-modern__limits {
    max-width: 42%;
    gap: 6px;
    padding: 4px;
  }

  .oc-toolbar-modern__limit {
    min-width: 42px;
    height: 36px;
    padding: 0 12px;
    font-size: 13px;
  }
}

/* MOBIL */
@media (max-width: 767px) {
  .oc-toolbar-modern {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    margin-bottom: 16px;
  }

  .oc-toolbar-modern__sorts {
    flex: 1 1 auto;
  }

  .oc-toolbar-modern__limits {
    flex: 0 0 34%;
    max-width: 34%;
  }

  .oc-toolbar-modern__sort {
    min-width: 125px;
    height: 42px;
    padding: 0 10px;
    font-size: 13px;
  }

  .oc-toolbar-modern__limit {
    min-width: 38px;
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }
}

/* ÇOK KÜÇÜK MOBIL */
@media (max-width: 420px) {
  .oc-toolbar-modern {
    gap: 6px;
  }

  .oc-toolbar-modern__limits {
    flex-basis: 36%;
    max-width: 36%;
  }

  .oc-toolbar-modern__sort {
    min-width: 112px;
    font-size: 12px;
  }

  .oc-toolbar-modern__limit {
    min-width: 34px;
    font-size: 11px;
    padding: 0 8px;
  }
}

/* =========================
   MODERN PAGINATION / RESULTS
========================= */
.oc-pagination-row {
  margin-top: 20px;
  margin-bottom: 8px;
}

.oc-pagination-col,
.oc-results-col {
  margin-bottom: 10px;
}

.oc-pagination-modern,
.oc-results-modern {
  min-height: 54px;
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.04);
  padding: 8px 12px;
}

/* Pagination */
.oc-pagination-modern {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.oc-pagination-modern::-webkit-scrollbar {
  display: none;
}

.oc-pagination-modern .pagination {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}

.oc-pagination-modern .pagination > li {
  display: inline-flex;
  float: none !important;
}

.oc-pagination-modern .pagination > li > a,
.oc-pagination-modern .pagination > li > span {
  min-width: 40px;
  height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px !important;
  background: #ffffff;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all .25s ease;
}

.oc-pagination-modern .pagination > li > a:hover {
  color: #ed3800;
  border-color: rgba(237,56,0,.28);
  background: #fff8f4;
}

.oc-pagination-modern .pagination > li.active > span,
.oc-pagination-modern .pagination > li.active > a,
.oc-pagination-modern .pagination > li > span.current,
.oc-pagination-modern .pagination > li.active > span:hover,
.oc-pagination-modern .pagination > li.active > a:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #ff6a2a 0%, #ed3800 100%);
  border-color: #ed3800;
}

.oc-pagination-modern .pagination > li.disabled > span,
.oc-pagination-modern .pagination > li.disabled > a {
  color: #aaaaaa;
  background: #f5f5f5;
  border-color: #ececec;
  cursor: default;
}

/* Results */
.oc-results-modern {
  justify-content: flex-end;
  gap: 10px;
}

.oc-results-modern__icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ed3800;
  background: rgba(237,56,0,0.10);
  font-size: 14px;
  flex: 0 0 auto;
}

.oc-results-modern__text {
  color: #4f565c;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

/* Tablet */
@media (max-width: 991px) {
  .oc-pagination-modern,
  .oc-results-modern {
    min-height: 50px;
    border-radius: 12px;
    padding: 8px 10px;
  }

  .oc-pagination-modern .pagination > li > a,
  .oc-pagination-modern .pagination > li > span {
    min-width: 36px;
    height: 36px;
    font-size: 13px;
    border-radius: 9px !important;
  }

  .oc-results-modern__text {
    font-size: 13px;
  }
}

/* Mobil */
@media (max-width: 767px) {
  .oc-pagination-row {
    margin-top: 16px;
  }

  .oc-pagination-col,
  .oc-results-col {
    width: 100%;
    float: none;
    text-align: left !important;
  }

  .oc-pagination-modern,
  .oc-results-modern {
    min-height: 46px;
    border-radius: 12px;
  }

  .oc-results-modern {
    justify-content: flex-start;
  }

  .oc-pagination-modern .pagination {
    gap: 5px;
  }

  .oc-pagination-modern .pagination > li > a,
  .oc-pagination-modern .pagination > li > span {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }

  .oc-results-modern__icon {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .oc-results-modern__text {
    font-size: 12px;
  }
}

.modern-search-wrap{
  margin:0 0 24px;
  padding:22px;
  background:linear-gradient(135deg,#ffffff 0%,#fff8f5 100%);
  border:1px solid #ffe2d7;
  border-radius:20px;
}

.modern-search-head{
  margin-bottom:18px;
}

.modern-search-title{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.2;
  font-weight:800;
  color:#1f2937;
}

.modern-search-label{
  display:inline-block;
  margin-bottom:0;
  padding:8px 14px;
  background:#fff1eb;
  border:1px solid #ffd8ca;
  border-radius:999px;
  color:#ff7846;
  font-size:13px;
  font-weight:700;
}

.modern-search-row{
  margin-left:-8px;
  margin-right:-8px;
}

.modern-search-row > div{
  padding-left:8px;
  padding-right:8px;
}

.modern-field{
  margin-bottom:0;
}

.modern-input,
.modern-select{
  width:100%;
  height:52px;
  border:1px solid #ffd8ca;
  border-radius:14px;
  background:#fff;
  box-shadow:none !important;
  color:#1f2937;
  transition:all .25s ease;
}

.modern-input:focus,
.modern-select:focus{
  border-color:#ff7846;
  box-shadow:0 0 0 4px rgba(255,120,70,.14) !important;
}

.modern-check{
  display:flex !important;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:52px;
  margin:0;
  padding:0 16px !important;
  background:#fff;
  border:1px solid #ffd8ca;
  border-radius:14px;
  color:#374151;
  font-weight:600;
}

.modern-check input[type="checkbox"]{
  margin:0 !important;
  position:relative;
  top:auto;
  accent-color:#ff7846;
}

.modern-search-options{
  margin-top:14px;
}

.modern-check-inline{
  display:inline-flex !important;
  width:auto;
  min-width:220px;
}

.modern-search-btn{
  width:100%;
  height:52px;
  border:none;
  border-radius:14px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
  background:linear-gradient(135deg,#ff9a73 0%,#ff7846 55%,#f06233 100%);
  box-shadow:0 10px 24px rgba(255,120,70,.24);
  transition:all .25s ease;
}

.modern-search-btn:hover,
.modern-search-btn:focus{
  color:#fff;
  background:linear-gradient(135deg,#ff8d64 0%,#ff6f3d 55%,#ea5c2c 100%);
  transform:translateY(-1px);
}

/* TOOLBAR */
.oc-inline-toolbar{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
  width:100%;
  margin:20px 0 18px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.oc-inline-toolbar::-webkit-scrollbar{
  height:6px;
}

.oc-inline-toolbar__left{
  flex:1 1 auto;
  min-width:0;
}

.oc-inline-toolbar__right{
  flex:0 0 auto;
}

.oc-toolbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}

/* SORT */
.oc-sort-tabs{
  display:flex;
  align-items:stretch;
  gap:0;
  min-width:100%;
  background:#f2f2f2;
  border:1px solid #dddddd;
  border-radius:12px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  cursor:grab;
  user-select:none;
}

.oc-sort-tabs::-webkit-scrollbar{
  display:none;
}

.oc-sort-tabs.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
}

.oc-sort-tab{
  flex:1 0 210px;
  min-width:210px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  background:#efefef;
  border-right:1px solid #dcdcdc;
  color:#4b4b4b;
  text-decoration:none !important;
  font-size:15px;
  font-weight:700;
  line-height:1;
  text-align:center;
  transition:all .25s ease;
}

.oc-sort-tab:last-child{
  border-right:none;
}

.oc-sort-tab:hover{
  background:#e9e9e9;
  color:#2f2f2f;
}

.oc-sort-tab.is-active{
  background:#dcdcdc;
  color:#2f2f2f !important;
}

/* LIMIT */
.oc-limit-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  background:#f5f5f5;
  border:1px solid #dddddd;
  border-radius:12px;
}

.oc-limit-tab{
  min-width:58px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  background:#f3f3f3;
  border:1px solid #d9d9d9;
  border-radius:8px;
  color:#5a5a5a;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:all .25s ease;
}

.oc-limit-tab:hover{
  background:#ededed;
  color:#333;
}

.oc-limit-tab.is-active{
  background:#ff5a00;
  border-color:#ff5a00;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(255,90,0,.18);
}

/* VIEW */
.oc-view-group{
  display:flex;
  align-items:center;
  gap:8px;
}

.oc-view-btn{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f3f3;
  border:1px solid #d9d9d9;
  border-radius:8px;
  color:#4d4d4d;
  text-decoration:none !important;
  font-size:18px;
  transition:all .25s ease;
}

.oc-view-btn:hover,
.oc-view-btn.is-active{
  background:#ff7846;
  border-color:#ff7846;
  color:#fff !important;
}

/* COMPARE */
.oc-compare-btn{
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  background:#2f2f2f;
  border:1px solid #2f2f2f;
  border-radius:8px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:all .25s ease;
}

.oc-compare-btn:hover{
  background:#1f1f1f;
  border-color:#1f1f1f;
  color:#fff !important;
}

@media (max-width:991px){
  .modern-search-wrap{
    padding:18px;
  }

  .modern-search-title{
    font-size:24px;
  }

  .modern-search-row > div{
    margin-bottom:12px;
  }

  .oc-inline-toolbar{
    gap:10px;
  }

  .oc-sort-tab{
    min-width:180px;
    height:52px;
    padding:0 18px;
    font-size:14px;
  }

  .oc-limit-tab,
  .oc-view-btn,
  .oc-compare-btn{
    height:42px;
  }

  .oc-limit-tab{
    min-width:52px;
    padding:0 12px;
    font-size:13px;
  }

  .oc-view-btn{
    width:42px;
    font-size:16px;
  }

  .oc-compare-btn{
    padding:0 14px;
    font-size:13px;
  }
}

@media (max-width:767px){
  .modern-search-wrap{
    border-radius:16px;
    padding:16px;
  }

  .modern-search-title{
    font-size:22px;
  }

  .modern-check-inline{
    width:100%;
  }

  .oc-inline-toolbar{
    flex-wrap:nowrap !important;
    gap:8px;
  }

  .oc-sort-tab{
    min-width:165px;
    height:48px;
    padding:0 16px;
    font-size:13px;
  }

  .oc-limit-tabs{
    gap:6px;
    padding:5px;
  }

  .oc-limit-tab{
    min-width:46px;
    height:38px;
    padding:0 10px;
    font-size:13px;
    border-radius:7px;
  }

  .oc-view-group{
    gap:6px;
  }

  .oc-view-btn{
    width:38px;
    height:38px;
    border-radius:7px;
    font-size:15px;
  }

  .oc-compare-btn{
    height:38px;
    padding:0 12px;
    border-radius:7px;
    font-size:12px;
  }
}

/* TOOLBAR */
.oc-inline-toolbar{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
  width:100%;
  margin:20px 0 18px;
}

.oc-inline-toolbar__left{
  flex:1 1 auto;
  min-width:0;
}

.oc-inline-toolbar__right{
  flex:0 0 auto;
}

.oc-toolbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}

/* SORT */
.oc-sort-tabs{
  display:flex;
  align-items:stretch;
  gap:0;
  width:100%;
  background:#f2f2f2;
  border:1px solid #dddddd;
  border-radius:12px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  cursor:grab;
  user-select:none;
}

.oc-sort-tabs::-webkit-scrollbar{
  display:none;
}

.oc-sort-tabs.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
}

.oc-sort-tab{
  flex:1 0 210px;
  min-width:210px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  background:#efefef;
  border-right:1px solid #dcdcdc;
  color:#4b4b4b;
  text-decoration:none !important;
  font-size:15px;
  font-weight:700;
  line-height:1;
  text-align:center;
  transition:all .25s ease;
}

.oc-sort-tab:last-child{
  border-right:none;
}

.oc-sort-tab:hover{
  background:#e9e9e9;
  color:#2f2f2f;
}

.oc-sort-tab.is-active{
  background:#dcdcdc;
  color:#2f2f2f !important;
}

/* LIMIT */
.oc-limit-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  background:#f5f5f5;
  border:1px solid #dddddd;
  border-radius:12px;
}

.oc-limit-tab{
  min-width:58px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  background:#f3f3f3;
  border:1px solid #d9d9d9;
  border-radius:8px;
  color:#5a5a5a;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:all .25s ease;
}

.oc-limit-tab:hover{
  background:#ededed;
  color:#333;
}

.oc-limit-tab.is-active{
  background:#ff5a00;
  border-color:#ff5a00;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(255,90,0,.18);
}

/* VIEW */
.oc-view-group{
  display:flex;
  align-items:center;
  gap:8px;
}

.oc-view-btn{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f3f3;
  border:1px solid #d9d9d9;
  border-radius:8px;
  color:#4d4d4d;
  text-decoration:none !important;
  font-size:18px;
  transition:all .25s ease;
}

.oc-view-btn:hover,
.oc-view-btn.is-active{
  background:#ff7846;
  border-color:#ff7846;
  color:#fff !important;
}

/* COMPARE */
.oc-compare-btn{
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  background:#2f2f2f;
  border:1px solid #2f2f2f;
  border-radius:8px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:all .25s ease;
}

.oc-compare-btn:hover{
  background:#1f1f1f;
  border-color:#1f1f1f;
  color:#fff !important;
}

@media (max-width:991px){
  .oc-sort-tab{
    min-width:180px;
    height:52px;
    padding:0 18px;
    font-size:14px;
  }

  .oc-limit-tab,
  .oc-view-btn,
  .oc-compare-btn{
    height:42px;
  }

  .oc-limit-tab{
    min-width:52px;
    padding:0 12px;
    font-size:13px;
  }

  .oc-view-btn{
    width:42px;
    font-size:16px;
  }

  .oc-compare-btn{
    padding:0 14px;
    font-size:13px;
  }
}

/* MOBILDE SORT ÜSTE GEÇSİN */
@media (max-width:767px){
  .oc-inline-toolbar{
    flex-wrap:wrap !important;
    gap:8px;
  }

  .oc-inline-toolbar__left{
    order:1;
    flex:0 0 100%;
    width:100%;
    min-width:100%;
  }

  .oc-inline-toolbar__right{
    order:2;
    flex:0 0 100%;
    width:100%;
    min-width:100%;
  }

  .oc-sort-tabs{
    width:100%;
    max-width:100%;
  }

  .oc-sort-tab{
    min-width:165px;
    height:48px;
    padding:0 16px;
    font-size:13px;
  }

  .oc-toolbar-actions{
    width:100%;
    flex-wrap:wrap;
    gap:8px;
    align-items:stretch;
  }

  .oc-limit-tabs{
    order:1;
    flex:1 1 auto;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .oc-limit-tabs::-webkit-scrollbar{
    display:none;
  }

  .oc-view-group{
    order:2;
    flex:0 0 auto;
    gap:6px;
  }

  .oc-compare-btn{
    order:3;
    flex:1 1 auto;
    min-width:120px;
    height:38px;
    padding:0 12px;
    border-radius:7px;
    font-size:12px;
  }

  .oc-limit-tab{
    min-width:46px;
    height:38px;
    padding:0 10px;
    font-size:13px;
    border-radius:7px;
  }

  .oc-view-btn{
    width:38px;
    height:38px;
    border-radius:7px;
    font-size:15px;
  }
}

#information-contact{
  padding-top: 24px;
  padding-bottom: 50px;
}

#information-contact *{
  box-sizing: border-box;
}

#information-contact .breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 28px;
  padding: 16px 22px;
  background: rgba(255,255,255,.96);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.05);
}

#information-contact .breadcrumb > li + li:before{
  color: #ff7846;
  padding: 0 8px 0 4px;
}

#information-contact .breadcrumb a{
  color: #1f2937;
  font-weight: 600;
  text-decoration: none;
}

#information-contact .breadcrumb a:hover{
  color: #ff7846;
}

#information-contact #content{
  float: none;
  width: 100%;
}

.contact-hero{
  margin-bottom: 24px;
}

.contact-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 999px;
  background: #fff1eb;
  color: #ff7846;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(255, 120, 70, 0.08);
}

.contact-title{
  margin: 18px 0 10px;
  color: #1f2937;
  font-size: 42px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -.03em;
}

.contact-desc{
  max-width: 760px;
  margin: 0;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.8;
}

.contact-shell{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: start;
}

.contact-card,
.contact-form-card,
.branch-card{
  background: rgba(255,255,255,.98);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(17, 24, 39, 0.07);
}

.contact-card-body,
.contact-form-body,
.branch-card-body{
  padding: 30px;
}

.section-head{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.section-icon{
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff2ec 0%, #ffe4d8 100%);
  color: #ff7846;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 10px 26px rgba(255,120,70,.12);
}

.section-title{
  margin: 0;
  color: #1f2937;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -.02em;
}

.contact-thumb{
  margin-bottom: 18px;
}

.contact-thumb img{
  display: block;
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.info-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.info-block{
  background: #fffdfa;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.info-block.full{
  grid-column: 1 / -1;
}

.info-label{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: #1f2937;
  font-size: 20px;
  font-weight: 800;
}

.info-label i{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff1eb;
  color: #ff7846;
  font-size: 16px;
}

.info-store{
  margin: 0 0 10px;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
}

.info-text,
.info-block address{
  margin: 0;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.85;
  font-style: normal;
}

.modern-btn,
#information-contact .btn,
#information-contact .btn-primary,
#information-contact .btn-info{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  transition: .25s ease;
}

.modern-btn.primary,
#information-contact .btn-primary,
#information-contact .btn-info{
  background: linear-gradient(135deg, #ff7846 0%, #f25d24 100%);
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(255,120,70,.24);
}

.modern-btn.primary:hover,
#information-contact .btn-primary:hover,
#information-contact .btn-info:hover{
  transform: translateY(-2px);
  color: #fff !important;
  box-shadow: 0 20px 40px rgba(255,120,70,.32);
}

.modern-btn.secondary{
  background: #fff3ed;
  color: #ff7846 !important;
  box-shadow: 0 10px 26px rgba(255,120,70,.10);
}

.modern-btn.secondary:hover{
  background: #ffe8de;
  color: #f25d24 !important;
}

.form-top-text{
  margin: -4px 0 22px;
  color: #6b7280;
  font-size: 15px;
  line-height: 1.75;
}

.form-group{
  margin-bottom: 18px;
}

.contact-form-card .control-label{
  display: block;
  margin-bottom: 8px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  float:left;
}

.contact-form-card .form-control{
  width: 100%;
  height: 56px;
  padding: 16px 18px;
  background: #f8f8f8;
  border-radius: 16px;
  color: #1f2937;
  font-size: 15px;
  box-shadow: none !important;
  transition: .2s ease;
}

.contact-form-card textarea.form-control{
  height: 190px;
  min-height: 190px;
  resize: vertical;
}

.contact-form-card .form-control:focus{
  outline: none;
  background: #ffffff;
  box-shadow: 0 0 0 5px rgba(255,120,70,.08), 0 12px 26px rgba(17,24,39,.05) !important;
}

.contact-form-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 6px;
}

.text-danger{
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #d92d20;
}

.branch-wrap{
  margin-top: 28px;
}

.branch-title{
  margin: 0 0 18px;
  color: #1f2937;
  font-size: 30px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -.02em;
}

.branch-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.branch-card-body{
  padding: 24px;
}

.branch-name{
  margin: 0 0 14px;
  color: #1f2937;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

.branch-meta{
  color: #6b7280;
  font-size: 15px;
  line-height: 1.85;
}

.branch-meta strong{
  color: #1f2937;
  font-weight: 800;
}

.branch-image{
  margin-bottom: 16px;
}

.branch-image img{
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.07);
}

#information-contact .img-thumbnail{
  padding: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 1199px){
  .contact-title{
    font-size: 36px;
  }
}

@media (max-width: 991px){
  .contact-shell{
    grid-template-columns: 1fr;
  }

  .contact-title{
    font-size: 32px;
  }

  .branch-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px){
  #information-contact{
    padding-top: 14px;
    padding-bottom: 32px;
  }

  #information-contact .breadcrumb{
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 16px;
  }

  .contact-title{
    font-size: 28px;
  }

  .contact-desc{
    font-size: 14px;
    line-height: 1.7;
  }

  .contact-card-body,
  .contact-form-body,
  .branch-card-body{
    padding: 18px;
  }

  .info-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .info-block{
    padding: 18px;
    border-radius: 18px;
  }

  .section-title{
    font-size: 23px;
  }

  .info-store{
    font-size: 16px;
  }

  .contact-form-card .form-control{
    height: 52px;
    font-size: 14px;
  }

  .contact-form-card textarea.form-control{
    height: 150px;
    min-height: 150px;
  }

  .contact-form-actions{
    flex-direction: column;
  }

  .contact-form-actions .modern-btn,
  .contact-form-actions .btn,
  .contact-form-actions .btn-primary{
    width: 100%;
  }
}

#account-login {
  padding: 24px 0 56px;
}

#account-login * {
  box-sizing: border-box;
}

#account-login .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 26px;
  padding: 14px 18px;
  background: rgba(255,255,255,.94);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(20,20,20,.05);
}

#account-login .breadcrumb > li + li:before {
  color: #ff7846;
  padding: 0 8px 0 4px;
}

#account-login .breadcrumb a {
  color: #232323;
  font-weight: 600;
  text-decoration: none;
}

#account-login .breadcrumb a:hover {
  color: #ff7846;
}

#account-login #content {
  float: none;
}

#account-login .alert {
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(20,20,20,.06);
  font-weight: 700;
}

#account-login .alert-success {
  background: #ecfff3;
  color: #1e7a46;
}

#account-login .alert-danger {
  background: #fff1f1;
  color: #c53030;
}

.login-page-ui {
  width: 100%;
}

.login-hero {
  margin-bottom: 24px;
  padding: 34px;
  background: rgba(255,255,255,.96);
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(20,20,20,.07);
}

.login-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff0e9;
  color: #ff7846;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(255,120,70,.10);
}

.login-title {
  margin: 18px 0 10px;
  color: #202020;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.03em;
}

.login-desc {
  max-width: 760px;
  margin: 0;
  color: #6f6f6f;
  font-size: 16px;
  line-height: 1.8;
}

.login-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.login-card {
  height: 100%;
  padding: 30px;
  background: rgba(255,255,255,.97);
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(20,20,20,.07);
}

.login-card-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}

.login-card-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  background: linear-gradient(135deg, #ff8e67 0%, #ff7846 100%);
  color: #fff;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  box-shadow: 0 18px 34px rgba(255,120,70,.22);
}

.login-card-title {
  margin: 0 0 6px;
  color: #202020;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.02em;
}

.login-card-subtitle {
  margin: 0;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 1.75;
}

.login-register-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.login-feature-list {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
}

.login-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  background: #fff8f4;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(255,120,70,.08);
}

.login-feature-item i {
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #ff7846;
  border-radius: 12px;
  font-size: 15px;
  box-shadow: 0 10px 22px rgba(20,20,20,.06);
}

.login-feature-text strong {
  display: block;
  margin-bottom: 4px;
  color: #202020;
  font-size: 15px;
  font-weight: 800;
}

.login-feature-text span {
  display: block;
  color: #6b6b6b;
  font-size: 14px;
  line-height: 1.7;
}

.login-register-actions {
  margin-top: auto;
  padding-top: 22px;
}

.login-form-wrap {
  margin-top: 8px;
}

.login-form-wrap .form-group {
  margin-bottom: 18px;
}

.login-form-wrap .control-label {
  display: block;
  margin-bottom: 9px;
  color: #222;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
}

.login-input-wrap {
  position: relative;
}

.login-input-wrap i {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff7846;
  font-size: 15px;
  pointer-events: none;
}

.login-form-wrap .form-control {
  width: 100%;
  height: 58px;
  padding: 16px 18px 16px 48px;
  background: #f7f7f7;
  border: 0 !important;
  border-radius: 18px;
  color: #202020;
  font-size: 15px;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.login-form-wrap .form-control:focus {
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(255,120,70,.14) !important;
  transform: translateY(-1px);
  outline: none;
}

.login-row-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 0 18px;
}

.login-forgot-link {
  color: #ff7846;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.login-forgot-link:hover {
  color: #f25d24;
  text-decoration: none;
}

.login-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.login-btn,
#account-login .btn,
#account-login .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 24px;
  border: 0 !important;
  border-radius: 18px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}

.login-btn-main,
#account-login .btn-primary {
  background: linear-gradient(135deg, #ff8e67 0%, #ff7846 100%);
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(255,120,70,.22);
}

.login-btn-main:hover,
#account-login .btn-primary:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 24px 40px rgba(255,120,70,.30);
}

.login-btn-soft {
  background: #fff2ec;
  color: #ff7846 !important;
  box-shadow: 0 12px 26px rgba(255,120,70,.10);
}

.login-btn-soft:hover {
  color: #ff7846 !important;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .login-title {
    font-size: 34px;
  }

  .login-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  #account-login {
    padding: 14px 0 32px;
  }

  #account-login .breadcrumb {
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 16px;
  }

  .login-hero,
  .login-card {
    padding: 20px;
    border-radius: 22px;
  }

  .login-title {
    font-size: 28px;
  }

  .login-desc,
  .login-card-subtitle,
  .login-feature-text span {
    font-size: 14px;
    line-height: 1.7;
  }

  .login-card-title {
    font-size: 24px;
  }

  .login-form-wrap .form-control {
    height: 52px;
    font-size: 14px;
  }

  .login-row-meta,
  .login-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .login-actions .login-btn,
  .login-actions .btn,
  .login-register-actions .login-btn {
    width: 100%;
  }
}

#account-forgotten {
  padding: 24px 0 56px;
}

#account-forgotten * {
  box-sizing: border-box;
}

#account-forgotten .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 26px;
  padding: 14px 18px;
  background: rgba(255,255,255,.94);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(20,20,20,.05);
}

#account-forgotten .breadcrumb > li + li:before {
  color: #ff7846;
  padding: 0 8px 0 4px;
}

#account-forgotten .breadcrumb a {
  color: #232323;
  font-weight: 600;
  text-decoration: none;
}

#account-forgotten .breadcrumb a:hover {
  color: #ff7846;
}

#account-forgotten #content {
  float: none;
}

#account-forgotten .alert {
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(20,20,20,.06);
  font-weight: 700;
}

#account-forgotten .alert-danger {
  background: #fff1f1;
  color: #c53030;
}

.forgotten-ui {
  width: 100%;
}

.forgotten-hero {
  margin-bottom: 24px;
  padding: 34px;
  background: rgba(255,255,255,.96);
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(20,20,20,.07);
}

.forgotten-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff0e9;
  color: #ff7846;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(255,120,70,.10);
}

.forgotten-title {
  margin: 18px 0 10px;
  color: #202020;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.03em;
}

.forgotten-desc {
  max-width: 760px;
  margin: 0;
  color: #6f6f6f;
  font-size: 16px;
  line-height: 1.8;
}

.forgotten-card {
  padding: 30px;
  background: rgba(255,255,255,.97);
  border-radius: 30px;
  box-shadow: 0 20px 55px rgba(20,20,20,.07);
}

#account-forgotten fieldset {
  margin: 0 0 22px;
  padding: 24px;
  background: #fffaf7;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 12px 30px rgba(20,20,20,.05);
}

#account-forgotten legend {
  width: auto;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  color: #202020;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.02em;
}

#account-forgotten .form-group {
  margin-bottom: 0;
}

#account-forgotten .control-label {
  color: #222;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
}

#account-forgotten .form-horizontal .control-label {
  padding-top: 14px;
}

#account-forgotten .form-control {
  width: 100%;
  min-height: 56px;
  padding: 14px 16px;
  background: #f7f7f7;
  border: 0 !important;
  border-radius: 18px;
  color: #202020;
  font-size: 15px;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#account-forgotten .form-control:focus {
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(255,120,70,.14) !important;
  transform: translateY(-1px);
  outline: none;
}

#account-forgotten .buttons {
  margin-top: 10px;
  padding: 24px;
  background: rgba(255,255,255,.96);
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(20,20,20,.06);
}

#account-forgotten .buttons:before,
#account-forgotten .buttons:after {
  content: "";
  display: table;
}

#account-forgotten .buttons:after {
  clear: both;
}

#account-forgotten .pull-left,
#account-forgotten .pull-right {
  float: none !important;
}

.forgotten-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

#account-forgotten .btn,
#account-forgotten .btn-default,
#account-forgotten .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 24px;
  border: 0 !important;
  border-radius: 18px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}

#account-forgotten .btn-default {
  background: #fff2ec;
  color: #ff7846 !important;
  box-shadow: 0 12px 26px rgba(255,120,70,.10);
}

#account-forgotten .btn-default:hover {
  color: #ff7846 !important;
  transform: translateY(-2px);
}

#account-forgotten .btn-primary {
  background: linear-gradient(135deg, #ff8e67 0%, #ff7846 100%);
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(255,120,70,.22);
}

#account-forgotten .btn-primary:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 24px 40px rgba(255,120,70,.30);
}

@media (max-width: 991px) {
  .forgotten-title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  #account-forgotten {
    padding: 14px 0 32px;
  }

  #account-forgotten .breadcrumb {
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 16px;
  }

  .forgotten-hero,
  .forgotten-card {
    padding: 20px;
    border-radius: 22px;
  }

  .forgotten-title {
    font-size: 28px;
  }

  .forgotten-desc {
    font-size: 14px;
    line-height: 1.7;
  }

  #account-forgotten fieldset {
    padding: 18px;
    border-radius: 20px;
  }

  #account-forgotten legend {
    font-size: 22px;
  }

  #account-forgotten .form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 8px;
  }

  #account-forgotten .form-control {
    min-height: 52px;
    font-size: 14px;
  }

  #account-forgotten .buttons {
    padding: 18px;
    border-radius: 20px;
  }

  .forgotten-actions {
    flex-direction: column;
    align-items: stretch;
  }

  #account-forgotten .btn,
  #account-forgotten .btn-default,
  #account-forgotten .btn-primary {
    width: 100%;
  }
}



#menu.navbar {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  min-height: auto;
  overflow: visible !important;
}

#menu .menu-inner-wrap {
  width: 100%;
  max-width: 1380px; /* burayı 1320 / 1360 / 1400 deneyebilirsin */
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  overflow: visible !important;
}

#menu .menu-inner {
  float: none;
  width: 100%;
  padding: 0 !important;
  position: relative;
  overflow: visible !important;
}

/* supermenu tam otursun */
#menu #supermenu,
#menu .supermenu,
#menu .megamenu {
  width: 100%;
  max-width: 100%;
  overflow: visible !important;
}

/* ana dropdownlar kesilmesin */
#menu .dropdown,
#menu .dropdown-menu,
#menu .megamenu-dropdown,
#menu .mega-menu,
#menu .supermenu-content {
  overflow: visible !important;
  z-index: 99999 !important;
}

/* çok büyük ekranlarda daha da kontrollü dursun */
@media (min-width: 1600px) {
  #menu .menu-inner-wrap {
    max-width: 1380px;
  }
}

/* orta ekran */
@media (max-width: 1399px) {
  #menu .menu-inner-wrap {
    max-width: 1240px;
  }
}

/* laptop */
@media (max-width: 1199px) {
  #menu .menu-inner-wrap {
    max-width: 100%;
    padding: 0 12px;
  }
}

/* =========================================================
   REGISTER POPUP + AGREEMENT ROW FIX
   en alta ekle
========================================================= */

/* popup / modal düzeltmesi */
.modal-backdrop {
  z-index: 999998 !important;
}

.modal {
  z-index: 999999 !important;
  position: fixed !important;
  inset: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 80px 15px 20px !important;
}

.modal.in {
  display: block !important;
}

.modal-dialog {
  position: relative !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}

.modal-content {
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18) !important;
}

.modal-header {
  padding: 16px 22px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  background: linear-gradient(135deg, #fff8f4 0%, #ffffff 100%) !important;
}

.modal-title {
  color: #243041 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.modal-body {
  padding: 20px 22px !important;
  max-height: calc(100vh - 220px) !important;
  overflow-y: auto !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #4b5563 !important;
}

.modal-footer {
  padding: 14px 22px 18px !important;
  border-top: 1px solid #f0f0f0 !important;
  background: #fff !important;
}

/* üstteki sticky/header popupı ezmesin */
.sticky-header,
#top,
#header,
#menu,
.navbar,
.header,
.header-bottom {
  z-index: 1000 !important;
}

/* =========================================================
   KAYIT SAYFASI ALT SATIR DÜZELTMESİ
   gizlilik linki + checkbox + devam butonu
========================================================= */

#account-register .buttons,
#content .buttons {
  clear: both !important;
}

#account-register .buttons .pull-right,
#content .buttons .pull-right {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: center !important;
  gap: 12px !important;
}

#account-register .buttons .pull-right a,
#content .buttons .pull-right a {
  grid-column: 1 !important;
  justify-self: end !important;
  text-align: right !important;
  white-space: normal !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}

#account-register .buttons .pull-right input[type="checkbox"],
#content .buttons .pull-right input[type="checkbox"] {
  grid-column: 2 !important;
  margin: 0 !important;
  position: static !important;
  vertical-align: middle !important;
}

#account-register .buttons .pull-right .btn,
#account-register .buttons .pull-right input.btn,
#account-register .buttons .pull-right button,
#content .buttons .pull-right .btn,
#content .buttons .pull-right input.btn,
#content .buttons .pull-right button {
  grid-column: 3 !important;
  margin: 0 !important;
  min-width: 120px !important;
}

/* checkbox metni çok yapışık görünmesin */
#account-register .buttons .pull-right label,
#content .buttons .pull-right label {
  margin: 0 !important;
  display: inline !important;
}

/* mobil */
@media (max-width: 767px) {
  .modal {
    padding: 65px 10px 15px !important;
  }

  .modal-dialog {
    max-width: 100% !important;
  }

  .modal-body {
    max-height: calc(100vh - 190px) !important;
    padding: 16px !important;
  }

  #account-register .buttons .pull-right,
  #content .buttons .pull-right {
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
  }

  #account-register .buttons .pull-right a,
  #content .buttons .pull-right a {
    grid-column: 1 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  #account-register .buttons .pull-right input[type="checkbox"],
  #content .buttons .pull-right input[type="checkbox"] {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  #account-register .buttons .pull-right .btn,
  #account-register .buttons .pull-right input.btn,
  #account-register .buttons .pull-right button,
  #content .buttons .pull-right .btn,
  #content .buttons .pull-right input.btn,
  #content .buttons .pull-right button {
    grid-column: 1 !important;
    width: 100% !important;
  }
}

/* =========================================================
   MODAL KARARTMA ARKASINDA KALIYOR - FIX
   en alta ekle
========================================================= */

/* karartma altta */
.modal-backdrop,
.modal-backdrop.in {
  z-index: 99998 !important;
  opacity: .55 !important;
}

/* modal üstte */
.modal,
.modal.in,
.fade.modal,
.modal.fade.in {
  z-index: 999999 !important;
  position: fixed !important;
  inset: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: block;
  padding: 70px 15px 20px !important;
  transform: none !important;
}

/* dialog ortada dursun */
.modal-dialog {
  position: relative !important;
  z-index: 1000000 !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  max-width: 760px !important;
  width: 100% !important;
}

/* popup kutusu backdrop üstünde garanti */
.modal-content {
  position: relative !important;
  z-index: 1000001 !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

/* fade animasyonu modalı aşağı gömmesin */
.modal.fade .modal-dialog {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

/* header/menu gibi üst elemanlar modalın üstüne çıkamasın */
.sticky-header,
#top,
#header,
#menu,
.navbar,
.header,
.header-bottom,
.header-top,
.header-middle,
.mega-menu,
.megamenu,
#user-menu,
.dropdown-menu {
  z-index: 1000 !important;
}

/* body modal açıkken scroll/katman düzgün çalışsın */
body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}

/* mobil */
@media (max-width: 767px) {
  .modal,
  .modal.in,
  .fade.modal,
  .modal.fade.in {
    padding: 55px 10px 15px !important;
  }

  .modal-dialog {
    max-width: 100% !important;
  }

  .modal-content {
    border-radius: 14px !important;
  }
}

/*
 * BEBEREYON - Iki Renk Duz Tema Duzeltmesi
 * Ana renk: #45aaa4
 * Vurgu renk: #ff7f69
 * Not: Mevcut CSS dosyasinin EN ALTINA ekle veya mevcut CSS'ten sonra yukle.
 * Class, olcu ve responsive yapiya dokunmadan sadece renkleri ezer.
 */

:root {
  --br-primary: #45aaa4;
  --br-secondary: #ff7f69;
  --br-primary-soft: rgba(69, 170, 164, 0.10);
  --br-secondary-soft: rgba(255, 127, 105, 0.12);
  --br-primary-border: rgba(69, 170, 164, 0.28);
  --br-secondary-border: rgba(255, 127, 105, 0.28);
}

/* =========================
   GLOBAL RENK DUZELTMELERI
========================= */
a:hover,
#ust a:hover,
#ust-links a:hover,
#ust-links a:hover i,
#top-links > ul > li > a:hover,
#top-links > ul > li > a:focus,
#top-links > ul > li > a:hover i,
#top-links > ul > li > a:hover .fa,
#top-links > ul > li > a:hover svg,
#top-links .dropdown-menu a:hover,
.header-support-link:hover .support-phone,
.login-forgot-link,
.product-info .options,
.oc-cat-showcase__nav:hover,
.oc-toolbar-modern__sort:hover,
.oc-toolbar-modern__limit:hover,
.oc-pagination-modern .pagination > li > a:hover,
.modern-search-label,
.contact-chip,
.forgotten-badge,
.login-badge,
#information-contact .breadcrumb > li + li:before,
#account-login .breadcrumb > li + li:before,
#account-forgotten .breadcrumb > li + li:before,
#information-contact .breadcrumb a:hover,
#account-login .breadcrumb a:hover,
#account-forgotten .breadcrumb a:hover {
  color: #ff7f69 !important;
}

#ust .fa,
#ust #currency strong,
#ust #currency span,
#ust #currency i,
#user-menu .dropdown-menu > li > a i,
.dropdown-menu .dropdown-header,
.header-support-link:hover .header-support-icon svg path,
.login-input-wrap i,
.info-label i,
.section-icon,
.mobile-menu .fa,
.mobile-menu i.fa,
.mobile-header .fa,
.mobile-header i.fa,
.mobile-search .fa,
.mobile-search i.fa,
.oc-modern-subcats__arrow,
.oc-results-modern__icon {
  color: #45aaa4 !important;
}

.header-support-link:hover .header-support-icon svg path {
  stroke: #45aaa4 !important;
}

/* =========================
   UST BAR / HEADER
========================= */
#top {
  background: #45aaa4 !important;
}

#top:before {
  background-image: none !important;
}

#top-links .dropdown-menu {
  background: #45aaa4 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

#top-links .dropdown-menu a:hover {
  background: rgba(255,255,255,.12) !important;
  color: #ff7f69 !important;
}

#ust #currency .currency-select:hover,
#ust #language .dropdown-menu li > a:hover {
  color: #45aaa4 !important;
}

#search .input-lg {
  border-color: #45aaa4 !important;
  color: #45aaa4 !important;
}

#search .input-lg:focus {
  border-color: #ff7f69 !important;
  box-shadow: 0 0 0 3px rgba(255,127,105,.14) !important;
}

#search .btn-lg {
  background: #45aaa4 !important;
  color: #ffffff !important;
}

#search .btn-lg:hover {
  background: #ff7f69 !important;
  color: #ffffff !important;
}

/* =========================
   DROPDOWN / USER MENU
========================= */
.dropdown-menu {
  box-shadow: 0 18px 45px rgba(69, 170, 164, 0.18) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > ul > li > a:hover,
.dropdown-menu > li > ul > li > a:focus,
#user-menu .dropdown-menu > li > a:hover,
#user-menu .dropdown-menu > li > a:focus {
  background: rgba(69,170,164,.10) !important;
  color: #45aaa4 !important;
}

#user-menu .dropdown-menu {
  box-shadow: 0 22px 50px rgba(69, 170, 164, 0.20) !important;
}

#user-menu > a:hover {
  color: #ff7f69 !important;
}

.uyeols1,
.girisyap1 {
  color: #45aaa4 !important;
}

/* =========================
   ANA MENU / MEGA MENU
========================= */
#menu {
  background: #45aaa4 !important;
  box-shadow: 0 3px 8px rgba(69, 170, 164, 0.24) !important;
}

#menu .nav > li:first-child a {
  background: #ff7f69 !important;
}

#menu .nav > li > a {
  color: #ffffff !important;
  border-right-color: rgba(255,255,255,.20) !important;
  text-shadow: none !important;
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a {
  background: #ff7f69 !important;
  color: #ffffff !important;
}

#menu .dropdown-menu {
  background-color: #ffffff !important;
}

#menu .dropdown-inner a {
  color: #45aaa4 !important;
}

#menu .dropdown-inner li a:hover,
#menu .see-all:hover,
#menu .see-all:focus {
  background: #45aaa4 !important;
  color: #ffffff !important;
}

#menu .btn-navbar,
.navbar-toggle {
  background: #ff7f69 !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active {
  background: #45aaa4 !important;
  color: #ffffff !important;
}

.megamenu-content {
  background-color: #45aaa4 !important;
}

.megamenu-content h4 a,
.megamenu-content .sub_categoy li a:hover,
.megamenu-content h3,
.megamenu-content p {
  color: #ffffff !important;
}

.megamenu-content .sub_categoy li a {
  color: rgba(255,255,255,.82) !important;
}

.megamenu-content .sub_categoy li {
  border-bottom-color: rgba(255,255,255,.22) !important;
}

/* =========================
   BUTONLAR - DUZ IKI RENK
========================= */
.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-default,
.btn-fumebuck,
.btn-sepet,
.product-buttons button,
.product-buttons a,
.uye-giris-button,
.uye-hemenuye-button,
#button-cart,
#button-demo,
#button-hizli,
#button-pack,
#button-ssor,
.modern-search-btn,
.modern-btn.primary,
#information-contact .btn-primary,
#information-contact .btn-info,
#account-login .btn-primary,
.login-btn-main,
#account-forgotten .btn-primary,
.oc-view-btn.is-active,
.oc-view-btn:hover,
.oc-compare-btn {
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(69,170,164,.24) !important;
}

.btn:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-default:hover,
.btn-fumebuck:hover,
.btn-sepet:hover,
.product-buttons button:hover,
.product-buttons a:hover,
.uye-giris-button:hover,
.uye-hemenuye-button:hover,
#button-cart:hover,
#button-demo:hover,
#button-hizli:hover,
#button-pack:hover,
#button-ssor:hover,
.modern-search-btn:hover,
.modern-search-btn:focus,
.modern-btn.primary:hover,
#information-contact .btn-primary:hover,
#information-contact .btn-info:hover,
#account-login .btn-primary:hover,
.login-btn-main:hover,
#account-forgotten .btn-primary:hover,
.oc-compare-btn:hover {
  background: #ff7f69 !important;
  background-image: none !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(255,127,105,.26) !important;
}

.btn-danger,
.btn-warning,
.uye-unuttum-button {
  background: #ff7f69 !important;
  background-image: none !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(255,127,105,.24) !important;
}

.btn-danger:hover,
.btn-warning:hover,
.uye-unuttum-button:hover {
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(69,170,164,.26) !important;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.btn-link {
  color: #45aaa4 !important;
}

.btn-link:hover,
.btn-link:focus {
  color: #ff7f69 !important;
}

.btn::after,
#button-cart::after,
#button-demo::after,
#button-hizli::after,
#button-pack::after,
#button-ssor::after {
  background: rgba(255,255,255,.18) !important;
}

/* =========================
   BADGE / IKON / ROZET
========================= */
.badgewhistlist,
.badgeAlert,
.product-layout .indirim,
.bilgi-1,
.banner-text {
  background: #ff7f69 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.product-layout .indirim::after {
  border-bottom-color: #ff7f69 !important;
}

.product-layout .sale,
.specialPercente,
.round,
.round.blue,
.round.gri,
.round.orange,
.round.green,
.update-nag > .update-split,
.update-nag > .update-split.update-success,
.update-nag > .update-split.update-danger,
.update-nag > .update-split.update-info,
.update-nag > .update-split.update-view {
  background: #45aaa4 !important;
  background-color: #45aaa4 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.bilgi-2 {
  background: #45aaa4 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.round.hollow,
.round.hollow.blue,
.round.hollow.gri,
.round.hollow.orange,
.round.hollow.green {
  background: #ffffff !important;
  color: #45aaa4 !important;
  box-shadow: 0 0 0 2.5px #45aaa4 !important;
}

ul.yo-fm li a span.fm-badge,
ul.yo-fm .fm-price {
  color: #45aaa4 !important;
  background: rgba(69,170,164,.10) !important;
  border-color: rgba(69,170,164,.14) !important;
}

/* =========================
   FORM / CHECKBOX / SECENEK
========================= */
.opencartmarketi__checkbox:hover,
a.select-option.option-active,
a.select-option:hover,
.custom-radio .radio label input:checked + img,
.custom-radio-design label input:checked + span {
  border-color: #45aaa4 !important;
}

.opencartmarketi__checkbox input:checked ~ i,
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o,
label:hover input[type="checkbox"] ~ i.fa {
  background-color: #45aaa4 !important;
  color: #ffffff !important;
}

label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o,
label:hover input[type="checkbox"] ~ i.fa {
  background-color: transparent !important;
  color: #45aaa4 !important;
}

div.required .control-li::before,
.text-danger {
  color: #ff7f69 !important;
}

div[data-toggle="buttons"] label:hover {
  color: #45aaa4 !important;
}

div[data-toggle="buttons"] label.active {
  border-color: #45aaa4 !important;
  color: #45aaa4 !important;
}

/* =========================
   URUN / FIYAT / KART
========================= */
.product-thumb .price,
.mainprice h1,
.product-thumb:hover .price {
  color: #ff7f69 !important;
}

.product-thumb h4 a:hover,
.product-thumb:hover h4 a,
.product_heading,
.urunbaslik b {
  color: #45aaa4 !important;
}

.urunbaslik:after,
.animate-border,
.bckground,
.bckground1,
.bckground2,
.brands,
.subcat:hover,
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  background: #45aaa4 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.product-thumb {
  border-color: rgba(69,170,164,.16) !important;
}

.product-thumb .caption {
  background: #ffffff !important;
}

.product-thumb .image a:hover::before {
  background: rgba(69,170,164,.12) !important;
}

.kargos i:hover,
.wish_compare a,
#content .wishlist,
#content .compare {
  color: #45aaa4 !important;
}

#content .wishlist,
#content .compare {
  background-color: #45aaa4 !important;
  border-color: #45aaa4 !important;
}

#content .wishlist:hover,
#content .compare:hover {
  background-color: #ff7f69 !important;
  border-color: #ff7f69 !important;
}

/* =========================
   SEPET
========================= */
#cart .dropdown-menu {
  border-top-color: #45aaa4 !important;
}

#cart .dropdown-menu::before {
  border-bottom-color: #45aaa4 !important;
}

#cart > .btn {
  background: #ffffff !important;
  background-image: none !important;
  color: #45aaa4 !important;
  box-shadow: none !important;
}

#cart.open > .btn span,
#cart.open > .btn,
#cart.open > .btn:hover {
  color: #45aaa4 !important;
}

/* =========================
   FOOTER UST BILGI KUTULARI
========================= */
.footer-ust {
  background: #ffffff !important;
  background-image: none !important;
  border-top-color: rgba(69,170,164,.18) !important;
}

.box-module-bilgikutucu .column:hover {
  background: rgba(69,170,164,.06) !important;
}

.box-module-bilgikutucu .icon-name {
  color: #45aaa4 !important;
  background: rgba(69,170,164,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(69,170,164,.12) !important;
}

.box-module-bilgikutucu .column:hover .icon-name {
  background: #45aaa4 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(69,170,164,.22) !important;
}

.box-module-bilgikutucu .arrow {
  border-color: rgba(69,170,164,.18) !important;
}

/* =========================
   FOOTER
========================= */
:root {
  --footer-bg: #45aaa4 !important;
  --footer-bg-secondary: #45aaa4 !important;
  --footer-accent: #ff7f69 !important;
  --footer-text: #ffffff !important;
  --footer-text-muted: rgba(255,255,255,.78) !important;
  --footer-border: rgba(255,255,255,.20) !important;
  --footer-hover: #ff7f69 !important;
}

footer {
  background: #45aaa4 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-top-color: rgba(255,255,255,.20) !important;
}

footer h5,
footer a,
footer p,
.content_alt_solcol ul li,
.hakkimizda-description,
.footer_sol_alt > p,
.copyright a {
  color: #ffffff !important;
}

footer a:hover,
#footer .column li a:hover,
.copyright a:hover {
  color: #ff7f69 !important;
}

footer h5::after,
.content_alt_solcol .social_block ul li:hover,
.social_block ul li:hover,
.social-footer .link-follow li a:hover {
  background: #ff7f69 !important;
  background-color: #ff7f69 !important;
  border-color: #ff7f69 !important;
}

.social-footer .link-follow li a {
  border-color: #45aaa4 !important;
  color: #45aaa4 !important;
}

.social-footer .link-follow li a:hover {
  color: #ffffff !important;
}

/* =========================
   TAB / TOOLBAR / PAGINATION
========================= */
.nav-tabs {
  background: rgba(69,170,164,.10) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #45aaa4 !important;
  background: #ffffff !important;
}

.nav-tabs li a:hover {
  color: #ff7f69 !important;
  background: rgba(255,255,255,.70) !important;
}

.oc-toolbar-modern__sorts,
.oc-sort-tabs {
  background: rgba(69,170,164,.10) !important;
  border-color: rgba(69,170,164,.22) !important;
}

.oc-toolbar-modern__sort,
.oc-sort-tab {
  color: #45aaa4 !important;
  border-right-color: rgba(69,170,164,.18) !important;
  background: transparent !important;
}

.oc-toolbar-modern__sort:hover,
.oc-sort-tab:hover {
  color: #ff7f69 !important;
  background: rgba(255,127,105,.10) !important;
}

.oc-toolbar-modern__sort.is-active,
.oc-sort-tab.is-active {
  background: #45aaa4 !important;
  color: #ffffff !important;
}

.oc-toolbar-modern__limits,
.oc-limit-tabs {
  background: rgba(255,127,105,.08) !important;
  border-color: rgba(255,127,105,.20) !important;
}

.oc-toolbar-modern__limit,
.oc-limit-tab {
  color: #45aaa4 !important;
  border-color: rgba(69,170,164,.22) !important;
  background: #ffffff !important;
}

.oc-toolbar-modern__limit:hover,
.oc-limit-tab:hover {
  color: #ff7f69 !important;
  border-color: rgba(255,127,105,.35) !important;
  background: rgba(255,127,105,.08) !important;
}

.oc-toolbar-modern__limit.is-active,
.oc-limit-tab.is-active {
  background: #ff7f69 !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(255,127,105,.18) !important;
}

.oc-pagination-modern .pagination > li > a:hover {
  color: #ff7f69 !important;
  border-color: rgba(255,127,105,.28) !important;
  background: rgba(255,127,105,.08) !important;
}

.oc-pagination-modern .pagination > li.active > span,
.oc-pagination-modern .pagination > li.active > a,
.oc-pagination-modern .pagination > li > span.current,
.oc-pagination-modern .pagination > li.active > span:hover,
.oc-pagination-modern .pagination > li.active > a:hover {
  color: #ffffff !important;
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
}

.oc-results-modern__icon {
  color: #45aaa4 !important;
  background: rgba(69,170,164,.10) !important;
}

/* =========================
   ARAMA SAYFASI
========================= */
.modern-search-wrap {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(69,170,164,.20) !important;
}

.modern-search-label {
  background: rgba(69,170,164,.10) !important;
  border-color: rgba(69,170,164,.20) !important;
  color: #45aaa4 !important;
}

.modern-input,
.modern-select,
.modern-check {
  border-color: rgba(69,170,164,.24) !important;
}

.modern-input:focus,
.modern-select:focus {
  border-color: #45aaa4 !important;
  box-shadow: 0 0 0 4px rgba(69,170,164,.14) !important;
}

.modern-check input[type="checkbox"] {
  accent-color: #45aaa4 !important;
}

/* =========================
   ALERT / MESAJ
========================= */
.alert-success {
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
  border-left-color: #45aaa4 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(69,170,164,.18) !important;
}

.alert-success a,
.alert-success .close {
  color: #ffffff !important;
}

.alert-message-success,
#account-login .alert-success {
  background-color: rgba(69,170,164,.10) !important;
  border-color: #45aaa4 !important;
  color: #45aaa4 !important;
}

.alert-message-success h4 {
  color: #45aaa4 !important;
}

.alert-message-danger,
#account-login .alert-danger,
#account-forgotten .alert-danger {
  background-color: rgba(255,127,105,.10) !important;
  border-color: #ff7f69 !important;
  color: #ff7f69 !important;
}

.alert-message-danger h4 {
  color: #ff7f69 !important;
}

.alert-message-warning,
.alert-message-info,
.alert-message-notice {
  background-color: rgba(255,127,105,.10) !important;
  border-color: #ff7f69 !important;
}

.alert-message-warning h4,
.alert-message-info h4,
.alert-message-notice h4 {
  color: #ff7f69 !important;
}

/* =========================
   LOGIN POPUP / MOBILE MENU
========================= */
.login-block .container,
.mobile-menu-wrapper,
.mobile-header,
.mobile-search,
.mobile-menu-inner > p,
.mobile-menu:first-child,
.modal-header {
  background: #ffffff !important;
  background-image: none !important;
}

.login-block .container {
  border-color: rgba(69,170,164,.16) !important;
}

.login-block .form-group a:hover,
.login-block input:focus,
.mobile-menu li a:hover,
.mobile-menu:first-child li a:hover,
.mobile-menu li li a:hover {
  color: #45aaa4 !important;
}

.login-block input:focus {
  border-color: rgba(69,170,164,.45) !important;
  box-shadow: 0 0 0 4px rgba(69,170,164,.10) !important;
}

.login-block .btn,
.login-block .btn-primary,
.menu-expand,
.mobile-menu li .menu-expand {
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(69,170,164,.20) !important;
}

.login-block .btn:hover,
.login-block .btn-primary:hover,
.menu-expand:hover {
  background: #ff7f69 !important;
  background-image: none !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
}

.mobile-menu li:hover,
.mobile-menu li a:hover,
.mobile-menu:first-child li a:hover,
.mobile-menu li li a:hover {
  background: rgba(69,170,164,.08) !important;
}

.mobile-menu:first-child li a i {
  color: #45aaa4 !important;
}

.mobile-header:before {
  background: #45aaa4 !important;
  background-image: none !important;
}

.mobile-header .to-navigation:hover,
.mobile-header .to-search:hover {
  background: rgba(69,170,164,.06) !important;
}

.mobile-header .to-navigation:before,
.mobile-header .to-search:after {
  background: #45aaa4 !important;
  box-shadow: 0 -7px 0 #45aaa4, 0 7px 0 #45aaa4 !important;
}

.mobile-header .to-search:before {
  border-color: #45aaa4 !important;
}

.mobile-header .to-navigation:after {
  border-color: rgba(69,170,164,.20) !important;
  background: #ffffff !important;
  background-image: none !important;
}

/* =========================
   ALT SABIT MENU
========================= */
#altsabitmenu li a:before {
  background-color: rgba(69,170,164,.10) !important;
}

#altsabitmenu li a:hover:before,
#altsabitmenu li a:focus:before {
  background-color: rgba(255,127,105,.14) !important;
  box-shadow: 0 8px 20px rgba(255,127,105,.18) !important;
}

#altsabitmenu li.active a:before,
#altsabitmenu li a.active:before {
  background-color: #45aaa4 !important;
  box-shadow: 0 10px 24px rgba(69,170,164,.28) !important;
}

/* =========================
   CATEGORY HERO / ALT KATEGORI / SHOWCASE
========================= */
.category-hero {
  background: #addbd3 !important;
  background-image: none !important;
}

.category-hero:before,
.category-hero:after {
  background: none !important;
}

.category-hero__title {
  color: #ffffff !important;
}

.category-hero__link {
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.category-hero__link:hover,
.category-hero__link:focus {
  background: #ff7f69 !important;
  border-color: #ff7f69 !important;
  color: #ffffff !important;
}

.category-hero__current {
  color: #ffffff !important;
  background: #ff7f69 !important;
  border-color: #ff7f69 !important;
}

.oc-modern-subcats__line {
  background: #45aaa4 !important;
}

.oc-modern-subcats__card,
.oc-cat-showcase__item {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(69,170,164,.16) !important;
}

.oc-modern-subcats__card:hover,
.oc-modern-subcats__card:focus {
  border-color: rgba(69,170,164,.45) !important;
  box-shadow: 0 14px 30px rgba(69,170,164,.12) !important;
  background: rgba(69,170,164,.04) !important;
}

.oc-modern-subcats__arrow {
  color: #45aaa4 !important;
  background: rgba(69,170,164,.10) !important;
}

.oc-modern-subcats__card:hover .oc-modern-subcats__arrow,
.oc-modern-subcats__card:focus .oc-modern-subcats__arrow {
  color: #ffffff !important;
  background: #45aaa4 !important;
}

.oc-cat-showcase__ph {
  background: #45aaa4 !important;
  background-image: none !important;
}

.oc-cat-showcase__overlay {
  background: rgba(69,170,164,.46) !important;
  background-image: none !important;
}

/* =========================
   CONTACT / LOGIN / FORGOTTEN
========================= */
.contact-chip,
.login-badge,
.forgotten-badge {
  background: rgba(69,170,164,.10) !important;
  color: #45aaa4 !important;
  box-shadow: 0 10px 24px rgba(69,170,164,.10) !important;
}

.section-icon,
.login-card-icon,
.info-label i {
  background: #45aaa4 !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(69,170,164,.14) !important;
}

.info-block,
.login-feature-item,
#account-forgotten fieldset {
  background: rgba(69,170,164,.06) !important;
}

.login-feature-item i {
  background: #ffffff !important;
  color: #45aaa4 !important;
}

.contact-form-card .form-control:focus,
.login-form-wrap .form-control:focus,
#account-forgotten .form-control:focus {
  box-shadow: 0 14px 34px rgba(69,170,164,.14) !important;
}

.modern-btn.secondary,
.login-btn-soft,
#account-forgotten .btn-default {
  background: rgba(69,170,164,.10) !important;
  color: #45aaa4 !important;
  box-shadow: 0 12px 26px rgba(69,170,164,.10) !important;
}

.modern-btn.secondary:hover,
.login-btn-soft:hover,
#account-forgotten .btn-default:hover {
  background: rgba(255,127,105,.14) !important;
  color: #ff7f69 !important;
}

/* =========================
   MODAL
========================= */
.modal-header {
  border-bottom-color: rgba(69,170,164,.16) !important;
}

.modal-content {
  box-shadow: 0 24px 60px rgba(69,170,164,.22) !important;
}

.modal-title {
  color: #45aaa4 !important;
}

/* =========================
   BANNER / SUBBANNER / CESITLI
========================= */
.subinner2:hover > a,
.subinner4:hover > a,
.subinner1:hover > a,
.subinner5:hover > a,
.subbanner_inner2_inner:hover a,
.subbanner_inner4_inner:hover a {
  background-color: #45aaa4 !important;
}

.border-top,
.border-right,
.border-bottom,
.border-left {
  background: #45aaa4 !important;
}

.socol {
  background: transparent !important;
}

@media (max-width: 979px) {
  .socol {
    background: #45aaa4 !important;
  }
}

.feature-block:hover {
  box-shadow: 0 10px 24px rgba(69,170,164,.14) !important;
}

.fb-icon.color-info,
.fb-icon.color-warning,
.fb-icon.color-success,
.fb-icon.color-danger {
  color: #45aaa4 !important;
}

/* =========================
   TEKRARLI TURUNCU/KIRMIZI/YESIL/MAVI RENK KALMASIN DIYE
========================= */
[style*="#ff7846"],
[style*="#ff7a3d"],
[style*="#ed3800"],
[style*="#e7512f"] {
  color: inherit;
}

/* CSS icinde eski renkleri ezen hedefli son katman */
h2 span,
.oc-limit-tab.is-active,
.oc-view-btn:hover,
.oc-view-btn.is-active,
.badgeAlert,
.banner-text,
.urunbaslik:after {
  background: #45aaa4 !important;
  background-image: none !important;
  border-color: #45aaa4 !important;
}

a:hover,
.product-thumb .price,
.mainprice h1,
.header-support-link:hover .support-phone,
#top-links > ul > li > a:hover,
.oc-sort-tab:hover,
.oc-limit-tab:hover,
.login-forgot-link:hover {
  color: #ff7f69 !important;
}

/* Tum background-image efektlerinde renkli gecisleri iptal eden guvenli duzeltmeler */
.btn,
.btn-primary,
.btn-default,
.btn-info,
.btn-danger,
.btn-success,
.btn-warning,
.btn-fumebuck,
.btn-sepet,
#button-cart,
#button-demo,
#button-hizli,
#button-pack,
#button-ssor,
.login-block .btn,
.login-block .btn-primary,
.modern-search-wrap,
.modern-search-btn,
.category-hero,
.oc-modern-subcats__card,
.oc-cat-showcase__ph,
.login-card-icon,
.section-icon,
#account-login .btn-primary,
#account-forgotten .btn-primary,
#information-contact .btn-primary,
#information-contact .btn-info,
.bilgi-1,
.bilgi-2,
.specialPercente,
.mobile-header,
.mobile-search,
.mobile-menu-wrapper,
.modal-header,
footer,
#top,
#menu {
  background-image: none !important;
}