/*
*
* @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 --*/

@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: #61b87d;
	--secondary:#FDDB3A;
    --renk2:#EEF7F1;
    --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);
}
.logged-in.woocommerce-account .container>.woocommerce {
    display: none !important;
}
body:not(.logged-in) .giris-inner {
    display: none;
}
picture {
	display: inline-block
}

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

.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: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-panel-head .s24-panel-title {
    color: #3B4C68;
}

.s24-panel-head .s24-panel-title b:before {
    content: '';
    width: 100%;
    height: 3px;
    background: var(--primary);
    position: absolute;
    bottom: -3px;
}

.s24-panel-head .s24-panel-title b {
    position: relative;
}

.s24-panel-head {
    padding: 2em 0;
}

.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: 50px;
	height: 50px;
	line-height: 50px;
	font-size: var(--font-xxl);
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	color: var(--secondary);
	margin-left: 5px;
	overflow: hidden;
    background:#fff;
	left: 0;
    opacity:1 !important;
	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: #0e0e0e;
    border-color: #0e0e0e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--font-md);
    letter-spacing: 0.5px;
    padding: 10px 20px;
}
.btn-secondary {
    border-radius: 5px;
    background: var(--secondary);
    border-color: var(--secondary);
    text-transform: uppercase;
    font-weight: 600;
    color:#0e0e0e;
    font-size: var(--font-md);
    letter-spacing: 0.5px;
    padding: 10px 20px;
}
.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);
}
.bg-primary{
    background-color:var(--renk2) !important;
}

.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 {
    background: linear-gradient(45deg, var(--primary), #41BB68);
}
header #s24-logo .site-branding img {
    width:auto;
    height: 50px;
}

header #s24-menu {
    background: rgba(0,0,0,0.1);
    border-radius: var(--rounded);
}
header #s24-logo .site-branding {
	max-width: 265px;
	opacity: 1;
	text-align: left;
}

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;
    font-weight: 400;
    font-size: var(--font-xl);
    letter-spacing: 0;
    padding: 6px 1.4em;
    border-radius: var(--rounded);
}

#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%;
}

#s24-menu .s24-navbar>ul {
    align-items: ;
}

#s24-menu .nav-link.active {
    background: #fff;
    color: var(--primary);
    font-weight: 600;
}

#s24-head .menu-right i {
    color: #fff;
    font-size: 1.2em;
}



header .menu-right {
    display: flex;
    justify-content: space-evenly;
}


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 {
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}
#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-manset-sol p {
    color: #0e0e0e;
    font-size: var(--font-xl);
    font-weight: 300;
}
#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 red;
    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);
}
@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}

.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;
}

#s24-ana-manset img {
    width: 100%;
    padding: 2em;
}


.s24-manset-sol-2 {
    border: 1px solid var(--primary);
    border-radius: 20px;
    max-width: 95%;
    background: rgba(255,255,255,.5);
}

.s24-manset-sol-2 ul {
    list-style: none;
    margin: 0;
    padding: 2em;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.s24-manset-sol-2 ul li {
    color: #0e0e0e;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-weight: 400;
    padding-bottom: 20px;
    font-size: 1em;
    letter-spacing: -0.2px;
}

.s24-manset-sol-2 ul li i {
    margin-right: 10px;
    font-size: 1.15em;
}

.s24-manset-sol h2 {
    line-height: 1.5;
    max-width: 90%;
    font-size: 2.4em;
    font-weight: 500;
}

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

#s24-ana-manset .s24-manset-sol {
    padding: 2.5em 0;
}
/**- 3. Ayricaliklar --*/
#s24-ayricaliklar-blok .left ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding: 2em 0;
}

#s24-ayricaliklar-blok .inner {
    display: flex;
}

#s24-ayricaliklar-blok .left ul li i {
    height: 60px;
    background: rgba(0,0,0,0.05);
    border-radius: 0 10px;
    font-style: normal;
    text-align: center;
    margin-right: 20px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 600;
}

