/*
*
* @name 7/24 Kurumsal - v3
* @package kurumsal_724
* @author  Site24
* @version 2.0.0
*/

/*----------------------------

- CSS Haritasi

0. Genel Ayarlar
1. Header
2. Slider
3. Tanitim kutular
4. Markalar
5. Urunler
7. Footer
8. Breadcrumbs
9. Archive
10. Single Product
11. Sidebar
12. Blog
13. Hesabim
14. Sepet & Ödeme
15. Collapse
16. Responsive
----------------------------*/

/**- 0. Genel Ayarlar --*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@font-face {
	font-family: star;
	src: url(../fonts/star.eot);
	src: url(../fonts/star.eot?#iefix)format("embedded-opentype"),url(../fonts/star.woff)format("woff"),url(../fonts/star.ttf)format("truetype"),url(../fonts/star.svg#star)format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family:WooCommerce;src:url(../fonts/WooCommerce.eot);src:url(../fonts/WooCommerce.eot?#iefix)format("embedded-opentype"),url(../fonts/WooCommerce.woff)format("woff"),url(../fonts/WooCommerce.ttf)format("truetype"),url(../fonts/WooCommerce.svg#WooCommerce)format("svg");font-weight:400;font-style:normal
}

:root {
	--primary: #88bd20;
	--secondary:#312682;
    --renk1:#009fe3;
    --renk2:#009fe3;
    --renk3:#312682;
    --renk4:#88bd20;
    --blue:#076897;
	--gray: #EAEEF3;
    --light:#fafafa;
	--black: #212121;
	--menu-bg: #6E00FF;
	--menu-text: #fff;
	--menu-hover-text:#000;
	--footer-bg:#111827;
	--footer-text:#fff;
	--transition: all .3s linear;
    --shadow:0 0 10px 5px rgba(0,0,0,0.02);
	--spacer:20px;
	--spacer-lg:50px;
	--font-sm:12px;
	--font-md:13px;
	--font-lg:14px;
	--font-xl:15px;
	--font-xxl:16px;
	--font-title:17px;
	--font-head:25px;
    --font-head-lg:32px;
    --font-head-xl:40px;
	--rounded:50px;
}
.lead{
	font-size:var(--font-md);
}

picture {
	display: inline-block
}

.s24-panel {
	position: relative;
	padding: var(--spacer) 0;
    margin:var(--spacer) 0;
}

.s24-panel .s24-panel-head {
	position: relative;
	margin-bottom: 40px;
	padding-top:10px;
	display: flex;
	align-items: center
}

.s24-panel .s24-panel-head .s24-panel-title {
    position: relative;
	font-size: var(--font-head);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	column-gap: 20px;
    z-index: 1;
}

.s24-panel .s24-panel-head .s24-panel-title-link {
	font-size: var(--font-md);
	color: var(--primary);
	font-weight: 400;
	padding-left: 15px;
	letter-spacing: .5px;
	opacity: 0;
	transition: var(--transition);
}

.s24-panel .s24-panel-head .s24-panel-title-link a {
	text-decoration: none;
	color: inherit
}

.s24-panel .s24-panel-head .s24-panel-title:before {
    content: '';
    width: 50px;
    height: 1px;
    background: var(--primary);
    display: inline-block;
}

.s24-panel:hover .s24-panel-head .s24-panel-title-link {
    opacity: 1;
}
.s24-panel .s24-panel-head .s24-panel-title-link:hover{
    color:var(--black);
}

a {
	text-decoration: none;
	color: var(--primary)
}
.s24-underline:before,
.s24-panel .s24-panel-head .s24-panel-title:after {
    content: '';
    width: 3em;
    height: 5px;
    background: var(--secondary);
    position: absolute;
    bottom: 10px;
    left: 3px;
    z-index: -1;
}
.s24-panel .s24-panel-head .s24-panel-title:after{
    left:72px;
}
.s24-underline{
    position: relative;
}
.s24-underline:after{
    content: '';
    width: 3em;
    height: 5px;
    background: var(--secondary);
    position: absolute;
    bottom: 10px;
    left: 3px;
    z-index: -1;

}
.s24-pagination-top {
	position: absolute;
	right: 0;
	bottom: calc(100% + var(--spacer));
}

.s24-pagination-top>div {
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: var(--font-xl);
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	color: var(--secondary);
	margin-left: 5px;
	overflow: hidden;
	left: 0;
	transition: all .3s linear
}

.s24-pagination-top>div:after {
	font-size: inherit!important
}

.s24-pagination-top>div:before {
	content: "";
	width: 0;
	height: 100%;
	background: var(--primary);
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s linear;
	z-index: -1
}

.s24-pagination-top>div:hover {
	background: var(--primary);
	color: #fff;
	border-color: var(--primary)
}

.s24-pagination-top>div:hover:before {
	width: 100%
}
.s24-sticky{
    position: sticky;
    top:0;
}
.s24-card{
    margin-top: 30px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #fff;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.10);
    border-radius: 25px;
    padding: 20px;
    transition: all .3s linear;
    margin-bottom: 10px;
}
body {
	font-family: "Poppins",sans-serif
}

.rounded {
	border-radius: 5px
}

.form-control {
	border-radius: 50px;
	padding: 10px
}

.form-control, .form-control::placeholder {
	font-size: var(--font-md);
}

.button {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.375rem;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background: var(--primary);
	border-radius: 25px;
	color: #fff;
	font-size: var(--font-xl);
}
.button:hover{
	background:var(--black);
}
.btn-primary {
    border-radius: 5px;
    background: #fff;
    border-color: #fff;
    color:#0e0e0e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--font-md);
    letter-spacing: 0.5px;
    padding: 10px 20px;
    border-radius:25px;
}
.btn-secondary {
    border-radius: 5px;
    background: var(--renk4);
    border-color: var(--renk4);
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
    font-size: var(--font-md);
    letter-spacing: 0.5px;
    padding: 10px 20px;
    border-radius:25px;
}
.btn-primary-line {
    padding: 0;
    text-decoration: underline;
    font-size: var(--font-md);
    transition: var(--transition);
}

.btn-primary-line i {
    opacity: 0;
    margin-right: 0;
    font-size: 0;
    transition: var(--transition);
}

.btn-primary-line:hover i {
    font-size: inherit;
    opacity: 1;
    color: var(--primary);
}

.btn-primary-line:hover {
    color: var(--primary);
}
.select2-container > .selection {
	--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-form-control-bg);
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 25px;
	padding: 10px;
	box-shadow:none !important;
	outline:none !important;
}

.select2-selection {
	border: none !important;
}

.select2-dropdown {
	background: var(--gray);
	border: none;
}

.select2-results__option {
	padding: 10px;
	font-size: var(--font-lg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 25px;
}

.select2-search--dropdown {
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background:var(--primary);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	opacity: .5;
}
/**- 1. Header --*/
/*- 1.1 Head -*/
#s24-head{
    border-bottom:1px solid rgba(255,255,255,.2);
}
.home #s24-head {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
header #s24-logo .site-branding {
	max-width: 265px;
	opacity: 1;
	text-align: left;
}

header #s24-logo .site-branding img {
	width: 100%;
	height: auto
}

header #s24-search .s24-search-inner {
	width: 100%;
	height: 50px;
	border: 0;
	background: #f1f1f1;
	border-radius: 2px
}
/* Menu */
#s24-menu .nav-link {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: var(--font-lg);
    letter-spacing: 0.5px;
    padding: 0 1.4em;
    transition:all .3s linear;
}

#s24-menu .nav-link:hover{
    opacity:.6;
}
#s24-menu .nav-link:before {
    content: '';
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,.2);
    position: absolute;
    right: 0;
    top: -0.9em;
    transform: rotate(25deg);
}
#s24-menu .nav-item:hover>.dropdown-menu {
    opacity:1;
    visibility: visible;
    transform:translateY(-5px);
}

#s24-menu .nav-item >.dropdown-menu {
    background: #fff;
    border-radius: 10px;
    opacity:0;
    visibility: hidden;
    display:block;
    transform:translateY(0);
    transition:var(--transition);
}
#s24-menu .nav-item >.dropdown-menu .dropdown-menu {
    display: block;
    border: none;
    position: static;
}

#s24-menu .nav-item >.dropdown-menu > .dropdown-item {
    color: var(--primary);
    font-weight: 500;
    font-size: var(--font-md);
    padding-bottom: 0;
}

#s24-menu .nav-item >.dropdown-menu > div .dropdown-item {
    color: var(--dark);
    font-size: var(--font-xl);
    line-height: 1.5;
}

#s24-menu .nav-item >.dropdown-menu {
    box-shadow: 0 10px 10px 10px rgba(0,0,0,0.1);
    border: none;
    padding: 15px 10px;
    top: 35px;
}

#s24-menu .nav-item >.dropdown-menu:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    bottom: calc(100% - 12px);
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
}


header #s24-search .input-group select {
	visibility: hidden
}

header #s24-search .btn-secondary.btn-s24 {
	padding-left: 2.5em;
	padding-right: 2.5em
}

header #s24-search .input-group .form-control {
	box-shadow: none;
	outline: 0;
	border: 0;
	background: 0 0;
	height: 100%
}

header #s24-search .input-group .form-control::-webkit-input-placeholder {
	color: #959ead;
	font-size: var(--font-lg)
}

header #s24-search .input-group .form-control::-moz-placeholder {
	color: #959ead;
	font-size: var(--font-lg)
}

header #s24-search .input-group .form-control:-ms-input-placeholder {
	color: #959ead;
	font-size: var(--font-lg)
}

header #s24-search .input-group .form-control:-moz-placeholder {
	color: #959ead;
	font-size: var(--font-lg)
}

header #s24-search .btn-secondary.btn-s24 {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	border-radius: 0
}

header #s24-search .s24-search-inner:after {
	content: '';
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC4wMzM4IDE2LjY3NzFMMjEuMjkyMSAxOS45MzQ1QzIyLjE5NzMgMjAuODM5NCAyMC44Mzk5IDIyLjE5NzMgMTkuOTM0NiAyMS4yOTIzTDE2LjY3NjEgMTguMDM0N0MxMi43NjE5IDIxLjI2MyA2Ljk4NzMzIDIxLjAxNjMgMy4zNTg4NyAxNy4zODc5Qy0wLjUxNTEzMSAxMy41MTM5IC0wLjUxNTEzMSA3LjIzMjg3IDMuMzU4ODcgMy4zNTg4N0M3LjIzMjg3IC0wLjUxNTEzMSAxMy41MTM5IC0wLjUxNTEzMSAxNy4zODc5IDMuMzU4ODdDMjEuMDE2NyA2Ljk4NzY4IDIxLjI2MyAxMi43NjI5IDE4LjAzMzggMTYuNjc3MVpNMTYuMDMwMiA0LjcxNjUyQzEyLjkwNiAxLjU5MjMyIDcuODQwNzEgMS41OTIzMiA0LjcxNjUxIDQuNzE2NTJDMS41OTIzMiA3Ljg0MDcxIDEuNTkyMzIgMTIuOTA2IDQuNzE2NTEgMTYuMDMwMkM3Ljg0MDcxIDE5LjE1NDQgMTIuOTA2IDE5LjE1NDQgMTYuMDMwMiAxNi4wMzAyQzE5LjE1NDQgMTIuOTA2IDE5LjE1NDQgNy44NDA3MSAxNi4wMzAyIDQuNzE2NTJaIiBmaWxsPSIjMzg1NTY2Ii8+Cjwvc3ZnPgo=)no-repeat center center;
	width: 20px;
	height: 20px;
	background-size: contain;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	opacity: .5;
}

