@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

html{
    font-size: 1rem;
    scroll-behavior: smooth;
}



/* Harmonia Regular */
@font-face {
    font-family: 'Harmonia';
    src: url('font/harmoniaregular.woff2') format('woff2'),
         url('font/harmoniaregular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Neue';
    src: url('font/neue.woff') format('woff'),
         url('font/neue.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

/* Garis */
@font-face {
    font-family: 'Garis';
    src: url('font/garis') format('woff'),
         url('font/garis.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}


body {
    background: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
    left: 0;
    transition: all .4s;
    font-optical-sizing: auto;
    font-style: normal;
    font-family: 'Neue';
    font-size: 1rem;
} 

/* Reset.popup-wrapper */
a {
    color: var(--main-color);
}

a:hover {
    text-decoration: none;
    color: var(--main-color2);
}

h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.15rem;
}

h4 {
    font-size: 1.05rem;
}

h5 {
    font-size: 1.03rem;
}

/* Overlay */
.overlay {
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    justify-content: center;
    align-items: center;
}

.overlay .spin {
    color: var(--main-color);
    width: 3rem;
    height: 3rem;
    font-size: 20px;
}


/* Opacity */
.op-black,
.op-black-2,
.op-black-3,
.op-black-4{
    background: rgba(0,0,0,.5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.op-black-2 {
    z-index: 99;
}

.op-black-3{
    z-index: 9;
}

.op-black-4{
    z-index: 999;
}

.op-black.hide,
.op-black-2.hide,
.op-black-3.hide,
.op-black-4.hide{
    visibility: hidden;
    opacity: 0;
}

.op-black.show,
.op-black-2.show,
.op-black-3.show,
.op-black-4.show{
    visibility: visible;
    opacity: 1;
}

/* Banner Hover */

.banner-item .image {
	position: relative;
	overflow: hidden;
}
.banner-item .image::before {
	position: absolute!important;
	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;
	overflow: hidden;
}

.banner-item .image: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;
	}
}

/* Header (Desktop) */
header.desktop{
    background: transparent;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 20;
    top: 0;
    
}

.cart-body header.desktop.fixed,
.product-body header.desktop.fixed,
.login-body header.desktop.fixed,
.categories-body header.desktop.fixed{
    position: fixed;
    top: 20px;
    animation: all .3s ease-in;
}

.cart-body header.desktop.fixed .container,
.product-body header.desktop.fixed .container,
.login-body header.desktop.fixed .container,
.categories-body header.desktop.fixed .container{
    background-color: #ffffff;
    top: 20px;
    height: 60px;
    padding: 0 5px;
    border-radius: 30px;
    max-width: 100%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: 75%;
}
.cart-body header.desktop .container,
.product-body header.desktop .container,
.login-body header.desktop .container,
.categories-body header.desktop .container{
    transition: all 0.6s ease-out;
}



header.desktop.fixed {
    position: fixed;
    top: 20px;
    animation: all .3s ease-in;
}

header.desktop .h-contact {
    background: #fff;
    position: relative;
    z-index: 2;
}

header.desktop .h-center {
    position: relative;
}

.dropdown-languages-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}

.dropdown-languages-1 .dropdown-toggle:hover{
    color: var(--header-top-color-hover);
}

.dropdown-currencies-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}

.dropdown-currencies-1 .dropdown-toggle:hover{
    color: var(--header-top-color-hover);
}

.dropdown-currencies-1 .dropdown-menu .dropdown-item{
    margin-left: 0!important;
}

.nav {
  height: 90px;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  -ms-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 3%;
}

.nav-bar-top {    
  width: 70%;
  position : absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 60px;
}

.nav-bar-scrolled {
  position : fixed;
  width: 100%;
  left: 50%;
  top:0px;
  transform: translateX(-50%);
}



.home-body header.desktop .container {
  will-change: transform;
  margin: 0 auto; /* Ortala */
  width: 100%;
  transition: all var(--transition-time);
}

header.desktop.fixed .container {
    background-color: #ffffff;
    width: 75%;
    top: 10px;
    height: 60px;
    padding: 0 25px;
    border-radius: 30px;
    max-width: 100%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease-out;
}



header.desktop .h-contact .info {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

header.desktop .h-contact .info .item {
    font-size: 13px;
    color: var(--header-top-color);
    transition: all var(--transition-time);
    margin-right: 20px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

header.desktop .h-contact .info .item:hover{
    color: var(--header-top-color-hover);
}

header.desktop .h-contact .info .item i {
    margin-right: 6px;
    font-size: 13px;
}

header.desktop .h-contact .info .item.wp i {
    font-weight: normal;
    font-size: 20px;
}

header.desktop .h-contact .social-media {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

header.desktop .h-contact .social-media a {
    margin-left: 15px;
    font-size: 14px;
    color: var(--header-top-color);
}

header.desktop .h-contact .social-media a:hover{
    color: var(--header-top-color-hover);
    transition: all var(--transition-time);
}

header.desktop .header-area {
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*position: relative;*/
}

header.desktop .header-area .header-logo {
    
      justify-content: flex-start;
    align-items: center;
    position: relative;
      display: flex;
}

.logo-icon {
      width: 55px;
      min-width: 55px;
      height: 46px;
      margin-left: -3px;
      transition: transform 0.3s ease;
    }
    .logo-text-wrap {
      width: 174px;
      height: 40px;
      overflow: hidden;
      display: inline-block;
      transition: width 0.5s ease;
      position: relative;
      white-space: nowrap;
    }

    .logo-text {
      min-width: 174px;
      height: 40px;
      position: relative;
      left: 0;
      transition: left 0.6s ease;
    }



header.desktop.fixed .header-area{
    height: 60px;
}

.button__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 9999px; /* fully rounded (pill) */
  background-color: #f3f4f6; /* same as bg-grey-100 */
  width: 2.1rem;
  height: 2.1rem;
  margin-left: 0.35rem;
  margin-bottom: auto;
  margin-top: auto;
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.4s, opacity 0.4s;
  z-index: 1;
}
.btn-categories-new:hover .button__icon-wrapper {
  background-color: transparent; 
}

.button__icon-wrapper.visible {
  transform: scale(1);
  opacity: 1;
}


header.desktop .menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 57px;
    border-radius: 50px;
    padding: 0 3px;
}

header.desktop .header-first {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*position: relative;*/
    flex: 4;
}

header.desktop .header-area.last {
    align-items: center;
    border-bottom-left-radius: 2.5rem;
    background: #fff;
}

header.desktop.fixed .header-area.last{
    background: transparent;
}

header.desktop .logo {
    align-items: center;
    background: #fff;
    border-bottom-right-radius: 2.5rem;
    position: relative;
    z-index: 2; 
    padding: 0 14px;
}



.home-headline .carousel-type-1 .carousel-item a img {
    border-radius: 20px;
}

header.desktop.fixed .logo{
    background: transparent;
}

header.desktop .logo a img {
    max-height: 45px;
}

header.desktop .search.active {
    opacity: 1;
    visibility: visible;
}

header.desktop .search {
    width: 60%;
    background: #fff;
    border-radius: 2.5rem;
    position: absolute;
    visibility: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    height: 170px;
    z-index: 999;
    top: 80px;
    left:20%;
    margin: 0 auto;
    transition: right 0.4s ease-in-out;
}


header.desktop .search .populer-aramalar {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

header.desktop .search .categories-2-wrapper {
    font-size: .7rem;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    color: #232323;
}

header.desktop .search .categories-2-wrapper:hover {
    font-size: .7rem;
    background: #232323;
    color: #fff;
    transition: all var(--transition-time);
}

header.desktop .search .search-close-btn {
    position: absolute;
    cursor: pointer;
}

header.desktop .search.focus {
    bottom: 0px;
    visibility: visible;
    z-index: 9;
}
header.desktop .search form .input-box {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
}

header.desktop .search form input {
    float: left;
    color: #000;
    font-weight: 400;
    width: 100%;
    font-size: 1rem;
    border-color: transparent !important;
    border-width: 0 !important;
    background: transparent !important;
    height: 60px;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 55px;
}

.easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
}

.easy-autocomplete-container ul .eac-category, .easy-autocomplete-container ul li {
    font-size: 13px;
    padding: 3px 10px;
    border-bottom: 1px solid #ebebeb;
}

header.desktop .search form input::placeholder {
    color: #aaa;
}

header.desktop .search:hover,
header.desktop .search:focus,
header.desktop .search:active{
    border-color: var(--main-color2);
}

header.desktop .search form .btn-send {
    position: absolute;
    border-width: 0;
    color: #aaa;
    left: 40px;
    border-radius: 50%;
    font-size: 16px;
    top: 8px;
    line-height: normal;
}

header.desktop .easy-autocomplete{
    width: 100%!important;
    padding-left: 40px;
}

header.desktop .form-wrapper-search {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

header.desktop .search form .btn-send i{
    font-size: 25px;
}

header.desktop .easy-autocomplete-container {
    top: 60px;
}

header.desktop .menu {
    height: 70px;
    border-right: 0;
    border-left: 0;
    width: 100%;
}

header.desktop .menu.fixed{
    position: fixed;
    top: 0;
    right: 0px;
    left: 0px;
}


.headline-button div {
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--main-color2);
  color: #fff!important;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}

.btn-categories:hover {
  color: #333!important;
}





header.desktop .dropdown-category {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    flex:1;
    margin: 0!important;
}

header.desktop .new-now {
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    border: 1px solid #f3f4f6;
    border-radius: 30px;
    margin-right: 10px;
}

header.desktop .dropdown-category .btn-categories img{
    height: 19px;
    width: 40px;
}


header.desktop .btn-categories i {
    font-size: 13px;
    color: #000;
    transition: all .4s;
    margin-bottom: 5px;
}

.dropdown-category span.all-cat a{
    display: flex;
    font-weight: 500;
    font-size: 12px;
    color: #333;
    margin-top: 15px;
    margin-bottom: 20px;
}

.dropdown-category span.cat-link a{
    display: flex;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}

/* Menu Left */
.dropdown-category .menu-left {
    opacity: 0;
    visibility: hidden;
    max-width: 1250px;
    width: 75%;
    margin: 0 auto;
    z-index: 222;
    position: absolute;
    background: #fff;
    border-top: 0;
    height: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 50%;
    top: 75%;
    transform: translateX(-50%);
    padding: 20px;
    border-top: 1px solid #ddd;
    height: 65vh;
    box-shadow: 0 23px 28.4px #00000040;
    border-radius: 2.5rem;
    transition: all 0.4s ease;
}


.desktop.fixed .container .dropdown-category .menu-left {
  width: 100%;
}

/* Firefox */
.menu-left {
  scrollbar-width: thin;               /* İnce scrollbar */
  scrollbar-color: #fadd0b transparent;   /* Renk ayarı */
}

/* WebKit tarayıcılar (Chrome, Edge, Safari) */
.menu-left::-webkit-scrollbar {
  width: 6px;
}

.menu-left::-webkit-scrollbar-track {
  background: transparent;
  position: relative;
}

.menu-left::-webkit-scrollbar-thumb {
  background-color: #fadd0b;
  border-radius: 2.5rem;
  border: 2px solid transparent;
  background-clip: content-box;
  box-shadow: inset 0 10px 0 transparent, inset 0 -10px 0 transparent;
}


.dropdown-category .menu-left .left-cat-bar a {
    margin-left: 1rem;
    font-size: 1rem;
    color: #000;
}

.dropdown-category .menu-left .left-cat-bar {
    position: absolute;
    bottom: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 20px 0;
}

.dropdown-category:hover .menu-left{
}


.hover-bridge {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    margin: 0 auto;
    max-width: 1000px;
    height: 30px;
    background: transparent;
    z-index: 1;
}
.dropdown-category:hover .menu-left{
    opacity: 1;
    max-width: 1250px;
    visibility: visible;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-top: 25px;
}


.menu-left ul.f-ul {
    padding: 0;
    list-style: none;
    display: block;
    margin: 0;
    width: 300px;
}

.menu-left ul.f-ul li.f-li {
    list-style: none;
    border-radius: 2.5rem 0 0 2.5rem;
    text-align: left;
}

.menu-left ul.f-ul li.f-li.active{
    background: #fefbe6;
    color: #fff!important;
}

.menu-left ul.f-ul li.f-li:hover .menu-left ul.f-ul li .name{
    color: #000;
}

.menu-left ul.f-ul li.f-li:active .menu-deep-box,
.menu-left ul.f-ul li.f-li:hover .menu-deep-box {
    display:block;
    opacity:1;
}

.menu-left ul.f-ul li.f-li .f-item {
    display: inline-flex;
    color: #151515;
    font-size: 13px;
    padding: 3px;
    transition: all .4s;
    align-items: center;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}

.menu-left ul.f-ul li.f-li.active .f-item {
    color: var(--main-color);
    transition:all .3s;
}

.menu-left ul.f-ul li.f-li .f-item .icon {
    color: #222;
    text-align: right;
    font-size: 15px;
    opacity: 0;
    margin-top: 2px;
    transition: all .3s;
}

.menu-left ul.f-ul li.f-li:last-child.active .f-item .icon{
    display: none;
}

.menu-left ul.f-ul li.f-li.active .f-item .icon {
    color: var(--main-color);
    opacity: 1;
    transition:all .4s;
}

/* Deep Menu */
.menu-deep-box {
    position: absolute;
    top: 0px;
    bottom: 0;
    background: #fff;
    left: 300px;
    box-sizing: border-box;
    width: calc(100% - 300px);
    z-index: 99;
    display: none;
    opacity: 0;
    padding: 50px 35px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 30px 30px 0;
    min-height: 99%;
    transition: all .4s;
    background: #fefbe6;
}

.menu-deep-box .sub-title {
    color: #e3c900;
    font-size: 15px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    text-align: left;
    height: auto;
}

.menu-deep-box .sub-cat ul {
    padding: 0;
    text-align: left;
}

.menu-deep-box.show {
    opacity: 1;
    display: block!important;
    z-index: 10;
}

.menu-deep-box .title {
    display: block;
    font-size: 13px;
    color: #222;
    padding: 5px 0;
    text-align: left;
    height: 33px;
}

.menu-deep-box .title:hover {
    color: var(--main-color);
}


/* Mobile Header */

header.mobile {
    display: none;
    background: #fff;
    height: 60px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 21;
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-left: 0;
}

header.mobile .left {
    width: 30%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

header.mobile .center {
    width: 40%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header.mobile .right {
    width: 30%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

header.mobile .logo img {
    max-height: 55px;
}

header.mobile .icon-group {
    position: relative;
}

header.mobile .left .icon-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

header.mobile .left .icon-group img{
    height: 17px;
}

header.mobile .icon-group {
    position: relative;
    color: #000;
}

header.mobile .icon-group svg{
    margin-right: 3px;
}

header.mobile .icon-group .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    min-width: 18px;
    max-width: 25px;
    padding: 0;
    text-align: center;
    height: 18px;
    background: #000000;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header.mobile .mobile-search {
    padding: 0;
    background: #f3f3f3;
    margin: 10px 10px 0 10px;
    border-radius: 10px;
}

header.mobile .mobile-search form {
    width: 100%;
}

header.mobile .mobile-search form .input-box {
    width: 80%;
}

header.mobile .mobile-search form input {
    float: left;
    color: #444;
    width: 100%;
    font-size: 13px;
    border-color: transparent;
    background: transparent !important;
    height: 45px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    outline: 0 !important;
    padding-left: 45px;
}

header.mobile .mobile-search form input::placeholder {
    color: #444;
}

header.mobile .mobile-search form input:focus,
header.mobile .mobile-search form input:hover {
    border-color: transparent !important;
}

header.mobile .mobile-search form .btn-send {
    height: 45px;
    border: 0;
    background: transparent !important;
    color: #333;
    font-size: 17px;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 999999;
}

header.mobile .h-banner{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Sidebar User */
.sidebar-user {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 21;
    right: 0;
    margin-right: -250px;
}

.sidebar-user.active {
    margin-right: 0;
}

.sidebar-user .title {
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.sidebar-user .title span {
    font-size: 16px;
    padding: 5px 0;
    font-weight: 500;
}

.sidebar-user .title .btn-close {
    line-height: normal;
    font-size: 18px;
    color: #555;
}

.sidebar-user .login-menu a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.sidebar-user .login-menu a i {
    width: 30px;
    margin-right: 10px;
    text-align: left;
}

.sidebar-user .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sidebar-user .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, .05);
    font-size: 14px;
    font-weight: 500;
}

.sidebar-user .footer-links ul {
    margin: 0;
    padding: 0;
}

.sidebar-user .footer-links ul li {
    padding: 0;
    list-style: none;
}

.sidebar-user .footer-links ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-user .footer-links ul li a.wp i {
    color: #21bd5c;
}

.sidebar-user .footer-links ul li a i {
    text-align: center;
    width: 40px;
    font-size: 16px;
}

/* Sidebar Menu */
.sidebar-menu {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 9999;
    left: 0;
    margin-left: -250px;
}

.sidebar-menu.active {
    margin-left: 0;
}

.sidebar-menu .scrollbar {
    width: 100%;
    height: 100%;
  background-color: #fadd0b;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sidebar-menu .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-menu .title .btn-close {
    color: #fff;
}

.sidebar-menu .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, .15);
    font-size: 14px;
    font-weight: 500;
}

.sidebar-menu .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-menu .links a i {
    float: right;
}

.sidebar-menu .categories {
    /*display: none;*/
}

.sidebar-menu .categories ul {
    margin: 0;
    padding: 0;
}

.sidebar-menu .categories ul li {
    padding: 0;
    list-style: none;
}

.sidebar-menu .categories ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.sidebar-menu .categories ul li a .name {
    width: 80%;
}

.sidebar-menu .categories ul li a .icon {
    color: #777;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
}

.sidebar-menu .categories ul .multi {
    display: none;
}

.sidebar-menu .categories ul .multi a {
    padding-left: 20px;
}

.sidebar-menu .categories ul .multi .multi a {
    padding-left: 40px;
}

.sidebar-menu .categories ul .multi .multi .multi a {
    padding-left: 60px;
}

/* Stores */
.stores {
    background: #fff;
    border-top: solid 1px #e6e6e6;
    padding: 10px 0;
}

.stores .cards {
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.stores .card {
    border: none;
    box-shadow: none;
    margin: 0 !important;
    border-left: 1px solid #e6e6e6;
}

.stores .card:first-child {
    border-left: 0;
}

.stores .card .card-body {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
}

.stores .card .card-body img {
    max-height: 80%;
    max-width: 60%!important;
    margin: 0 auto;
}

.stores .card .card-header {
    display: none;
}

.stores .text-white {
    font-weight: bold;
    font-size: 12px !important;
}

/* Footer */

footer {
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}

footer .bb {
    border-top: 1px solid #f2f2f2;
}

footer .catalog {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: 100px;
}

footer .catalog .catalog-btn {
    background: var(--main-color2);
    padding: 10px 35px;
    border-radius: 20px;
}

footer .catalog .catalog-btn:hover{
    color: #000;
}

footer .logo-area {
    text-align: left;
    margin: 15px 0;
    padding-left: 100px;
}

footer .footer-logo {
    border-top: 1px solid #f2f2f2;
}

footer .logo-area .logo img {
    max-width: 160px;
}

footer .logo-description {
    margin-top: 15px;
}

footer .info {
    padding: 40px;
}

footer .title {
    font-size: 1rem;
    font-weight: 600;
    color: #272727;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 40px;
}

footer .title-2 {
    color: #000;
    font-size: 13px;
    
}

footer .title-3 {
    color: #000;
    font-size: 17px;
    
}

footer .secure .description {
    color: #000;
    margin: 5px 0;
}

footer .secure img {
    opacity: .5;
}

footer .info ul {
    padding: 0;
    margin: 0;
    padding-bottom: 40px;
}

footer .info ul li {
    list-style: none;
    padding: 3px 0;
    color: #000;
    font-size: 13px;
}

footer .info ul li a {
    display: block;
    color: #808285;
    font-size: 13px;
    position: relative;
    line-height: 25px;
    transition: all var(--transition-time);
}

footer .info ul li a:hover {
   text-decoration: underline;
}

footer .bar {
    border-top: 1px solid #ebebeb;
    padding: 40px 0;
}

footer .bar a {
    color: #000;
    text-align: center;
}

footer .bar a:hover {
    color: #000;
}

footer .bar p {
    margin: 0;
    color: #000;
}

/* Mobile Menu Tip 2 */

.sidebar-menu-type-2 {
    background: #fff;
    width:100%;
    position: fixed;
    top: 0;
    height: 100%;
    transition: all .3s;
    z-index: 9999;
    left: 0;
    margin-left: -100%;
}

.sidebar-menu-type-2.active {
    margin-left: 0;
}

.sidebar-menu-type-2 .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sidebar-menu-type-2 .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-menu-type-2 .title .btn-close {
    color: #fff;
}

.sidebar-menu-type-2 .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, .15);
    font-size: 14px;
    font-weight: 500;
}

.sidebar-menu-type-2 .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-menu-type-2 .links a i {
    float: right;
}

.sidebar-menu-type-2 .categories {
    /*display: none;*/
}

.sidebar-menu-type-2 .categories ul {
    margin: 0;
    padding: 10px;
}

.sidebar-menu-type-2 .categories ul li {
    padding: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    margin-bottom: 15px;
    position: relative;
}

.sidebar-menu-type-2 .categories ul li a img{
    height: 35px;
    margin-right: 10px;
}

.sidebar-menu-type-2 .categories ul li a {
    display: flex;
    padding: 15px 10px;
    border-bottom: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
}

.sidebar-menu-type-2 .categories ul li a .name {
    width: 80%;
}

.sidebar-menu-type-2 .categories ul li a .icon {
    color: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 17px;
    position: absolute;
    right: 22px;
}

.sidebar-menu-type-2 .categories .multi li a .icon {
    right: 13px;
}

.sidebar-menu-type-2 .easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
    top: 45px;
}

.sidebar-menu-type-2 .categories ul li a .icon .fa-angle-right:before {
    content: "\f078";
}

.sidebar-menu-type-2 .categories .multi .icon .fa-angle-right:before {
    content: "\f078";
}

.sidebar-menu-type-2 .categories ul .multi {
    display: none;
    background: #fff;
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding-left: 20px;
    color: #555;
}

.sidebar-menu-type-2 .categories .multi li {
    margin-bottom: 5px;
    background: transparent;
    min-height: auto;
    border-radius: 5px;
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding: 6px 0;
    font-size: 13px;
    font-weight: 400;
    min-height: auto;
    display: flex;
    align-items: center;
    border-bottom: 0;;
}

.sidebar-menu-type-2 .categories ul .multi li:first-child {
    border: 0;
}

.sidebar-menu-type-2 .categories ul .multi li:last-child {
    background: #fff;
    height: 35px;
}


.sidebar-menu-type-2 .categories ul .multi li {
    background: #fff;
}

.sidebar-menu-type-2 .categories ul .multi li:first-child a {
    color: #000;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
}



.sidebar-menu-type-2 .categories ul .multi .multi a {
    padding-left: 20px;
    font-size:12px;
}

.sidebar-menu-type-2 .mobile-search i{
    font-size: 25px;
    margin-right: 10px;
}

.sidebar-menu-type-2 .mobil-area-title {
    color: #000;
    margin: 15px 10px 10px 13px;
    display: block;
    font-weight: 500;
    font-size: 15px;
}

.sidebar-menu-type-2 .mobil-area-1 {
    display: flex;
    position: relative;
    text-align: center;
}

.sidebar-menu-type-2 .mobil-area-1 a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    justify-content: center;
    border: 1px solid #e2e2e2;
    margin: 0 10px;
    padding: 7px 1rem;
    color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}

.sidebar-menu-type-2 .mobil-area-1 a img {
    margin-right: 10px;
    padding: 0;
    width: 41px;
    height: 41px;
}

.sidebar-menu-type-2 .logo-area {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 17px 10px;
    align-items: center;
}

.mobile-menu-close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.mobile-menu-close img {
    max-height: 20px;
}

.mobil-area-2 {
    margin: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.sidebar-menu-type-2 .short-link {
    width: 50%;
    padding: 15px 10px;
}

.sidebar-menu-type-2 .short-link.border-1{
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link.border-2{
    border-bottom: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link.border-3 {
    border-right: 1px solid #e2e2e2;
}

.sidebar-menu-type-2 .short-link a {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.sidebar-menu-type-2 .short-link a i {
    margin-right: 10px;
    font-size: 20px;
}

.mobil-area-footer {
    text-align: center;
    color: #000;
}

.sidebar-menu-type-2 .scrollbar {
    width: 100%;
    height: 90%;
    box-sizing: border-box;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* Custom */
 .home-body  header .header-gx6:before {
     content: "";
     position: absolute;
     background-color: transparent; 
     left: 264px;
     bottom: 0px; 
     width: 2.5rem; 
     height: 100%;
     border-bottom-right-radius: 2.5rem; 
     box-shadow: 0 2.5rem 0 0 #ffffff; 
     transform: rotate(180deg);
     
 } 
 .home-body header .header-gx6::after {
     content: "";
     position: absolute;
     background-color: transparent;
     right: 250px; 
     top: 0; 
     width: 2.5rem; 
     height: 100%;
     border-top-right-radius: 2.5rem;
     box-shadow: 0 -2.5rem 0 0 #ffffff; 
     transform: rotate(0deg); 
 }
 
 .categories-body header .header-gx6:before {
     content: "";
     position: absolute;
     background-color: transparent; 
     left: 287px;
     bottom: 0px; 
     width: 2.5rem; 
     height: 100%;
     border-bottom-right-radius: 2.5rem; 
     box-shadow: 0 2.5rem 0 0 #ffffff; 
     transform: rotate(180deg);
     
 } 
 
 .categories-body header .header-gx6::after {
     content: "";
     position: absolute;
     background-color: transparent;
     right: 274px; 
     top: 0; 
     width: 2.5rem; 
     height: 100%;
     border-top-right-radius: 2.5rem;
     box-shadow: 0 -2.5rem 0 0 #ffffff; 
     transform: rotate(0deg); 
 }
 .categories-body .logo-bottom-left {
  content: "";
  position: absolute;
  background-color: transparent;
  left: 0;
  top: 95px;
  width: 13rem;
  height: 35%;
  border-bottom-right-radius: 2.5rem;
  box-shadow: 0 2.5rem 0 0 #ffffff;
  transform: rotate(180deg);
  z-index:1;
}

 .categories-body .logo-bottom-right {
  content: "";
  position: absolute;
  background-color: transparent;
  right: 0;
  top: 95px;
  width: 13rem;
  height: 35%;
  border-top-right-radius: 2.5rem;
  box-shadow: 0 -2.5rem 0 0 #ffffff;
  transform: rotate(0deg);
  z-index:1;
}
 
/* Header .desktop fixed olduğunda, sayfadaki bu elemanları gizle */
body:has(.desktop.fixed) .logo-bottom-left,
body:has(.desktop.fixed) .logo-bottom-right {
  display: none !important;
}


.desktop.fixed .header-gx6{
    display: none;
}
.desktop.fixed .logo-bottom-left {
    display: none;
}
.desktop.fixed .logo-bottom-right{
    display: none;
}
 .home-body .logo-bottom-left {
  content: "";
  position: absolute;
  background-color: transparent;
  left: 10px;
  top: 95px;
  width: 6rem;
  height: 25%;
  border-bottom-right-radius: 2.5rem;
  box-shadow: 0 2.5rem 0 0 #ffffff;
  transform: rotate(180deg);
  z-index:1;
}
.home-body .logo-bottom-right {
  content: "";
  position: absolute;
  background-color: transparent;
  right: 10px;
  top: 95px;
  width: 6rem;
  height: 25%;
  border-top-right-radius: 2.5rem;
  box-shadow: 0 -2.5rem 0 0 #ffffff;
  transform: rotate(0deg);
  z-index:1;
}



.btn-categories-new {
  display: inline-flex; /* flex kalsın ama genişliği bozmasın */
  align-items: center;
  justify-content: center;
  /*gap: 6px;*/
  white-space: nowrap; /* Taşmayı önler */
  color: #333;
  position: relative;
  overflow: hidden;
  height: 45px;
  border:1px solid #e6e6e6;
  border-radius: 50px;
  padding: 0 6px 0 18px; /* Dilersen burayla buton iç boşluklarını kontrol edebilirsin */
  margin: 0 3px;
  background: transparent;
  width: auto; /* Genişlik içeriğe göre */
  z-index: 1;

}


.btn-categories-new:hover svg {
    transform: rotateZ(180deg);
} 
.btn-categories-new svg {
  transition: transform 0.3s ease;
} 

.btn-categories-new:hover{
    color: #333!important;
}

.btn-categories-new span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--main-color2);
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.btn-categories-new:hover span {
  width: 225%;
  height: 562.5px;
}
.btn-categories-new:active {
  background-color: #842119;
}

.images-top-div {
    display: flex;
    overflow-x: auto;
    gap: 5px;
    scrollbar-width: thin;
    position: absolute;
    background: #fff;
    bottom: 0;
    width: 100%;
    height: 70px;
    opacity: 0;
    visibility: hidden;
}

.card-product:hover .images-top-div{
    visibility: visible;
    opacity: 1;
    transition: all var(--transition-time);
}

.images-top-div::-webkit-scrollbar {
    height: 5px; /* Chrome, Safari için */
}

.images-top-div::-webkit-scrollbar-thumb {
    background: #888; 
  background-color: #fadd0b;
    border-radius: 5px;
}

.images-wrap {
    flex: 0 0 calc(20% - 10px);
    min-width: calc(20% - 10px);
    margin-top: 10px;
}

.images-top-div img.img-auto {
    background: #fff;
    border: 1px solid #ddd;
    width: 40px;
    padding: 3px;
    border-radius: 5px;
}

.readmore{
    margin:40px 0;
}

.readmore .p-g-mod-base-content{
    border: 0;
}

.readmore .readmore-text{
    max-height: 150px;
    overflow:hidden;
}

.readmore .readmore-text.show{
    max-height:100% !important;
}

.readmore .p-g-mod-t-1{
    display:flex;
    justify-content:center;
}

.readmore .more {
    display: inline-block;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #000;
}

.breadcrumb-wrapper .breadcrumb{
    padding: 5px 15px;
}
section.pattern-group.pattern-group-t-0.pattern-group-p-home.home-headline {
    margin-top: -100px;
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav{
    height: 55px;
}



.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav{
    
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-item{
    margin: 0;
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover{
    background: var(--main-color2);
    transition: all var(--transition-time);
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active:hover{
    background: var(--main-color2);
    transition: all var(--transition-time);
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #000;
    border-radius: 25px;
    background: #ddd;
    margin: 5px;
}

.tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    color: #000;
    border: 1px solid var(--main-color2);
    border-radius: 25px;
    background: transparent;
    margin: 5px;
}

.tabs-menu li.nav-item {
    background: #fff;
    max-width: 200px;
    width: 100%;
    border-radius: 30px 30px 0 0;
}
.tabs-menu .p-g-tab-wrapper .p-g-t-nav{
    margin-bottom: 0;
}

.tabs-menu .tab-content .p-g-mod-t-55 {
    border-radius: 30px!important;
}
.tabs-menu {
    background: #f3f4f6;
    padding: 50px;
    margin: 30px;
    border-radius: 30px;
}
.home-headline .carousel-caption {
    position: absolute;
    left: -35%;
    top: 35%;
}

.home-headline .headline-button:hover{
    background: #333!important;
    color: #fff!important;
}

.home-headline .headline-button {
    color: #333!important;
    padding: 14px 29px;
    font-weight: 500;
    background: var(--main-color2)!important;
    border-radius: 0;
    border-radius: 30px!important;
}

.home-headline h5 {
    font-size: 2.3rem;
    font-weight: 700;
    font-family: 'Garis';
}

.home-headline p{
    font-family: 'Neue';
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info{
    align-items: center;
}

.kategori-filtre .p-g-m-h-info{
    align-items: flex-start!important;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{
    font-size: 1.6rem;
}

.categories-search-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-left: 15px;
    gap: 10px;
}
div#searchModal .modal-dialog {
    max-width: unset;
    top: 0;
    margin: 0;
    transition: right 0.4s ease-in-out;
    
}
div#searchModal .modal-dialog .modal-content {
    border-radius: 0;
}
div#searchModal .modal-dialog .modal-content .modal-header {
    padding: 0;
    border: 0;
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 2;
    transition: right 0.4s ease-in-out;
}
div#searchModal .modal-dialog .modal-content .modal-header button.close {
    padding: 0;
    padding-right: 20px;
    font-size: unset;
    text-shadow: unset;
    outline: 0;
    opacity: 1;
    line-height: normal;
    box-shadow: unset;
}
span.prom-fiyat {
    color: red;
    font-weight: 600;
}

.product-info-container span.prom-fiyat{
    font-weight: 500;
    font-size: 20px;
}

.product-body .p-g-mod-t-48 .raw-content {
    height: 100px;
    overflow: hidden;
}

.product-body .desc-see-more{
    background: #000;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 4px 12px;
    border-radius: 0;
    font-size: 13px;
}

.pattern-group.desc-id .pattern-group-header{
    margin-left: -10px;
}


.header-cart-hover .dropdown-menu .btn-color-2{
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 10px;
}

.header-cart-hover .dropdown-menu .btn-color-2 i{
    font-size: 10px;
}
.renkSecenek {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    padding: 5px 10px;
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 12px;
    justify-content: space-around;
    border-radius: 20px;
}

.renkSecenek img {
    width: 22px !important;
}

.product-body .product-profile-1 .col-lg-12{
    padding: 0;
    margin: 0;
}

.product-body .varyant-container{
    position: relative;
}

.variant-box ul li .options a.sold-out {
    color: #bbb;
    background: none;
    position: relative;
}

.variant-box .action.quantity-alert .sold-out,
.variant-box .action.remove-quantity-alert .sold-out{
    display: none !important;
}

.product-body .add-quantity-alert,
.product-body .remove-quantity-alert{
    display: inline-flex;
    position: absolute !important;
    right: 10px;
    top: 50%;
    bottom: 50%;
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
}

.product-body .add-quantity-alert span,
.product-body .remove-quantity-alert span{
    font-size: 13px;
    margin-right: 5px;
}

.variant-box .variant-renk{
    display: none;
}

.payment-steps-1{
    position: relative;
}

.payment-steps-1::after{
    content:'';
    background: #c6cacd;
    height: 1px;
    z-index: 1;
    position: absolute;
    top: 43px;
    right: 0;
    left: 0;
}

.payment-body .p-g-mod-t-32{
    margin-top: 25px;
    margin-bottom: 50px;
}

.fastpay-body .steps .step.step-1::after, .fastpay-body .steps .step.step-2::after, .fastpay-body .steps .step.step-2::before, .fastpay-body .steps .step.step-3::before, .payment-steps-1 .step.step-1::after, .payment-steps-1 .step.step-2::after, .payment-steps-1 .step.step-2::before, .payment-steps-1 .step.step-3::before {
    background: #c6cacd;
    height: 1px;
    z-index: 1;
    position: absolute;
    top: 43px;
}

.fastpay-body .steps .step.active .circle, .payment-steps-1 .step.active .circle {
    background: #000000;
    color: #fff;
}

.fastpay-body .steps .step.active, .free-shipping-limit .info .name span, .payment-steps-1 .step.active {
    color: #000000;
}

.fastpay-body .steps .step .circle, .payment-steps-1 .step .circle {
    width: 40px;
    height: 40px;
    background: #a1a1a1;
    margin: 5px auto 0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 15px;
    color: #fff;
    z-index: 2;
    position: relative;
    border: 5px solid #fff;
}

.product-body .p-g-mod-t-48 .raw-content{
    padding-right: 150px;
}

.product-body .product-care .title{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

.product-body .product-care .description p{
    font-size: 14px;
}

.product-body .product-care img{
    max-height: 40px;
    margin-top: 25px;
    margin-left: -5px;
    margin-bottom: 50px;
}

.empty-favourite-content{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    text-align: center;
}

.empty-favourite-content .icon img {
    max-height: 75px;
    margin-bottom: 10px;
    filter: opacity(0.5);
}

.empty-favourite-content .title{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.empty-favourite-content .description{
    margin: 10px 0;
}

.empty-favourite-content .login a{
    border-bottom: 1px solid #000;
    margin-top: 10px;
    display: flex;
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    color: #000 !important;
}

.empty-favourite-content .register a {
    border: 1px solid #999;
    padding: 15px 10px;
    display: flex;
    margin: 15px 0;
    width: 150px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    transition: all .4s;
}

.empty-favourite-content .register a:hover{
    background: #000;
    color: #fff;
    transition: all .4s;
}

.fast-product-cart-box .product-quantity{
    margin: 0;
    margin-right: 10px;
}

.fast-product-cart-box .buttons{
    display: flex;
    flex: 1;
}

.special-favourite-page .card-product .product-favourite {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.special-favourite-page .card-product .product-favourite i{
    margin: 0;
}

.dropdown-wrapper {
    margin-top: 15px;
}

.continue-button {
    background: transparent;
    color: #fff;
    padding: 10px 35px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #fff;
    width: 100%;
}

.continue-button:hover {
    border-color: #ebebeb;
    transition: all var(--transition-time);
}

.language-area .flag-icon{
    font-size: 21px;
}

.flag-icon{
    line-height: inherit!important;
}

.popup-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    display: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
}

.popup-area {
    width: 425px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 0px;
    text-align: center;
    z-index: 999;
    padding: 60px;
}

.popup-title .title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: 'Signika', sans-serif;
}

.popup-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #313131;
    border-radius: 8px 8px 0 0;
}

.dropdown-menu.language-area.show {
    text-align: center;
    width: 308px;
    margin-left: -2px;
    margin-top: 10px;
}

.popup-area .dropdown-toggle {
    display: block;
    position: relative;
    margin: 0;
    text-align: center;
    background-color: #ededed;
    color: var(--main-color);
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 7px;
    border-radius: 0;
    font-size: 14px;
    padding: 10px;
}

.popup-area .dropdown-toggle:hover{
    transition: all var(--transition-time);
}

.popup-area .secret {
    cursor: pointer;
    display: block;
    position: relative;
    margin: 5px 12px;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    color: var(--main-color);
    text-decoration: none;
    padding: 4px 0;
    margin-bottom: 15px;
    font-weight: 700;
    margin-top: 7px;
    font-family: 'Signika', sans-serif;
}

.popup-area .secret:hover{
    background: #ddd;
    transition: all var(--transition-time);
}

.special-favourite-page .card-product .card-product-inner .buttons{
    display: flex;
}

.special-favourite-page .card-product .card-product-inner .buttons .btn-cart {
    background: #fff;
    border-color: #000;
    color: #000 !important;
    transition: var(--transition-time);
    width: 100%;
    border-radius: 0;
    padding: 10px;
    font-weight: 400;
    font-size: 13px;
}

.special-favourite-page .card-product .card-product-inner .buttons .btn-cart:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    transition: var(--transition-time);
}

.special-favourite-page .card-product .card-product-inner .c-p-i-link {
    color: #333;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.special-favourite-page .card-product .card-product-inner .remove{
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0;
    line-height: normal;
    color: #444;
}

.special-favourite-page .card-product .card-product-inner .remove i {
    margin-left: 6px;
    line-height: normal;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #444;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}

.special-favourite-page .p-g-b-c-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.special-favourite-page .p-g-b-c-inner > .description.mb-3 {
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    display: inline-flex;
    padding: 0 75px 15px 75px;
}

.special-favourite-page .pattern-group-header .p-g-h-info .p-g-h-i-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: initial;
}

.special-favourite-page .pattern-group-header .p-g-h-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-product .auto-date-info {
    color: #000;
    font-weight: 500;
    margin-left: 5px;
}

.card-product .c-p-i-info {
    margin-left: 5px;
}

.product-profile-1 .auto-date-info {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.product-next-prev{
    display: flex;
    margin: 10px 0 10px 0;
    justify-content: flex-end;
    align-items: center;
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 400;
}

.product-next-prev a{
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 400;
    transition: all .4s;
}

.product-next-prev a:hover{
    color: #000;
    transition: all .4s;
}

.product-next-prev span{
    margin: 0 4px;
}

.product-body .mobile-hide{
    display: none !important;
}

.product-profile-info .nitelik a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-profile-info .nitelik a span{
    font-size: 16px;
    font-weight: 400;
}

.product-profile-info .nitelik a img{
    height: 30px;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50%;
}

.product-body .btn-profile-back{
    display: none;
}

.card-product .card-product-inner .buttons{
    display: none;
}

.category-filter-list .list-wrap .list li a {
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    padding: 4px 10px 4px 0;
}

.categories-body .filter-wrapper{
    display: none;
}

.categories-body .mobile-filter{
    display: none;
}

.categories-body .kategori-filtre .p-g-mod .p-g-mod-header .p-g-m-h-icon{
    display: none;
}

.swal-icon--error {
    background: #000 !important;
    border-color: #555;
}

.swal-button {
    background-color: #000 !important;
}

.swal-icon--success__ring {
    background: #000 !important;
    border-color: #555 !important;
}

.categories-body .product-filter-look {
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
    color: #000;
}

.type-45-swiper .swiper-caption {
    position: fixed;
    color: #fff;
    text-align: center;
    display: block;
    left: 8%;
}

.p-g-mod-t-45 .headline-button:hover {
    background: #b8b8b8;
    transition: all 0.25s cubic-bezier(.455,.03,.515,.955);
    -webkit-transition: all 0.25s cubic-bezier(.455,.03,.515,.955);
    -moz-transition: all 0.25s cubic-bezier(.455,.03,.515,.955);
    -o-transition: all 0.25s cubic-bezier(.455,.03,.515,.955);
    -ms-transition: all 0.25s cubic-bezier(.455,.03,.515,.955);
}

.type-45-swiper .swiper-caption h5 {
    position: fixed;
    width: auto;
    top: 40%;
    left: -30%;
    right: 0;
    text-shadow: 0 4px 40px rgba(0,0,0,.25);
    font-size: 50px;
    line-height: 64.4px;
    width: 90%;
    letter-spacing: .3px;
}

.p-g-mod-t-45 .swiper-type-2.swiper-screen-1 h5 {
    font-size: 25px;
}

.p-g-mod-t-45 .headline-button {
    text-shadow: 0 4px 40px rgba(0,0,0,.25);
    letter-spacing: .3px;
    max-width: 200px!important;
}
.p-g-mod-t-45 .headline-button {
    display: inline-block;
    width: auto!important;
    font-size: 0.8rem;
    color: #000000;
    padding: 14px 29px;
    font-weight: 500;
    background: #fff;
    border-radius: 0;
}

.card-product{
    margin-bottom: 20px;
}

.card-product .card-product-inner .title-special {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 600;
    height: 37px;
    line-height: 18px;
    margin: 5px 0;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.pattern-group .p-g-mod-t-cat-filter .category-price-inputs .btn,
.pattern-group .p-g-mod-t-cat-filter .category-search-inputs .btn {
    flex: 1;
    margin-left: 5px;
    height: 35px;
    border: 1px solid #ececec;
    border-radius: 15px;
    background: #ffffff;
    font-size: 12px;
}

.pattern-group .p-g-mod-t-cat-filter .category-price-inputs input,
.pattern-group .p-g-mod-t-cat-filter .category-search-inputs .form-control {
    flex: 4;
    height: 35px;
    font-size: 0.8rem;
    border-radius: 15px;
    border: 1px solid #ececec;
    width: 100px;
    font-weight: 400;
}

.pattern-group .p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox label {
    padding-left: 1.8rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    letter-spacing: .3px;
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox input:checked~span {
    background: #333;
    border-color: #333;
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox input:checked~span:before {
    width: 0.6rem;
    height: 0.11rem;
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox span:before {
    top: 12px;
    left: 8px;
}

.lag-checkbox span:after {
    bottom: 8px!important;
    left: 5px!important;
    transform: rotate(35deg)!important;
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    border-radius: 0;
    position: absolute;
    left: 0;
    transition: .2s;
    z-index: 1;
    box-sizing: content-box;
    background: #f5f5f5;
    border-radius: 5px;
}

header.desktop .bar-user-hover ul.user-links {
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

header.desktop .bar-user-hover .user-links a {
    font-size: 13px;
    padding: 7px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #000;
}

header.desktop .bar-user-hover .user-links i {
    font-size: 12px;
    margin-right: 10px;
    color: #000000;
}

header.desktop .bar-user-hover:hover .dropdown-menu{
    display: block !important;
}

header.desktop .bar-user-hover .dropdown-menu::after {
    position: absolute;
    top: -15px;
    left: 53%;
    border: solid rgba(0,0,0,0);
    content: " ";
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255,255,255,0);
    border-width: 7px;
    border-bottom-color: #000;
    transition: all 0.4s ease;
}
header.desktop .bar-user-hover .dropdown-menu {
    width: 350px;
    left: inherit;
    right: -142px;
    top: 50px;
    border-radius: 2.5rem;
    box-shadow: 0 23px 28.4px #00000040;
}
header.desktop .bar-user-hover .dropdown-menu ul.auth-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

header.desktop .bar-user-hover .dropdown-menu .top-header {
    padding: 5px 30px 20px 30px;
    border-bottom: 1px solid #ebebeb;
}


header.desktop .bar-user-hover .dropdown-menu .link {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}

header.desktop .bar-user-hover .dropdown-menu .link a {
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 5px;
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .4s;
}

header.desktop .bar-user-hover .dropdown-menu .link a:hover{
    background: #f9f9f9;
    transition: all .4s;
}

header.desktop .bar-user-hover .dropdown-menu .link a i{
    font-size: 10px;
}


header.desktop .bar-user-hover .dropdown-menu .login{
    background: #000;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    color: #fff;
    border-radius: 2.5rem;
}

header.desktop .bar-user-hover .dropdown-menu .login:hover{
    background: #333;
    transition: all .4s;
}

header.desktop .bar-user-hover .dropdown-menu .login a{
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
}

header.desktop .bar-user-hover .dropdown-menu .register{
    font-size: 1rem;
    color: #000;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    cursor: default;
    align-items: center;
}

header.desktop .bar-user-hover .dropdown-menu .register a{
    border-bottom: 1px solid #000;
    margin-left: 10px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}

.product-body .pattern-group .p-g-mod-t-48 .p-g-mod-header {
    padding: 10px 0px;
    height: auto;
    display: flex;
    border-bottom: 0;
    margin-bottom: 0px;
}

.product-body .pattern-group .p-g-mod-t-48 .p-g-mod-body {
    padding: 0;
}

.product-body .pattern-group .p-g-mod-t-48{
    margin-bottom: 50px;
}

.product-body .col-list{
    padding: 0;
}

.product-body .related-products {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}

.product-link-close-btn {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 15px;
    color: #b2b2b2;
    cursor: pointer;
}

.product-body .product-social-hover .social-link{
    display: block;
    overflow: hidden;
    color: #6d6f71;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d8;
    outline: none;
    cursor: pointer;
    height: auto;
    width: 100%;
    padding: 10px 16px;
    margin: 20px 0;
}

.product-body .product-social-hover {
    position: absolute;
    top: -200px;
    background: #fff;
    z-index: 9;
    padding: 20px;
    border: 1px solid #d7d7d8;
    left: -20%;
    display: none;
}

.product-body .product-social-hover.show{
    display: flex;
    flex-direction:column;
}

.product-body .product-social-hover::after,
.product-body .product-social-hover::before{
    position: absolute;
    top: 100%;
    left: 26%;
    border: solid rgba(0,0,0,0);
    content: " ";
    pointer-events: none;
}

.product-body .product-social-hover:before{
    margin-left: -6px;
    border-color: rgba(215,215,216,0);
    border-width: 6px;
    border-top-color: #d7d7d8;
}

.product-body .product-social-hover::after {
    margin-left: -5px;
    border-color: rgba(255,255,255,0);
    border-width: 5px;
    border-top-color: #fff;
}

.product-body .product-short-link{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    align-items: center;
}

.product-body .product-short-link span {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.product-body .product-short-link span i{
    font-size: 27px;
    margin-right: 10px;
}

.variant-box {
    background: transparent;
    border: 0;
    padding: 0;
}

.variant-box .name {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.variant-box ul li .options {
    gap: 12px;
}

.variant-box ul li .options a {
    background: #f5f5f5;
    border: 0;
    border-radius: 8px;
    color: #141416;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    margin-right: 0;
    min-width: 48px;
    min-height: 48px;
    padding: 13px 16px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.variant-box ul li .options a:hover{
    background: linear-gradient(0deg, #14141614, #14141614), #f5f5f5;
    transition: all 0.3s;
}

.variant-box ul li .options a.active{
    background: #000000;
    color: #fff;
    transition: all 0.3s;
}


.product-size-box{
    margin-bottom: 30px;
}

.product-size-box a {
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    font-size: 13px;
    margin-top: 15px;
    display: inline-flex;
}

.product-size-box a:hover{
    color: #444;
}

.product-body .product-info-container{
    padding: 0 30px;
}


.product-body .product-profile-1 .carousel-inner .img-item{
    margin: 0;
    padding: 0;
    padding-right: 2px;
    margin-bottom: 2px;
}

.product-body .p-g-mod-t-28{
    margin-bottom: 0;
}

.pattern-group .p-g-mod-t-44 .p-g-mod-header{
    margin: 20px 0;
}

.pattern-group .p-g-mod-t-44 .p-g-mod-header .p-g-m-h-info {
    align-items: center;
}

.pattern-group .p-g-mod-t-44 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 27px;
    font-weight: 500;
}

.categories-body .p-g-mod-t-20 .col-list-p-v-1{
    padding: 10px;
}

.nitelik-beden {
    height: 14%;
    transform: translate3d(0,100%,0);
    opacity: 0;
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 0;
    cursor: pointer;
    z-index: 9;
    width: 100%;
    background: #fff;
    justify-content: center;
    align-items: center;
    bottom: 0;
    transition: all .25s cubic-bezier(.455,.03,.515,.955);
}

.card-product:hover .nitelik-beden {
    opacity: .85;
    transform: translateZ(0);
}

.nitelik-beden span{
    background: #fff;
    min-width: 40px;
    height: 40px;
    padding: 1px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 15px;
}

.nitelik-beden span:hover{
    color: #000;
    background: #f0f0f0;
}

.kategori-filtre {
    display:none;
}

.kategori-filtre.show {
   display:block;
}

.categories-body .p-g-mod-t-cat-filter {
    border: 0;
    border: 1px solid #f2f2f2;
    padding: 10px;
    margin-bottom: 15px;
}

.categories-body .close-btn {
    position: absolute;
    top: 19px;
    right: 20px;
    color: #222;
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: 20px;
}

.categories-body .close-btn span{
    font-size: 14px;
    margin-right: 0;
    position: absolute;
    right: 54px;
    background: #000;
    color: #fff;
    width: 65px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kategori-filtre .p-g-mod-t-26 .p-g-mod-body .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #000;
    padding: 5px 20px;
    display: none;
}

.categories-body .show-btn i{
    font-size: 15px;
}

.kategori-filtre {
    opacity: 0;
    visibility: hidden;
}
.kategori-filtre.show {
    opacity: 1;
    visibility: visible;
}

.filtreleme-title .p-g-m-h-i-title {
    font-size: 18px!important;
    font-weight: 700!important;
}

.kategori-filtre .col-lg-3 {
    position: fixed;
    transition: transform 0.4s ease-in-out;
    transform: translateY(-100%);
    top: 30px;
    bottom: 0;
    background: #fff;
    padding: 0 20px!important;
    z-index: 99999999;
    border-left: 1px solid #ebebeb;
    box-shadow: 6px 1px 20px 1px rgba(182,182,182,.5);
    height: 95%;
    border-radius: 20px;
}

a.show-btn.ml-1.btn-sidebar-filtre {
    background: var(--main-color2);
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 16px;
}

a.show-btn.ml-1.btn-sidebar-filtre:hover {
    background: var(--main-color2)!important;
}

.kategori-filtre.show .col-lg-3{
    transform: translateY(0);
    left: 20px;
    box-shadow: 6px 1px 20px 1px rgba(182,182,182,.5);
}

.kategori-filtre .p-g-b-c-inner {
    overflow-y: auto;
    height: 850px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.kategori-filtre .p-g-b-c-inner::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.p-g-mod-t-cat-filter .p-g-mod-body.p-g-mod-body-p-0{
    margin-right: 0!important;
}

.kategori-filtre .p-g-mod.p-g-mod-t-26.p-g-mod-t-cat-display-0 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: 0;
}

.filtreleme-title .p-g-mod-body {
    padding: 0!important;
}

.filtreleme-title .p-g-mod-header {
    padding: 0!important;
}

.filtreleme-title {
    margin: 0!important;
}
header .header-wrapper{
    display: flex;
    justify-content: space-between;
}

footer .nav-footer {
    max-width: 600px;
    height: auto;
    width: auto;
    margin: 15px auto 0;
    padding: 0 0 25.6px;
    text-align: center;
}

footer .nav-footer .nav-footer-link {
    width: auto;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid transparent;
    margin: 4px 10px;
    padding-bottom: 1px;
}

.nav-footer .nav-footer-link:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

.h-camping{
    border-bottom: 1px solid #d7d7d8;
}

.h-camping .item{
    font-size: .7rem;
    text-align: center;
    padding: 5px;
    font-weight: 500;
}

.p-g-mod-t-44 .ban-type-3 .image:after,
.p-g-mod-t-44 .ban-type-4 .image:after,
.p-g-mod-t-44 .ban-type-5 .image:after {
    display: block;
    position: absolute;
    top: 0;
    background-image: none;
    width: 100%;
    height: 100%;
    content: "";
}



.p-g-mod-t-44 .ban-type-4 .ban-type-content{
    padding-bottom: 60px;
}

.p-g-mod-t-44 .ban-type .ban-type-title {
    color: #000000;
    min-width: 100px;
    background: #fff;
    padding: 15px 40px;
    text-align: center;
    justify-content: center;
}

.product-cargo-time i{
    font-size: 15px;
}

.product-cargo-time {
    font-weight: 400;
    font-size: 12px;
}

.sizden-gelenler .p-g-mod-t-44 .p-g-mod-header .p-g-m-h-info{
    align-items: center;
}

.payment-cart-summary-1 table td .images{
    overflow: hidden;
    border-radius: 5px;
}

.payment-cart-summary-1 table td .images img{
    max-height: 50px;
}

.payment-cart-summary-1 .summary{
    background: transparent;
}
.card-plybtn {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 2;
}
.card-plybtn .nmp {
    width: 40px;
    height: auto;
}
.payment-cart-summary-1 table .td-product a {
    max-height: 75px;
    height: auto;
    color: #333;
    display: flex;
}

.payment-cart-summary-1 .p-list-button {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 10px 0;
}

.shopping-buttons-1 {
    padding: 15px 0;
}

.shopping-buttons-1 .btn-continue{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 7px 0;
    font-size: 15px;
}

.pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body{
    padding: 5px;
}

.shopping-cart-1 .space{
    display: block;
    margin: 5px 0;
}

.shopping-cart-1 .td-product .product .p-info{
    font-weight: 400;
}

.order-summary-v2 .td-product .product .p-info .name,
.shopping-cart-1 .td-product .product .p-info .name {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.shopping-cart-1 .product-quantity {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.shopping-cart-1 .product-quantity input {
    width: 40px;
    height: 30px;
    font-size: 13px;
    border: none !important;
    color: #000;
}

.shopping-cart-1 .product-quantity .btn {
    width: 25px;
    height: 30px;
    font-size: 10px;
    border: 0 !important;
    background: transparent !important;
}

.payment-cart-summary-1 table td, .shopping-cart-1 td {
    padding: 15px 0;
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
}

.order-summary-v2 .td-product .product .image img,
.shopping-cart-1 .td-product .product .image img {
    max-width: 75px;
}

.free-shipping-limit .icon {
    margin: 0 15px;
    font-size: 24px;
}

.free-shipping-limit .info .name, .shopping-cart-1 .td-total-price {
    font-size: 13px;
    font-weight: 500;
}

.shopping-cart-1 .td-total-price {
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    position: relative;
}

.shopping-cart-1 .btn-remove {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 5px 0;
}

.free-shipping-limit .info .description {
    font-size: 14px;
    font-weight: 400;
}

.free-shipping-limit .icon {
    margin: 0 15px;
    font-size: 15px;
    background: #3bc35a;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2b9e45;
}

.free-shipping-limit {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ededed;
    background: #f7f7f9;
    padding: 10px 0;
}

.payment-cart-summary-1 table th {
    padding: 12px 0;
    font-size: 14px;
    color: #000;
}

.p-g-mod-t-37 .p-g-mod-header,
.p-g-mod-t-31 .p-g-mod-header{
    border-bottom: 0 !important;
}

.p-g-mod-t-31{
    padding-right: 20px;
}

.payment-cart-summary-1 .summary tfoot th:last-child{
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    color: #8a8b94;
}

.payment-cart-summary-1 .summary tfoot .final {
    font-size: 15px;
    color: #000;
}

.sepet-ozet .col-list:nth-child(2) .p-g-b-c-wrapper{
    padding: 20px 30px;
    border: 1px solid #ededed;
    background: #f7f7f9;
}


.cart-body .p-g-mod-base-content,
.p-g-mod-t-34{
    border: 0 !important;
}

.bar-cart,
.close-cart{
    cursor: pointer;
}

.cart-progress {
    border-radius: 7px;
    width: 100%;
    height: 8px;
}

.cart-progress::-webkit-progress-bar {
  background-color: #000;
  border-radius: 7px;
}

.cart-progress::-webkit-progress-value {
  background-color: #2dd802;
  border-radius: 7px;
}

.related-products a.active img {
    border-color: #000000;
}

.related-products a img{
    margin-bottom: 5px;
    border: 1px solid #ebebeb;
}

.product-profile-info li .related-products a {
    color: #333;
    margin-bottom: 20px;
}

.product-body .product-profile-1 .carousel-indicators li{
    opacity: 1;
}

.categories-body .list .lag-checkbox img {
    margin-right: 7px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -2px;
}

.pattern-group .p-g-mod .p-g-mod-header{
    border-bottom: 0;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 17px;
    font-size: 12px;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod{
    font-weight: 500;
    font-size: 14px;
}

.p-g-mod-showcase .owl-carousel .owl-item img.owl-lazy {
    transform-style: unset;
    border-radius: 15px;
}
.owl-carousel .owl-item {
    padding: 0 7px;
}

.card-comment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px;
    border-radius: 8px;
    background-color: transparent;
    text-align: center;
}

.card-comment .info .stars i {
    color: #999;
}


.card-comment .info .stars i.active {
    color: #f78018;
}

.card-comment .product .customer .comment {
    display: -webkit-box;
    max-width: 100%;
    margin-top: 15px;
    font-size: 16px;
    line-height: unset;
    height: 100px;
    font-weight: 400;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    text-align: center;
}

.special-campaign{
    background: #000;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.special-campaign a{
    color: #fff;
    font-size: 16px;
}

.type-45-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
    transition: right .2s, width .2s;
}

.type-45-swiper .swiper-button-next,
.type-45-swiper .swiper-button-prev {
    width: 45px;
    height: 90px;
    border: 2px solid #000;
    transition: all .4s;
}

.type-45-swiper .swiper-button-next:hover,
.type-45-swiper .swiper-button-prev:hover{
    background: #fff;
    transition: all .4s;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px !important;
    color: #000;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

footer .column-right{
    margin-right: 100px;
}

.category-cover{
    margin-bottom: 10px;
}

.product-body .product-reviews {
    display: flex;
    line-height: 12px;
}

.product-profile-info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.product-body .product-favourite {
    font-size: 18px;
    display: flex;
    width: 55px;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    margin-left: 5px;
}

.product-body .product-favourite:hover{
    background: #555;
}

.product-body .product-favourite a {
    color: #fff;
}

.product-body .product-favourite a i {
    margin-right: 0;
}

.product-body .product-installments .col-lg-4{
    flex: 0 0 49% !important;
    max-width: 49% !important;
}

#accordion-mobile {
    display: none!important;
}

.accordion-product {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    padding: 6px 0;
}

.accordion-product  .card-header {
    padding:0;
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
}
    
.accordion-product .card-body{
    padding: 1rem 2rem;
    margin-top: 10px;
}    
    
.accordion-product .btn-link {
    color: #222;
    text-decoration: none !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    line-height: normal;
    flex-direction: row-reverse;
    border-bottom: 1px solid #ddd;
    padding: 1rem 0;
    padding-right: 0;
}

.accordion-product .btn-link i {
    font-size: 10px;
    margin-right: 9px;
}

.accordion-product .btn-link:hover{
    text-decoration:none;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner{
    position: relative;
    overflow-y: scroll;
    height: 100vh;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b0b0b0;
}

.sticky-sidebar-992-1 .p-g-b-c-0 .p-g-b-c-inner::-webkit-scrollbar-track {
    background-color: #e1e1e1;
    border-radius: 10px;
}


.mobile-header-space {
    height: 120px;
}

.stories.carousel .story {
    margin: 0 30px !important;
}

.stories.carousel .story {
    display: inline-block;
    width: 130px !important;
    max-width: 130px !important;
    margin: 0 6px;
    vertical-align: top;
}

.stories.snapgram .story > .item-link > .item-preview {
    border-radius: 50%;
    padding: 4px !important;
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}

.stories.snapgram .story > .item-link > .item-preview img {
    border-radius: 50%;
    border: 0 !important;
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-height: 130px !important;
    height: 130px !important;
    overflow: hidden;
    transition: transform .2s;
    width: 130px !important;
    text-align: center;
}


.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}

.xzoom-hidden {
  overflow: hidden;
}

.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}

.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}

.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    line-height: initial;
}

.product-quantity input{
    width: 50px;
    height: 55px;
    border-radius: 0;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    border-right: 0;
    border-left: 0;
}

.product-quantity input:focus{
    border-radius: 0;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    padding: 0;
}

.product-quantity .btn {
    background: #fff;
    color: #484848;
    border-color: #ebebeb !important;
    font-size: 11px;
    font-weight: 500;
    width: 45px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 0 !important;
}

.product-quantity .btn:hover{
    background: #f8f8f8;
    transition: all .4s;
}

.product-body .product-price-group {
    font-weight: 400;
    color: #333;
    text-wrap: nowrap;
    line-height: normal;
}

.product-profile-info li {
    margin: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

.product-profile-info li .value{
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.product-profile-info li .related-products a {
    color: #000;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 400;
}

.product-price-group .discount .rate {
    font-size: 15px;
}

.product-price-group .discount {
    background: #000;
    height: 28px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 10px;
    flex-direction: row;
    border-radius: 20px;
    padding: 0 15px;
}

.product-price-group .prices {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.product-price-group .prices .list-price {
    margin-right: 5px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.product-price-group .prices .sale-price {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.product-price-group .prices.list-price .sale-price {
    color: #FF1919;
}

.product-body .product-rate{
        color: #a6a6a6;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 400;
}

.product-reviews .stars .star {
    font-size: 13px;
}

.product-profile-1 h1.title {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.product-profile-1 .product-code{
    color: #666;
    font-size: 14px;
    margin-top: 15px;
}

.variant-box {
    background: transparent;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 0;
    margin-bottom: 25px;
    border: 0;
}

.variant-box ul li {
    margin: 0;
}

.variant-box ul li .options.hide a.active{
    display: block;
}

.variant-box ul li .options.hide a{
    display: none;
}

.variant-box ul li .options{
    position: relative;
}

.variant-box ul li .options.hide .icon {
    display: block;
}

.variant-box ul li .options .icon {
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 1;
    display: none;
}

.variant-box ul li .options .icon i{
    font-size: 13px;
}

.variant-box .name {
    gap: 20px;
    margin-bottom: 10px;
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 400;
    cursor: pointer;
    flex-direction: column;
}

.variant-box .name i{
    font-size: 14px;
}

.variant-box ul li .form-control{
    border-radius: 0 !important;
    border-color: #000;
    height: 45px;
    font-size: 14px;
}


.product-profile-1 .carousel .carousel-inner {
    border: 0;
}

.product-body .p-g-mod-base-content,
.home-body .p-g-mod-base-content{
    border: 0;
}

.product-profile-1 .carousel .carousel-indicators {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    margin: 0;
    z-index: 0;
    flex-direction: row;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    max-height: 700px;
    overflow: auto;
}

.product-profile-1 .carousel .carousel-indicators li {
    max-width: 120px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.page-link {
    color: #000 !important;
    box-shadow: none !important;
}

.card-product .card-product-inner .title {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 5px 0;
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #000;
    margin-top: 10px;
}

.card-product .card-product-inner .price-group .prices {
    display: flex;
    align-items: center;
}

.card-product .card-product-inner .price-group {
    display: flex;
    font-weight: 400;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    margin-top: 0px;
}

header .icon-open{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.card-product .card-product-inner{
    padding: 0 !important;
}

.card-product{
   /* border: none !important;*/
}

.footer-app-link{
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ebebeb;
    padding: 30px 0;
}

footer .footer-contact,
footer .footer-contact *{
    color:#000 !important;
}

.login-body footer,
.register-body footer{
    background: #fff;
    border-top: 1px solid #ebebeb;
}

.product-profile-1 .product-label.top-left img {
    max-width: 144px;
}
.login-body .p-g-mod-t-4,
.register-body .p-g-mod-t-4 {
    padding: 120px 120px 30px 120px;
    border: 0;
}

.login-body input.form-control,
.register-body input.form-control{
    height: 55px;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 14px;
    color: #000;
    border-color: #858585;
}

.login-body input.form-control::placeholder,
.register-body input.form-control::placeholder{
    color: #222 !important;
}

.login-body .p-g-mod-t-4 .nav-tabs,
.register-body .p-g-mod-t-4 .nav-tabs{
    border: 0 !important;
    background: transparent !important;
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item,
.register-body .p-g-mod-t-4 .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    transition: all var(--transition-time);
    padding: 5px 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.login-body .p-g-mod-t-4 .btn-without-login, .register-body .p-g-mod-t-4 .btn-without-login {
    color: #fff;
    background: var(--main-color) !important;
    border: none;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 50px;
    border-radius: 0;
}

.login-body .p-g-mod-t-4 .btn-without-login i,
.register-body .p-g-mod-t-4 .btn-without-login i{
    line-height: 0;
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active,
.register-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.register-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    border-bottom: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
}

.login-body .p-g-mod-t-4 .btn-success,
.register-body .p-g-mod-t-4 .btn-success {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    height: 60px;
    align-items: center;
    font-weight: 500;
    border-radius: 0;
}

.login-body .register_description .alert-info,
.register-body .register_description .alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    border-radius: 0 ;
    padding: 20px ;
}

.login-body .p-g-mod-t-4 .btn-fb-login,
.register-body .p-g-mod-t-4 .btn-fb-login{
    background: #3b5998 !important;
    text-shadow: 0 -1px 0 #354c8c!important;
    color: #fff!important;
    border: 1px solid #3b5998 !important;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
}

.login-body .password-link,
.register-body .password-link {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.login-body .password-link a,
.register-body .password-link a{
    font-size: 12px;
    border-bottom: 1px solid #000;
    color: #000;
}

.login-body .p-g-mod-t-4 .btn-fb-login i,
.register-body .p-g-mod-t-4 .btn-fb-login i{
    padding-right: 10px!important;
    border-right: 0 !important;
}

.login-body .p-g-mod-t-4 .btn-google-login,
.register-body .p-g-mod-t-4 .btn-google-login{
    background: #db4437!important;
    background-image: linear-gradient(#db4437,#cc3e32)!important;
    text-shadow: 0 -1px 0 #db4437!important;
    color: #fff!important;
    border: 1px solid #db4437!important;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
}

.login-body .p-g-mod-t-4 .btn-google-login i,
.register-body .p-g-mod-t-4 .btn-google-login i{
    padding-right: 10px!important;
    border-right: 0 !important;
}

.p-g-mod-t-12 .p-g-mod-body .social-share {
    margin-top: 10px;
    border-top: 0;
}

.p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a {
    padding: .75rem 10px;
}

.login-body .common-register-form .mws-form-inline .d-flex label,
.register-body .common-register-form .mws-form-inline .d-flex label{
    margin-bottom: 0;
}

.login-body .common-register-form .mws-form-inline .d-flex input,
.register-body .common-register-form .mws-form-inline .d-flex input{
    width: 20px;
}

.login-body .common-register-form .mws-form-inline .d-flex,
.register-body .common-register-form .mws-form-inline .d-flex{
    margin-bottom: 20px;
}

.login-body .common-register-form .mws-form-inline .d-flex input[type='checkbox'],
.register-body .common-register-form .mws-form-inline .d-flex input[type='checkbox']{
    accent-color: #000;
}


.login-body #nav-register .form-control, .register-body #nav-register .form-control {
    border: 0;
    border-bottom: 1px solid #ababab;
    padding: 0;
    margin-bottom: 5px;
    height: 40px;
    font-size: 13px;
}

.login-body #nav-register .form-control::placeholder,
.register-body #nav-register .form-control::placeholder{
    color: #bdbdbd !important;
}

.login-body #nav-register .form-phone-control,
.register-body #nav-register .form-phone-control{
    padding-left: 50px;
}


.category-filter-order-desktop{
    display: inline-block;
    width: 170px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 35px;
    font-size: 13px;
    color: #4a4a4a !important;
    font-weight: 400;
    padding-left: 14px;
    border: 1px solid #e7e3e3 !important;
    border-radius: 3px;
    background: url(images/select-arrow.svg) no-repeat;
    background-position: right 10px center;
    background-color: #fff;
    outline: none;
}

.category-filter-order-desktop:focus{
    border-color: #e7e3e3 !important;
}

.categories-body .product-view-select a div {
    width: 9px;
    height: 13px;
    background: #e2e6eb;
    border-radius: 1px;
    margin:0 2px;
}

.categories-body .product-view-select a.active div {
    background: var(--main-color);
}

.categories-body .product-view-select a {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-left: 10px;
    transition: var(--transition-time);
    padding:0 10px;
}

.category-filter-order .list-wrap {
    background: transparent;
    border-radius: 5px;
    margin-bottom: 15px;
}

.category-filter-order .list-wrap .list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
}

.categories-body .pattern-group .p-g-mod-t-20 > .p-g-mod-header {
    border-bottom: 0;
    padding-left:0 !important;
}

.category-filter-order .list-wrap .list li {
    flex: inherit;
}

.category-filter-order-mobile{
    display: none;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header{
    border-bottom: 0;
}

.card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 5px 5px 5px;
    color: #e7ce00;
    line-height: normal;
}

.card-product-content{
    color: #555;
}

.card-product .card-product-inner .product-label img {
    max-height: 32px;
}

.category-filter-order .list-wrap .list li .lag-checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: center;
    position: fixed;
    z-index: 333;
    bottom: 5%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.category-filter-order .list-wrap .list li.active .lag-checkbox,
.category-filter-order .list-wrap .list li:hover .lag-checkbox {
    background: transparent;
    color: #000;
}

.categories-body .btn-sidebar-filtre{
    line-height: normal;
    display: flex;
    align-items: center;
}

.category-filter-order .list-wrap .list li.active .lag-checkbox a,
.category-filter-order .list-wrap .list li:hover .lag-checkbox a{
    background: transparent;
    color: #000;
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    font-weight: 500;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 0;
    margin-bottom: 0px;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    text-align: center;
    display: flex;
    margin: 0 30px 0 0;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    text-align: center;
    transition: var(--transition-time);
    border-bottom: 1px solid transparent;
}

.product-details-tab-product-details-tab-colorful .tab-content{
    border: 0;
    border-top: 0;
    margin-bottom: 50px;
    margin-top: 30px;
}

.product-profile-1 .carousel .carousel-indicators li.active {
    border-color: var(--main-color);
}

.product-badges .p-badge {
    height: 55px;
}

.p-g-mod-base-content{
    border: 1px solid #ebebeb;
}

.p-g-mod-t-10 .p-g-mod-body a,
.p-g-mod-t-2 .p-g-mod-body a{
    transition: all var(--transition-time);
}

.contact-info{
    display: flex;
    flex-direction: column;
}

.contact-info .contact-item{
    margin: 5px 0;
    display: flex;
    align-content: center;
    cursor: pointer;
    color: #000;
}

.contact-info .contact-item i{
    margin-right: 10px;
    font-size: 17px;
    transition: all var(--transition-time);
}

.contact-info .contact-item a{
    color: #000;
}

.contact-info .contact-item:hover i{
    color: var(--main-color);
}

footer .bar .cards {
    min-height: auto;
    background: inherit;
}

footer .bar .right-image {
    text-align: right !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
    width: 40px;
    height: 7px;
    border-radius: 40%;
}

.product-profile-info .sale-price-discount,
.hizli-sepet .sale-price-discount{
    display: inline-flex;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
}

.product-profile-info .sale-price-discount .sale-price,
.hizli-sepet .sale-price{
    font-size: 20px;
    font-weight: 600;
}

.card-product .sale-price-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    margin: 3px 5px;
    flex-direction: column;
}

.card-product .sale-price-basket .sale-price{
    font-weight: 500;
    font-size: 15px;
}

.native-modal.show .hizli-sepet .related-products {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: inherit;
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
    }
    
.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgb(181 181 181 / 50%);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.hizli-sepet {
    max-width: 550px !important;
    position: fixed;
    top: 0;
    right: -50%;
    width: 50%;
    height: 100vh;
    background: white;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease-in-out;
    z-index: 1050;
}

.modal-content .row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

.native-modal.show .hizli-sepet{
    right: 0;
    margin: 0;
}

.native-modal.show .hizli-sepet .modal-content {
    border: 0;
    border-radius: 0;
    position:relative;
}

.native-modal.show .hizli-sepet .modal-content .prices{
    display: flex;
    align-items: center;
}

.native-modal.show .hizli-sepet .modal-content .fast-product-title{
    font-size: 19px;
    color: #151515;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 25px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars .star {
    color: #dbdbdb;
    font-size: 12px;
    margin-right: 1px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars{
    margin: 15px 0;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler{
    color: #858585;
    font-weight: 600;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler .value{
    color: #000;
}

.native-modal.show .hizli-sepet .modal-content .product-price-group .prices .list-price {
    font-size: 19px;
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    margin-right: 10px;
}

.native-modal.show .hizli-sepet .modal-content .short-desc{
    color: #454545;
    font-size: 14px;
    margin-bottom: 15px;
}

.native-modal.show .hizli-sepet .carousel-indicators li{
    width: 10px;
    height: 10px;
    background-color: #898989;
    border-radius: 50%;
    border: 4px solid transparent;
}

.native-modal.show .hizli-sepet .carousel-indicators li.active {
    opacity: 1;
    background-color: #000 !important;
    border: 4px solid #c3c3c3;
}

.native-modal.show .hizli-sepet .product-favourite2 {
    position: absolute;
    top: -10px;
    left: 5px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding-top: 3px;
    -webkit-box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
    box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
}

.native-modal.show .hizli-sepet .product-buttons {
    display: inline-flex;
    flex-wrap: nowrap;
}

.native-modal .native-modal-close{
    z-index:9;
    outline:0;
}

.native-modal.show .hizli-sepet .fast-product-cart-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto;
}

.native-modal.show .hizli-sepet .modal-body{
    height: 100vh;
}

.modal-dialog .modal-content{
    overflow: auto;
    width: 100%;
}

.modal .native-modal-close, .native-modal .native-modal-close{
    right: 5px;
    top: 5px;
}


/* Ürün Detay - Birim */

.product-body .product-profile-1 .product-unit {
    display: flex;
    justify-content: center;
    font-weight: 500;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    width: 95px;
    padding: 5px 0;
    margin-right: 10px !important;
    height: 46px;
    margin: 10px 0;
}

.product-body .product-profile-1 .product-unit  input[type=checkbox],
.product-body .product-profile-1 .product-unit  input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
}

.product-body .product-profile-1 .product-unit input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #96be67;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #ebebeb;
}

.single-menu-container .subtitle-img {
    max-height: 25px;
    margin-right: 0;
}

.subtitle-img {
    max-height: 25px;
    margin-left: 10px;
}

header.desktop .mega-menu .nav-link {
    margin-top: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.single-menu-container .single-menu li .subtitle-img{
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    font-size: 16px;
}

.single-menu-container .single-menu li{
    text-align: center;
}


/* 404 Sayfası */

.e404-body{
    background: repeating-linear-gradient(45deg,transparent, transparent 10px,
        #f8f8f8 10px, #f8f8f8 20px),linear-gradient(to bottom,#fff, #fff
     );
}

.e404-btn{
    background: #ffffff;
    border-radius: 45px;
    color: #212121;
    padding: 20px 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    -moz-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}

.e404-btn:hover{
    color:var(--main-color);
    -moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
}

/* 404 Sayfası - Tip 1 */

.e404-content .e404-logo img{
    max-height: 100px;
    border: none !important;
}

.e404-page-type-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-1 .e404-pic {
    height: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-1 .e404-title{
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

.e404-description{
    color: #808080;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300;
}

/* Mobil Uygulama İkonları  */

.footer-app-link .mobile-app{
    display: flex;
    align-items: center;
}

.footer-app-link .mobile-app-title{
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #000;
}

.footer-app-link .mobile-app a{
    color: #000;
    font-size: 20px;
}

/* Müşteri Etkileşim Butonları */

.product-customer-actions {
    padding: 0;
    background: #fff;
    justify-content: flex-start;
    margin-bottom: 50px;
    padding-left: 20px;
}

.product-customer-actions .action .button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 8px 12px;
    color: #000;
    font-weight: 400;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 0;
    margin-right: 10px;
    font-size: 12px;
}

.product-customer-actions .action .button i {
    font-size: 13px;
    margin-right: 10px;
    color: #000 !important;
}

.product-customer-actions .action:first-child {
    border-left: 0;
}
.product-customer-actions .action {
    border-right: 0;
}

/* Havale İndirimi */

.product-transfer-discount{
    background: #f2f2f2;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border-left: 5px solid var(--main-color);
    font-size:14px;
    color:#7a7a7a;
}

/* E-Bülten */

/* E-Bülten */


.newsletter-content{
    background: #f4f4f4;
    padding: 100px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.newsletter-content .newsletter-title{
    color: #222;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.newsletter-content .newsletter-description{
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px;
}
    
.newsletter-input {
    height: 45px;
    background: transparent!important;
    display: block;
    color: #000;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.newsletter-form .btn-submit{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.newsletter-form {
    position: relative;
    width: 100%;
    max-width: 500px;
}

/* Footer Social Media*/

.bar .social-media .social-media-title{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.bar .social-media a{
    font-size: 14px;
    margin-right: 20px;
    color: #808080;
}

.bar .social-media a img {
    height: 20px;
}

.bar .social-media a:last-child{
    margin-right:0;
}

.card-product .card-product-inner .price-group .prices .list-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
}

/* Buttons */

.card-brand,
.card-category,
.card-product {
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    overflow: hidden;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.card-product .carousel-indicators .active {
    opacity: 1;
    background-color: #000;
}

.card-product .carousel-indicators li {
    background-color: #cbcbcb;
    width: 100%;
}

.card-product .carousel-indicators{
    margin: 0;
    opacity: 0;
}

.card-product .card-product-inner .free-cargo-badge {
    position: absolute;
    left: 10px;
    right: inherit;
    top: 10px;
    width: 95px;
    height: 28px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-align: center;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 20px;
}

.card-product .card-product-inner .discount{
    position: absolute;
    z-index: 9;
    background: #000;
    top: 10px;
    right: 10px;
    color: #fff;
    border-radius: 14px;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 14px;
}

.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
}

.card-product .card-product-inner .buttons .btn-cart i,
.modal-content .buttons .btn-cart i{
    margin-right: 7px;
}

.card-product .card-product-inner .buttons .btn-cart:hover,
.modal-content .buttons .btn-cart:hover{
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover);
}

.card-product .down-to-top .btn-cart {
    color: #222;
    transition: var(--transition-time);
    font-size: 13px;
    background-color: #ffffff99;
    border: 0;
    border-radius: 0;
    height: 40px;
    font-weight: 500;
    letter-spacing: 1px;
}

.product-buttons .btn-cart,
.product-buttons .btn-fast-buy,
.product-buttons .btn-wp{
    height: 55px;
    font-size: 14px;
}

.product-buttons .btn-cart {
    background: var(--add-cart-detail-bg);
    border: 0;
    color: var(--add-cart-detail);
    border-radius: 0;
    flex: 1;
    margin: 0px;
}

.product-buttons .btn-cart:hover{
    background: var(--add-cart-detail-bg-hover);
    color: var(--add-cart-detail-hover);
}

.product-buttons .btn-fast-buy {
    background: var(--buy-now-bg);
    color: var(--buy-now);
    transition: all var(--transition-time);
    border-radius: 0;
    width: 100%;
    margin-right: 0;
}

.product-buttons .btn-fast-buy:hover{
    background: var(--buy-now-bg-hover);
    color: var(--buy-now);
}

.product-buttons .btn-wp {
    font-size: 14px;
    background: #33aa29;
    border-color: #33aa29;
    color: #fff;
    font-weight: 500;
    margin: 10px 10px 10px 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    width: 100%;
    border-radius: 0;
}


.payment-final-buttons-1 .btn-complete{
    background: var(--complete-payment-bg);
    border-color: var(--complete-payment-bg);
    color: var(--complete-payment);
    transition: all var(--transition-time);
    border-radius: 0;
    padding: 15px 0;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 500;
}

.payment-final-buttons-1 .btn-complete i{
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
}

.payment-final-buttons-1 .btn-complete:hover{
    background: var(--complete-payment-bg-hover);
    border-color: var(--complete-payment-bg-hover);
    color: var(--complete-payment-hover);
}

.product-favourite-kart{
    display: inline-block;
    position: absolute;
    right: 5px;
    z-index: 2;
    bottom: 10px;
}

.product-favourite-kart a {
    font-size: 20px;
    margin-right: 10px;
    margin-top: 6px;
}

/* Header  */

header.desktop .header-bar .icon {
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 14px;
    z-index: 2;
}

header.desktop .header-bar .icon i{
    font-size: 1.4rem;
}

header.desktop .header-bar .bar-search .icon i{
    font-size: 1.3rem;
}

header.desktop .header-bar .bar-search .icon img{
    height: 18px;
}

header.desktop .bar-cart {
    background: var(--main-color2);
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header.desktop .header-bar .bar-search .icon img.hide{
    display: none;
}

header.desktop .header-bar .bar-search .icon {
    margin-bottom: 0;
}

header.desktop .header-bar .bar-link.bar-search {
    margin-top: 0px;
    font-size: 0.79rem !important;
}

header.desktop .bar-search,
header.desktop .bar-user {
    width: 33px;
    height: 33px;
    border: 1px solid var(--main-color2);
    border-radius: 50%;
}

header.desktop .header-bar .bar-favorite .icon i{
    font-size: 1.1rem;
}

header.desktop .header-bar .bar-user .icon i{
    font-size: 1.1rem;
}

header.desktop .header-bar .bar-cart .icon i{
    font-size: 1.3rem;
}

header.desktop .header-bar .bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 5px;
    margin-left: 8px;
}

header.desktop .bar-cart:hover span{
    color: var(--main-color);
}

header.desktop .header-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header.desktop .header-bar .bar-search i{
    cursor: pointer;
}

header.desktop .header-bar .bar-cart .icon .count {
    position: absolute;
    right: 3px;
    top: -4px;
    min-width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
    font-weight: 400;
    background: #232323;
}

/* Category Page */
.product-view-select{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    align-items: center;
}


/* Card Product */
.card-product .it-over {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgb(255 255 255 / 90%);
    color: #000;
    border: 1px solid #000;
    text-align: center;
    height: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.card-product .carousel-control-next i, .card-product .carousel-control-prev i {
    font-size: 1rem;
    color: #000;
}



.card-product .buttons-wrapper.right-to-left {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
    transition: all 0.4s;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    left: 0;
    margin: 0 auto;
    width: 95%;
}
.card-product .right-to-left .cart-group {
    display: flex;
    flex-direction: column;
    background: #000;
    color: #fff;
}

.card-product .right-to-left .cart-group a {
    padding: 10px;
    margin: 0 0px;
    text-align: center;
    justify-content: center;
}

.card-product .btn-preview {
    display: inline-flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    transition: width 0.3s ease;
    white-space: nowrap;
}

.card-product:hover .card-product-inner .image-wrapper .image img{
    scale: 1.1;
    transition: all var(--transition-time);
}

.card-product .btn-preview:hover {
}

.card-product .btn-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.card-product .add-t-c-text{
    font-size: 1rem;
    font-weight: 600;
}

.card-product:hover .right-to-left{
    opacity:1;
    transition: all var(--transition-time);
}

.card-product .buttons-wrapper.down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,0%,0);
    z-index: -1;
}
.card-product .down-to-top .button-group{
    background: transparent;
    padding: 7px;
}
.card-product .btn-cart{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-product:hover .down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,-100%,0);
    transition:all .4s;
    z-index: 999;
}


.card-product:hover .down-to-top .button-group{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    transition:all .4s;
    margin: 0 ;
    padding: 0;
}


/* Product Detail */
.product-carousel-mobile{
    display: none;
}

.video-play{
    position: relative;
}

.video-play i {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 28px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-indent: 1px;
    background: rgb(255 255 255 / 50%);
}

/* Responsive */
@media (max-width: 1200px){
    header.desktop .h-contact .info .item{
        font-size: 11px;
    }
    .dropdown-currencies-1 .dropdown-toggle{
        font-size: 11px;
    }
    .home-headline h5{
        font-size: 1.7rem;
    }
    footer .info {
        padding-left: 30px;
    }
    header.desktop .menu-wrapper{
        width: 100%;
    }
    header.desktop .header-first {
        gap: 0;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 991px) and (max-width: 1400px) {
    .home-body header.desktop .container {
        will-change: transform;
        margin: 0 auto;
        transition: all var(--transition-time);
    }
    header.desktop .new-now,


}

@media (max-width: 991px) {
        footer .catalog {
        align-items: center;
        justify-content: center;
        padding: 0;
        padding: 20px;
    }
    .kategori-filtre.show .col-lg-3{
        left: 0;
        top: 0;
        height: 100%;
    }
    .filtreleme-title {
        display: none!important;
    }
    
    header.mobile .right{
        justify-content: flex-end;
    }
    .mobile-header-space {
        height: 0;
    }

    .tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active:hover{
        background: transparent!important;
    }
    .tabs-menu {
        background: #f3f4f6;
        padding: 30px 10px;
        margin: 10px;
        border-radius: 30px;
    }
    .tabs-menu li.nav-item{
        border-radius: 30px;
    }
    .tabs-menu .p-g-tab-wrapper .p-g-t-nav .nav {
        flex-direction: column;
        overflow: auto;
    }
    .product-profile-1.mt-5{
        margin-top: 10px !important;
    }
    
    .p-g-mod-showcase .card-product .card-product-inner .title-special {
    display: -webkit-box;
    max-width: 100%;
    margin: 5px 0;
    font-size: 13px;
    line-height: 18px;
    height: 36px;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #000;
    flex: auto;
}
    #accordion-mobile {
        display: block!important;
    }
    
    #accordion {
        display: none;
    }
    
    .modal-body{
        padding: 0 1rem;
    }
    .addons-campaign-bar.acb-mobile-0{
        display: block;
    }
    .product-body .col-list{
        padding-top: 0!important;
    }
   
    .pattern-group.desc-id .pattern-group-header{
        margin-left: 0px;
    }
    
    .categories-body .mobile-header-space{
        height: 0;
    }
    
    .product-profile-1 .carousel .carousel-outer {
        margin-right: -10px;
        margin-left: -10px;
        margin-top: 0;
    }
    
    .product-favourite-kart{
        display: none;
    }
    
    .card-product .nitelik-beden{
        display: none;
    }
    
    
    
    .accordion-product .btn-link,
    .accordion-product .card-body{
        padding: 20px 5px;
    }
    
    .product-body .video-play{
        display: none;
    }
    
    .product-next-prev {
        display: flex;
        margin: 10px 0 10px 0;
        justify-content: flex-end;
        align-items: center;
        color: #9f9f9f;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        top: 10px;
    }
    
    .product-body .product-short-link{
        padding: 10px 0;
    }
    
    .product-body {
        overflow: hidden !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .product-body .product-short-link .up-scroll{
        display: none;
    }
    
    .product-profile-1 .auto-date-info {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
}
    
    .sidebar-menu-type-2 .categories .sc-30{
        display: none;
    }
    
    .product-body .product-customer-actions{
        display: none;
    }
    
    .product-body .p-g-mod-t-48 .raw-content{
        padding-right: 15px;
    }
    
    .product-profile-1 .carousel .carousel-control-prev,
    .product-profile-1 .carousel .carousel-control-next{
        display: none;
    }
    
    .product-body .addons-campaign-bar{
        display: none;
    }
    
    .product-body .sticky-sidebar-992-2{
        margin-top: -30px;
    }
    
    .product-body header.mobile{
        top: 0;
    }
   
    .product-body .product-social-hover {
        position: absolute;
        top: -230px;
        background: #fff;
        z-index: 9;
        padding: 20px;
        border: 1px solid #d7d7d8;
        left: inherit;
        right: 0;
        display: none;
        width: 300px;
    }
    
    .product-body .product-social-hover::after, .product-body .product-social-hover::before {
        position: absolute;
        top: 100%;
        left: 94%;
    }

    .product-body .product-title-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: stretch;
    }
    
    .product-price-group .prices {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .product-price-group .prices .sale-price {
        font-size: 20px;
        font-weight: 400;
        color: #000;
    }
    
    .product-price-group .prices .list-price {
        margin-right: 10px;
        color: #000;
        font-size: 17px;
        font-weight: 300;
    }
    .product-body .product-favourite {
        margin-top: 0;
    }
    
    .native-modal.show .hizli-sepet .product-buttons {
        align-items: center;
    }
    
    .native-modal.show .hizli-sepet .product-buttons .buttons{
        display: flex;
        width: 100%;
    }
    
    .native-modal .native-modal-close {
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px;
    }
    
    .native-modal.show .hizli-sepet .fast-product-cart-box {
        height: 100%;
        display: flex;
        flex-direction: column;
        max-height: 600px;
        overflow-y: auto;
        padding-right: 0 !important;
    }
    
    .native-modal.show .hizli-sepet .variant-box .name {
        margin-bottom: 10px;
        display: none !important;
    }
    
    .p-g-mod-t-20 .type-1 .card-product .card-product-inner .buttons .btn-cart i{
        display: none;
    }
    
    .p-g-mod-t-20 .type-1 .card-product .card-product-inner .c-p-i-link {
        color: #333;
        font-weight: 400;
        justify-content: center;
        flex: 1;
    }
    
    .p-g-mod-t-20 .type-1 .card-product .card-product-inner .btn-cart {
        margin: 0;
        padding: 0;
        height: 40px;
        border-radius: 0;
        width: 100%;
        max-width: 200px;
        font-size: 12px;
    }
    
    .p-g-mod-t-20 .type-1 .card-product .card-product-inner .price-group {
        display: flex;
        font-weight: 400;
        height: auto;
        color: #333;
        margin-top: 0;
    }
    
    .card-product .card-product-inner .title-special {
        color: #000;
        font-size: 13px;
        line-height: normal;
        height: 31px;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    
    .p-g-mod-t-20 .type-1 .card-product .card-product-inner .buttons {
        display: flex;
        margin: 0;
        padding: 0;
        flex: 1;
    }
    
    .newsletter-content .newsletter-description {
        color: #000;
        font-weight: 400;
        font-size: 13px;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .newsletter-input {
        font-size: 13px;
    }

    .p-g-mod-t-44 .ban-type-4 .ban-type-content {
        padding-bottom: 30px;
    }

    .p-g-mod-t-44 .ban-type .ban-type-title {
        color: #000000;
        min-width: 100px;
        background: #fff;
        padding: 10px 40px;
        text-align: center;
        justify-content: center;
    }
    .categories-body .mobile-filter{
        display: block;
    }
    
    .categories-body .kategori-filtre .p-g-mod .p-g-mod-header .p-g-m-h-icon{
        display: flex;
    }
    
    .p-g-mod-t-cat-filter .p-g-mod-body{
        display: none;
    }
    
    .p-g-mod-t-cat-filter.p-g-mod-t-21 .p-g-mod-body,
    .p-g-mod-t-cat-filter.p-g-mod-t-25:last-child .p-g-mod-body{
        display: block;
    }
    
    .p-g-mod-t-cat-filter.p-g-mod-t-25:last-child{
        border-bottom: 0;
    }
    
    .kategori-filtre.show{
        display: block;
    }
    
    .categories-body .mobile-filter {
        position: relative;
        border-bottom: 1px solid #ebebeb;
        margin: 0;
        padding: 0;
    }
    
    .categories-body .kategori-filtre .filter-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 5px -5px;
        border-bottom: 1px solid #ebebeb;
        padding: 22px 22px 15px 18px;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }
    
    .categories-body .btn-sidebar-filtre{
        display: none;
    }
    
    .categories-body .kategori-filtre .filter-wrapper img{
        height: 14px;
    }
    
    .categories-body .mobile-filter .close-mobile-filter {
        position: absolute;
        right: 18px;
        top: 15px;
        font-size: 20px;
    }
    
    .kategori-filtre {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 999999;
        overflow: auto;
        width: 100%;
        top: 0;
        height: 100%;
        background: #fff;
    }
    
    .categories-body .p-g-mod-t-cat-filter {
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    
    .p-g-mod-t-cat-filter .p-g-mod-header{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        cursor: pointer;
    }
    
    .kategori-filtre .col-lg-12 .p-g-b-c-inner {
        display: flex;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        padding: 15px 5px;
        box-shadow: none;
        flex-direction: column;
        padding-bottom: 120px;
    }
    
    .p-g-mod-t-44 .image {
        padding: 1px 0;
    }
    
    .type-45-swiper .swiper-caption h5 {
        font-size: 30px;
        line-height: 30px;
    }
    
    .type-45-swiper .swiper-caption {
        left: 0;
    }
    
    .p-g-mod-t-45 .headline-button {
        display: inline-block;
        width: auto!important;
        font-size: 0.85rem;
        color: #000000;
        padding: 5px;
        font-weight: 400;
        background: #fff;
        border-radius: 0;
        letter-spacing: .4px;
        left: 0;
    }
    
    .addons-campaign-bar .container .text {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        font-weight: 400;
        letter-spacing: .5px;
    }
    
    .mobile .sidebar-menu-type-2 .footer-links .login-menu a i{
        font-size: 14px;
        color: #848484;
    }
    
    .mobile .sidebar-menu-type-2 .footer-links .login-menu a{
        font-size: 14px;
        color: #000;
    }
    
    .mobile .sidebar-menu-type-2 .footer-links ul {
        list-style: none;
        margin: 10px 0;
        padding: 10px 20px;
    }
    
    .mobile .sidebar-menu-type-2 .footer-links ul li {
        padding: 10px 0;
        font-weight: 300;
        font-size: 15px;
        color: #000;
    }
    
    .mobile .sidebar-menu-type-2 .mobile-app {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 50px 20px 50px;
    }

    .mobile .sidebar-menu-type-2 .mobile-app .apps {
        display: flex;
    }
    
    .mobile .sidebar-menu-type-2 .mobile-app img{
        max-height: 30px;
    }

    .mobile .sidebar-menu-type-2 .mobile-app .apps img {
        max-height: 35px;
        margin: 0 5px;
    }
    
    .mobile .sidebar-menu-type-2 .mobile-app .mabile-app-title {
        margin: 10px 0;
        font-weight: 500;
    }
    
    .mobile .sidebar-menu-type-2 .footer-links .mobile-app img{
        max-height: 35px;
    }
    
    .mobile .sidebar-menu-type-2 .social-media {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mobile .sidebar-menu-type-2 .social-media a{
        font-size: 20px;
        margin: 0 10px;
    }
    
    .mobile .sidebar-menu-type-2 .social-media .tiktok img {
        height: 20px;
        margin-top: -5px;
    }
    
    .sidebar-menu-type-2 .categories-2 ul{
        list-style: none;
        margin: 0 20px;
        padding: 0;
    }
    
    .sidebar-menu-type-2 .categories-2 .categories-2-wrapper img{
        max-height: 65px;
        margin-right: 10px;
    }
    
    .sidebar-menu-type-2 .categories-2 .categories-2-wrapper{
        display: flex;
        align-items: center;
    }
    
     .sidebar-menu-type-2 .categories-2 .categories-2-wrapper span{
       font-size: 15px;
       font-weight: 300;
    }
    
    .sidebar-menu-type-2 .categories-2 li a{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .sidebar-menu-type-2 .categories-2 li {
        border-bottom: 1px solid #ebebeb;
        padding: 15px 0;
    }
    
    .sidebar-menu-type-2 .categories-2 ul li:first-of-type {
        border-top: 1px solid #ebebeb !important;
    }
    
    .sidebar-menu-type-2 .categories-2-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .sidebar-menu-type-2 .categories-2-content .categories-2-title {
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

    .sidebar-menu-type-2 .categories-2-content .categories-2-title span:first-child{
        font-size: 17px;
        font-weight: 400;
        color: #000;
    }
    
    .sidebar-menu-type-2 .categories-2-content .categories-2-title span{
        
    }
    
    .sidebar-menu-type-2 .categories-2-content .categories-2-link i{
        font-size: 10px;
        margin-bottom: -2px;
    }
    
     .sidebar-menu-type-2 .categories-2-content .categories-2-link{
        font-weight: 500;
    }
    
    .product-body .col-list {
        padding: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    
    .product-body .product-info-container{
        padding: 0;
        margin-top: -20px;
    }
    
    .product-carousel-mobile .row{
        flex-direction: column-reverse;
    }
    
    .shopping-cart-1 .td-product .product .p-info .btn-remove{
        padding: 0;
        margin: 0;
        margin-right: 7px;
    }
    
    .shopping-cart-1 .td-total-price{
        display: none !important;
    }
    
    .shopping-buttons-1{
        padding: 0;
    }
    
    .cat-responsive-buttons .dropdown-menu .lag-checkbox.checked {
        background: #e5e5e5;
        font-weight: 500;
    }
    
    .categories-body .cat-responsive-buttons-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .product-view-select {
        display: flex;
        justify-content: space-evenly;
        width: auto;
        height: auto;
        align-items: center;
    }
    
    .cat-responsive-buttons .dropdown-menu .lag-checkbox label {
        padding-left: 20px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom: 0;
        font-size: 14px;
    }
    
    .cat-responsive-buttons .dropdown-menu{
        border: 0;
        background-color: #f4f4f4;
        position: relative;
        border-top: 1px solid #d8d8d8;
        transition: opacity .2s;
        padding-top: 0;
    }
    
    .cat-responsive-buttons .dropdown-menu:after {
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        top: -7px;
        right: 50%;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e5e5e5;
    }
    
    .cat-responsive-buttons .btn{
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    
    .cat-responsive-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0;
        background-color: #fff;
        padding: 5px 0;
        border-radius: 0;
        border: 1px solid #ebebeb;
        width: 100%;
        margin-right: 15px;
    }
    
    .categories-body .product-view-select a {
        background: #fff;
        height: 20px;
        border-radius: 0;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        margin-left: 3px;
        transition: var(--transition-time);
        padding: 0px;
        width: auto;
        flex-flow: wrap;
    }

    .categories-body .product-view-select a div {
        width: 12px;
        height: 12px;
        border-radius: 0px;
        margin: 0;
        background: #fff;
        border: 1px solid #000;
    }
    
    .categories-body .product-view-select a:first-child div{
        width: 24px;
        height: 24px;
    }
    
    .categories-body .product-view-select a.active div {
        background: #fff;
    }
    
    .pattern-group .p-g-mod-t-26 .p-g-mod-body .btn {
        width: 100% !important;
        border-radius: 0 !important;
        margin: 5px 0px !important;
        height: 40px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ebebeb;
        border-color: #ebebeb;
        color: #666;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: .5px;
    }
    
    .category-filter-list .list-wrap .list li a {
        display: block;
        font-weight: 600;
        color: #000;
        font-size: 13px;
        padding: 4px 10px 4px 0;
    }
    
    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: row;
        width: 100%;
        right: 0;
        bottom: 0;
        background: #fff;
    }
    
    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons a:first-child{
        margin-right: 5px !important;
    }
    
    .categories-body .p-g-mod.p-g-mod-t-26{
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0;
        z-index: 20;
    }
    
    .type-45-swiper .swiper-button-next, .type-45-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        transition: all .4s;
    }
    
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 14px !important;
        color: #000;
    }
    
    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 10px;
    }
    
    .related-products a {
        width: auto;
        height: 75px;
    }
    
    .product-body .product-installments .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .p-g-mod-t-31 {
        padding-right: 0px;
    }
    
    .header-cart-summary-1 .buttons .btn {
        font-size: 14px !important;
    }
    
    .header-cart-hover .dropdown-menu{
        z-index: 999999;
    }
    
    .shopping-cart-1 .table tr .td-total-price {
        width: 100%;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    
    
    .shopping-cart-1 .space {
        display: block;
        margin: 10px 0;
    }
    
    .shopping-cart-1 .table tbody tr {
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }
    
    .shopping-cart-1 .td-product .product .p-info .name {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        max-width: 85%;
    }
    
    .header-cart-summary-1 .buttons .btn {
        font-size: 14px;
    }
    
    .categories-body .product-view-select{
        display: flex;
    }
    
    footer .column-right {
        margin-right: 0px;
    }
    
    footer .bb .col{
       flex-basis: auto;
    }
    
    .info-bar-1 .icons .icon-group {
        flex-direction: row;
    }
    
    .info-bar-1 .icons .icon-group i {
        margin-right: 15px;
    }

    .product-body .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1 !important;
}
    
    .newsletter-form,
    .sms-newsletter-form{
        position: relative;
        width: 350px;
        max-width: 100%;
    }
    
    .stories.carousel .story>.item-link>.item-preview {
        max-height: 90px !important;
        height: 90px !important;
        width: 90px !important;
    }
    
    .stories.carousel .story {
        margin: 0 10px !important;
    }
    
    .stories.carousel .story {
        display: inline-block;
        width: 90px !important;
        max-width: 90px !important;
        margin: 0 6px;
        vertical-align: top;
    }
        
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 17px;
        padding: 0;
    }

    .product-profile-1 h1.title {
        font-size: 19px;
        margin-top: 30px;
        width: 100%;
    }
    
    .product-body .product-title-container {
        margin-bottom: 20px;
    }
    
    .footer-app-link {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #ebebeb;
        padding: 30px 0;
        flex-direction: column;
    }
    
    .footer-app-link .mobile-app {
        display: flex;
        align-items: center;
        margin-left: 0 !important;
    }
    
    .info-bar-1 .icons {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        color: #000;
        padding: 10px 0;
        flex-direction: column;
        border-radius: 1px solid #ebebeb;
    }
    
    .card-product .card-product-inner .price-group .prices{
        flex-direction: row;
    }
    
    .card-product .card-product-inner .price-group .prices .list-price {
        font-weight: 300;
    }
    
        .card-product .card-product-inner .price-group .prices.list-price .sale-price {
        font-weight: 400;
    }
    
    .card-product .card-product-content{
        display: none;
    }

    
    .login-body .p-g-mod-t-4 {
        padding: 7px;
    }
    
    .category-filter-order-desktop{
        display: none;
    }
    
    .product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav{
        height: auto;
    }
    
    .product-profile-1 .product-quantity{
        margin-right: 10px;
    }
    
    .product-badges .p-badge {
        height: 55px;
        flex: auto;
    }
    
    
    .product-buttons .btn-cart{
        margin-left:0;
    }
    
    .product-buttons .btn-wp {
        width: 100%;
    }
    
    .card-product .add-t-c-text{
        font-size: .8rem;
    }
    
    .native-modal.show .hizli-sepet .product-favourite2{
        top: 7px;
    }
    
    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
        width: auto;
        margin: 5px;
        border-radius: 3px;
        background: #fff;
        border: 1px solid #ebebeb;
        color: #000;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 0.2px;
    }
    
    .hizli-sepet .variant-box ul li{
        margin: 10px 0;
    }
    
    .native-modal .hizli-sepet{
        width: 100%;
    }
    
    footer .bar .right-image {
        justify-content: center;
    }
    
    footer .bb .pr-5{
        padding-right: 10px !important;
    }
    
    footer .mobile-app{
        margin-bottom: 20px;
    }
    
    .product-carousel-desktop.normal{
        display: none;
    }
    .product-carousel-mobile{
        display: flex;
    }
    
    .home-body .mobile-header-space{ 
        display: block;
        height: 0;
    }

    header.desktop {
        display: none;
    }

    header.mobile {
        display: block;
    }
    
    .stores .cards {
        display: block;
        text-align: center;
    }

    .stores .card {
        display: inline-block;
        border-right: none;
        margin: 0;
        max-width: 45%;
        height: 50px;
        border: 0
    }
    footer .bar p {
        text-align: center !important;
    }
    
    footer .bar .right-image {
        margin: 10px 0;
        text-align: center !important;
    }

    footer .logo-area {
        display: none;
    }
    
    footer .bb {
        border-top: 0;
        border-bottom: 0;
    }

    footer .info {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    footer .info .title {
        color: #333;
        border-bottom: 1px solid #333;
        padding: 8px 0;
        position: relative;
    }
    footer .info .title::after {
        content: "+";
        right: 10px;
        top: 3px;
        bottom: 0;
        position: absolute;
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer .info .fs {
        display: none;
        margin-bottom: 15px;
        color: #333 !important;
    }

    footer .info ul {
        margin: 0;
        padding-bottom: 0;
    }

    footer .info ul li {
        color: #333 !important;
    }

    footer .info ul li a {
        color: #000;
        font-weight: 400;
    }

    footer .info ul li a:before {
        display: none;
    }

    footer .social-media {
        justify-content: center;
        margin: 0 !important;
    }

    footer .secure {
        text-align: center !important; 
        margin: 10px 0;
    }

}



/* Header Shopping Cart */

.header-cart-hover .nav-link::after {
    display: none;
}

  
.header-cart-hover {
    position: relative;
    display: flex;
    flex: 1;
}
.header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 450px;
    left: inherit;
    right: -450px;
    top: 13px;
    position: fixed;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0;
    height: 97%;
    z-index: 999;
    transition: all .4s;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 30px!important;
}
.header-cart-hover .dropdown-menu.active{
    opacity: 1;
    right: 23px;
    transition: all .4s;
}

.header-cart-hover .dropdown-menu .top-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}

.close-cart i{
    line-height: normal;
    font-size: 18px;
}

.header-cart-hover .dropdown-menu .top-header .title{
    font-size: 16px;
    padding: 5px 0;
    font-weight: 500;
}   

.header-cart-hover .dropdown-menu .close-cart {
    color: #555;
}
 
.header-cart-hover .dropdown-menu ul.user-links {
    margin: 0;
    padding: 0;
}

.header-cart-hover .dropdown-menu ul.user-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 10px;
}

.header-cart-hover .dropdown-menu ul.user-links li:hover{
    background: #f7f7f7;
    
}

.header-cart-hover .dropdown-menu ul.user-links li a {
    display: block;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0;
}

.header-cart-hover .dropdown-menu ul.user-links li:last-child a{
    border-bottom: 0px;
}

.header-cart-hover .dropdown-menu ul.user-links li a i {
    margin-right: 5px;
}

.header-cart-hover .dropdown-menu ul.auth-links {
    margin: 0;
    padding: 0;
}

.header-cart-hover .dropdown-menu ul.auth-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-cart-hover .dropdown-menu ul.auth-links li a {
    display: block;
    text-align: center;
    padding: 10px 5px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}


.header-cart-hover .dropdown-menu ul.auth-links li a i {
    margin-right: 10px;
}

.header-cart-hover .products {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.header-cart-hover .btn-remove {
    border: none;
    color: #000;
    font-size: 13px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    background: transparent !important;
    margin-right: 3px;
}


.header-cart-summary-1 {

}

.header-cart-summary-1 .table th {
    font-size: 12px !important;
    font-weight: 500;
        
}
        
.header-cart-summary-1 .buttons {
    display: flex;
    flex-direction: row;
    margin-right: 0px;
}

.genel-toplam {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.genel-toplam-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    font-size: 1.3rem;
    color: #000;
    font-weight: 700;
}

.header-cart-summary-1 .buttons .btn {
    font-size: 15px !important;
    padding: 15px 5px;
    border-radius: 0;
    margin: 10px;
    background: var(--add-cart-list-bg);
    color: var(--add-cart-list);
    transition: all var(--transition-time);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
}

.header-cart-summary-1 .buttons .btn:hover {
    background: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover);
}

.header-cart-summary-1 .buttons .btn-color-2 {
    background: #fff;
    color: var(--buy-now);
    transition: all var(--transition-time);
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #000;
}

.header-cart-summary-1 .buttons .btn-color-2:hover{
    background: var(--buy-now-bg-hover);
    color: var(--buy-now-hover);
}

.header-cart-summary-1 .buttons i{
    font-size: 10px;
    line-height: normal;
}

.product .info .variant {
    margin: 10px 0;
}

.ajax-info-cargo {
    background: #f0f0f0;
    padding: 10px;
    margin: 10px;
    font-size: 14px;
    text-align: center;
    background: transparent;
    border-bottom: 1px solid #ddd;
}

.ajax-info-cargo .description.text-success{
    color: #000!important;
    font-weight: 600;
}

.ajax-shopping-cart {
    font-size: 12px;
    height: 100%;
    flex: 1;
    position: relative;
}

.ajax-shopping-cart .items {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    overflow-y: auto;
    padding: 10px;
}

.ajax-cart-empty{
    font-size: 13px !important;
    text-align: center;
    padding: 20px 0;
}

.ajax-shopping-cart .product {
    display: flex;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    padding-top: 5px;
}

.ajax-shopping-cart .product:last-child{
    display: flex;
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.ajax-shopping-cart .product .image {
    flex: 1;
}

.ajax-shopping-cart .product .image img{
    height: 100px;
}

.ajax-shopping-cart .product .price {
    flex: 2;
    font-size: 13px;
    text-align: left;
    font-size: 17px;
    font-weight: 600;
}

.ajax-shopping-cart .product .info {
    flex: 3;
    text-align:left;
}

.ajax-shopping-cart .product .info .name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000;
}

@media screen and (min-device-width: 1701px) and (max-device-width: 3000px){
    .home-body .logo-bottom-right{
        right: 0px;
    }
    .home-body .logo-bottom-left{
        left: 0px;
    }
}

@media screen and (min-device-width: 1240px) and (max-device-width: 1700px) { 
.home-body .logo-bottom-right{
    right: 0px;
}
.home-body .logo-bottom-left{
    left: 0px;
}

}
@media screen and (min-device-width: 1200px) and (max-device-width: 1240px) { 
   .home-body .logo-bottom-right{
        right: 0px;
    }
    .home-body .logo-bottom-left{
        left: 0px;
    }
}


@media (max-width: 991px){
    .images-wrap{
        min-width: 50px;
    }
    .header-cart-hover .dropdown-menu.active{
        right: 0;
    }
    .product-buttons{
        margin-bottom: 25px;
    }
    .product-info-container span.prom-fiyat{
        font-size: 20px;
    }

    .header-cart-hover .dropdown-menu.active {
        width: 100%;
    }
}

.sidebar-menu-type-2 .logo-area a img {
	max-height: 50px
}

.sidebar-menu-type-2 .mobil-area-title {
	font-size: 16px
}

.sidebar-menu-type-2 .categories ul li a {
    display: flex;
    padding: 10px;
    border-bottom: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #fff;
}


.sidebar-menu-type-2 .categories ul li a img {
    height: 23px;
}

.sidebar-menu-type-2 .categories ul li {
    padding: 0;
    list-style: none;
    border: none;
    margin-bottom: 4px;
    position: relative;
    border-radius: 5px;
}

.sidebar-menu-type-2 .categories ul li a .name {
    width: 100%;
}

.sidebar-menu-type-2 .categories ul .multi .multi a {
	font-size: 14px
}

.mobile-menu-close i {
    border: 0;
    color: #555;
    padding-right: 0;
}

.sidebar-menu-type-2 .categories ul .multi li:first-child {
	display: block
}

@media (max-width: 1199px){
    
    header.desktop .header-bar .bar-link{
        margin-right: 5px !important;
    }
    
    .single-menu-container .single-menu li{
        margin: 0 5px;
    }
    
    .single-menu-container .single-menu li .sub-single-item i{
        margin-left: 0;
    }
    
    .single-menu-container .single-menu li .sub-single-item{
        font-size: 14px;
    }
}

@media (max-width: 991px){
	.product-profile-1 .carousel .carousel-indicators li {
    	max-width: 50px;
	}
}

@media (max-width: 991px){
    .product-profile-1 h1.title {
        margin-top: 10px;
    }
}



@media (max-width: 767px) {

    .product-profile-1 .carousel .carousel-indicators li {
        max-width: 50px;
    }
}

.p-g-mod.p-g-mod-t-39 {
    margin-bottom: 10px;
    margin-top: -10px;
    border: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header {
    height: 35px !important;
    padding: 10px !important;
    color: #333;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 14px !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body:not(.p-g-mod-body-p-0) {
    padding: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .input-group,
.header-cart-summary-1 .input-group{
    position: relative;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .input-group .icon,
.header-cart-summary-1 .input-group .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #000;
    font-size: 23px;
    z-index: 9;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body input,
.header-cart-summary-1 input{
    padding: 0.275rem 0.7rem !important;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #000;
    padding-left: 55px !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary,
.header-cart-summary-1 .btn-secondary{
    font-size: 16px;
    font-weight: 500;
    border-color: transparent;
    border-radius: 0;
    width: 90px;
    background: #000;
    height: 50px;
}

.product-carousel-desktop.normal .carousel-item a img {
    width: 100%;
}

@media(max-width: 991px){
    .ppc-ctype-3 .row:first-of-type {
        flex-direction: column-reverse;
    }
}

.category-short-description {
    font-size: 15px;
} 

@media(max-width: 991px){
    .category-short-description {
        font-size: 13px;
    } 
}


.raw-content table {
    border: 1px solid #e8e8eb;
    border-collapse: collapse;
    font-size: 14px;
}

.raw-content table tr th {
    font-weight: 500;
}


.raw-content table tr th,
.raw-content table tr td {
    border: 1px solid #e8e8eb;
    border-collapse: collapse;
    font-size: 14px;
}

.raw-content table tr td {
    padding: 6px 12px;
}

.pattern-group .p-g-mod.p-g-mod-trans .p-g-mod-header.p-g-mod-header-p-0  {
    border-bottom: 0;
}

@media (max-width: 991px){
    .pattern-group .p-g-mod .p-g-mod-header {
        height: 50px;
    }
}

/* Blog */
.card-blog {
    padding: 10px 0;
    border: 0;
    border-radius: 0;
}

.card-blog .title {
    padding: 0;
    margin-top: 15px;
    font-size: 1.175rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    min-height: 57px;
}

.card-blog .description {
    margin-top: 13px;
    min-height: 88px;
    font-size: 15px;
    padding: 0;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    line-height: 1.5;
    color: #222;
}

.card-blog .buttons {
    padding: 0;   
    margin-top: 10px;
}

.card-blog .buttons .btn-read-more,
.card-blog .buttons .btn-read-more:hover,
.card-blog .buttons .btn-read-more:active, 
.card-blog .buttons .btn-read-more:focus {
    background: transparent;
    padding: 5px 0;
    color: #32303d;
    font-size: 1rem;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #32303d;
}

.p-g-mod.p-g-mod-base-content.p-g-mod-t-12 {
    border: 0;   
    max-width: 1024px;
    margin: 0 auto;
}

.p-g-mod.p-g-mod-t-17 .p-g-mod-header .p-g-m-h-info,
.p-g-mod.p-g-mod-base-content.p-g-mod-t-12 .p-g-mod-header .p-g-m-h-info {
    text-align: center;
    justify-content: center;
    align-items: center;
}


.pattern-group .p-g-mod-t-3.p-g-mod-base-content {
    border: 0;
}

.pattern-group .p-g-mod-t-3.p-g-mod-base-content .p-g-mod-header .p-g-m-h-info {
    align-items: center;
    text-align: center;
}

.pattern-group .p-g-mod-t-3.p-g-mod-base-content .p-g-mod-body {
    font-size: 15px;
    line-height: 1.5;
}

.faq .btn-faq {
    color: rgb(34, 34, 34);
    background: rgb(247, 247, 247);
    padding: 10px;
    border-radius: 0px;
    border: 0;
    display: block;
    font-size: 16px;
}

.faq .collapse {
    padding: 10px 5px;
    font-size: 15px;
    line-height: 1.5;
}
.owl-wrapper .owl-single-button.owl-single-button-prev{
    left: 20px;
}

.owl-wrapper .owl-single-button.owl-single-button-next{
    right: 20px;
}

.owl-wrapper .owl-single-button{
    background: var(--main-color2);
}

.owl-wrapper .owl-single-button i{
    color: #fff;
}

@media (max-width: 991px) {
    
    .owl-wrapper .owl-single-button.owl-single-button-next,
    .owl-wrapper .owl-single-button.owl-single-button-prev{
        display: none;
    }
    
    .renkSecenek {
        position: absolute;
        z-index: 1;
        top: 8px;
        top: auto;
        right: 8px;
        padding: 1px 5px;
        display: flex;
        background: #fff;
        align-items: center;
        font-size: 12px;
        justify-content: space-around;
        border-radius: 20px;
    }
    .product-body .p-g-mod-t-13 {
        background: #fff;
        margin-bottom: 0;
    }
    
    .product-body .product-short-link span i {
        font-size: 18px;
        margin-right: 0;
    }
    
    .product-info-container strong{
        font-weight: 500 !important;
    }
    
    .product-profile-1 .product-code{
        color: #000;
    }
    
    .product-profile-1 h1.title {
        margin-top: 10px;
        color: #000;
        margin-bottom: 5px;
    }
    
    .product-body .title-info{
        position: relative;
    }
    
    .product-body .title-info .product-short-link {
        display: block !important;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .product-body .product-info-container .product-price-group{
        justify-content: flex-start;
        margin-top: 10px;
        align-items: flex-start;
    }
    
    
    header.mobile .left .btn-profile-back{
        display: none;
    }
    
    .product-body header.mobile .left .btn-profile-back {
        display: flex;
        width: 38px;
        justify-content: center;
        align-items: center;
        font-size: 15px;
    }
    
    .product-body header.mobile .left .icon-group{
        display: none;
    }

    .p-g-mod-t-44 {
        margin-top: -18px;
        margin-right: 0;
        margin-left: 0;
    }
    
    .p-g-mod-showcase .card-product {
        padding: 1px !important;
        border-radius: 5px !important;
    }
    
    .type-45-swiper .swiper-button-next, .type-45-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        transition: all .4s;
    }
    
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 14px !important;
        color: #000;
    }
    
    .p-g-mod-showcase .card-product .d-flex{
        flex-direction: column;
    }
    
    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 10px;
    }
    
    .product-profile-1 .carousel .carousel-indicators img{
        display: none !important;
    }
    
    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 0;
        bottom: 20px;
        z-index: 9;
        margin-bottom: -20px;
    }
    
    .product-profile-1 .carousel .carousel-indicators li.active {
        border-color: #9c9c9c;
        background-color: #9c9c9c;
    }
    
    .product-profile-1 .carousel .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
    
    .related-products a {
        width: auto;
        height: 75px;
    }
    
    .product-body .product-installments .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .p-g-mod-t-31 {
        padding-right: 0px;
    }
    
    .header-cart-summary-1 .buttons .btn {
        font-size: 14px !important;
    }
    
    .header-cart-hover .dropdown-menu{
        z-index: 999999;
    }
    
    .shopping-cart-1 .btn-remove {
        position: relative;
        top: 0;
    }
    
    .shopping-cart-1 .space {
        display: block;
        margin: 10px 0;
    }
    
    .shopping-cart-1 .table tbody tr {
        border-top: 1px solid #eaeaea;
        position: relative;
    }
    
    .shopping-cart-1 .td-product .product .p-info .name {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        max-width: 85%;
    }
    .breadcrumb-wrapper .breadcrumb li:first-child {
        display: none;
    }
    .breadcrumb-wrapper .breadcrumb-item:nth-child(2)::before {
        display: none;
    }
    .breadcrumb-wrapper .breadcrumb{
        padding: 5px 0;
    }
    .card-product .card-product-inner .product-label img {
        max-height: 18px;
    }
    .card-product .card-product-inner .price-group {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin-top: 6px;
    }
    span.pFiyat.LastFiyat {
        padding-left: 0;
        margin-top: 4px;
    }
    .product-profile-1 .product-label.top-left img {
        max-width: 94px;
    }
}

/* Scrollbar genel alanı */
::-webkit-scrollbar {
  width: 10px;
}

/* Scrollbar arka planı (track) */
::-webkit-scrollbar-track {
  background: #f7dc0a;
}

/* Scrollbar tutma yeri (thumb) */
::-webkit-scrollbar-thumb {
  background-color: #323232;
  border-radius: 10px;
  border: 2px solid #f7dc0a; /* iç boşluk efekti */
}

/* Hover olunca rengi */
::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}