#s24-ayricaliklar-blok .left ul li .baslik {
    font-weight: 600;
    font-size: 1.2em;
    color: #3B4C68;
    margin-bottom: 6px;
}

#s24-ayricaliklar-blok .left ul li .aciklama {font-size: 15px;font-weight: 300;}

#s24-ayricaliklar-blok .left ul li {
    display: flex;
}

#s24-ayricaliklar-blok .ayricalik-sag {
    display: flex;
    flex-direction: column;
}

#s24-ayricaliklar-blok .right {flex: 0 0 70%;}

#s24-ayricaliklar-blok .right .ayricalik-item {
    display: flex;
}

#s24-ayricaliklar-blok .left {
    flex: 0 0 30%;
}
#s24-ayricaliklar-blok .right .ayricalik-item img {
    width: 220px;

}

#s24-ayricaliklar-blok .inner {
    align-items: center;
}

.ayricalik-kutular {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

.ayricalik-kutular>span {
    background: #fff;
    width: 30%;
    border-radius: 20px;
    padding: 16px 30px;
    font-size: 1.1em;
    display: flex;
    align-items: center;
}

#s24-ayricaliklar-blok .right .ayricalik-item {
    justify-content: space-around;
}

.ayricalik-kutular>span i {
    margin-right: 20px;
    background: var(--primary);
    font-size: 30px;
    color: #fff;
    border-radius: var(--rounded);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ayricalik-kutular>span b {
    font-weight: 500;
    max-width: 40%;
}
/**- 3. Partnerler --*/
.s24-partnerler img {
    width: 100%;
    height: auto;
    padding: 19px;
    transition:var(--transition);
}
.s24-partnerler img:hover{
    filter:none;
    padding:9px;
}
.s24-partnerler .swiper-slide-inner {
    background: var(--renk2);
    width: 185px;
    height: 185px;
    border-radius: 100%;
    display: flex;
    align-items: center;
}
 
#s24-partnerler .swiper-slide {
    width: 15% !important;
}
.ayricalik-alt-item figure figcaption {
    position: relative;
}