header #s24-search .input-group .form-control {
	font-weight: 300;
	letter-spacing: .5px;
	padding-left: 50px;
	font-size:var(--font-md);
}

header .s24-head-sag-inner a {
	color: #212121;
	text-decoration: none;
	font-size: var(--font-lg);
	display: flex;
	align-items: center;
	justify-content: center
}

header .s24-head-sag-inner {
	border-right: 1px solid rgba(0,0,0,.1);
	padding: 0 12px
}

header .s24-head-sag-inner i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: contain;
	margin-right: 5px
}

header .s24-basket-inner .count {
	width: 20px;
	height: 20px;
	font-size: var(--font-sm);
	line-height: 20px;
	background: var(--primary);
	color: #fff;
	text-align: center;
	border-radius: 25px
}

header .s24-basket-inner{
	border-right:none;
	padding:0;
}

#s24-navbar > ul>li.menu-item-has-children>a:after {
	content: '';
	width: 15px;
	height: 15px;
	background-size: contain;
	display: inline-block;
	filter: brightness(0) invert(1);
	margin: 0 0 0 7px;
	vertical-align: middle;
    font-size:0;
	transition:var(--transition);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4eiIvPgo8L3N2Zz4=);
}
/*- 1.2 Mobile Head -*/

/**- </1. Head -**/
/**- 2. Slider --*/
#s24-ana-manset {
    height: 100vh;
    display: flex;
    align-items: center;
    background-size:cover;
    background-position: center center;
}
#s24-ana-manset video{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: top;
    z-index: -1;
    opacity: 1;
}
#s24-ana-manset:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--renk3),var(--renk2));
    opacity: .8;
}

.s24-manset-sol h2 {
    font-size: 3.2rem;
    color: #fff;
    font-weight:700;
}

.s24-manset-sol h3 {
    font-size: 3.2em;
    color: var(--secondary);
    font-weight:700;
}


.s24-manset-sol h2 {
    position: relative;
}

.s24-manset-sol p {
    color: #fff;
    font-size: var(--font-xl);
    font-weight: 300;
}
#s24-ana-manset .s24-manset-sol{
    font-size:2em;
}
#s24-ana-manset .s24-pagination {
    position: absolute;left: 0;bottom: 0;height: 50px;display: flex;column-gap: 10px;}

#s24-ana-manset .s24-pagination>div {
    position: static;
    font-size: 1.4em;
    border: 2px solid #fff;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    transition:var(--transition);
}
#s24-ana-manset .s24-pagination>div:after {
    display: none;
}
#s24-ana-manset .s24-pagination>div:hover{
    background:#fff;
    color:var(--primary);
}
#s24-ana-manset .s24-manset-sol {
    font-size: 2em;
}

#s24-ana-manset .s24-manset-sol h2 {
    font-weight: 300;
    font-size: 1.2em;
}

#s24-ana-manset .s24-manset-sol h3 {
    color: #ffff;
    font-weight: 500;
    font-family: "Dancing Script", cursive;
}
@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}
:root{
    --renk1:#009fe3;
    --renk2:#009fe3;
    --renk3:#312682;
}

header #s24-logo .site-branding:before {
    content: '';
    position: absolute;
    width: 220%;
    height: calc(100% + 20px);
    background: #fff;
    z-index: -1;
    border-radius: 70px;
    top: -10px;
    left: -100%;
}

header #s24-logo .site-branding {
    position: relative;
}

header #s24-logo .site-branding {
    display: flex;
    align-items: center;
    justify-content: center;
}


::after {}

#s24-head {
    padding: 10px 0 10px 0 !important;
}
.s24-slider-down #wheel {
	animation: scroll ease 2s infinite;
}
.s24-slider-down {
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 1;
    bottom: 0;
}

.s24-slider-down svg {
    width: 30px;
}

/**- 3. Kutular --*/
.swiper-half {
	overflow: initial !important;
}
.swiper-half .swiper-slide.swiper-slide-prev {
	opacity: 0;
}
#s24-tanitimkutular .s24-kutular .swiper-slide{
	width:300px;
}
#s24-tanitimkutular .swiper-slide-inner {
	height: 165px;
	border-radius: 15px;
}

#s24-tanitimkutular .swiper-slide-inner a {
	height: 100%;
	padding: 5px 15px 5px 15px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;

}

#s24-tanitimkutular .swiper-slide-inner h3 {
	font-size: var(--font-md);
	font-weight: 300;
	letter-spacing: .5px;
}

#s24-tanitimkutular .swiper-slide-inner h4 {
	font-size: var(--font-xxl);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .5px;
	line-height: 1.5;
}

#s24-tanitimkutular .swiper-slide-inner * {
	color: inherit;
}

#s24-tanitimkutular .swiper-slide-inner {
	box-shadow: inset 0px 0 20px 20px rgb(255 255 255 / 10%);
	transition: var(--transition);
}

#s24-tanitimkutular .swiper-slide-inner:hover {
	box-shadow: inset 0px 0 20px 20px rgb(0 0 0 / 2%);
	transform: translateY(-3px);
}
/**- 3. Partnerler --*/
.s24-partnerler img {
    width: 100%;
    height: 50px;
    object-fit:contain;
    filter: grayscale(1);
    padding:10px;
    transition:var(--transition);
}
.s24-partnerler img:hover{
    filter:none;
    padding:9px;
}
.s24-partnerler .swiper-slide-inner {
    border-right: 1px solid rgba(0,0,0,0.1);
}

/**- 4. Markalar --*/
#s24-markalar .swiper-slide{
	width:150px;
}
#s24-markalar .s24-marka-item {
	background: var(--gray);
	border-radius: 100px;
}

#s24-markalar .s24-marka-item img {
	padding: 20px;
}
/**- 5. Hakkimizda Blok --*/
#s24-hakkimizda-blok .s24-panel-title{
    font-size:var(--font-head-lg);
}
#s24-hakkimizda-blok .s24-panel-description {
    font-size: var(--font-lg);
    color: #555;
    margin: 2em 0;
    line-height: 1.7;
}
#s24-hakkimizda-blok .s24-panel-title strong {
    font-weight: 600;
}

/**- 5. Ürünler --*/
.s24-urunler {
	overflow: initial !important;
}

.s24-urun-item figcaption {
	padding: 10px;
}

.s24-urun-item .urun-marka {
	color: #959EAD;
	font-size: var(--font-lg);
}

.s24-urun-item .urun-title,
.woocommerce-loop-product__title {
	height: 40px;
	max-width: 65%;
	overflow: hidden;
	font-size: var(--font-xl);
	margin: 5px 0 15px 0;
	font-weight: 700;
	padding: 0;
	display: -webkit-box;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#000;
}

.s24-urun-item .urun-fiyat,
.s24-urun-item .price {
	font-size: var(--font-xxl);
	font-weight: 300;
}
.s24-urun-item .urun-fiyat ins,
.s24-urun-item .price ins {
	text-decoration: none;;
}
.products {
	list-style: none;
	padding: 0;
}
.products a{
	color:#000;
}

.products {
	display: flex;
	column-gap: 20px;
	row-gap: 20px;
	justify-content: flex-start;
	flex-wrap:wrap;
}

.products .s24-urun-item {
	flex:0 0 calc(25% - 15px);
	position: relative;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
	overflow: hidden;
	padding: 0 0 20px 0;
	background-color:#fff;
}
.products .s24-urun-item .urun-marka {
	margin-top: 20px;
	display: block;
	padding-left: 20px;
	max-width: 70%;
}

.products .s24-urun-item > a > img {
	width: 100%;
	height: auto;
}
.s24-urunler figure > a > img,
.products .s24-urun-item > a img {
	height: 230px;
	object-fit: contain;
	padding:20px;
}
.s24-urun-item .price {
	padding-left: 20px;
	font-weight: 400;
	max-width: 70%;
	display: flex;
	column-gap: 6px;
	align-items: center;
}

.onsale {
	position: absolute;
	right: 20px;
	background: #DE3618;
	bottom: 50px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-weight: 400;
	overflow: hidden;
	padding: 0 10px;
	border-radius: 6px;
	color: #fff;
	text-align:center;
}

.s24-urun-item .price ins {
	text-decoration: none;
}

.s24-urun-item .price del {
	opacity: .5;
	font-size: .856em;
}
.s24-urun-item .urun-title {
	height: 40px;
	max-width: 65%;
	overflow: hidden;
	font-size: var(--font-xl);
	margin: 5px 0 15px 0;
}

.s24-urun-item .urun-fiyat, .s24-urun-item .price {
	font-size: var(--font-xl);
	color: #212121;
	font-weight: 400;
	align-items:flex-start;
}

.s24-urun-item {
	box-shadow: 0 0 15px 0px rgba(0,0,0,0.06);
	border-radius: 25px;
	padding: 0 10px 10px;
	transition: all .3s linear;
	margin-bottom:10px;
}

.s24-urun-item figure {
	position:relative;
	text-align: center;
}

.s24-urun-item figure figcaption {
	text-align: left;
}

.s24-urun-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 15px 0px rgba(0,0,0,0.10);

}
.s24-urunler .onsale {
	right: 0px;
}

.s24-urun-item .urun-title {
	max-width: 80%;
}
.s24-urun-item .urun-fiyat ins, .s24-urun-item .price ins {
	font-weight: 700;
}
/** 6. Hizmetler **/
#s24-hizmetler:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: var(--light);
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 20px;
}
.s24-hizmet-item {
    margin-top: 30px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    background-color:#fff;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.10);
    border-radius: 25px;
    padding: 0 10px 10px;
    transition: all .3s linear;
    margin-bottom:10px;
}
.s24-hizmet-item:hover {
    background: var(--secondary);
    transform: scale(.99);
}
.s24-hizmet-item figure>a {
    margin-top: -50px;
}

.s24-hizmet-item figure {
    margin-top: -30px;
}

.s24-hizmet-item figure img {
    border-radius: 10px;
}
.s24-hizmet-item .hizmet-title {
    font-size: var(--font-xxl);
    color: var(--black);
    display: block;
    margin: 10px 0;
    font-weight: 600;
}

.s24-hizmet-item figure figcaption {
    padding: 10px;
}
.s24-hizmet-item .hizmet-etiketler {
    display: flex;
    column-gap: 5px;
}

.s24-hizmet-item .hizmet-etiketler .hizmet-etiket {
    font-size: var(--font-sm);
    opacity: .6;
}
#s24-hizmetler:nth-child(2n+2):after {
    right: inherit;
    left: 0;
}
/** Bar **/
#s24-bar {
    background: linear-gradient(-90deg, var(--blue), var(--primary));
    padding: 1.8em 0;
}


#s24-bar .s24-panel-title {
    font-size: var(--font-head-lg);
    margin-bottom: 0;
    color: #fff;
}

#s24-bar .s24-panel-description {
    font-size: var(--font-head-lg);
    font-weight: 300;
    margin: 0;
    color: #fff;
}
#s24-bar .blok-sol {
    position: relative;
    border-left: 1px solid #fff;
    padding-left: 1.5em;
}

#s24-bar .blok-sol:after {
    content: '';
    position: absolute;
    width: 85%;
    height: 1px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 40%);
    opacity: .2;
}
/* Yorumlar */
#s24-yorumlar figure img {
    position: relative;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--rounded);
    bottom: -20px;
    margin-top: -20px;
    left: 10px;
    border: 5px solid var(--light);
    transition: var(--transition);
}


