.banner4-fashion1 {margin-top: var(--rowspace);}
.banner1-fashion2 {margin-top: calc(var(--rowspace) - 15px);}
.banner1-fashion2 .col {margin-top: 15px;}
.banner1-fashion2 .text {position: absolute;top: 0;bottom: 0;justify-content: center;display: flex;flex-direction: column;text-align: left;margin-left: 9%;pointer-events: none;}
.banner1-fashion2 .text .text1 {font-size: 2.4rem;color: #c24a4a;line-height: 1;margin-bottom: 11px;}
.banner1-fashion2 .text .text2 {font-size: 4.2rem;color: #313030;line-height: 1;}
.banner1-fashion2 .text a {line-height: 50px;padding: 0 34px;background: #fff;display: inline-block;vertical-align: top;text-decoration: none;text-transform: capitalize;margin-top: 24px;pointer-events: visible;}
.banner1-fashion2 .text a:hover {background: var(--link-hover-color);color: #fff;)}
@media (max-width: 1399px) {
	.banner1-fashion2 .text {margin-left: 5%;}
}
@media (max-width: 1199px) {
    .banner1-fashion2 .row {margin: 0 -7.5px;}
    .banner1-fashion2 .col {padding: 0 7.5px;}
    .banner1-fashion2 .text .text1 {font-size: 1.8rem;}
	.banner1-fashion2 .text .text2 {font-size: 3rem;}
    .banner1-fashion2 .text a {line-height: 35px;padding: 0 17px;margin-top: 15px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner1-fashion2 .text .text1 {font-size: 1.6rem;}
	.banner1-fashion2 .text .text2 {font-size: 2.4rem;}
    .banner1-fashion2 .text a {line-height: 32px;padding: 0 13px;margin-top: 15px;font-size: 1.4rem;}
	.banner1-fashion4 .image {text-align: center;} 
}
@media (max-width: 479px) {
    .banner1-fashion2 .text {max-width: 50%;}
    .banner1-fashion2 .text .text1 {font-size: 1.5rem;margin-bottom: 5px;}
	.banner1-fashion2 .text .text2 {font-size: 2rem;}
    .banner1-fashion2 .text a {line-height: 30px;padding: 0 13px;margin-top: 7px;font-size: 1.3rem;}
}
.banner1-fashion4 {margin-top: calc(var(--rowspace) - 30px); max-width: 100%; max-width: calc(100% - 30px);margin-left: auto;margin-right: auto;}
.banner1-fashion4 .image {margin-top: 30px;}
.banner1-fashion4 .image:hover {box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;}
.banner1-fashion4 .image:not(.image2) .text {position: absolute;bottom: 30px;left: 0;right: 0;pointer-events: none;}
.banner1-fashion4 .image:not(.image2) .text > .inner {background: rgba(255, 255, 255, 0.8); display: inline-block;vertical-align: top;margin: 0 15px;min-width: 220px;max-width: 100%;padding: 15px 10px;}
.banner1-fashion4 .image:not(.image2) .text > .inner > * {margin: 0;}
.banner1-fashion4 .image:not(.image2) .text > .inner .text1 {font-size: 2.2rem;margin-bottom: 2px;}
.banner1-fashion4 .image:not(.image2) .text > .inner .text2 {text-transform: capitalize;}
.banner1-fashion4 .image2 .text {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;color: #fff;padding: 0 15px;pointer-events: none;}
.banner1-fashion4 .image2 .text .text1 {font-size: 4.4rem;font-weight: 600;line-height: 1;margin-bottom: 18px;}
.banner1-fashion4 .image2 .text .text1 span {font-weight: 300;font-style: italic;}
.banner1-fashion4 .image2 .text .text2 {opacity:0.7;font-size: 2rem;line-height: 1.3;max-width: 280px;margin: auto;}
.banner1-fashion4 .image2 .text .text2 span {font-weight: 600;}
.banner1-fashion4 .image:hover .text > .inner {
    background: rgba(255, 0, 0, 0.8) !important;color: #fff;}
@media (max-width: 1199px) {
	.banner1-fashion4 {margin-top: calc(var(--rowspace) - 15px);}
	.banner1-fashion4 .row {margin: 0 -7.5px;}
    .banner1-fashion4 .col {padding: 0 7.5px;}
    .banner1-fashion4 .image {margin-top: 15px; } 
}
@media (min-width: 768px) and (max-width: 1199px) {
	.banner1-fashion4 .image:not(.image2) .text {bottom: 15px;}
	.banner1-fashion4 .image:not(.image2) .text > .inner {min-width: auto;padding: 10px 15px;}
    .banner1-fashion4 .image:not(.image2) .text > .inner .text1 {font-size: 1.8rem;line-height: 1;}
    .banner1-fashion4 .image:not(.image2) .text > .inner .text2 {font-size: 1.4rem;line-height: 1;}
    .banner1-fashion4 .image2 .text .text1 {font-size: 2.4rem;margin-bottom: 1.5vw;}
    .banner1-fashion4 .image2 .text .text2 {font-size: 1.6rem;}
}
@media (max-width: 479px) {
	.banner1-fashion4 .image:not(.image2) .text {bottom: 15px;}
	.banner1-fashion4 .image:not(.image2) .text > .inner {min-width: auto;padding: 10px 15px;}
    .banner1-fashion4 .image:not(.image2) .text > .inner .text1 {font-size: 1.8rem;line-height: 1;}
    .banner1-fashion4 .image:not(.image2) .text > .inner .text2 {font-size: 1.4rem;line-height: 1;}
    .banner1-fashion4 .image2 .text .text1 {font-size: 2.4rem;margin-bottom: 1.5vw;}
    .banner1-fashion4 .image2 .text .text2 {font-size: 1.6rem;}
}

.img-responsive {
	
	margin-left: auto;
	margin-right: auto;
}

img {
    
    max-width: 100%;
    height: auto;
}

/* [1] The container */
.image {
  /*height: 500px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.image img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.image:hover img {
  transform: scale(1.15);
}

.boldkirmizi {
color:#F00;
font-weight:bold;
}

.product-thumb:hover {
	border-color: #8C5A5A;
	box-shadow: 0 0 16px rgba(31,0,0,0.60);
	-webkit-box-shadow: 0 0 16px rgba(31,0,0,0.60);
}

#menu {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:14px;
    background-color: #fc2c03;
    background-image: none;
    background-repeat: none; 
    border-color: #b50018 #f20020 #b50018;
    min-height: 50px;
	border-radius: 0px;
}


#menu .nav > li > a {
    padding: 15px 15px 15px 15px;
	font-size: 15px;
}
#menu .dropdown-inner a {
    font-size: 14px;
	white-space: nowrap; }
/*.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #fc2c03;}*/
a {
	color: #B61F02;
}
/*#menu .see-all:hover, #menu .see-all:focus {
    background-color: #fc2c03;}*/

a:focus, a:hover {
	color: #7A1603;}
.h4, h4 {
/*font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 16px;*/
}
#menu .btn-navbar {
	background-color: #791f03;
	border-color: #3E0F01;
	border-radius: 0px;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	background-color: #b32c03;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #791f03;
    border-color: #791f03;
}
.pagination>li>a, .pagination>li>span {

    color: #791f03;

}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #B83107;
}

.btn-link {
    color: #B61F02;
}
.btn-link:focus, .btn-link:hover {
    color: #bf0019;
}
/*.btn-primary {
    background-color: #ff3c00;
    background-image: none;
    background-repeat: none;
    border-color: #ff3c00 #c73002 #802003;
}*/

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #c73002;
}
.btn-primary:hover {
    background-color: #c73002;
    border-color: #7b2302;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #520001;
    border-color: #7b2302;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.21);
}
.form-control:focus {
    border-color: #a7867c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(175, 105, 105, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 126, 0.6);
}
a.thumbnail:hover {
    border-color: #791f03;
}
.owl-pagination {
    top: 0px;
	/*display: none;*/
}
.owl-carousel {
    margin: 0 0;
}
.product-thumb .price-old {
    color: #949090;
    font-weight: normal;
    font-size: medium;
}

.fa-shopping-cart {
    color: #e21212;
}

.fa-shopping-cart {
    color: #e21212;
}
.fa-whatsapp {
    /*color: #3DB90A;*/
	font-weight: bolder;
}

.footer-top {
   background-color: #F3F3F3;
	/* background: rgb(252,176,69);
background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(234,253,29,1) 50%, rgba(252,176,69,1) 100%);
	background: radial-gradient(circle at 50% 100%, #f7ff0a, #d0f737, #acee50, #8ee264, #75d574, #62c780, #58b988, #56a98b);*/
    padding: 18px 0 19px;
}
  /* Özel 5 sütun grid sistemi */
  @media (min-width: 992px) {
    .col-md-15 {
      width: 20%;
      float: left;
    }
  }
  
  
  .service-inner {
    padding: 15px 0;
  }
  
  .service-inner i {
    display: block;
    margin-bottom: 10px;
    color: #eb08ed;
  }
  
  .service-content h4 {
    font-weight: bold;
    margin: 5px 0;
  }
  


.info-cont {
    padding-left: 50px;
}
.btn-group, .btn-group-vertical {
    display: block;
}
/*
@media (min-width: 1200px)
.container {
    width: 1200px;
    overflow: visible;
}

@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*/
.footer-services {
    margin: 0;
}

.block-infos .info {
    width: 20%;
	float: left;
}

@media (max-width : 767px) {
.block-infos .info {
    width: 50%;
}
}

@media (max-width : 480px) {
.block-infos .info {
    width: 100%;
}
}
.footer-top .block-infos .info .inner i {
    float: left;
    font-size: 36px !important;
    padding-top: 1px;
    color: #9820c7;
}

.info .inner .info-cont {
    padding-left: 50px;
}

.fa-truck, .fa-money, .fa-gift, .fa-phone-square, .fa-diamond {
    font-size: 36px;

}
/*
footer {
	
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}*/
#menu .dropdown-inner ul {
    list-style-type: none;
    padding-left: 10px;
}
#top {
    margin-bottom: 5px;
    background-color: #e4e4e4;
}
.navbar {
    margin-bottom: 0px;
}
.swiper-viewport {
    border: 1px solid #fff;
}
#logo {
    margin: 0 0 0 0;
}
.padding-top15 {padding-top:15px;}

ol, ul {
    list-style: none;
}
.fa {
    margin-right: 2px;
}
.price {
    text-align: center;
    color: #949090;

}

.product-thumb .price-new, .autocalc-product-special  {
	text-align: center;
	font-weight: bold;
    font-size: 24px;
    color: #f029dc !important;
    background-image: -webkit-linear-gradient(53deg, #f029dc 35%, #464fbb 48%, #c20286 62%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.product-thumb .price-old {
     background-image: none;
    color: #949090 !important;
    font-weight: normal;
    font-size: medium;
}
.price-tax {

    margin-top: 5px;
}	
.ortala {
    
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}
.xdstickers {
    padding: 4px !important;
    border-radius: 0px 4px 4px 0px;
    font-size: 10px;
    width: 60px;
    text-align: center;
    line-height: 11px;
    display: flex;
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    gap: 5px; /* İkon ile yazı arası boşluk */
}

.xdstickers i {
    font-size: 12px; /* İkon boyutu */
    line-height: 1; /* İkonun kendi iç hizalaması */
}

.xdstickers span {
    display: inline-block;
    text-align: left;
}
.dropdown-menu li > a:hover {
  background-color: #be0019;
  background-image: none;
  background-repeat: none;
}

#menu .see-all:hover, #menu .see-all:focus {
  background-color: #be0019;
  background-image: none;
  background-repeat: none;
}

#menu .btn-navbar {
  background-color: #b32c03;
  background-image: none;
  background-repeat: none;
  border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary {
    background-color: #ff3c00;
    background-image: none;
    background-repeat: none;
    border-color: #ff3c00 #c73002 #802003;
}

@media (min-width: 1170px) {
.row2 {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  /*width: calc(100% - 1px);*/
  /* width: -moz-calc(100% - 1px);

  width: -webkit-calc(100% - 1px);

  height: 100%;

  overflow-y: auto;*/ 
}
.row3 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}
	
	
.container {
    /*width: 1200px;*/
}

}

@media (min-width: 1400px) {
    .row3 {
        max-width: 1320px;
    }
}


.h3class {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px 0 15px;
}
.navbar {
  border-radius: 0px;
}
.swiper-viewport {
  border-radius: 0px !important;
  box-shadow: none !important;
}
.featuredplustitle {
    /*background: #dfbceb;*/
    padding: 7px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
	
	
          /** TEXT GRADIENT */ color: #f029dc; background-image: -webkit-linear-gradient(45deg, #f029dc 26%, #464fbb 58%, #c20286 81%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;
          
        
}
.top15 {
	margin-top: 15px;
}

.custom-scroll-450 {
  max-height: 450px; /* Div'in yüksekliği */
  overflow-y: auto; /* Dikey kaydırma çubuğu */
  /* Kaydırma çubuğu stilleri */
  ::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #fc2c03;
    border-radius: 10px;
  }
}

body {

    overflow-x: hidden;
}
.text-wrap {
    text-wrap: wrap;
}

/* sayfalama butonları görünümü */
.pagination > li > a, .pagination > li > span {
    border-radius: 50%; /* Sayfalama düğmelerini yuvarlak yapar */
    padding: 10px 15px; /* Düğmelerin içindeki boşlukları artırır */
    margin: 0 5px; /* Düğmeler arasına boşluk ekler */
    color: #C80025; /* Renk düzenini güzelleştirir */
    border: 1px solid #ddd; /* Kenarlık ekler */
	background-color: #E5E5E5; /* Pasif düğme için arkaplan rengi */
    transition: background-color 0.3s ease, color 0.3s ease; /* Hover efektinde yumuşak geçiş sağlar */
}

.pagination > li.active > span {
    background-color: #C12102; /* Aktif düğme için arkaplan rengi */
    color: white; /* Aktif düğmenin yazı rengi */
    border: 1px solid #fc2c03; /* Aktif düğmenin kenarlığı */
}

.pagination > li > a:hover {
    background-color: #fc2c03; /* Hover durumunda arkaplan rengi */
    color: white; /* Hover durumunda yazı rengi */
}

.pagination > li > a {
    text-decoration: none; /* Düğme içindeki linklerin altını kaldırır */
}

.pagination > li > a:focus {
    outline: none; /* Focus durumunda kenar çizgisini kaldırır */
}
/* sayfalama butonları görünümü bitti */



/* ürün butonları  butonları göster gizle görünümü  */
/* Başlangıçta butonları gizle */
.product-thumb .button-group {
  /*  opacity: 0; /* Opaklık sıfırlanarak görünmez yapılır */
  /*  visibility: hidden; /* Görünürlüğü gizler */
  /*  transition: opacity 0.3s ease, visibility 0.3s ease; /* Yumuşak geçiş eklenir */
  /*  position: absolute; /* Butonlar ürün üzerine sabitlenir */
  /*  bottom: 20px; /* Ürünün alt kısmında konumlandırılır */
  /*  left: 50%; /* Ortalamak için sol tarafa hizalar */
   /* transform: translateX(-50%); /* Tam ortaya hizalar */
     border-top: unset; 
     background-color: unset;
    margin: 2px;
}

.product-thumb .button-group button {

    border-radius: 20px;
}

.product-thumb .button-group button:hover {
    color: #F52629;
}

/* Ürün üzerine gelindiğinde butonları göster */
.product-thumb:hover .button-group {
  /*  opacity: 1; /* Butonların opaklığını artırarak görünür yapar */
  /*  visibility: visible; /* Görünürlüğünü sağlar */
}
/* ürün butonları  butonları göster gizle görünümü  bitti */

.autocalc-product-price, .autocalc-product-special {
    /* background: #dfbceb;
    padding: 7px 7px;
    text-transform: uppercase; */
    font-weight: bold;
    font-size: 40px;
    color: #f029dc;
    background-image: -webkit-linear-gradient(53deg, #f029dc 26%, #464fbb 58%, #c20286 81%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.price-older {
    color: #dc512c; font-size: 20px;
}

.maincategorytitle {
    padding: 7px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #f96a0b; 
    background-image: linear-gradient(45deg, #f96a0b 9%, #f70202 42%, #ab0d0d 73%); 
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.subcategorytitle {
    padding: 7px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #ff1414; 
    background-image: linear-gradient(45deg, #ff1414 8%, #a01cfa 42%, #e01f9d 65%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.custom-li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.panel-default .panel-heading .panel-title {
    color: #ff1414; 
    font-weight: bold;
}
/*#collapse-payment-method .radio label {
  font-size: large !important;
	color:#01D10B !important;
}*/

#collapse-payment-method .radio label {
    font-size: large !important;
    color: #01D10B; /* Başlangıç rengi (yeşil) */
    position: relative;
    transition: color 2s ease-in-out; /* Yumuşak geçiş için */
}

/* İlk label için animasyon */
#collapse-payment-method .radio label:nth-child(1) {
    animation: change-color-first 3s infinite; /* Toplam animasyon süresi (2s * 3) */
}

@keyframes change-color-first {
    0% { color: #01D10B; } /* Başlangıç (yeşil) */
    33.33% { color: #0BABED; } /* İlk 2 saniye mavi */
    76.66% { color: #CB01D1; } /* Sonraki 2 saniye yeşil */
    100% { color: #01D10B; } /* Son 2 saniye yeşil */
}

/* İkinci label için animasyon */
#collapse-payment-method .radio label:nth-child(2) {
    animation: change-color-second 6s infinite;
    animation-delay: 2s; /* İlk label bittikten 2 saniye sonra başlar */
}

@keyframes change-color-second {
    0% { color: #01D10B; } /* Başlangıç (yeşil) */
    33.33% { color: #01D10B; } /* İlk 2 saniye yeşil */
    66.66% { color: blue; } /* Sonraki 2 saniye mavi */
    100% { color: #01D10B; } /* Son 2 saniye yeşil */
}

/* Üçüncü label için animasyon */
#collapse-payment-method .radio label:nth-child(3) {
    animation: change-color-third 6s infinite;
    animation-delay: 4s; /* İlk iki label bittikten 4 saniye sonra başlar */
}

@keyframes change-color-third {
    0% { color: #01D10B; } /* Başlangıç (yeşil) */
    33.33% { color: #01D10B; } /* İlk 2 saniye yeşil */
    66.66% { color: #01D10B; } /* Sonraki 2 saniye yeşil */
    100% { color: blue; } /* Son 2 saniye mavi */
}



#collapse-payment-address label, #collapse-shipping-address label, #collapse-payment-method p {
  font-size: larger !important;
	color:#ff7b2d !important;
}

.animeyazi {
  background: linear-gradient(45deg, #ff0000, #ff7300, #f404a8, #ff5bcb);
  -webkit-background-clip: text; /* Safari/Chrome için */
  background-clip: text;
  color: transparent;
  animation: gradient-renk 3s ease infinite;
  background-size: 400% 400%;
	font-size: 14px;
}
.animeyazi2 {
    background: linear-gradient(45deg, #6cff00, #044a03, #27ff00, #106402);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient-renk 3s ease infinite;
    background-size: 400% 400%;
    font-size: 14px;
}
.pa-subs-powered-by {
    display: none !important;
}


.btn-category {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 20px;
  color: #333;
  margin-bottom: 15px;
  padding: 10px 5px;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/*.btn-category:hover {
  background-color: #e9ecef;
  color: #0056b3;
  text-decoration: none;
  border-color: #adb5bd;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}*/

.btn-category:hover {
    background-color: #ffe4a6;
    color: #ff0000;
    text-decoration: none;
    border-color: #ffa2a0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.category-buttons {
  margin: 0 25px;
}

.category-buttons > div {
  padding: 0 5px;
}

@media (max-width: 767px) {
  .btn-category {
    font-size: 12px;
    padding: 8px 3px;
  }
}
.swiper-viewport {
    margin-bottom: 20px;

}
.swiper-pagination-bullet-active {
    background: rgba(255, 0, 0, 0.9);
}
/* Attribute Grid Styles */
.attribute-grid-container {
    margin-top: 20px;
}
.attribute-group-title {
    margin: 20px 0 15px;
    padding-bottom: 5px;
    /*border-bottom: 1px solid #eee;*/
    font-size: 20px;
    font-weight: bold;
}
.attribute-group {
    margin-bottom: 0px;
}
.attribute-item {
    margin-bottom: 10px;
}
.attribute-card {
    padding: 5px;
    background: #ebe7e7;
    border: 1px solid #d9d6d6;
    border-radius: 4px;
    height: 100%;
    /*text-align: center;*/
}
.attribute-name {
    font-size: 13px;
    color: #B57676;
}
.attribute-value {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .attribute-item {
        width: 50%;
        float: left;
    }
}
@media (max-width: 480px) {
    .attribute-item {
        width: 100%;
        float: none;
    }
}
.social-share-colored {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}

.social-share-colored a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 20px;
  color: white;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.social-share-colored a:hover {
  transform: scale(1.1);
}

/* Marka Renkleri */
.whatsapp  { background-color: #25D366; }
.instagram { background-color: #E1306C; }
.facebook  { background-color: #1877F2; }
.twitter   { background-color: #000000; } /* X için siyah */
.tiktok    { background-color: #010101; }
.pinterest { background-color: #E60023; }
.linkedin  { background-color: #0077B5; }
.telegram  { background-color: #0088cc; }
.snapchat  { background-color: #FFFC00; color: #000; }
.youtube   { background-color: #FF0000; }



/* ====================================
   YENİ RENK PALETİ
   Ana Renkler:
   - Koyu Bordo: #6B2C3E (Ana renk)
   - Orta Pembe: #C85A7E (Vurgu rengi)
   - Açık Pembe: #D896A8 (Yumuşak vurgu)
   - Pudra: #E5BCC5 (Açık ton)
   - Koyu Gri: #4A4A4A (Nötr ton)
==================================== */

/* BANNER STYLES */
.banner1-fashion2 .text .text1 {
    font-size: 2.4rem;
    color: #C85A7E; /* Orta pembe */
    line-height: 1;
    margin-bottom: 11px;
}

.banner1-fashion2 .text a:hover {
    background: #6B2C3E; /* Koyu bordo */
    color: #fff;
}

.banner1-fashion4 .image:hover .text > .inner {
    background: rgba(200, 90, 126, 0.9) !important; /* Orta pembe transparan */
    color: #fff;
}

/* PRODUCT STYLES */
.boldkirmizi {
    color: #C85A7E; /* Orta pembe */
    font-weight: bold;
}

.product-thumb:hover {
    border-color: #6B2C3E; /* Koyu bordo */
    box-shadow: 0 0 16px rgba(107, 44, 62, 0.60);
    -webkit-box-shadow: 0 0 16px rgba(107, 44, 62, 0.60);
}

/* MENU STYLES */
#menu {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 14px;
    background-color: #6B2C3E; /* Koyu bordo */
    background-image: none;
    background-repeat: none;
    border-color: #4A4A4A;
    min-height: 50px;
    border-radius: 0px;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(200, 90, 126, 0.3); /* Orta pembe transparan */
}

#menu .btn-navbar {
    background-color: #4A4A4A; /* Koyu gri */
    border-color: #6B2C3E;
    border-radius: 0px;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active {
    background-color: #C85A7E; /* Orta pembe */
}

/* LINKS */
a {
    color: #6B2C3E; /* Koyu bordo */
}

a:focus, a:hover {
    color: #C85A7E; /* Orta pembe */
}

/* PAGINATION */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #6B2C3E; /* Koyu bordo */
    border-color: #6B2C3E;
}

.pagination>li>a, .pagination>li>span {
    color: #6B2C3E; /* Koyu bordo */
    background-color: #E5BCC5; /* Pudra */
    border: 1px solid #D896A8;
}

.pagination>li>a:hover {
    background-color: #C85A7E; /* Orta pembe */
    color: white;
}

/* BUTTONS */
.btn-link {
    color: #6B2C3E; /* Koyu bordo */
}

.btn-link:focus, .btn-link:hover {
    color: #C85A7E; /* Orta pembe */
}

.btn-primary {
    background-color: #C85A7E; /* Orta pembe */
    background-image: none;
    border-color: #6B2C3E;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active {
    background-color: #6B2C3E; /* Koyu bordo */
    border-color: #4A4A4A;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #6B2C3E; /* Koyu bordo */
    border-color: #4A4A4A;
}

/* FORM CONTROLS */
.form-control:focus {
    border-color: #D896A8; /* Açık pembe */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 90, 126, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 90, 126, 0.6);
}

a.thumbnail:hover {
    border-color: #6B2C3E; /* Koyu bordo */
}

/* SHOPPING CART ICON */
.fa-shopping-cart {
    color: #C85A7E; /* Orta pembe */
}

/* FOOTER */
.footer-top .block-infos .info .inner i {
    color: #6B2C3E; /* Koyu bordo */
}

/* PRICES */
.product-thumb .price-new, .autocalc-product-special, .product-thumb .price  {
    font-weight: bold;
    font-size: 24px;
    color: #C85A7E !important;
    background-image: -webkit-linear-gradient(53deg, #C85A7E 35%, #6B2C3E 48%, #D896A8 62%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.autocalc-product-price, .autocalc-product-special, .price, .price-new {
    font-weight: bold;
    font-size: 40px;
    color: #C85A7E;
    background-image: -webkit-linear-gradient(53deg, #C85A7E 26%, #6B2C3E 58%, #D896A8 81%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.price {

    line-height: 34px;
}


.price-older {
    color: #C85A7E;
    font-size: 20px;
}

/* STICKERS */
.xdstickers {
    background-color: #C85A7E; /* Orta pembe */
    color: white;
}

/* DROPDOWN MENU */
.dropdown-menu li > a:hover {
    background-color: #6B2C3E; /* Koyu bordo */
    color: white;
}

#menu .see-all:hover, #menu .see-all:focus {
    background-color: #6B2C3E; /* Koyu bordo */
}

/* CATEGORY TITLES */
.featuredplustitle {
    font-weight: bold;
    font-size: 22px;
    color: #C85A7E;
    background-image: -webkit-linear-gradient(45deg, #C85A7E 26%, #6B2C3E 58%, #D896A8 81%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.maincategorytitle {
    padding: 7px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #6B2C3E;
    background-image: linear-gradient(45deg, #6B2C3E 9%, #C85A7E 42%, #D896A8 73%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.subcategorytitle {
    padding: 7px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #C85A7E;
    background-image: linear-gradient(45deg, #C85A7E 8%, #6B2C3E 42%, #D896A8 65%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

/* PANEL HEADING */
.panel-default .panel-heading .panel-title {
    color: #6B2C3E;
    font-weight: bold;
}

/* PAYMENT METHOD LABELS */
#collapse-payment-method .radio label {
    font-size: large !important;
    color: #6B2C3E;
}

@keyframes change-color-first {
    0% { color: #6B2C3E; }
    33.33% { color: #C85A7E; }
    76.66% { color: #D896A8; }
    100% { color: #6B2C3E; }
}

@keyframes change-color-second {
    0% { color: #6B2C3E; }
    33.33% { color: #6B2C3E; }
    66.66% { color: #C85A7E; }
    100% { color: #6B2C3E; }
}

@keyframes change-color-third {
    0% { color: #6B2C3E; }
    33.33% { color: #6B2C3E; }
    66.66% { color: #6B2C3E; }
    100% { color: #C85A7E; }
}

#collapse-payment-address label, #collapse-shipping-address label, #collapse-payment-method p {
    font-size: larger !important;
    color: #C85A7E !important;
}

/* ANIMATED TEXT */
.animeyazi {
    background: linear-gradient(45deg, #6B2C3E, #C85A7E, #D896A8, #E5BCC5);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient-renk 3s ease infinite;
    background-size: 400% 400%;
    font-size: 14px;
}

.animeyazi2 {
    background: linear-gradient(45deg, #D896A8, #6B2C3E, #E5BCC5, #C85A7E);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient-renk 3s ease infinite;
    background-size: 400% 400%;
    font-size: 14px;
}

/* CATEGORY BUTTONS */
.btn-category {
    background-color: #E5BCC5; /* Pudra */
    border: 1px solid #D896A8; /* Açık pembe */
    color: #4A4A4A; /* Koyu gri */
}

.btn-category:hover {
    background-color: #D896A8; /* Açık pembe */
    color: #6B2C3E; /* Koyu bordo */
    border-color: #C85A7E; /* Orta pembe */
    box-shadow: 0 2px 5px rgba(107, 44, 62, 0.2);
}

/* SWIPER PAGINATION */
.swiper-pagination-bullet-active {
    background: rgba(200, 90, 126, 0.9); /* Orta pembe */
}

/* ATTRIBUTE STYLES */
.attribute-name {
    color: #C85A7E; /* Orta pembe */
}


/* PRODUCT BUTTON GROUP */
.product-thumb .button-group button:hover {
    color: #C85A7E; /* Orta pembe */
}

/* SCROLL CUSTOMIZATION */
.custom-scroll-450::-webkit-scrollbar-thumb {
    background: #C85A7E; /* Orta pembe */
    border-radius: 10px;
}