.ayricalik-alt-item figure figcaption:before {
    content:'';
    position: absolute;
    width: 70%;
    height: 170px;
    right: 100%;
    background: url(../images/icons/_ArrowRight.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

.ayricalik-alt-item figure h2 {
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 0.7em;
}

.ayricalik-alt-item figure h2 b {
    display: block;
    font-weight: 300;
}

.ayricalik-alt-item figure p {
    font-size: 1.2em;
    font-weight: 300;
    max-width: 90%;
}

.ayricalik-alt-item .btn {
    color: var(--primary) !important;
    font-weight: 500;
    padding-left: 0;
}
.ayricalik-alt-item figure {
    display: flex;
    justify-content: space-between;
}

.ayricalik-alt-item figure figcaption {
    flex: 0 0 40%;
}

.ayricalik-alt-kutular .ayricalik-alt-item:nth-child(2) figure {
    flex-direction: row-reverse;
}

.ayricalik-alt-kutular .ayricalik-alt-item:nth-child(2) figure figcaption:before {
    right: initial;
    left: 83%;
}
.ayricalik-alt-item {
    margin: 3.5em 0;
}

.ayricalik-alt-item figure img {flex: 0 0 35%;}
/**- 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);
    font-weight:300;
}
#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;
}
#s24-hakkimizda-blok .s24-panel-title {
    font-size: 3em;
}

#s24-hakkimizda-blok .s24-panel-title strong {display: block;}

#s24-hakkimizda-blok .s24-panel-description {
    font-size: 1.1em;
    font-weight: 300;
    max-width: 75%;
    margin: 1em 0;
}
/**- 5. Ürünler --*/
.nav-pills-primary {
    justify-content: space-evenly;
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--primary);
    margin-bottom: var(--spacer-lg);
}

.nav-pills-primary .nav-link {
    color: #525252;
    background: #F9F9F9;
    font-weight: 500;
    font-size: 1.1em;
    padding: .6em 2em;
}

.nav-pills-primary .nav-link:hover {
    background: var(--primary);
    color: #fff;
}


.s24-urun-item figure {
    display: flex;
    justify-content: space-between;
}
.s24-urun-item figcaption:before {
    content: '';
    background: url(../images/icons/urunBg.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.s24-urun-item figcaption {
    position: relative;
    flex: 0 0 65%;
}

.s24-urun-item figure >a {
    flex: 0 0 30%;
}

.s24-urun-item figcaption a {
    position: absolute;
    left: 44%;
    top: 49%;
    transform: translateY(-43%) translateX(-55%);
    color: #fff;
    max-width: 270px;
    text-align: center;
}

.s24-urun-item figcaption h3 {
    font-weight: 400;
    font-size: 1.6em;
    padding: 0 20px;
}
.btn-urun {
    border: 1px solid var(--primary);
    padding: 10px;
    border-radius: 15px;
    height: 80px;
    display: flex;
    margin: 12px 0 0;
    column-gap: 20px;
    align-items: center;
}

.btn-urun span {
    flex: 0 0 46%;
    background: #0e0e0e;
    color: #fff;
    border-radius: 11px;
    font-size: 1em;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    text-align: center;
}

.btn-urun p {font-size: 15px;height: 43px;overflow: hidden;color: #0e0e0e;margin: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.btn-urun span i {
    margin-right: 9px;
}

.s24-urun-item figure >a img {
    border: 2px solid var(--primary);
    border-radius: 20px;
}

.s24-urun-item figcaption h3 {
    font-weight: 600;
    font-size: 2em;
    letter-spacing: 0.5px;
    padding: 0 10px;
}
.s24-urun-item figcaption .urun-kategori {
    font-size: 1.2em;
    font-weight: 300;
}
/** 6. Hizmetler **/

.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;
    border: 1px solid var(--primary);
}
.s24-hizmet-item:hover figcaption ul{
    background: var(--renk2);

}


.s24-hizmet-item figure img {
    border-radius: 10px;
}
.s24-hizmet-item .hizmet-title {
    font-size: var(--font-xxl);
    color: #fff;
    display: block;
    margin: 10px 0;
    font-weight: 600;
    background: var(--primary);
    padding: 15px;
    border-radius: var(--rounded);
    text-align: center;
    transition: var(--transition);
}

.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;
}

.s24-hizmetler .takvim-icerik ul {
    list-style: none;
    margin: 30px 0;
    background: rgba(0,0,0,0.03);
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    transition:var(--transition);
}

.s24-hizmetler .takvim-icerik ul li {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
}


.s24-hizmetler .takvim-icerik ul li svg {
    height: 26px;
    width: 26px;
}


.s24-hizmetler .swiper-slide {
    max-width: 28%;
}

.s24-hizmetler .takvim-icerik ul li p,.s24-hizmetler .takvim-icerik ul li span {
    font-size: 15px;
}

.s24-hizmetler .takvim-icerik ul li p {
    font-weight: 600;
    margin: 0;
}

#s24-hizmetler .btn-primary-line {
    text-align: center;
    display: block;
    font-size: var(--font-xxl);
}

.s24-hizmet-item figure {
    margin-bottom: 0;
}


.s24-hizmet-item:hover h3 {
    background: #0e0e0e;
}
#s24-hizmetler .nav-pills-primary {
    justify-content: flex-start;
    column-gap: 20px;
    margin-bottom: 0;
}

#s24-hizmetler .nav-pills-primary .nav-link {
    background: #fff;
}

#s24-hizmetler .nav-pills-primary .nav-link.active {
    background: var(--primary);
}
.s24-hizmetler{
    overflow:initial !important;
}
.s24-hizmetler .swiper-pagination {position: relative;padding: 30px 0 0;}

.s24-hizmetler .swiper-pagination span {
    padding: 8px;
    background: var(--primary);
}
.page-id-1733 .s24-hizmetler .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    transform: none !important;
    column-gap: 15px;
}

.page-id-1733 .s24-hizmetler .swiper-wrapper .swiper-slide {
    max-width: calc(25% - 12px);
    margin: 0 !important;
}