#s24-yorumlar figcaption {display: flex;flex-direction: column;}

#s24-yorumlar figcaption .lead {
    font-size: var(--font-lg);
    margin: 0;
    background: var(--light);
    height: 120px;
    padding: 20px;
    border-radius: 20px;
    transition: var(--transition);
    margin-bottom: 15px;
}

#s24-yorumlar figcaption .yorumlar-title {
    font-size: var(--font-xxl);
}

#s24-yorumlar figcaption .yorumlar-bilgi {
    font-size: var(--font-lg);
    color: var(--primary);
    font-weight: 600;
}

#s24-yorumlar figure:hover p {
    background: var(--secondary);
}

#s24-yorumlar figure:hover img {
    border-color: var(--secondary);
}
/* SSS */
.s24-sss .accordion-button {
    padding: 20px 25px;
}

#s24-sss {
    background: var(--light);
}

.s24-sss .accordion-item {border: none;box-shadow: var(--shadow);}

.s24-sss .accordion-button:not(.collapsed) {
    background: #fff;
}

#s24-sss .accordion-header {
}

.s24-sss .accordion-button:not(.collapsed) {border-radius: 10px;outline: none;box-shadow: none;font-weight: 500;letter-spacing: -0.1px;font-size: var(--font-xxl);transition: var(--transition);}

.s24-sss .accordion {
    background: transparent;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    max-width: 60%;
    margin: 0 auto;
}

.s24-sss .accordion>div {

    border-radius: 20px;
}


#s24-sss .s24-panel-head {
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.s24-sss .accordion-header i {
    background: var(--renk1);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded);
    margin-right: 1em;
    color:#fff;;
    transition: var(--transition);
}

.s24-sss .accordion-button:hover {
    background: var(--renk2);
}

.s24-sss .accordion-button:hover i {
    background: var(--black);
    color: #fff;
}

.s24-sss .accordion-body {
    padding: 0;
    max-width: 90%;
    margin-left: auto;
}

.s24-sss .accordion-button:not(.collapsed):hover {
    background: transparent;
}
/* Ekibimiz */
.s24-ekibimiz figure img {
    object-fit: contain;
    margin: 0 auto;
    display: block;
    height: inherit;
}

.s24-ekibimiz figcaption {
    position: relative;
    max-width: 95%;
    left: 2.5%;
    background: var(--gray);
    padding: 20px;
    border-radius: 10px;
    margin-top: -30px;
    transition: var(--transition);
}

.s24-ekibimiz .ekip-etiketler {
    display: flex;
    flex-direction: column;
    font-size: var(--font-lg);
    margin-bottom: 5px;
}

.s24-ekibimiz figure > a {
    display: block;
    border: 1px solid var(--gray);
    border-radius: 20px;
    box-shadow: 5px 0px 0px -2px var(--secondary);
    height: 250px;
    overflow: hidden;
}

.s24-ekibimiz .ekip-title {
    font-size: var(--font-head);
    color: var(--black);
}

.s24-ekibimiz-item:hover figcaption {
    background: var(--secondary);
}
/* Degerler */
.s24-degerler-card i {
    position: relative;
    background: var(--primary);
    padding: 0px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: var(--font-head-lg);
}

.s24-degerler-card i:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    left: 0;
    top: 0;
    transform: rotate(45deg);
    border-radius: 5px;
}

.s24-degerler-card i:before {
    z-index: 1;
    position: relative;
}

.s24-degerler-card .degerler-title {
    font-size: var(--font-title);
    margin: 20px 0 10px;
    font-weight: 600;
}

.s24-degerler-card {
    border: 1px solid var(--primary);
    box-shadow: none;
    padding: 30px 20px;
}
#s24-degerler .row-custom {
    flex-direction: row;
    flex-wrap: nowrap;
}

#s24-degerler .row-custom>.col-custom {
    max-width: 16.6666%;
    flex: 0 0 16.6666%;
    transition: var(--transition);
}

#s24-degerler .row-custom>.col-custom:hover {
    flex: 0 0 18%;
    max-width: 18%;
    margin-left:-.5%;
    margin-right:-.5%;
}

#s24-degerler .row-custom>.col-custom:hover .s24-degerler-card{
    background:var(--light);
    border-color:var(--secondary);
}

#s24-degerler .s24-degerler-card:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--secondary);
    border-radius:20px;
    transition:var(--transition);
    z-index:-1;
    
}

#s24-degerler .s24-degerler-card p {
    font-size: var(--font-md);
}

#s24-degerler .s24-degerler-card:hover:after{
    left:5px;
    top:5px;
}
.s24-degerler-card {
    height: 260px;
}
/* Sayılarla */
#s24-sayilarla {
    background: var(--gray);
    margin: 10px;
    border-radius: 20px;
    padding: 2em 0 3em;
}

#s24-sayilarla .s24-panel-head {
    justify-content: center;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 20px;
}

#s24-sayilarla .s24-sayilarla-card {text-align: center;border-radius: 20px;display: flex;align-items: center;justify-content: center;column-gap: 10px;padding: 10px 0;flex-direction: column;}

#s24-sayilarla .sayilarla-title {
    margin: 0;
    font-weight: 500;
    font-size: var(--font-xxl);
}

#s24-sayilarla .sayilarla-aciklama {
    margin: 0;
}

#s24-sayilarla .s24-sayilarla-card i {
    font-size: var(--font-head-lg);
    background: var(--primary);
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 70px;
    border-radius: var(--rounded);
    margin-top: -60px;
    border: 5px solid #fff;
}

#s24-sayilarla .sayilarla-num {font-size: var(--font-head);margin: .3em 0;font-weight: 600;}

#s24-sayilarla .s24-sayilarla-card {
    background: #fff;
    border: 1px solid var(--primary);
    height: 155px;
}
/**- 6. Banner Tip 1 --*/
@keyframes banner_1_yazi {
	0% {
		color: #fff;
	}

	50% {
		color: var(--renk4)
	}

	to {
		color:#fff;
	}
}

#s24-banner-1 {
	background: rgba(0,0,0,.02);
	padding: 50px 0!important
}

.s24-banner-1 .s24-banner-1-sol {
	position: relative;
	display: flex;
	flex-direction: row
}

.s24-banner-1 .s24-banner-1-sol .banner-item-2 {
	height: 380px;
	overflow: hidden
}

.s24-banner-1 img {
	width: 100%;
	border-radius: 10px
}

.s24-banner-1 .banner-item-1 img {
	width: 100%
}

.s24-banner-1 .btn {
	min-width: 25%;
	font-size: 35px;
	background: #fff;
	border: 1px solid var(--gray);
	border-radius: 0;
	color: #212121;
	transition: var(--transition)
}

.s24-banner-1 .btn:hover {
	min-width: 35%;
	background: var(--primary);
	color: #fff
}

.s24-banner-1 .banner-title {
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 900;
	color: #212121;
	letter-spacing: .1em;
	line-height: 1.256em;
	margin-bottom: 20px;
	animation: banner_1_yazi 5s ease-out -5s infinite alternate forwards
}

.s24-banner-1 .s24-banner-1-sag p {
	color: #777;
	font-size: var(--font-xl)
}

.s24-banner-1 .s24-banner-1-sag {
	padding: 30px 0;
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1)
}

.s24-banner-1-grid {
	display: flex;
	column-gap: 20px
}

.s24-banner-1-grid .s24-banner-1-sol {
	flex: 0 0 77%;
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 3px 3px rgba(0,0,0,.07)
}

.s24-banner-1-grid .s24-banner-1-sol-grid {
	display: flex;
	flex-direction: column;
	row-gap: 20px
}

.s24-banner-1-grid picture:hover {
	transform: scale(1.05)
}

.s24-banner-1-grid picture {
	transition: var(--transition)
}

.s24-banner-1-grid .s24-banner-1-sol {
	background: #fff
}
/**- 7. Footer --*/
#s24-footer{
	background:var(--footer-bg);
	margin-top:50px;
}
/*- 7.1 Footer Kutular -*/
#s24-footer-kutular {
	background: #f6f7fb
}

#s24-footer-kutular .footer-kutu {
	display: flex;
	align-items: center;
	padding: 25px 0
}

#s24-footer-kutular .footer-kutu .kutu-aciklama {
	display: flex;
	flex-direction: column
}

#s24-footer-kutular .footer-kutu .kutu-inner {
	border-right: 1px solid rgba(0,0,0,.1)
}

#s24-footer-kutular .footer-kutu i {
	padding: 0 20px;
	font-size: var(--font-head);
	color: var(--primary)
}

#s24-footer-kutular .footer-kutu h4 {
	font-size: var(--font-xl);
	font-weight: 600
}

#s24-footer-kutular .footer-kutu p {
	font-size: var(--font-lg);
	max-width: 90%;
	margin-bottom: 0
}
/**- </7.1 Footer Kutular -**/
footer {
	min-height: 500px
}

#s24-footer-inner * {
	color: var(--footer-text);
}

#s24-footer-inner {
	padding: 50px 0
}

footer .s24-footer-bilgiler .custom-logo-link img {
	filter: brightness(0) invert(1)!important;
	max-width:65%;

}

.s24-footer-bilgiler .f-bilgiler li:hover i {
	color: var(--primary)!important
}

.s24-footer-bilgiler .f-bilgiler li i,.s24-sosyal a {
	transition: var(--transition)
}

.s24-sosyal a {
	padding-right: 5px;
	font-size: 24px;
	opacity: .9
}

.s24-sosyal a:hover {
	opacity: 1
}
.s24-footer-bilgiler .f-bilgiler {
	margin: 25px 0;
	padding: 0;
	list-style: none
}

.s24-footer-bilgiler .f-bilgiler i {
	margin-right: 10px;
	border-right: 1px solid rgba(255,255,255,.4);
	padding-right: 15px
}

.s24-footer-bilgiler .f-bilgiler li {
	padding: 5px 0;
	font-size:var(--font-md);
}

.s24-f-menu>h3 {
	font-size: var(--font-title);
	font-weight: 700;
	margin-bottom: 15px
}

.s24-footer-nav .navbar-nav li a {
	position: relative;
	padding: 4px 0;
	font-weight: 200;
	display: flex;
	align-items: center;
	opacity: .9;
	font-size: var(--font-md);
	transition: var(--transition)
}

.s24-footer-nav .navbar-nav li a:before {
	content: "";
	width: 10px;
	height: 1px;
	background: var(--primary);
	display: inline-block;
	margin-right: 10px;
	transition: var(--transition)
}

.s24-footer-nav .navbar-nav li a:hover {
	opacity: 1
}

.s24-footer-nav .navbar-nav li a:hover:before {
	width: 20px
}

#s24-footer-copyright,#s24-footer-ebulten {
	color: #fff
}

.s24-ebulten form {
	display: flex;
	align-items: center
}

.s24-ebulten label {
	font-weight: 500
}

.s24-ebulten form label {
	white-space: nowrap;
	padding-right: 15px
}

.s24-ebulten .form-control {
	background: rgba(255,255,255,.1);
	border: 0;
	color: #fff;
	border-radius: 50px;
	padding: 0 20px;
	height: 50px;
	font-size: var(--font-md);
}

.s24-ebulten .form-control::placeholder {
	color: #fff!important
}

.s24-ebulten .form-control:-webkit-placeholder {
	color: #fff!important
}

