@import url(https://fonts.googleapis.com/css2?family=Lemonada:wght@300..700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:wght@100..900&display=swap);
*, ::after, ::before { text-shadow: 1px 1px 1px rgba(0,0,0,.004); outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::-webkit-scrollbar { background-color: #fff; width: .4em; position: fixed; z-index: 91; }
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive { cursor: pointer; background-color: #838383; }

a, img { outline: 0; text-decoration: none; }
a { cursor: pointer; color: #181616; -webkit-transition: all .1s ease; transition: all .1s ease; }
b, strong { font-weight: 700; }
body, html { margin: 0; padding: 0; }
body { font-optical-sizing: auto; font-style: normal; font-size: 1rem; overflow-x: hidden!important; overflow-y: scroll; }
* { font-family: "Roboto Slab",serif; font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

.icon-link > .bi { width: .75em; height: .75em; }

.site-header { background-color: rgba(0, 0, 0, .85); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
.site-header a { color: #8e8e8e; transition: color .15s ease-in-out; }
.site-header a:hover { color: #fff; text-decoration: none; }

.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
/* @media (min-width: 768px) {
  .bd-placeholder-img-lg { font-size: 3.5rem; }
} */
.b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1),inset 0 .125em .5em rgba(0, 0, 0, .15); }
.b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; }

.bi { vertical-align: -.125em; fill: currentColor; }
.bg-body-banner { background-repeat: no-repeat; background-size: cover; background-position: center; filter: grayscale(0%); height: 250px; }

.btn-bd-primary { --bd-violet-bg: #3a6df6; --bd-violet-rgb: 112.520718,44.062154,249.437846; --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #3a6df6; --bs-btn-hover-border-color: #3a6df6; --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: #5a23c8; --bs-btn-active-border-color: #5a23c8; }
.bd-mode-toggle { z-index: 1500; }
.bd-mode-toggle .dropdown-menu .active .bi { display: block!important; }

.navbar-toggle { display: none; }
.navbar { padding: 2rem 0; background-color: #212529; }
.navbar-brand { width: 175px; border-right: 1px solid rgba(255, 255, 255, .2); padding: 0 1.4rem 0 0; margin: 0 1rem 0 -.6rem!important; }
.navbar-brand img { width: 90%; }

.navbar-nav { float: right;}
.navbar-nav>.nav-item { position: relative; margin: 0 0 0 .5rem; }
.navbar-nav>.nav-item>a { font-weight: 300; font-size: 1.1rem; color: #fff; padding: 1rem .5rem; }
.navbar-nav>.nav-item:hover>a, .navbar-nav>.nav-item:hover>a:active { color: #f63a3a; }
.navbar-nav>.nav-item>a.all-categories { background-color: #dc3545; color: #fff; padding: .8rem; }
.navbar-nav>.nav-item>a.all-categories:hover { filter: brightness(110%); color: #fff; }
.dropdown-toggle-hide::after { display: none!important; }

@media (max-width: 1199px) {
  .navbar { padding: 1rem 0;}
  .navbar-toggle { display: flex; }
  .navbar-brand { width: 150px; border: 0; }
  .navbar-nav>.nav-item { padding: .3rem 1.4rem; }
  .navbar-nav>.nav-item>a { font-size: 1.6rem; color: #fff; text-align: right; }
  .navbar-nav>.nav-item:active:after, .navbar-nav>.nav-item:hover:after { height: 0; border-bottom: 0; }

  .offcanvas { width: 100%!important; }
  .offcanvas-body { background-color: #212529; }
  .offcanvas-title { font-weight: 700!important;background-color: #212529; color: #fff; }
  .offcanvas-header { background-color: #212529; }
  .offcanvas-header button { right:1rem; position: relative;}
  .offcanvas-body { padding: 2rem 0; }
}

.index-banner { position: relative; overflow: hidden; z-index: 1; padding: 2rem 3rem!important; transition: .2s; background-repeat: no-repeat; background-position: center; background-size: 150%; transition: .3s; /* box-shadow: -5px 0 10px #dedede; */ }
.index-banner-overlay { content: ''; width: 75px; height: 75px; background-color: rgb(201, 32, 32); position: absolute; bottom: 0; right: 0; z-index: -1; opacity: 1; display: block; overflow: hidden; }
.index-banner-overlay:after { font-family: bootstrap-icons; content: "\F122"; font-size: 1.6rem; overflow: hidden; display: block; visibility: visible; color: #fff; text-align: center; line-height: 3; opacity: 1; }
.index-banner:hover .index-banner-overlay { animation: index-hover .5s forwards; }
.index-banner:hover .index-banner-overlay:after { visibility: hidden; }
.index-banner:hover { background-size: 160%; }
@keyframes index-hover {
  0% { transform: scale(1); }
  100% { transform: scale(100); background-color: rgba(0, 0, 0, 0.6); }
}
@media (max-width: 1199px) {
  .index-banner { background-size: cover; padding: 1rem 2rem!important; }
  .index-banner:hover { background-size: 180%; }
}
.search { width: 30%; margin:2rem auto; }
@media (max-width: 1199px) {
  .search { width: 100%; margin: 0; }
}

#carouselBanner { display: block;}
#carouselBanner img{ animation: zoom 12s infinite;}

@keyframes zoom {
  0% { transform: scale(1);}
  50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}

.brands { display: flex; flex-wrap: nowrap; overflow: hidden;}
.brands img { opacity: .5;}
.brands a:hover img { opacity: 1;}

@media (max-width:590px) {
  .brands { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
  .brands a { width: 32%; border: 1px solid #111; margin: 0 0 .5rem 0; padding: .5rem;}
}

.member-button { display: block; position: relative; }
@media (max-width: 1199px) {
  .member-button { display: flex; flex-wrap: nowrap; justify-content: space-between; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 99; padding: 1rem; background-color: #fff; border-top: 1px solid #ccc; box-shadow: 0 0 10px #ccc; }
  .member-button a { width: 24%; padding: .5rem 0; background-color: #eee; text-align: center!important; display: block!important; border: 1px solid #dedede; color: #222; }
  .member-button a i { font-size: 1.4rem; }
}

.dropdown-menu-cart { width: 420px; position: absolute; right: -.5rem; margin: 1rem 0 0 0; padding: 1rem; background-color: #fff; border: .1rem solid #dedede; /* border-bottom: .2rem solid #dedede; */ }
@media (max-width: 490px) {
  .dropdown-menu-cart { width: 100%; bottom: 0; top: auto; right: 0; }
}

.modal.fade.zoom:not(.show) .modal-dialog { transform: scale(0.8); }

.dropdown-item-danger { color: var(--bs-red); }
.dropdown-item-danger:focus, .dropdown-item-danger:hover { color: #fff; background-color: var(--bs-red); }
.dropdown-item-danger.active { background-color: var(--bs-red); }

.btn-hover-light { color: var(--bs-body-color); background-color: var(--bs-body-bg); }
.btn-hover-light:focus, .btn-hover-light:hover { color: var(--bs-link-hover-color); background-color: var(--bs-tertiary-bg); }

.cal-days, .cal-month, .cal-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; }
.cal-month-name { grid-column-start: 2; grid-column-end: 7; text-align: center; }
.cal-btn, .cal-weekday { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 3rem; padding: 0; position: relative; }
.cal-btn:not([disabled]) { font-weight: 500; color: var(--bs-emphasis-color); }
.cal-btn:focus, .cal-btn:hover { background-color: var(--bs-secondary-bg); }
.cal-btn[disabled] { border: 0; opacity: .5; }

.w-220px { width: 220px; }
.w-280px { width: 280px; }
.w-340px { width: 340px; }
.opacity-10 { opacity: .1; }

.rating { display: flex; flex-wrap: nowrap; justify-content: start; cursor: pointer; }
.rating .bi { color: #ccc; }
.rating .bi.active { color: #ffd600; }

.btn-rating { display: block; clip: auto; }
.btn-rating label { float: left; }
.btn-rating .bi { color: #ccc!important; }

.rating-comments { display: block; text-align: center; overflow: hidden; }
.rating-comments input:checked ~ label .bi { color: #ffd600!important; }

.form-control::placeholder { color: #555; opacity: 0.2; }
/* Controls */
.control-btn { top: -1rem; right: .4rem; z-index: 1; transform: scale(1.2); position: absolute; width: 50px; }
.control-btn button i { font-weight: 700!important; }
.carousel-control-next, .carousel-control-prev { color: #111!important; }

/* Indicators */
.carousel-indicators { position: absolute; bottom: -1.5rem; width: 100%; overflow: hidden; padding: 0; margin: 0; z-index: 1; text-align: center; justify-content: center; }
.carousel-indicators [data-bs-target] { width: 2rem; height: .3rem; background-color: #dedede; }
.carousel-indicators .active { opacity: 1; background-color: #f63a3a; }

#productDetailsImage .carousel-indicators { position: static; bottom: 0; width: 100%; overflow: hidden; padding: 0; z-index: 1; text-align: left; justify-content: start; }
#productDetailsImage .carousel-indicators [data-bs-target] { width: 100%; height: auto; margin: 0 0 .4rem 0; background-color: #dedede; }
#productDetailsImage .carousel-indicators .active { opacity: 1; background-color: #f63a3a; }

.product-general .form-check-input { transform: scale(1.4); }
.product-general .form-check-input[type="checkbox"] { border: 1px solid #ccc; }
.product-general .form-check-input:checked[type="checkbox"] { background-color: #f63a3a; border: 0; }

.more-link-collapse { display: block; width: 50px; height: 50px; overflow: hidden; }
.more-link-collapse:before { width: 50px; height: 50px; overflow: hidden; font-family: bootstrap-icons; content: "\f286"; color: #111; }
.more-link-collapse.collapsed:before { width: 50px; height: 50px; overflow: hidden; font-family: bootstrap-icons; content: "\f282"; color: #111; }

.price-discount { text-decoration: line-through; }

.zoom-container { position: relative; z-index: 2; }
.mouse-zoom { background-repeat: no-repeat; width: 100%; overflow: hidden; cursor: crosshair; margin: auto; filter: none!important; }
.mouse-zoom img { transition: opacity .5s; display: block; width: 100%; }
.mouse-zoom img:hover { opacity: 0; }

.custom-tabs .nav-pills { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.custom-tabs .nav-pills .nav-item { margin: 0 .4rem 0 0; }
.custom-tabs .nav-pills .nav-item:last-child { margin: 0; }
.custom-tabs .nav-pills .nav-item .nav-link { background-color: #eee; color: #333; margin: 0 .5rem 0 0; }
.custom-tabs .nav-pills .nav-item .nav-link.active { color: #fff; background-color: var(--bs-danger); }
.custom-tabs .tab-content { border: 1px solid #dee2e6; padding: 1rem; }
.custom-tabs .tab-content .tab-pane { background-color: #fff; min-height: 200px; height: auto; }

@media (max-width: 768px) {
  .custom-tabs .nav-pills { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .custom-tabs .nav-pills .nav-item {  width: 49%!important; margin: 0 0 .5rem 0; }
}

.custom-tabs-1 .nav-pills .nav-item:last-child { margin: 0; }
.custom-tabs-1 .nav-pills .nav-item .nav-link { background-color: #eee; color: #333; }
.custom-tabs-1 .nav-pills .nav-item .nav-link.active { color: #fff; background-color: var(--bs-primary); }
.custom-tabs-1 .tab-content { padding: 0; }
.custom-tabs-1 .tab-content .tab-pane { background-color: #fff; min-height: 200px; height: auto; }

.thumb-item img { width: 100%; height: auto; }
.hover-image-main { position: relative; }
.hover-image-main:after { content: ""; display: table; clear: both; }
.hover-image-main img { position: relative; display: none; top: 0; left: 0; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; }
.hover-image-main img:first-child { display: block; }

.product-view { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; padding: 0 35%; width: 100%; height: 100%; }
.product-view .product-view-table { display: table; height: calc(100% - 0.625rem); width: 100%; }
.product-view .product-view-table a, .product-view .product-view-table div { display: table-cell; position: relative; transition: all 0.3s ease; transition: all 0.25s ease; }
.product-view .product-view-table a:after, .product-view .product-view-table div:after { content: ""; display: block; position: absolute; bottom: 0; left: 0.15rem; right: 0.15rem; border-bottom: 0.20rem solid #fff; }
.product-view .product-view-table a.active:after, .product-view .product-view-table a.active:after, .product-view .product-view-table div.active:after, .product-view .product-view-table div.active:after { border-color: #f14c4c; }
.product-view .product-view-table a:first-child:last-child:after, .product-view .product-view-table a:first-child:last-child:after, .product-view .product-view-table div:first-child:last-child:after, .product-view .product-view-table div:first-child:last-child:after { border-color: transparent; }

.laces-checkbox { display: inline-block; width: 2rem; height: 2rem; font-size: 1.2rem; line-height: 1.8rem; text-align: center; border: 1px solid #999; border-radius: 0.3rem; }

@keyframes zoomin {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}


.lightbox-modal .modal-content { background-color: var(--lightbox); }
.lightbox-modal .btn-close { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 1.25rem; z-index: 10; filter: invert(1) grayscale(100); }
.lightbox-modal .modal-body { display: flex; align-items: center; padding: 0; }
.lightbox-modal .lightbox-content { width: 100%; }
.lightbox-modal .carousel-indicators { margin-bottom: 0; }
.lightbox-modal .carousel-indicators [data-bs-target] { background-color: var(--carousel-text)!important; }
.lightbox-modal .carousel-inner { width: 75%; }
.lightbox-modal .carousel-inner img { animation: zoomin 10s linear infinite; }
.lightbox-modal .carousel-item .carousel-caption { right: 0; bottom: 0; left: 0; padding-bottom: 2rem; background-color: var(--lightbox); color: var(--carousel-text)!important; }
.lightbox-modal .carousel-control-next, .lightbox-modal .carousel-control-prev { width: auto; }
.lightbox-modal .carousel-control-prev { left: 1.25rem; }
.lightbox-modal .carousel-control-next { right: 1.25rem; }
@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner { max-width: 60%; }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon, [data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon { filter: none; }
.btn-fullscreen-enlarge, .btn-fullscreen-exit { position: absolute; top: 1.25rem; right: 3.5rem; z-index: 10; border: 0; background: transparent; opacity: .6; font-size: 1.25rem; }
.bi { display: inline-block; width: 1em; height: 1em; vertical-align: -0.035em; fill: currentcolor; }

.uyarGenel,
.uyarionayGenel{
  margin: 12px 0;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 0.95rem;
  line-height: 1.4;
  border: 1px solid transparent;
  display: none; /* JS açacak */
  transition: all .25s ease;
}

.uyarGenel{
  background-color: #fdecea;
  border-color: #f5c2c7;
  color: #842029;
}
.uyarionayGenel{
  background-color: #e6f4ea;
  border-color: #badbcc;
  color: #0f5132;
}
.uyarGenel:hover,
.uyarionayGenel:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}