.page-id-1733 .s24-hizmetler .s24-pagination, .page-id-1733  .swiper-pagination {
    display: none !important;
}
/** Video Galeri **/
.s24-videolar iframe {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    border: 1px solid var(--primary);
}
.s24-videolar {
    overflow: initial !important;
}
.s24-playlist img {
    border: 1px solid var(--primary);
    border-radius: 10px;
    transition:var(--transition);
}

.s24-playlist h3 {
    color: #0e0e0e;
    font-size: var(--font-xl);
    text-align: center;
    padding: 20px 0 0;
}

.s24-videolar .swiper-slide:hover img {
    transform: translateY(-5px);
}
.s24-panel .s24-panel-head .s24-panel-title-link {
    opacity: 1;
    font-size: .8em;
    display: inline-block;
}

.s24-panel-head .s24-panel-title {
    display: inline-block;
    vertical-align: middle;
}
.s24-panel .s24-panel-head .s24-panel-title-link a i {
    margin-left: 5px;
}
/** 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(--secondary);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded);
    margin-right: 1em;
    transition: var(--transition);
}

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

.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 .row-custom>.col-custom {
    flex: 0 0 22%;
    max-width: initial;
}
.s24-degerler-card i {
    position: relative;
    background: #137234;
    padding: 0px 2px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: var(--font-head-lg);
    margin-bottom: 10px;
}

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

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

.s24-degerler-card .degerler-title {
    font-size: 1.2em;
    margin: 20px 0 10px;
    font-weight: 600;
}

.s24-degerler-card {
    border: 1px solid var(--primary);
    box-shadow: none;
    padding: 0;
    height: 310px;
    padding: 40px;
}
#s24-degerler .row-custom {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}


#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);
    line-height: 1.7;
    color: #444;
    font-weight: 400;
    letter-spacing: 0.4px;
}

#s24-degerler .s24-degerler-card:hover:after{
    left:5px;
    top:5px;
}
.s24-degerler-card {
}

.s24-degerler-card i img {
    position: relative;
    z-index: 1;
    padding: 11px;
    width: 70px;
}

#s24-degerler .ayricalik-kutular {
    margin-bottom: -85px;
}

#s24-degerler {
    margin-bottom: 85px;
}
/* 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: var(--black)
	}

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

	to {
		color: var(--secondary)
	}
}

#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 -*/
#footer-kutu {
    position: relative;
    background: #45B26B url(../images/icons/fBg.svg)no-repeat right center;
    max-width: 70%;
    top: -50px;
    height: 170px;
    margin: 0 auto -50px auto;
    border-radius: 15px;
    padding: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.s24-footer-kutu {}

#footer-kutu h3 {
    font-size: 2.5em;
    font-weight: 700;
}

#footer-kutu p {
    font-weight: 300;
    max-width: 40%;
    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;
}
/* İletişim */
.iletisim-ust ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.iletisim-ust ul li {
    flex: 0 0 30%;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px 15px;
    border-radius: 10px;
    font-weight: 500;
}

.iletisim-ust ul li i {
    font-size: 2em;
    color: #F5A623;
}

.iletisim-ust ul li:nth-child(2) {
    border: 1px solid #f5a623;
    background: #f5a623;
    color: #fff;
}

.iletisim-ust ul li:nth-child(2) i {
    color: #fff;
}

.iletisim-ust {
    margin-bottom: 2em;
}

.iletisim-ust ul li span {
    font-weight: 600;
    margin: .5em 0;
    font-size: 1.25em;
}
.iletisim-alt-sag .form-control {
    border-radius: 5px;
    background: #F3F3F3;
    border: none;
    padding: 15px 14px;
}

.iletisim-alt-sag .wpcf7-submit {
    background: var(--primary);
    border: none;
    padding: 12px 25px;
    border-radius: 9px;
    color: #fff;
    width: 100%;
}

.iletisim-alt-sag h3 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.iletisim-alt iframe {
    width: 100%;
    border-radius: 20px;
    border: 1px solid var(--primary) !important;
    padding: 8px;
}
.iletisim-alt-sag span {
    font-weight: 300;
    font-size: .8em;
    color: #B2B2B2;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: block;
}