.s24-ebulten .btn {
	background: var(--primary);
	border-radius: 50px;
	width: 50px;
	height: 50px;
	margin-left: -50px
}

.s24-ebulten-text {
	font-weight: 300
}

#s24-footer-ebulten .row {
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding: 40px 0
}

.s24-ebulten-text p {
	margin-bottom: 0
}

#s24-footer-copyright .row {
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 30px 0
}
.footer-cards {
	background: #fff;
	padding: 7px 15px;
	border-radius: 25px;
	text-align: center;
}

.footer-cards img {
	height: 22px;
}

/**- 8. Breadcrumbs --*/
#primary {
	overflow: hidden
}

.woocommerce-breadcrumb {
	position: relative;
	background-color: #fafafa;
	padding: 15px 100em;
	margin: 0 -100em 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	color: var(--black);
	font-size:var(--font-lg);
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.woocommerce-breadcrumb h3 {
	margin-bottom: 0;
	font-size: var(--font-xl);
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid #212121;
	color: #212121;
	white-space: nowrap;
	max-width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.woocommerce-breadcrumb .breadcrumbs-image {
	content: "";
	position: absolute;
	width: 45%;
	height: 100%;
	right: 0;
	top: 0;
	background: #101827;
	transform: skewX(45deg)
}

.woocommerce-breadcrumb a {
	color: #212121
}
/**- 9. Archive -**/
.s24-archive-bar {
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 20px;
	padding-bottom: 20px
}
.s24-archive-bar .woocommerce-result-count {
	display: none
}

.s24-archive-bar .woocommerce-ordering select {
	border: 0;
	font-weight: 600;
	font-size: var(--font-lg);
	max-width: 180px;
	display: block;
	margin-top: -1px
}

.s24-archive-bar>span {
	order: 1;
	font-weight: 300;
	font-size: var(--font-xl);
	color: #5d5f5f;
	margin-right: 10px
}

.s24-archive-bar .view-options {
	order: 3;
	margin-left: auto
}

.s24-archive-bar .woocommerce-ordering {
	order: 2
}

.s24-archive-bar .view-options>a.active svg {
	fill: var(--primary)
}

.s24-archive-bar .woocommerce-ordering select {
    background: #fff !important;
    border-radius: 0 !important;
}

.products.list {
	column-count: 1;
	flex-direction: column
}

.products.list .woocommerce-loop-product__title {
    height: 40px;
    font-size: var(--font-lg);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
}

.products.list .s24-urun-item>a,.s24-archive-bar {
	display: flex;
	align-items: center
}

.products.list .s24-urun-item>a>img {
	max-width: 80px;
	height:80px;
	padding:10px;
}

.products.list .s24-urun-item {
	padding: 0
}

.products.list .s24-urun-item .urun-marka {
	margin-top: 0;
	padding-left: 15px;
	border-right: 1px solid;
	padding-right: 15px
}

.products.list .s24-urun-item .price {
	margin-left: auto;
	padding-right: 90px
}

.products.list .s24-urun-item .onsale {
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce-loop-product__title {
	padding-left: 20px
}
.s24-urun-item .add_to_cart_button {
	position: absolute;
	left: 15px;
	bottom: 8em;
	padding: 3px 10px;
	color: #fff;
	font-size: var(--font-md);
	opacity: 0;
	transition: var(--transition);
}

.s24-urun-item:hover .add_to_cart_button {
	opacity: 1;
}
a.added_to_cart.wc-forward {
	display: none;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    column-gap: 10px;
    row-gap: 10px;
}

.woocommerce-pagination .page-numbers li {
    font-size: var(--font-xxl);
}

.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span {
    min-width: 30px;
    display: block;
    padding: 4px 10px;
    border: 1px solid;
    border-radius: 5px;
    transition: var(--transition);
    text-align: center;
}

.woocommerce-pagination .page-numbers a:hover {
    transform: translateY(-1px);
    background: var(--primary);
    color: #fff;
}
/**- 10. Single Product --*/
.woocommerce-product-gallery {
	position:relative;
	width: 50%;
	float: left;
	display: inline-block;
	border-radius: 25px;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,.05);
	padding: 20px;
	background: #fff;
	text-align: center
}
.woocommerce-product-gallery .flex-control-nav {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    list-style: none;
}
.woocommerce-product-gallery .flex-control-nav>li {
    border: 1px solid var(--gray);
    border-radius: 5px;
    padding: 5px;
    transition: var(--transition);
	cursor:pointer;
}

.woocommerce-product-gallery .flex-control-nav>li:hover {
    border-color: var(--primary);
}
.woocommerce-product-gallery__trigger {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    cursor: pointer;
    z-index: 1;
    transition: var(--transition);
}

.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery__trigger:hover {
    transform: scale(1.4);
}
.product .summary {
	width: 46%;
	float: right
}

.single-product .type-product .product_title {
	font-size: var(--font-head);
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom:1px solid var(--gray);
}

.woocommerce-tabs.wc-tabs-wrapper {
	float: left;
	width: 100%
}

section.related.products {
	width: 100%;
	flex-direction: column
}

.woocommerce-product-details__short-description {
	line-height: 1.456;
	color: #444;
	font-size: var(--font-lg);
	letter-spacing: .5px;
	font-weight: 300;
}

.cart .button {
	font-size: var(--font-xl);
	text-transform: uppercase;
	border: 0;
	outline: 0;
	background: #39b54a;
	padding: 14.5px 35px;
	border-radius: 25px;
	color: #fff;
	letter-spacing: -.1px;
	box-shadow: 0 5px 10px #39b54a
}


.quantity {
	max-width: 160px;
	display: flex;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 25px;
	background: #fff;
	align-items: center;
	font-size: var(--font-xl);
	font-weight: 400;
	padding: 10px 25px
}

.quantity .quantity-plus {
	order: 3
}

.quantity input {
	order: 2;
	border: 0;
	box-shadow: none;
	width: 100%;
	text-align: center;
	font-weight: 700
}

.quantity .quantity-minus,.single-product .summary .price .onsale {
	order: 1
}
.single-product .entry-summary .onsale {
	position: static;
	display: inline-block;
	order: 1;
	font-size: var(--font-xl)
}

.single-product .summary .price del {
	order: 2;
	font-size: var(--font-xl);
	opacity: .6
}

.single-product .summary .price ins {
	order: 3;
	font-size: var(--font-xxl);
	text-decoration: none;
	font-weight: 700
}

.single-product .summary .price {
	display: flex;
	column-gap: 5px;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding:10px 0;
	border-top:1px solid var(--gray);
	border-bottom:1px solid var(--gray);
}
.single-product .summary p.price {
	border: none;
}
.product-type-simple form.cart,.single_variation_wrap .woocommerce-variation-add-to-cart {
	display: flex;
	column-gap: 20px;
	margin-bottom: 40px
}

.single-product .product-type-simple .summary p.price {
	margin-bottom: 20px;
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
	padding: 10px 0;
}

.type-product {
	position: relative;
	float: left;
	width: 100%
}

.single-product .variations,.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
	display: none
}

.woocommerce #reviews h2 small {
	float: right;
	color: #767676;
	font-size: var(--font-xl);
	margin: 10px 0 0
}

.woocommerce #reviews h2 small a {
	text-decoration: none;
	color: #767676
}

.woocommerce #reviews h3 {
	margin: 0
}

.woocommerce #reviews #respond {
	margin: 0;
	border: 0;
	padding: 0
}

.woocommerce #reviews #comment {
	height: 75px
}

.woocommerce #reviews #comments .add_review::after,.woocommerce #reviews #comments .add_review::before,.woocommerce #reviews #comments ol.commentlist li .comment-text::after,.woocommerce #reviews #comments ol.commentlist li .comment-text::before,.woocommerce #reviews #comments ol.commentlist::after,.woocommerce #reviews #comments ol.commentlist::before {
	content: " ";
	display: table
}

.woocommerce #reviews #comments .add_review::after,.woocommerce #reviews #comments ol.commentlist li .comment-text::after,.woocommerce #reviews #comments ol.commentlist::after {
	clear: both
}

.woocommerce #reviews #comments h2 {
	clear: none
}

.woocommerce #reviews #comments ol.commentlist {
	margin: 0;
	width: 100%;
	background: 0 0;
	list-style: none
}

.woocommerce #reviews #comments ol.commentlist li {
	padding: 0;
	margin: 0 0 20px;
	position: relative;
	background: 0;
	border: 0
}

.woocommerce #reviews #comments ol.commentlist li .meta {
	color: #767676;
	font-size: .75em
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	width: 32px;
	height: auto;
	background: #ebe9eb;
	border: 1px solid #e4e1e3;
	margin: 0;
	box-shadow: none
}

.woocommerce #reviews #comments ol.commentlist #respond,.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 50px;
	border: 1px solid #e4e1e3;
	border-radius: 4px;
	padding: 1em 1em 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
	max-height: 400px;
	object-fit: contain
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
	margin: 0 0 1em
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size: .83em
}

.woocommerce #reviews #comments ol.commentlist ul.children {
	list-style: none outside;
	margin: 20px 0 0 50px
}

.woocommerce #reviews #comments ol.commentlist #respond {
	margin: 20px 0 0 50px
}

.woocommerce #reviews #comments .commentlist>li::before {
	content: ""
}

.woocommerce .star-rating {
	float: right;
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1;
	font-size: 1em;
	width: 5.4em;
	font-family: star
}

.woocommerce .star-rating::before {
	content: "sssss";
	color: #d3ced2;
	float: left;
	top: 0;
	left: 0;
	position: absolute
}

.woocommerce .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em
}

.woocommerce .star-rating span::before {
	content: "SSSSS";
	top: 0;
	position: absolute;
	left: 0
}

.woocommerce .woocommerce-product-rating {
	line-height: 2;
	display: block
}

.woocommerce #review_form #respond::after,.woocommerce #review_form #respond::before,.woocommerce .woocommerce-product-rating::after,.woocommerce .woocommerce-product-rating::before {
	content: " ";
	display: table
}

.woocommerce #review_form #respond::after,.woocommerce .woocommerce-product-rating::after {
	clear: both
}

.woocommerce .woocommerce-product-rating .star-rating {
	margin: .5em 4px 0 0;
	float: left;
	color: #fcd846!important
}

a.woocommerce-review-link {
	font-size: 0
}

.woocommerce .woocommerce-product-rating .star-rating .woocommerce-review-link span {
	font-size: var(--font-lg)
}

a.woocommerce-review-link span {
	font-size: var(--font-lg);
	font-weight: 700;
	color: var(--primary)
}

a.woocommerce-review-link span:before {
	content: "(";
	font-weight: 500
}

a.woocommerce-review-link span:after {
	content: ")";
	font-weight: 500
}

.woocommerce .products .star-rating {
	display: block;
	margin: 0 0 .5em;
	float: none
}

.woocommerce .hreview-aggregate .star-rating,.woocommerce .woocommerce-product-rating {
	margin: 10px 0 0
}

.woocommerce #review_form #respond {
	position: static;
	margin: 0;
	width: auto;
	padding: 0;
	background: 0 0;
	border: 0
}

.woocommerce #review_form #respond p {
	margin: 0 0 10px
}

.woocommerce #review_form #respond .form-submit input {
	left: auto
}

.woocommerce #review_form #respond textarea {
	box-sizing: border-box;
	width: 100%
}

.woocommerce p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none
}

.woocommerce p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: WooCommerce;
	content: "";
	text-indent: 0
}