/**- 8. Breadcrumbs --*/
#primary {
	overflow: hidden
}
.woocommerce-breadcrumb {
	position: relative;
	background-color: transparent;
	color: #fff;
	font-size:var(--font-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}

.woocommerce-breadcrumb h3 {
	margin-bottom: 0;
	font-size: var(--font-xl);
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid #fff;
	color: #fff;
	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: #fff;}

.s24-page-head {
    background: var(--primary);
    padding: 2em 0;
    text-align: center;
}

.woocommerce-breadcrumb h3 {
    display: none;
}

.s24-page-head-title {
    color: #fff;
    margin: 15px 0 0;
}

.s24-page-head-title h1 {
    margin-bottom: 0;
    font-weight: 600;
}
/**- 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. Others -**/
.collapse-close{
	display:none;
}
#s24-menu .nav-link:hover {
    background: #fff;
    color: var(--primary);
}

#s24-menu .nav-link {
    margin-right: 7px;
    letter-spacing: 0.1px;
}

.s24-manset-sol h2 {
    font-weight: 600;
}

.s24-manset-sol-2 ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#s24-partnerler {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: ;
}

.home #s24-ayricaliklar-blok {
    margin-top: -20px !important;
}

#s24-ayricaliklar-blok .left ul li:hover i {
    background: var(--primary);
    color: #fff;
}

#s24-ayricaliklar-blok .left ul li i {
    transition: var(--transition);
}

#s24-ayricaliklar-blok .right .ayricalik-item img:hover {
    transform:translateY(-20px);
}

#s24-ayricaliklar-blok .right .ayricalik-item img {
    transition: var(--transition);
}

.btn-urun span:hover {
    background: var(--primary);
}

.btn-urun span {
    transition: var(--transition);
}

.s24-urun-item figure:hover img {
    opacity: .9;
}

#s24-hizmetler .nav-pills-primary .nav-link:hover {
    color: var(--primary);
}

.btn-secondary {
    color: #fff;
}

.home #s24-blog {
    margin-top: -31px !important;
}
.s24-manset-sol-2:hover {
    box-shadow: 10px -10px 0px 0px var(--primary);
}

.s24-manset-sol-2 {
    transition: var(--transition);
}
.s24-degerler-card:hover {
    background: var(--primary) !important;
}

.s24-degerler-card:hover i {
    background: #fff;
}

.s24-degerler-card:hover i:after {
    background:#0e0e0e;
}

#s24-ayricaliklar-blok {
    margin-top: 0;
}
.s24-degerler-card * {
    transition: var(--transition);
}
.page-id-1733 #s24-hizmetler {
    margin-top: 0;
}
.iletisim-alt-sag {
    padding-left: 15px;
}
.s24-degerler-card:hover h3,.s24-degerler-card:hover p {
    color: #fff !important;
}

.s24-degerler-card i:after {
    transition: var(--transition);
}

.s24-degerler-card {
    transition: var(--transition);
}

#s24-partnerler .swiper-pagination {
    display: none;
}
.single-product .summary p.price {
    display: none;
}

form.cart {
    margin: 30px 0;
}
#s24-footer-copyright .row {
    justify-content: space-between;
}
#s24-girisyap-blok .giris-kutu {
    box-shadow: 0 0px 10px 5px rgba(0,0,0,0.04);
    padding: 5px;
    border: 1px solid var(--primary);
    border-radius: 20px;
}

#s24-girisyap-blok .giris-kutu figure {
    display: flex;
    align-items: center;
    column-gap: 20px;
    background: var(--renk2);
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 0;
}

#s24-girisyap-blok .giris-kutu h3 {
    font-weight: 700;
}

#s24-girisyap-blok .giris-kutu h3:before {
    content: '';
    width: 25px;
    height: 1px;
    background: var(--primary);
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#s24-girisyap-blok .giris-kutu p {font-size: .94em;font-weight: 300;}

#s24-girisyap-blok .giris-kutu .btn {
    background: var(--primary);
    border-color: var(--primary);
}

#s24-girisyap-blok .giris-kutu .btn:hover {
    background: #000;
    border-color: #000;
}
.woocommerce-account .container>.woocommerce {
    flex-direction: column;
}

form.woocommerce-form.woocommerce-form-login.login {}

form.woocommerce-form.woocommerce-form-login.login input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: none;
}

p.woocommerce-LostPassword.lost_password {
    display: none;
}
.s24-hizmet-item figure img {
    width: 100%;
    border-radius: 24px;
}

.s24-hizmet-item {
    padding: 0;
}
/**- 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: .8em 0;
        background: var(--primary);
    }
    
    .s24-mobile-head-inner span {
        font-size: 11px;
        color: #fff;
        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;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }
    
    #s24-ana-manset>div {
        padding: 0;
    }
    
    #s24-ana-manset .swiper-slide-inner>.row {
        flex-direction: column-reverse;
    }
    
    ba {
        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 {
        display: none;
    }
    
    .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(--primary);
        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 {
        font-weight: 700;
        color: #0e0e0e;
        padding: 12px 0;
        font-size: 1em;
    }
    
    #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: 38px;}
    
    .mobile-menu-toggle i {background: rgba(0,0,0,0.1);}
    
    .s24-mobile-head-inner i {
    color: #fff;
    }
    
    
    #s24-manset .swiper-slide-inner img {
    padding: 10px;
    height: auto;
    background: #f8f8f8;
    border-radius: 0 0 20px 20px;
    }
    
    .s24-manset-sol-2 ul {
    padding: .7em;
    text-align: center;
    }
    
    #s24-ana-manset .swiper-slide-inner>.row {
    flex-direction: column-reverse;
    }
    
    .s24-manset-sol-2 {max-width: 100%;margin: 20px;}
    
    .s24-manset-sol-2 ul li {
    font-size: 14px;
    }
    
    .s24-slider-down {
    display: none;
    }
    
    div#s24-logo {
        border-right: 1px solid rgba(255,255,255,.25);
        padding-right: 20px;
    }
    
    #s24-partnerler .swiper-slide {
        width: 40% !important;
    }
    
    .s24-partnerler .swiper-slide-inner {
        width: 130px;
        height: 130px;
    }
    
    #s24-ayricaliklar-blok .inner {
        flex-direction: column;
    }
    
    #s24-ayricaliklar-blok .left {
        margin-bottom: 1em;
    }
    
    #s24-ayricaliklar-blok .left ul {
        padding-top: 0;
    }
    
    .s24-panel .s24-panel-head {
        padding: 20px 0;
        text-align: center;
    }
    
    .s24-panel-head .s24-panel-title {
        font-size: 1.4em;
    }
    
    #s24-ayricaliklar-blok .left ul li .baslik {
        font-size: 1em;
    }
    
    #s24-ayricaliklar-blok .left ul li .aciklama {
        font-size: .856em;
    }
    
    #s24-ayricaliklar-blok .right .ayricalik-item img {
        width: 28%;
    }
    
    .ayricalik-kutular {
        flex-direction: column;
    }
    
    .ayricalik-kutular>span {
        width: 100%;
        margin-bottom: 11px;
    }
    
    .ayricalik-kutular>span b {
        max-width: 100%;
    }
    
    #s24-partnerler {
        margin-top: 0px;
    }
    
    .nav-pills-primary>li {
        flex: 0 0 calc(50% - 10px);
    }
    
    .nav-pills-primary .nav-link {
        font-size: 1em;
        padding: 13px 12px;
        text-align: center;
    }
    
    .nav-pills-primary {
        row-gap: 10px;
        column-gap: 10px;
    }
    
    .s24-urun-item figure {
        flex-direction: column;
        height: auto;
    }
    
    .s24-urun-item figure >a {
        flex: 0 0 100%;
    }
    
    .s24-urun-item figure >a img {
        width: 100%;
        height: 270px;
        object-fit: contain;
    }
    
    #s24-hizmetler .swiper-slide {max-width: 85% !important;}
    
    .s24-pagination-top {
        display: none;
    }
    
    #s24-bar .blok-sol {text-align: center;margin-bottom: 20px;border-left: none;border-bottom: 1px solid rgba(255,255,255,.35);padding-bottom: 20px;margin-bottom: 30px;padding-left: 0;font-size: 1.3em;}
    
    #s24-bar .s24-panel-title {
        font-size: 1.2em;
    }
    
    #s24-bar .s24-panel-description {
        font-size: 1.1em;
    }
    
    #s24-bar .blok-sol:after {
        opacity: 0;
    }
    
    #s24-bar .blok-sag {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 20px;
    }
    
    .s24-panel .s24-panel-head {
        display: flex;
        align-items: center;
    }
    
    #s24-video-galeri .swiper-slide {
        max-width: 77%;
    }
    
    #footer-kutu {
        max-width: 100%;
        text-align: center;
        font-size: 13px;
    }
    
    #footer-kutu p {
        max-width: 100%;
    }
    
    #s24-footer {
        margin-top: 50px !important;
    }
    
    .s24-mobile-head-inner {
        margin-top: 3px;
    }
    
    .s24-collapseHead .custom-logo {
        height: 40px;
        width: auto;
    }
    
    .collapse-close {
        color: #fff;
    }
    .s24-page-head {
        padding-top: 1em;
        padding-bottom: 1.2em;
    }
    
    .s24-page-head-title {
    }
    
    .s24-page-head-title h1 {
        font-size: 20px;
    }
    
    nav.woocommerce-breadcrumb {
        font-size: 13px;
    }
    
    #s24-hakkimizda-blok .s24-panel-title {
        font-size: 2em;
        text-align: center;
        margin: 20px 0 0;
    }
    
    #s24-hakkimizda-blok .s24-panel-description {
        text-align: center;
        max-width: 100%;
    }
    
    #s24-degerler .row-custom>.col-custom {
        flex: 0 0 50%;
    }
    
    #s24-degerler .row-custom {
        flex-wrap: wrap;
    }
    
    .s24-degerler-card {
        padding: 20px;
        height: 320px;
    }
    
    #s24-degerler {
        margin-bottom: 50px;
    }
    .ayricalik-alt-item figure img {
        height: auto;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .ayricalik-alt-item figure {
        align-items: flex-start;
        flex-direction: column;
    }
    
    .ayricalik-alt-kutular .ayricalik-alt-item:nth-child(2) figure {
        flex-direction: column;
    }
    
    .ayricalik-alt-item figure h2 {
        font-size: 1.5em;
    }
    
    .ayricalik-alt-item figure p {
        font-size: 1em;
    }
    
    .ayricalik-alt-item figure figcaption:before {display: none;}
    
    section#s24-ayricaliklar-alt {
        padding-top: 0;
    }
    .page-id-1733 #s24-hizmetler .swiper-slide {
        min-width: 100%;
    }
    .iletisim-ust ul {
        flex-direction: column;
        column-gap: 20px;
        row-gap: 20px;
    }
    
    .iletisim-ust ul li {
        font-size: .8em;
    }
    
    .iletisim-alt-sag h3 {
        font-size: 2em;
    }
    
    .iletisim-alt-sag {
        padding-left: 0;
        padding-top: 20px;
    }
    #s24-girisyap-blok .giris-kutu img {
        flex: 0 0 30%;
        max-width: 30%;
    }
    
    #s24-girisyap-blok .giris-kutu figure {
        align-items: flex-start;
    }
    
    #s24-girisyap-blok .giris-kutu h3 {
        font-size: 1em;
    }
    
    #s24-girisyap-blok .giris-kutu p {
        font-size: 13px;
    }
    
    #s24-girisyap-blok .giris-kutu {
        margin-bottom: 20px;
    }
    
    .alert {
        font-size: 13px;
    }
    
    section#s24-girisyap-blok {
        padding-top: 0;
    }




}

/* `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) {

}