.woocommerce p.stars a:hover~a::before,.woocommerce p.stars.selected a.active~a::before {
	content: ""
}

.woocommerce p.stars.selected a.active::before,.woocommerce p.stars:hover a::before {
	content: ""
}

.woocommerce p.stars.selected a:not(.active)::before {
	content: ""
}

.woocommerce-product-details__short-description p {
	margin-bottom: 0
}
.woocommerce-tabs.wc-tabs-wrapper .tabs {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: center;
	column-gap: 40px
}

.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs {
	padding: 25px 0;
	margin: 10px 0
}

.woocommerce-tabs.wc-tabs-wrapper .tabs li a {
	padding: 10px 20px;
	border-radius: 50px;
	background: #fff;
	border: 2px solid rgba(0,0,0,.1);
	color: var(--dark);
	position: relative
}

.woocommerce-tabs.wc-tabs-wrapper .tabs li a:before {
	content: "";
	width: 10px;
	height: 5px;
	background: rgba(0,0,0,.1);
	position: absolute;
	left: 50%;
	top: calc(100% + 6px);
	transform: translateX(-50%);
	border-radius: 10px
}

.woocommerce-tabs.wc-tabs-wrapper .tabs li.active a:before,.woocommerce-tabs.wc-tabs-wrapper .tabs li:hover a:before {
	background: var(--primary);
	width: 40%
}

.woocommerce-tabs.wc-tabs-wrapper .tabs li.active a,.woocommerce-tabs.wc-tabs-wrapper .tabs li:hover a {
	border-color: rgba(0,0,0,.1);
	background: var(--primary);
	color: #fff
}

.woocommerce-tabs.wc-tabs-wrapper {
	box-shadow: 0 5px 15px 5px rgba(0,0,0,.05);
	border-radius: 20px;
	margin: 30px 0;
	padding: 5px 30px;
	background: #fff
}

.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tab>h2,.woocommerce-Reviews-title {
	font-size: 1.5em;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: c
}

.single-product .product_meta {
	display: flex;
	flex-direction: column;
	font-weight: 700;
	font-size: var(--font-xl)
}

.single-product .product_meta span a,.single-product .product_meta span span {
	font-weight: 500;
	color: var(--primary)
}

.shop_attributes {
	width: 100%
}

.shop_attributes p {
	margin: 0
}

.shop_attributes tr td,.shop_attributes tr th {
	position: relative;
	padding: 10px 0!important
}

.shop_attributes tr th:after {
	content: "";
	width: 39%;
	height: 2px;
	background: var(--primary);
	position: absolute;
	right: 20%;
	top: 20px
}

.shop_attributes tr td {
	padding-left: 15px!important
}

.single-product .product_meta>* {
	margin-bottom: 5px
}
/**- 11. Sidebar --*/
.s24-aside {
	border: 1px solid #D0D0D2;
	padding: 0 15px;
	border-radius: 10px;
}

.s24-aside .widget-title {
	font-size: var(--font-xl);
	font-weight: 700;
	color: #383838;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.s24-aside > .widget > ul {
	list-style: none;
	padding: 0;
	margin:0;
}
.s24-aside > .widget > ul li a {
	font-size: var(--font-xxl);
	line-height: 1.8;
	color:var(--dark);
}

.s24-aside > .widget > ul li {
	list-style: none;
	line-height: 2;
}
.s24-aside > .widget > ul > li > a:before {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 3px;
	background: var(--gray);
	vertical-align: middle;
	transition:var(--transition);
}

.s24-aside > .widget > .product-categories a:before{
	display:none;
}

.s24-aside > .widget > ul li a:hover:before,
.s24-aside > .widget > ul li.chosen a:before{
	background:var(--primary);
}
.s24-aside > .widget > ul li .count{
	display:none;
}
.s24-aside .product-categories .children {
	padding-left: 10px;
}

.s24-aside .product-categories li.current-cat > a{
	font-weight:700;
}

.s24-aside .product-categories li.current-cat > a,
.s24-aside > .widget > ul li > a:hover {
	color: var(--primary);
}

.s24-aside .product-categories .children li {
	line-height: 1.5;
}
.s24-aside .product-categories,
.s24-aside > .widget_s24_brand_widget ul{
	max-height:350px;
	overflow-y:scroll;
}
.s24-aside .product-categories::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.s24-aside .product-categories::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--primary);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.s24-aside > .widget {
	border-bottom: 1px solid #d0d0d2;
	padding:25px 0;
}
.s24-aside > .widget:last-child{
	border-bottom:none;
}

.woocommerce .widget_price_filter .price_slider {
	margin-bottom: 1em
}

.woocommerce .widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4;
	font-size: .8751em
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	font-size: 1.15em;
	float: left
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	border: none;
	outline: none;
	box-shadow: none;
	border-radius: 5px;
	font-size: var(--font-xl);
	background: var(--gray);
	transition: var(--transition);
	color: var(--primary);
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
	background: var(--primary);
	color: #fff;
}

.woocommerce .widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
	margin-left: .5em;
	margin-right: .5em
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	background-color: var(--primary);
	border-radius: 1em;
	cursor: ew-resize;
	outline: 0;
	top: -.3em;
	margin-left: -.5em
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	border-radius: 1em;
	background-color: var(--primary)
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	border-radius: 1em;
	background-color: var(--gray);
	border: 0
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: .5em
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
	left: -1px
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
	right: -1px
}

/**- 12. Blog --*/
.s24-blog-item img {
	width: 100%;
	max-height: 300px;
	object-fit: contain;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 15px
}

.s24-blog-item .blog-title {
	font-size: var(--font-xl);
	font-weight: 500;
	margin: 15px 0
}

.s24-blog-item figcaption {
	padding: 10px 0;
	max-width: 50%
}

.s24-blog .custom-row .s24-blog-item {
	float: right;
	width: 45%;
	display: block;
	margin-left: auto
}

.s24-blog .custom-row .s24-blog-item figure {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
	column-gap: 30px
}

.s24-blog .s24-blog-item img {
	width: 180px;
	height: 115px;
	object-fit: cover
}

.s24-blog .s24-blog-item a {
	display: block
}

.s24-blog .s24-blog-item:first-child img {
	width: 100%;
	height: 250px;
	object-fit: contain;
	padding: 20px
}

.s24-blog .custom-row .s24-blog-item:first-child figure {
	flex-direction: column
}

.s24-blog .custom-row .s24-blog-item:first-child {
	float: left;
	max-width: 45%
}

.s24-blog-item:first-child figcaption {
	max-width: 100%
}

.s24-blog-item figcaption .blog-kategori a {
	color: var(--primary);
	font-weight: 500;
	display: block
}
/**- 13. Hesabim --*/
#customer_login {
	display: flex;
	justify-content: space-between;
	column-gap: var(--spacer-lg);
	row-gap: var(--spacer-lg);
}

#customer_login>div {
	flex: 0 0 50%;
}
.woocommerce-account .container>.woocommerce {
	display: flex;
	background: #fafafa;
	padding: 30px;
	border-radius: 30px;
	border: 1px solid rgba(0,0,0,.1)
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	row-gap: 15px
}

.woocommerce-MyAccount-navigation ul li a {
	color: var(--dark);
	font-size: var(--font-xl)
}

.woocommerce-MyAccount-navigation {
	border-right: 1px solid rgba(0,0,0,.1);
	flex: 0 0 18%
}

.woocommerce-MyAccount-content {
	width:100%;
	padding-left: 50px
}
.woocommerce-account .addresses {
    display: flex;
    justify-content: space-between;
}

.woocommerce-account .addresses>div {
    width: auto;
}

.woocommerce-MyAccount-navigation ul li a:before {
	content: "-";
	margin-right: 5px
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--primary)
}

/**- 14. Sepet & Ödeme --*/
.shop_table .product-thumbnail img {
	width: 80px;
	height: 80px;
	padding:10px;
	object-fit: contain;
	border: 1px solid var(--gray);
}

form.woocommerce-cart-form {
	float: left;
	width: 68%
}

.cart-collaterals {
	float: right;
	width: 28%
}

table.shop_table.shop_table_responsive thead,tr.woocommerce-cart-form__cart-item.cart_item .product-price {
	display: none
}

.shop_table .product-name a {
	color: var(--dark);
	font-weight: 700
}

.variation {
	margin-top: 10px;
	font-size: var(--font-md);
	display: flex;
	flex-direction: row;
	column-gap: 5px;
	margin-bottom: 0
}

.shop_table {
	width: 100%
}

.woocommerce-cart .quantity {
	max-width: 120px;
	padding: 10px
}

tr.woocommerce-cart-form__cart-item.cart_item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.07)
}

tr.woocommerce-cart-form__cart-item.cart_item .product-remove {
	order: 10;
	font-size: var(--font-head)
}

.cart_item td.product-name {
	height: auto;
	overflow: hidden;
	text-align: center;
	max-width: 30%;
	width: 30%;
	display: flex;
	align-items: flex-start;
}
.cart_item td.product-subtotal {
	font-weight: 600;
	font-size: var(--font-xxl);
}
tr.woocommerce-cart-form__cart-item.cart_item .product-remove a {
	color: #c33
}

.cart_totals {
	border: 1px solid var(--primary);
	border-radius: 15px;
	padding: 25px
}

.cart_totals>h2 {
	font-size: var(--font-xxl);
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 15px
}

.cart_totals .shop_table tr td,
.cart_totals .shop_table tr th {
	font-size: var(--font-lg);
	padding: 5px 0
}

.cart_totals .shop_table {
	margin-bottom: 25px
}

.cart_totals .shop_table tr th {
	position: relative;
	color: #555;
	font-weight: 500
}
.woocommerce-cart tr.woocommerce-shipping-totals.shipping {
	display: none;
}

.wc-proceed-to-checkout .button,
.woocommerce-checkout-payment .button {
	width:100%;
	display: block;
	background: var(--primary);
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .5px;
	font-size: var(--font-xl);
	transition:var(--transition);
}

.woocommerce-cart tr.woocommerce-shipping-totals.shipping {
	display: none;
}

.cart_totals .shop_table .order-total th {
	font-weight: 700;
}

.wc-proceed-to-checkout .button:hover {
	background: var(--black);
}

.btn-text {
	text-align: center;
	display: block;
	font-size: var(--font-md)
}

.wc-proceed-to-checkout .btn-text {
	padding: 15px 0 0;
	color: var(--dark)
}

.s24-customer-name {
	position: absolute;
	font-weight: 700
}

.woocommerce-MyAccount-navigation {
	padding-top: 40px
}
.cart-steps {
	position:relative;
	display: flex;
	justify-content: space-around;
	font-size: var(--font-xxl);
	color: var(--dark);
	font-weight:500;
	padding-top:10px;
	margin-bottom: var(--spacer-lg);
}

.cart-steps i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid var(--black);
	display: inline-block;
	text-align: center;
	border-radius: var(--rounded);
	margin-right:10px;
	font-style:normal;
}
.cart-steps .step1:after {
	content: '';
	position: absolute;
	width: 25%;
	height: 1px;
	background: var(--black);
	bottom: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.cart-steps > div{
	cursor: pointer;
}
.cart-steps .active{
	color:var(--primary);
}
.cart-steps .active i{
	border: 1px solid var(--primary);
}
.cart-collaterals {
	display: flex;
	flex-direction: column-reverse;
}
.woocommerce-cart-form__contents .coupon {
	display: none;
}
.cart-collaterals .coupon-action {
	margin-bottom: 10px;
}
.cart-collaterals .coupon-action svg{
	transition:var(--transition);
}
.cart-collaterals .coupon-action svg path {
	fill: var(--primary);
}

.cart-collaterals .coupon-action i {
	margin-right: 10px;
}

.cart-collaterals .coupon-action>a {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	padding: 15px;
	color: var(--black);
	font-weight: 500;
	border: 1px solid var(--primary);
	background: rgba(0,0,0,0.025);
	border-radius: 15px;
	transition:var(--transition);
}
.cart-collaterals .coupon-action a:hover,
.cart-collaterals .coupon-action a:not(.collapsed) {
	background: var(--primary);
	color: #fff;
}
.cart-collaterals .coupon-action a:hover svg path,
.cart-collaterals .coupon-action a:not(.collapsed) svg path {
	fill:#fff;
}
.cart-collaterals .coupon {
	display: flex;
	border: 1px solid var(--primary);
	margin-bottom: 10px;
	border-radius: 15px;
}

.cart-collaterals .coupon input {
	border: none;
}

.cart-collaterals .coupon .btn {
	border-radius: 25px 10px 10px 25px;
	margin: -1px;
	background: var(--primary);
	border: none;
}

.cart-collaterals .coupon .btn:hover {
	background: var(--black);
}
#order_comments_field .form-control {
	border-radius: 10px;
}
#customer_details .col-1 {
	width: 100%!important
}

#customer_details {
	float: left;
	width: 60%
}

#order_review th.product-total,form-select#billing_country,h3#order_review_heading {
	display: none
}

#customer_details>div {
	width: 100%
}

#order_review {
	float: right;
	max-width: 35%;
	border: 1px solid var(--primary);
	border-radius: 15px;
	padding: 20px;
	background: #fafafa;
	font-size:var(--font-lg);
}

#customer_details h3 {
	border-bottom: 1px solid var(--black);
	padding: 15px 0;
	font-size: var(--font-xxl);
	text-transform: uppercase;
	margin-bottom: 20px
}

#customer_details .woocommerce-billing-fields__field-wrapper,
#customer_details .woocommerce-shipping-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 15px;
	column-gap: 15px
}

#customer_details .woocommerce-billing-fields__field-wrapper>.form-row,
#customer_details .woocommerce-shipping-fields__field-wrapper>.form-row {
	flex: 0 0 48%;
	max-width:48%;
}
.woocommerce-checkout-review-order-table .cart_item td.product-name {
	display: flex;
	max-width: initial;
	width: 100%;
	text-align: left;
	padding: 15px 10px 15px 0;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	font-size: var(--font-md);
	font-weight: 500;
}

.woocommerce-checkout-review-order-table .cart_item {
	width: 100%;
	border-bottom: 1px solid var(--gray);
}

.woocommerce-checkout-review-order-table tr th.product-name {
	font-weight: 700;
}

.woocommerce-checkout .cart_item td.product-name .product-quantity {
	color: var(--primary);
	font-weight: 700;
	font-size: var(--font-lg);
	border-right: 1px solid var(--gray);
	padding-right: 10px;
	margin-right: 20px;
}

.woocommerce-checkout .cart_item td.product-total {
	text-align: right;
	font-size: var(--font-lg);
	font-weight: 500;
}

.woocommerce-checkout-review-order-table tr th {
	position: relative;
	color: #555;
	font-weight: 500;
}

.woocommerce-checkout-review-order-table tfoot th,.woocommerce-checkout-review-order-table tfoot td {font-size: var(--font-md);padding: 10px 0;}

.woocommerce-checkout-review-order-table tfoot ul {
	list-style: none;
	padding: 0;
	white-space: nowrap;
	margin: 0;
}
#customer_details label {
	margin-bottom: 10px;
	font-size: var(--font-xl)
}
#customer_details .woocommerce-billing-fields__field-wrapper>.form-row {
	min-height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
}

#customer_details .woocommerce-billing-fields__field-wrapper {
	column-gap: 10px;
	row-gap: 10px;
}

#customer_details label {
	font-size: var(--font-lg);
}
#payment ul.wc_payment_methods.payment_methods.methods {
	padding: 0;
	list-style: none;
}

#payment ul.wc_payment_methods.payment_methods.methods>li {
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
	flex-direction: column;
	margin-bottom: 10px;
}

#payment ul.wc_payment_methods.payment_methods.methods>li label {
	font-weight: 700;
	color: var(--primary);
}

#payment ul.wc_payment_methods.payment_methods.methods>li input {
	display: none;
}

#payment ul.wc_payment_methods.payment_methods.methods>li label:before {
	content: '';
	width: 15px;
	height: 16px;
	display: inline-block;
	border: 1px solid var(--gray);
	border-radius: 3px;
}
#payment ul.wc_payment_methods.payment_methods.methods>li input:checked + label,
#payment ul.wc_payment_methods.payment_methods.methods>li label:hover{
	color:var(--primary);
	border-color:var(--primary);
}
#payment ul.wc_payment_methods.payment_methods.methods>li input:checked + label:before {
	background: var(--primary);
	border-color: var(--primary);
}

#payment ul.wc_payment_methods.payment_methods.methods>li label {
	color: var(--black);
	font-weight: 600;
	border-bottom: 1px solid var(--gray);
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 10px;
	transition:var(--transition);
}

#payment ul.wc_payment_methods.payment_methods.methods>li .payment_box {
	width: 100%;
	font-size: var(--font-sm);
	background: var(--gray);
	padding: 10px 10px 0px;
	border-radius: 0 0 20px 20px;
}

/**- 15. Collapse -**/
.collapse-close{
	display:none;
}

#s24-ana-manset .s24-manset-sol h2 {
    font-family: "Dancing Script", cursive;
    font-size: 1.5em;
    margin-bottom: -17px;
}

#s24-ana-manset .s24-manset-sol h2:before,#s24-ana-manset .s24-manset-sol h2:after {opacity: 0;padding-bottom: ;}

#s24-ana-manset .s24-manset-sol h3:after {
    opacity: 0;
}

#s24-ana-manset .s24-manset-sol {
    text-align: center;
}

#s24-ana-manset .s24-manset-sol h3:before {
    width: 100%;
    height: 31px;
    opacity: .3;
    background: var(--renk1);
    border-radius: 100em;
}

#s24-ana-manset video {
    height: 100%;
    object-fit: cover;
}

#s24-ana-manset .s24-manset-sol h3:before {
    background: #88bd20;
    border-radius: 0;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    left: 42%;
    transform: translateX(-50%);
    top: -28px;
}

header #s24-logo .site-branding img {
    height: 45px;
}

header #s24-logo .site-branding:before {
    border-radius: 0;
    transform: skewX(-30deg);
    border-right: 7px solid #88bd20;
}

header #s24-logo .site-branding:after {
   
}

#s24-ana-manset .s24-manset-sol h3:before {
    opacity: 0;
}

#s24-ana-manset .s24-manset-sol h3 {
    animation: banner_1_yazi 5s ease-out -5s infinite alternate forwards;
}

.s24-manset-sol p {
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 1.6;
}

#s24-ana-manset {
}
.s24-partnerler img {
    height: 60px;
    filter:none;
    padding:10px;
}
.s24-partnerler .swiper-slide:first-child img{
    padding:4px;
}
.s24-sss .accordion {
    width: 100%;
    margin: 0;
    max-width: 100%;
}

.s24-sss .accordion-button {
    padding: 14px 19px;
}
.blok-sag img {
    border-radius: 20px;
    width: 100%;
}

.blok-sag {
    padding-left: 1em;
}
.header-btn a:before {
    opacity: 0;
}

.header-btn a {
    background: #fff;
    border-radius: 50px;
    padding: 0 !important;
}

.header-btn {
}

.header-btn a svg {
    height: 37px;
    filter: brightness(0) invert(1);
}

#s24-menu .header-btn a {
    color: #fff !important;
    padding: 0 20px 0 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--renk4);
}

#s24-menu .header-btn {
    margin-left: 24px;
}

#s24-menu .header-btn a:hover {
    background: var(--renk4);
    color: #0e0e0e !important;
}

#s24-menu .header-btn a:hover svg {
    filter: none;
}
footer .s24-footer-bilgiler .custom-logo-link img {
    height: auto;
}
.s24-panel .s24-panel-head .s24-panel-title {font-size: 2em;}

.s24-panel .s24-panel-head {
    margin-bottom: 10px;
}
.ozellikler-inner {
    display: flex;
    flex-direction: column;
}

.ozellikler-inner>figure {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ozellikler-inner>figure img {
    max-width: 40%;
    margin-right: 3em;
    border-radius: 20px;
}

.ozellikler-inner>figure:nth-child(2n+2) {
    flex-direction: row-reverse;
}
body:not(.home) #s24-head {background: var(--renk2);}

body:not(.home) header #s24-logo .site-branding:before {
    z-index: 1;
}

body:not(.home) header #s24-logo .site-branding a {
    position: relative;
    z-index: 1;
}
.urun-img {
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.urun-sag h2 {
    font-weight: 700;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.urun-sag .urun-aciklama {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 30px;
}

.urun-sag .urun-ozellikler ul li {
    line-height: 1.6;
    font-weight: 400;
    list-style: none;
    margin-bottom: 4px;
}

.urun-sag .urun-ozellikler ul li:before {
    content: '';
    width: 35px;
    height: 2px;
    background: var(--renk4);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.urun-sag .urun-ozellikler ul {
    padding: 0;
}
.alt-urunler {
    display: flex;
}

.alt-urunler img {
    max-width: 100%;
}
.urun-img {
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.urun-sag h2 {
    font-weight: 700;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.urun-sag .urun-aciklama {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 30px;
}

.urun-sag .urun-ozellikler ul li {
    line-height: 1.6;
    font-weight: 400;
    list-style: none;
    margin-bottom: 4px;
}

.urun-sag .urun-ozellikler ul li:before {
    content: '';
    width: 35px;
    height: 2px;
    background: var(--renk4);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.urun-sag .urun-ozellikler ul {
    padding: 0;
}

.urun-img img {
    height:300px;
}

.alt-urunler {
    display: flex;
    justify-content: space-between;
    margin-bottom:40px;
}

.alt-urunler img {
    max-width: 100%;
    height: 200px;
    display: block;
}

.alt-urunler figure {
}

.alt-urunler h4,.alt-urunler h3 {
    font-weight: 600;
}

.urunler-alt {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 30px;
}

.alt-urunler .lead>p:first-child {
}

.ozellikler-list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 26px 0;
}

.ozellikler-list h3 {
    color: var(--renk4);
}
.urun-ozellikler {
    font-size: 14px;
}
.urun-butonlar .btn-primary {
    border: 1px solid rgba(0,0,0,0.3);
    margin-right:8px;
}

.urun-butonlar i {
    margin-right: 10px;
}
#s24-menu .nav-item.mega-menu >.dropdown-menu {
   
}


span {}

#s24-menu .nav-item.mega-menu >.dropdown-menu img {
    width: 50px;
    height: auto;
}

#s24-menu .nav-item.mega-menu >.dropdown-menu a span {
    font-size: 13px;
    margin-left: 7px;
}
.s24-blog-list .card figure {
    display: flex;
    justify-content: space-between !important;
    column-gap: 10em;
    align-items: center;
}

.s24-blog-list .card figure img {flex: 0 0 32%;max-width: 32%;border-radius: 20px;border: 6px solid var(--renk4);border-left: none;border-top: none;}

.s24-blog-list .card {
    border: none;
    background: rgba(0,0,0,0.02);
    padding: 1.5em;
    margin-bottom: 20px;
    border-radius: 35px;
}

.s24-blog-list .card figure img {
    margin-right: 0;
}

.s24-blog-list:nth-child(2n+2) figure {
    flex-direction: row-reverse;
}

.s24-blog-list .card figure h3 {color: var(--renk4);font-weight: 700;border-bottom: 1px solid;padding-bottom: 12px;}

.s24-blog-list {
}

.s24-blog-list .card figure p {
    font-size: 14px;
    line-height: 1.7;
}
.footer-cards {
    max-width: 160px;
    margin-left: auto;
}

#s24-footer {
    min-height: 400px;
}
.s24-hikaye-list .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.s24-hikaye-list .inner img {
    width: 100%;
}

.s24-hikaye-list .inner>div {
    flex: 0 0 32%;
    max-width: 32%;
    overflow: hidden;
    border-radius: 30px;
}

.s24-hikaye-list .inner>div img {
    border-radius: 20px;
    border-right: 5px solid var(--renk4);
    border-bottom: 5px solid var(--renk4);
    transition: all .3s linear;
    min-height: 320px;
    object-fit: cover;
}

.s24-hikaye-list .inner>div:hover img {
    transform: translateY(-5px);
}
.iletisim-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iletisim-inner .f-bilgiler {
    list-style: none;
    padding: 0;
    display: flex;
    row-gap: 30px;
}

.iletisim-inner .f-bilgiler i {
    margin-right: 10px;
    background: var(--primary);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.iletisim-sag {
    flex: 0 0 50%;
}

.iletisim-sag iframe {
    border-radius: 10px;
}

.iletisim-sol h3 {
    font-size: 23px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    margin-bottom: 30px;
}
.f-harita iframe {
	height: 140px;
	border-radius: 10px;
	width: 100%;
	filter: grayscale(1);
	transition: var(--transition);
}

.f-harita iframe:hover {
	height: 240px;
}
#s24-randevu-blok form {
    background: #fff;
    box-shadow: 0 10px 10px 10px rgba(0,0,0,0.05);
    border-radius: 30px;
    padding: 3em;
    border: 1px solid var(--renk4);
}

.randevu-blok .panel-description {text-align: center;font-weight: 300;}

#s24-randevu-blok .s24-panel-head {
    justify-content: center;
    margin-bottom: 10px !important;
    margin-top: -20px;
}

.form-control {border-radius: 13px;}

input.wpcf7-form-control.wpcf7-submit {
    background: var(--renk4);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 17px;
    width: 100%;
    padding: 15px 0;
    font-size: 1.2em;
}
.urun-img img {
    width: 100%;
    object-fit: contain;
    padding: 13px;
}

.urun-img {
    border: 1px solid var(--renk4);
}

.alt-urunler figure {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 30px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
}

.alt-urunler {
    padding-top: 40px;
}

.alt-urunler img {
    margin: 0 auto;
    margin-top: -30px;
}
.alt-urunler ul {
    list-style:none;
    padding:0;
}

.alt-urunler ul li:before {
    content: '';
    width: 35px;
    height: 2px;
    background: var(--renk4);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.alt-urunler ul li{
    margin-bottom:15px;
    font-weight:500;
}

h4.product-type.subheader {
    font-weight: 300;
}

.urun-sag {
    padding-left: 20px;
}

#s24-menu .nav-item >.dropdown-menu > div .dropdown-item {
    background: transparent;
}

#s24-menu .nav-item >.dropdown-menu > div .dropdown-item:hover {
    color: var(--renk4);
}
.innergrid {
    background: rgba(0,0,0,0.04);
    border-radius: 20px;
    padding: 30px;
}
/**- 16. Responsive -**/
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--transition: all .3s linear;
		--spacer:20px;
		--spacer-lg:30px;
		--font-sm:11px;
		--font-md:12px;
		--font-lg:12px;
		--font-xl:13px;
		--font-xxl:14px;
		--font-title:14px;
		--font-head:17px;
		--rounded:50px;
	}
	.s24-mobile-head-inner {
		display: flex;
        justify-content: flex-end;
        text-align: center;
        padding-left: 0;
        column-gap: 10px;
	}

	header #s24-logo .site-branding {
        max-width:150px;
		padding: 0;
		border: 0;
	}

	#s24-mobile-head {
		padding: .6em 0;
		background: var(--gray)
	}

	.s24-mobile-head-inner span {
		font-size: 11px;
		color: var(--black);
		font-weight: 500
	}

    .s24-mobile-head-inner .inner-item:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: rgba(0,0,0,.07);
        left: calc(100% + 5px);
        top: 50%;
        transform: translateY(-50%);
    }
    
    .s24-mobile-head-inner .inner-item:last-child:after {
        opacity: 0;
    }
    

	.mobile-menu-toggle {
		font-size: 17px;
		line-height: .5em;
		padding-right: 5px;
		text-align: center
	}

	.mobile-menu-toggle span {
		font-size: 10px
	}

	.s24-mobile-head-inner .inner-item {
        position: relative;
		line-height: 1em;
		display: flex
	}

	.mobile-menu-toggle i,.s24-mobile-head-inner i {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.s24-mobile-head-inner i {
		background: rgba(0,0,0,.03);
		width: 28px;
		height: 28px;
		border-radius: var(--rounded);
		font-size: 1em;
		font-weight: 500;
		margin: 0 auto;
	}

	.mobile-menu-toggle i {
		background: var(--primary);
		color: #fff;
		padding: 5px;
		height: 30px;
		width: 30px;
		border-radius: 5px
	}

	.row.row-mobile-head {
		--bs-gutter-x: 1em
	}
	#s24-ana-manset {
		padding-top: 0;
	}

	#s24-ana-manset>div {
		padding: 0;
	}

	#s24-ana-manset .swiper-slide-inner>.row {
		flex-direction: column-reverse;
	}

	#s24-manset .swiper-slide-inner img {
		height: 220px;
		border-radius: 10px;
	}

	#s24-manset .s24-manset-sol {
		max-width: 90%;
		padding: 1.5em 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: -20px;
		position: relative;
		z-index: 11;
		background: #fff;
		box-shadow: 0 5px 10px 0px rgba(0,0,0,0.07);
		margin: -20px auto 0 auto;
		border-radius: .5em;
	}

	#s24-manset .s24-manset-sol h2 {
		font-size: 1em;
	}

	#s24-manset .s24-manset-sol h3 {
		font-size: 1.256em;
		margin-bottom: .5em;
	}

	#s24-manset .s24-manset-sol .btn {
		font-size: 0.856em;
	}

	#s24-manset .s24-pagination {
        top: 50%;
        bottom: initial;
        left: 0;
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
	}


	.s24-pagination-top>div {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	#s24-tanitimkutular .s24-kutular .swiper-slide {
		width: 185px;
	}

	#s24-tanitimkutular .swiper-slide-inner {
		height: 140px;
	}


	#s24-markalar .swiper-slide {
		width: 70px;
	}

	#s24-markalar .s24-marka-item img {
		height: 70px;
		width: 100%;
		padding: 10px;
	}

	.s24-urunler figure > a > img, .products .s24-urun-item > a img {
		height: 140px;
		padding: 5px;
	}
	.s24-banner-1 .banner-title {
		font-size: 1.6em;
		text-align: center;
	}

	.s24-banner-1 .s24-banner-1-sag p {
		text-align: center;
	}

	.s24-banner-1 .btn {
		min-width: 40%;
		font-size: 20px;
	}

    .s24-panel .s24-panel-head{
		margin-bottom: 20px;
		flex-direction: column;
		align-items: flex-start;
		padding-top:0;
    }

	.s24-panel .s24-panel-head .s24-panel-title-link{
		padding-left: 0;
		padding-top: 4px;
	}

	#s24-banner-1 {
		padding: 20px 0px !important;
	}
	#s24-footer-kutular .footer-kutu i {
		padding: 10px;
	}

	#s24-footer-kutular .footer-kutu h4 {
		font-size: var(--font-md);
	}

	#s24-footer-kutular .footer-kutu p {
		font-size: var(--font-sm);
	}

	#s24-footer-kutular .footer-kutu {
		padding: 15px 0;
	}

	#s24-footer-kutular .footer-kutu .kutu-inner:nth-child(2n+1) {border: none;}

	#s24-footer-kutular .footer-kutu .kutu-inner {
		border-right: none;
	}

	.s24-ebulten {
		margin-bottom: 1em;
	}

	.s24-ebulten form label {
		font-size: var(--font-lg);
	}

	.s24-ebulten-text p {
		font-size: var(--font-lg);
	}

	#s24-footer-inner {
		padding: 30px 10px;
	}

	footer .s24-footer-bilgiler .custom-logo-link img {
		max-width: 50%;
	}

	#s24-footer-inner .row>.col {
		flex: 0 0 50%;
	}

	#s24-footer-inner .row>.col:last-child {
		flex: 0 0 100%;
	}

	#s24-footer-inner .row>.col:last-child ul {
		display: flex;
		flex-direction: row;
		column-gap: 1em;
		flex-wrap: wrap;
	}
	.copyright-text {
		text-align: center;
	}

	#s24-footer-copyright .row {
		padding: 15px 0;
	}
	.home #s24-footer{
		margin-top:0;
	}
	.footer-cards{
		padding:5px;
	}
	.onsale {
		bottom: 6px;
		font-size: 13px;
		padding: 0;
	}

	.s24-urun-item .urun-fiyat, .s24-urun-item .price {
		display: flex;
		flex-direction: column;
		font-size: var(--font-xxl);
	}

	.s24-urun-item figcaption {
		padding: 5px;
	}

	.s24-urun-item .urun-title {
		max-width: 100%;
	}
	nav.woocommerce-breadcrumb {
		white-space: nowrap;
		overflow: scroll;
	}
	.woocommerce-cart nav.woocommerce-breadcrumb,
	.woocommerce-checkout nav.woocommerce-breadcrumb{
		margin-bottom:0;
	}

	.woocommerce-product-gallery {
		width: 100%;
	}

	.woocommerce-product-gallery .woocommerce-product-gallery__image img {
		width: 100%;
		max-height: 250px;
	}

	.product .summary {
		width: 100%;
		padding: 10px 0;
	}

	.quantity {
		padding: 0;
		max-width: 100px;
	}

	.product-type-simple form.cart, .single_variation_wrap .woocommerce-variation-add-to-cart {
		column-gap: 10px;
	}

	.cart .button {
		padding: 13px 21px;
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
	}

	.woocommerce-tabs.wc-tabs-wrapper .tabs {
		display: block;
	}

	.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs {
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-bottom: 30px;
	}

	.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs li {
		display: flex;
		align-items: center;
	}

	.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs li a {
		font-size: 14px;
		padding: 5px 14px;
		white-space: nowrap;
	}

	.woocommerce-tabs.wc-tabs-wrapper {
		padding: 20px 20px;
		margin-top: 0;
		font-size: 13px;
	}

	.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tab>h2, .woocommerce-Reviews-title {
		font-size: 14px;
	}
	.s24-cats .cat-item img {
		height: 60px;
		object-fit:contain;
	}

	.s24-cats .cat-item {
		height: 110px;
	}

	.s24-cats .cat-item span {
		font-size: 13px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.products .s24-urun-item {
		flex: 0 0 calc(50% - 10px);
	}
	.s24-collapse {
		position: fixed;
		top: 0;
		left: -100vw;
		width: 100%;
		height: 100vh;
		z-index: 111;
		background: #fff;
		overflow: scroll;
		opacity:0;
		visibility: visible;
		padding-bottom:2em;
		transition: var(--transition);
	}
	.s24-collapse.show{
		opacity:1;
		visibility: visible;
		left:0;
	}
	.s24-archive-bar>span {
		display: none;
	}
	.s24-filter-btn {
		margin-right: 8px;
		font-size: 14px;
		font-weight: 500;
		padding: 5px 8px;
		border-radius: 8px;
		background: var(--gray);
	}
	.collapse-close {
		display:block;
		font-size: 25px;
		color: var(--primary);
	}

	.logged-in.admin-bar .s24-collapse {
		top: 45px;
	}
	.s24-collapseHead {
		background: var(--gray);
		padding: 15px;
		display: flex;
		justify-content: space-between;
	}

	.s24-collapseBody {
		padding: 15px;
	}

	.s24-collapseHead .custom-logo {
		width: 200px;
		max-width: 200px;
	}

	#s24-menu .navbar {
		padding: 0;
	}

	.s24-aside > .widget:first-child {padding-top: 20px;}
	.s24-urun-item .urun-title, .woocommerce-loop-product__title{
		max-width:90%;
	}
	.onsale {
		width: 40px;
		height: 35px;
		bottom: 22px;
		line-height: 35px;
		right: 10px;
	}
	.s24-urunler .onsale{
		bottom:10px;
	}
	.s24-cats{
		margin-top:-10px;
	}

	#mobileSearch .search-logo > a {
		margin-right: 10px;
		border-right: 1px solid var(--gray);
		padding-right: 10px;
		width: 13em;
		max-width: 13em;
	}

	#mobileSearch h3 {
		font-size: var(--font-xl);
		border-top: 1px solid var(--gray);
		border-bottom: 1px solid var(--gray);
		padding: 1em 0;
	}

	#mobileSearch .search-logo i {
		font-size: 20px;
		color: var(--primary);
	}

	#mobileSearch .search-logo {
		margin-bottom: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	#mobileSearch input {
		border-radius: 5px;
		padding: 13px 10px;
	}
	.woocommerce-account .container>.woocommerce {
		flex-direction: column;
	}
	.woocommerce-MyAccount-content{
		padding-left:0;
	}
	#mobileMenu #s24-menu {
		display: block !important;
	}

	#s24-navbar .navbar-nav {
		align-items: flex-start !important;
	}

	#mobileMenu #s24-navbar>ul >li>a {
		pointer-events: none;
		cursor: pointer;
		font-weight: 700;
		color: var(--secondary);
	}

	#s24-navbar > ul>li>.sub-menu {
		width: 100%;
		position: relative;
		padding: 10px;
		row-gap: 10px;
		flex-direction:column;
	}

	#s24-navbar .navbar-nav>li {
		width: 100%;
	}

	#mobileMenu .s24-navbar ul >li>a:after {}

	#mobileMenu #s24-menu>div {
		padding: 0;
	}

	#s24-navbar > ul>li>.sub-menu>li>a {
		font-size: 16px;
		font-weight:500;
	}

	#s24-navbar > ul>li>.sub-menu>li>.sub-menu>li>a {
		font-size: 15px;
		font-weight: 400;
	}

	#s24-navbar > .navbar-nav>li {
		border-bottom: 1px solid var(--primary);
	}
	#sidebarCollapse .collapse-close {
		position: absolute;
		right: 15px;
		top: 10px;
	}
	tr.woocommerce-cart-form__cart-item.cart_item {
		column-gap: 5px;
	}

	.cart-collaterals {
		width: 100%;
	}

	form.woocommerce-cart-form {
		width: 100%;
		margin-bottom: 20px;
	}
	.shop_table .product-thumbnail img {max-width: 60px;max-height: 60px;}

	.shop_table .product-name a {
		font-size: var(--font-xl);
		font-weight: 500;
		text-align: left;
		height: 55px;
	}

	.woocommerce-cart .quantity {
		max-width: 100px;
		padding: 2px 0;
	}
	.cart-steps .step1:after{
		display:none;
	}
	.cart-steps {
		border-bottom: 1px solid var(--gray);
		border-top: 1px solid var(--gray);
		padding: 8px 0;
	}
	.s24-urun-item .add_to_cart_button{
		display:none;
	}
	#customer_details {
		width: 100%;
	}

	#order_review {
		max-width: 100%;
		width: 100%;
	}
	#customer_login>div {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	
	#customer_login {
		flex-direction: column;
	}
	.products.list>li>a {
		flex-direction: column;
		text-align: center;
	}
	
	.products.list .s24-urun-item .price {
		padding: 0;
		margin: 0 auto;
	}
	
	.products.list .s24-urun-item>a>img {
		max-width: 110px;
		height: auto;
		padding: 5px;
	}
	
	.products.list .s24-urun-item .urun-marka {
		border-bottom: 1px solid;
		border-right: none;
	}
	
	.products.list .woocommerce-loop-product__title {
		margin: 10px 0 5px;
	}
    header #s24-logo .site-branding img {
        height: auto;
        max-width: 150px;
    }
    
    #s24-manset .s24-manset-sol {
        display: block !important;
        background: transparent;
        box-shadow: none;
    }
    
    .s24-manset-sol p {
        max-width: 90%;
        font-size: .6em;
    }
    
    #s24-manset .s24-manset-sol h3 {
        font-size: 1.5em;
    }
    
    #s24-manset .s24-manset-sol h2 {
    }
    
    #s24-manset .s24-manset-sol .btn {
        font-size: 13px;
    }
    
    .s24-panel {
        margin: 20px 0;
        padding: 0px 0;
    }
    
    #s24-hakkimizda-blok .s24-panel-title {
        font-size: 1.5em;
        margin: 20px 0 0;
    }
    
    .s24-panel .s24-panel-head .s24-panel-title {
        font-size: 1.2em;
        margin-right: 5px;
    }
    
    #s24-sss .s24-panel-head {
        align-items: flex-start;
        margin-bottom: 0;
    }
    
    .s24-sss .accordion-button:not(.collapsed) {
        font-size: 13px;
    }
    
    .s24-sss .accordion-header i {
        min-width: 35px;
    }
    
    .blok-sag {
        padding: 20px 0 0;
    }
    
    #s24-hakkimizda-blok .s24-panel-title {
        text-align: center;
    }
    
    #s24-hakkimizda-blok p {
        text-align: center;
    }
    
    #s24-hakkimizda-blok .blok-sag a {display: none;}
    
    section#s24-sayilarla .col {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 10px;
    }
    
    #s24-sayilarla {
        padding-bottom: 1em;
    }
    
    #s24-bar .blok-sol {text-align: center;border: none;padding-left: 00;border-bottom: 1px solid rgba(255,255,255,.25);padding-bottom: 10px;}
    
    #s24-bar .s24-panel-title {
        font-size: 1em;
    }
    
    .blok-sag.text-end {
        text-align: center !important;
    }
    
    #s24-bar .blok-sol:after {
        left: 0;
        opacity: 0;
    }
    
    #s24-degerler .row-custom>.col-custom {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    #s24-degerler .row-custom>.col-custom:hover {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0;
    }
    
    #s24-degerler .row-custom {
        overflow: scroll;
    }
    
    .s24-panel .s24-panel-head {
        flex-direction: row;
    }
    
    #s24-yorumlar figcaption .lead {
        height: auto;
    }
    .mobile-menu-toggle {
        margin-left: 6px;
    }
    
    .mobile-menu-toggle i {
        height: 27px;
    }
    
    .mobile-menu-toggle span {
        font-size: 11px;
    }
    #s24-ana-manset {
        height: 50vh;
    }
    #s24-ana-manset {
        height: 50vh;
    }
    
    .s24-manset-sol.d-none.d-lg-block {
        padding-bottom: 80px !important;
    }
    .s24-underline:before {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .s24-underline:after {
        opacity: 0;
    }
    .s24-underline:before {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .s24-underline:after {
        opacity: 0;
    }
    
    #s24-sss .s24-panel-head {
        margin-bottom: 30px;
    }

    
    .footer-cards {
        margin: 0 auto;
    }
    /* mobile end */
    .s24-collapseHead .custom-logo {
        height: auto;
    }
    
    #mobileMenu #s24-navbar>ul >li>a {
        color: var(--renk3);
        padding: 10px 0;
    }
    
    #mobileMenu #s24-menu {
        width: 100%;
    }
    
    #s24-menu .header-btn {
        margin-left: 0;
        padding: 10px 0;
    }
    
    #s24-menu .nav-item >.dropdown-menu > .dropdown-item {
    }
    
    #s24-menu .nav-item >.dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-bottom: 15px;
        box-shadow: 0 0px 10px rgba(0,0,0,0.1);
        padding: 10px 0;
    }
    #s24-navbar > .navbar-nav>li {
        border-bottom: 1px solid var(--renk4);
    }
    
    #mobileMenu #s24-navbar>ul >li>a {
        font-size: 14px;
    }
    
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-1439.nav-item {
        display: none;
    }
    
    #mobileMenu #s24-navbar>ul >li>a {
        pointer-events: initial;
        cursor: auto;
    }
    .s24-panel .s24-panel-head {
        align-items: center;
        justify-content: center;
    }
    
    #s24-hakkimizda-blok .s24-panel-title {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    #s24-hakkimizda-blok .s24-panel-head {
        margin-bottom: 20px !important;
        margin-top: -10px;
    }
    .iletisim-inner {
        flex-direction: column;
    }
    
    .iletisim-inner .f-bilgiler i {
        margin-right: ;
        display: inline-block;
    }
    
    .iletisim-inner .f-bilgiler li {
        margin-bottom: -10px;
    }
    
    .iletisim-sag {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 40px;
    }
    .randevu-blok .panel-description {
        font-size: 13px;
    }
    
    #s24-randevu-blok form {
        padding: 2em;
        font-size: 12px;
    }
    .s24-hikaye-list .inner>div {
        flex: 0 0 50%;
        max-width: 47%;
    }
    
    .s24-hikaye-list .inner>div img {
        min-height: initial;
        height: 190px;
    }
    
    section#s24-hikayeler header {margin-bottom: -20px;margin-top: -2px;}
    .innergrid {
        font-size: 13px;
    }
    .urun-img {
        margin-bottom: 20px;
    }
    
    .urun-sag {
    }
    
    .urun-sag h2 {
    }
    
    .urun-sag .urun-aciklama {
        font-size: 14px;
    }
    
    .urun-ozellikler {
        font-size: 13px;
    }
    
    .urun-butonlar .btn {
        width: 100%;
        margin-bottom: 11px;
    }
    
    .alt-urunler {
        flex-direction: column;
    }
    
    .ozellikler-inner>figure {
        flex-direction: column;
    }
    
    .ozellikler-inner>figure img {
        margin: 0 0 23px 0;
        max-width: 100%;
    }
    .urun-sag {
        padding-left: 0;
    }
    
    .ozellikler-inner>figure:nth-child(2n+2) {
        flex-direction: column;
    }
    .s24-manset-sol p {
        font-size: 15px;
    }
    .s24-blog-list .card figure {
        flex-direction: column;
    }
    
    .s24-blog-list .card figure img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .s24-panel-head.mb-5 {
        margin-bottom: 0 !important;
    }
    .s24-collapse.show {
        z-index: 99999999;
    }


}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}