/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

:root {
    --bg-body: #ffffff !important;
    --bg-overlay-body: rgba(255, 255, 255, 0.5) !important;
    --bg-primary: #4a81dc !important;
    --bg-overlay-primary: rgba(74, 129, 220, 0.5) !important;
    --bg-secondary: #8c8c8c !important;
    --bg-overlay-secondary: rgba(140, 140, 140, 0.5) !important;
    --bg-white: #ffffff !important;
    --bg-overlay-white: rgba(255, 255, 255, 0.5) !important;
    --bg-black: #4a81dc !important;
    --bg-overlay-black: rgba(74, 129, 220, 0.5) !important;
    --bg-success: #43b54c !important;
    --bg-overlay-success: rgba(67, 181, 76, 0.5) !important;
    --bg-info: #e9f1fb !important;
    --bg-overlay-info: rgba(233, 241, 251, 0.5) !important;
    --bg-warning: #f6c105 !important;
    --bg-overlay-warning: rgba(246, 193, 5, 0.5) !important;
    --bg-danger: #e42437 !important;
    --bg-overlay-danger: rgba(228, 36, 55, 0.5) !important;
    --bg-gray: #a0a0a0 !important;
    --bg-overlay-gray: rgba(160, 160, 160, 0.5) !important;
    --bg-light: #fcfcfc !important;
    --bg-overlay-light: rgba(252, 252, 252, 0.5) !important;
    --bg-dark: #2c2a28 !important;
    --bg-overlay-dark: rgba(44, 42, 40, 0.5) !important;
    --button-primary: #4a81dc;
    --button-secondary: #8c8c8c;
    --button-white: #ffffff;
    --button-black: #000000;
    --button-success: #43b54c;
    --button-info: #4ecbf2;
    --button-warning: #f6c105;
    --button-danger: #e42437;
    --button-gray: #747474;
    --button-light: #f9f9f9;
    --button-dark: #2c2a28;
    --border-primary: #4a81dc !important;
    --border-secondary: #dddddd !important;
    --border-white: #ffffff !important;
    --border-black: #000000 !important;
    --border-success: #43b54c !important;
    --border-info: #4ecbf2 !important;
    --border-warning: #f6c105 !important;
    --border-danger: #e42437 !important;
    --border-gray: #F5F5F5 !important;
    --border-light: #eaeaea !important;
    --border-dark: #2c2a28 !important;
    --text-primary: #1a4b9c !important;
    --text-secondary: #808080 !important;
    --text-white: #ffffff !important;
    --text-black: #000000 !important;
    --text-success: #43b54c !important;
    --text-info: #4ecbf2 !important;
    --text-warning: #f6c105 !important;
    --text-danger: #e42437 !important;
    --text-gray: #747474 !important;
    --text-light: #979797 !important;
    --text-dark: #2c2a28 !important;
    --text-body: #373738 !important;
    --text-heading: #373738 !important;
    --border-radius: 10px !important;
}

.custom-header {
    background-color: #fff;
}

.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #4a81dc;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.top-menu .sol-menu,
.top-menu .sag-menu {
    display: flex;
    gap: 15px;
    align-items: center;
}

.widget-title {
    display: none;
}

/* ------- LOGO AYARLARI ------- */
.custom-header .site-logo {
    max-height: 160px;
}

.custom-header .site-logo img {
    max-height: 90px;
    width: auto;
}

/* ------- MASAÜSTÜ HEADER DÜZENI ------- */
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

/* ------- ARAMA VE SEPET ALANI ------- */
.header-widgets {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* ------- HEADER ARAMA FORMU ------- */
.woocommerce-product-search {
    position: relative;
    display: flex;
}

.woocommerce-product-search input[type="search"] {
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 250px;
}

.search-mobile button,
.header-widgets button {
    display: none;
}

.nav-menu {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
}


.nav-menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* ------- MOBİL MENÜ AYARLARI ------- */
/* Varsayılan olarak gizli */
.mobile-menu-toggle {
    display: none;
}

.header-cart-mobil {
    display: none;
}

/* Soldan kayan mobil menü */
.mobile-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #111;
    color: #fff;
    z-index: 9999999;
    transform: translateX(-150%);
    transition: transform 0.3s ease;
    padding: 60px 20px;
    overflow-y: auto;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.5);
}

.mobile-menu-container.open {
    transform: translateX(0);
}

/* Menü kapatma (X) tuşu */
.mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
}

/* Menü içeriği */
.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav li {
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

.mobile-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s;
}

.mobile-nav a:hover {
    color: #3b82f6;
}

/* ------- MASAÜSTÜ GÖRÜNÜM (769px ve üzeri) ------- */
@media screen and (min-width: 769px) {

    .mobile-menu-container,
    .search-mobile,
    .mobile-menu-toggle,
    .header-cart-mobil {
        display: none;
    }

    .woocommerce ul.products li.product:not(.last):after {
        content: "";
        width: 1px;
        position: absolute;
        right: -24px;
        top: -15px;
        bottom: -17px;
        background: #e8e8e8;
    }

    .woocommerce ul.products li.product:before {
        height: 1px;
        position: absolute;
        left: 0;
        content: "";
        bottom: -16px;
        right: 0;
        background: #e8e8e8;
    }
}

/* ------- MOBİL GÖRÜNÜM (768px ve altı) ------- */
@media screen and (max-width: 768px) {

    /* Header boşluk ayarları */
    div#site-header {
        margin: 40px 0 10px 0;
        padding: 0;
    }

    /* Genel düzen düzeltmeleri */
    .custom-header .col-full {
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: 0 10px;
    }

    /* Header iç düzeni */
    .header-inner {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        margin: 0;
    }

    /* Hamburger menü butonunu göster ve sol tarafa konumlandır */
    .mobile-menu-toggle {
        display: flex;
        cursor: pointer;
        font-size: 24px;
        color: #333;
        z-index: 2;
        width: 40px;
        justify-content: flex-start;
    }

    /* Logo tam ortada konumlandır */
    .site-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        z-index: 1;
        width: auto;
        max-width: 45%;
    }

    .site-logo img {
        max-height: 60px;
        width: auto;
    }

    /* Mobil sepeti göster ve sağa hizala */
    .header-cart-mobil {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
        z-index: 2;
        width: 40px;
    }

    .header-cart-mobil .site-header-cart {
        margin-left: auto;
    }

    /* Sepet simgesi büyüklüğü ayarı */
    .header-cart-mobil .dashicons-cart {
        font-size: 24px;
    }

    /* Masaüstü elementleri gizle */
    .header-cart,
    .header-search,
    .main-navigation {
        display: none !important;
    }

    /* Dashicons ayarları */
    .dashicons,
    .dashicons-before:before {
        vertical-align: middle !important;
    }

    /* Mobil arama formu */
    .search-mobile {
        display: block;
        width: 100%;
        padding: 5px 10px 15px;
    }

    form.woocommerce-product-search {
        width: 100%;
        margin: 30px 0 0px;
        display: flex;
    }

    .woocommerce-product-search input[type="search"] {
        width: 100%;
        min-width: 100%;
        height: 40px;
        border-radius: 4px;
        padding: 5px 10px;
        font-size: 14px;
    }

    /* Mobil mini sepet konumu */
    .widget_shopping_cart {
        position: absolute;
        right: 0;
        left: auto;
        width: 280px;
        top: 40px;
    }

    /* Sepet sayacı stili */
    .header-cart-mobil .count {
        background-color: #e63946;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -5px;
        right: -5px;
    }
}

.collapse-panel {
    width: 100%;
    height: 100%;
    background: black;
    position: relative;
    position: fixed;
    z-index: 99999;
    display: none;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    pointer-events: none;
}

.collapse-panel.show {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.woocommerce ul.products li.product .button {
    position: unset !important;
    width: 100%;
    bottom: -100px;
    transition: all 0.3s ease;
    opacity: 1;
    display: block;
    color: #fff;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: #4a81dc;
    margin-bottom: unset !important;
    border-radius: 54px;
}

.woocommerce ul.products li.product .clicked .button,
.woocommerce ul.products li.product:hover .button {
    bottom: 0;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.55, -0.32, 0, 1.13);
}

.woocommerce ul.products li.product .product-thumb-wrap {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
}

ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
    margin: 0 auto !important;
}

/* Kategori sayfaları HARİÇ tüm sayfalarda geniş içerik */
body:not(.tax-product_cat) .content-area {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {

    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: 0 1.5em;
    }

    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        font-size: 15px;
        text-align: center;
    }
}

form.woocommerce-product-search {
    margin: unset !important;
}

input#woocommerce-product-search-field-0 {
    background: #fff;
    bordeR: 1px solid #ddd;
    box-shadow: unset !important;
    padding: 9px 0 9px 15px;
    font-size: 14px;
    font-weight: 600;
}

li.woocommerce-mini-cart-item.mini_cart_item {
    padding: 12px;
}

.widget.woocommerce.widget_shopping_cart {
    background: #060d3e;
    border-color: #3d4897;
    border-radius: .4rem;
}

.header {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 50px 0;
}

ul.sub-menu {
    background: #3b447f;
}

/*Anasayfa başlıkların margin düzeltmesi*/
.container h4 {
    margin: 0;
}

.container button:not(.woosw-btn) {
    background: #4A81DC !important;
    padding: 5px 15px;
    border-radius: 70px;
    transition: .3s ease-in-out;
    zoom: 100%;
}

.container button:hover {
    background: #2d61b5 !important;
    animation: zigzag 0.4s linear 1;
}

.container button span:not(.woosw-btn) {
    color: #fff;
}

h2.woocommerce-loop-product__title {
    font-size: 1em !important;
    font-weight: 700 !important;
}


.custom-slider h1 {
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 8px !important;
}

.custom-slider a {
    background: #fff;
    padding: 10px 15px;
    border-radius: .4rem;
    color: #060d3e;
    font-weight: 600;
    letter-spacing: -.2px
}

.custom-slider a:hover {
    animation: zigzag 0.4s ease-in-out;
}

@keyframes zigzag {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-4px);
    }

    40% {
        transform: translateX(4px);
    }

    60% {
        transform: translateX(-4px);
    }

    80% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(0);
    }
}

h4.rt-heading.style-2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
    position: relative;
    color: #0c144f;
    padding-right: 60px;
}

h4.rt-heading.style-2:after {
    content: "";
    width: 40px;
    height: 4px;
    position: absolute;
    background: #0c144f;
    right: 0px;
    top: 16px;
}

#yeksoftsearch-form {
    position: relative;
    width: 430px;
    display: flex;
}

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


a {
    color: #060d3e;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 1.4em;
    margin-bottom: 5px;
    font-weight: 700
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1.25em;
}

.quantity .qty {
    width: 100%;
    text-align: center;
    background: transparent;
    box-shadow: unset !important;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 3em;
    line-height: 3em;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 30px 10px 0;
}

button.wpcbn-btn.wpcbn-btn-single.wpcbn-btn-simple.single_add_to_cart_button.button.alt {
    background: #339bc3;
}

.type-product form.cart>* {
    flex: 1;
    min-width: 100px;
    text-align: center;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
}

.woocommerce div.product .single_add_to_cart_button {
    line-height: 3em;
    font-size: .8em;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 0 50px;
    height: 3em;
    background: #060d3e;
}

.product_meta {
    display: flex;
    justify-content: flex-start;
    gap: 22px;
}

.woocommerce div.product form.cart {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #f2f2f2;
    margin-bottom: 0;
}

.single-product div.product form.cart {
    margin-bottom: 1.618em;
    padding: 2em 0;
}

.type-product form.cart {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

button.single_add_to_cart_button.button.alt {
    width: 32%;
    border-radius: .4rem;
}

.woocommerce div.product .single_add_to_cart_button {
    line-height: 3em;
    font-size: .8em;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 0 50px;
    height: 3em;
}

.custom-slider {
    width: 100vw;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}


.advantage-section {
    background-color: #f9f9f9;
    padding: 40px 0;
}

.advantage-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 20px;
}

.advantage-item {
    flex: 1 1 22%;
    background: #fff;
    text-align: center;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-5px);
}

.advantage-item img {
    max-width: 50px;
    margin-bottom: 15px;
}

.advantage-item h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #111;
}

.advantage-item p {
    font-size: 14px;
    color: #333;
    margin: unset !important;
}

@media (max-width: 600px) {
    .advantage-item p {
        font-size: 0.825rem;
        font-weight: bold
    }

    .advantage-item h4 {
        font-size: 0.95rem;
        width: 100%;
    }

}

.custom-slider {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
    /*padding: 60px 20px;*/
}

.advantage-item p a {
    color: #1d4ed8;
    text-decoration: none;
}

.advantage-item p a:hover {
    text-decoration: underline;
}

.advantage-item h4 {
    margin-top: unset !important;
}

/* Üstteki topbar hizalaması */
.mesoxy-topbar {
    background: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    z-index: 9999;
    position: relative;
}

.mesoxy-custom-header {
    background: #fff;
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}

.mesoxy-header-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.mesoxy-header-left img {
    height: 48px;
}

.mesoxy-header-middle {
    display: flex;
    gap: 20px;
    flex-grow: 1;
    justify-content: center;
}

.mesoxy-widget {
    min-width: 160px;
}

.mesoxy-header-right {
    display: flex;
    gap: 15px;
    align-items: center;
}

.mesoxy-icon {
    font-size: 20px;
    background: #f4f4f4;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
}


.custom-slider h1,
.custom-slider p {
    color: #fff;
}

a.cart-contents:hover,
.site-header-cart a:hover,
.site-header-cart:hover>li>a {
    color: #060d3e;
}

.site-header .widget_shopping_cart p.total,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart li {
    padding-left: 1.41575em;
    padding-right: 1.41575em;
}

@media (min-width: 768px) {
    .storefront-breadcrumb {
        padding: 1.41575em 0;
        margin: 0 0 0;
    }



    .site-header-cart .widget_shopping_cart .buttons,
    .site-header-cart .widget_shopping_cart .total {
        background-color: #1b2888;
    }

    .site-header-cart .cart-contents {
        padding: 0 !important;
        color: #000;
    }

    .site-header-cart .cart-contents .amount {
        margin-right: .327em;
        font-size: 14px;
        border-right: 1px solid #ddd;
        padding-right: 6px;
    }
}

/**/
.header-widgets-left .widget-area,
.header-widgets-left .widget {
    margin-bottom: 0 !important;
}

.header-widgets-left {
    display: flex;
}

.header-left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-widgets-left {
    display: flex;
    padding: 0 24px;
}

.site-logo {
    margin-right: 15px
}

.header-right {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.custom-header .site-logo img {
    max-height: 45px;
    width: auto;
}

.header-inner {
    padding: 0;
}

.widget-aream {
    display: flex;
    align-items: center;
}

.header-widgets-left>div a {
    color: #060d3e;
}

.header-widgets-left>div {
    border-left: 1px solid #ddd;
    padding: 0 24px;
    height: 65px;
    font-weight: 700;
    font-size: 14px;
}

.header-widgets-left>div:not(:first-child) {
    border-right: 1px solid #ddd;
}

.header-widgets-left p {
    margin: 0;
}

/**/

/* WooCommerce detay tab menüsünü kutu kutu hale getir */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start;
    /* veya center/space-between */
    padding: 0;
    margin: 0;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0px 20px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    cursor: pointer;
    transition: all 0.2sease;
    width: 100%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    border-bottom: 2px solid #000;
}

@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column !important;
    }

    .header-widgets-left {
        display: none;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 100%;
        margin-bottom: 5px;
    }

    .custom-header .col-full {
        margin: 15px
    }

    .search-mobile {
        padding: unset;
        margin-top: 1.5pc
    }

}

.header-right {
    gap: 15px
}


input#woocommerce-product-search-field-1 {
    background: transparent;
    box-shadow: unset;
    border-radius: .4rem;
}

@media (max-width: 768px) {
    .top-menu {
        display: none;
    }

    .header-search {
        border-right: 1px solid #ddd;
        padding-right: 18px;
    }

    .woocommerce-tabs .panel {
        width: 100%;
        float: unset;
        margin-right: 0;
        margin-top: 0;
    }

    .woocommerce-tabs ul.tabs {
        width: 100%;
        float: unset;
        margin-right: unset;
    }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
    margin: 0 5px 0 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
}

.woocommerce-tabs ul.tabs li a {
    padding: 1em 0;
    display: block;
    width: 100%;
    text-align: center;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: unset !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px;
    border: 1px solid #eee;
    margin-top: 5px;
}

.header-search .woocommerce-product-search button {
    display: none !important;
}

.header-search form {
    margin: 0 !important;
}

#yeksoftsearch-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    box-shadow: unset;
}

/*# sourceMappingURL=style.css.map */

@media only screen and (max-width: 768px) {
    #yeksoftsearch-input-mobil {
        border-radius: 0.4rem;
        border: 1px solid #ddd;
        width: 100%;
    }

    #yeksoftsearch-form {
        position: relative;
        width: 100% !important;
        margin: 0 auto;
        padding: 0 26px;
    }

    div#yeksoftsearch-results-mobil {
        border: 1px solid #ddd;
        border-radius: 0.4rem;
        position: absolute;
        z-index: 999;
        background: #fff;
        left: 0;
        right: 0;
        margin: 0 26px;
    }

    #yeksoftsearch-results-mobil {
        display: none;
    }
}

.yeksoftsearch-item {
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

#yeksoftsearch-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 90px;
}


.yeksoftsearch-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.yeksoftsearch-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.yeksoftsearch-item img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
}

.yeksoftsearch-item span {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.yeksoftsearch-item:last-child {
    border-bottom: none;
}

div#yeksoftsearch-results {
    display: none;
}

.custom-quantity-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 160px;
    margin-right: 20px;
    /* butonlara yapışmasını önler */
}

.custom-quantity-wrapper .qty-btn {
    all: unset;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    line-height: 1;
}

.custom-quantity-wrapper input.qty {
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    line-height: 45px;
    padding: 0;
    margin: 0;
    appearance: textfield;
}

/* Chrome/Safari için okları kaldır */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox için */
input.qty[type=number] {
    -moz-appearance: textfield;
}


a.added_to_cart.wc-forward {
    display: none;
}

form.cart {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

img.wp-post-image {
    width: 100%;
}


/*SEPET*/

.widget_shopping_cart_content {
    width: 450px;
    right: 0;
    position: absolute;
    background: red;
    padding: 19px;
}

p.woocommerce-mini-cart__buttons.buttons {
    padding: 0 1em 1.41575em 1em;
}


#custom-side-cart {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: right 0.3s ease;
}

#custom-side-cart.open {
    right: 0;
}

.custom-cart-header {
    padding: 20px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#close-cart {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.custom-cart-content {
    padding: 20px;
    height: calc(100% - 80px);
    overflow-y: auto;
}

/*SEPET*/

.main-navigation ul.nav-menu>li>a {
    color: #808080;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.py-1 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.border-bottom {
    border-bottom: 1px solid var(--border-secondary);
}

.border-top {
    border-top: 1px solid var(--border-secondary);
}

ul#menu-ust_menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* Alt menüyü üst menüye sabitle */
.main-navigation .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    min-width: 200px;
    opacity: 0;
    /* görünmez */
    visibility: hidden;
    /* tıklanamaz */
    transform: translateY(10px);
    /* hafif aşağıdan gelsin */
    transition: all 0.3s ease;
    /* animasyon */
}

/* Hover olduğunda sub menüyü göster */
.main-navigation li:hover>.sub-menu {
    display: block;
}

/* Alt menü itemleri */
.main-navigation .sub-menu li a {
    display: block;
    padding: 8px 15px;
    white-space: nowrap;
}

/* Alt menü ana li’den kopmasın */
.main-navigation li {
    position: relative;
}

.main-navigation li:hover>.sub-menu {
    margin-top: 0;
    /* boşluk bırakma */
    padding-top: 15px;
    /* görünürde boşluk olsun */
}

/* Hover olduğunda görünür yap */
.main-navigation li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Ana menü ve alt menü linkleri için ortak stil */
.main-navigation .nav-menu li a {
    position: relative;
    height: 40px;
}

/* Hover alanını büyütmek için before */
.main-navigation .nav-menu li:hover>a::before {
    content: "";
    background: transparent;
    width: 100px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 333;
    bottom: -20px;
    left: 0;
    right: 0;
    opacity: 1;
}

.main-navigation .nav-menu li:not(.sub-menu li)>a::after {
    content: "" !important;
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%) scaleX(0);
    width: 24px;
    height: 2px;
    background: #4a81dc;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 999999;
    margin-left: 0 !important;
}

/* Hover olduğunda çizgi görünür ve büyür */
.main-navigation .nav-menu li:not(.sub-menu li):hover>a::after {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
    border: 0;
    border-radius: 0;
    background: none;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: 1.18047em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none;
}

.products .woosw-btn-has-icon {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 12px;
}

.products button.woosw-btn.woosw-btn-has-icon.woosw-btn-icon-only {
    border-radius: 100%;
    padding: 12px !important;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #4a81dc;
    box-shadow: 2px 3px 7px #d7d7d7;
}

.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* satır sayısı */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 3em;
    /* kutu boyunu sabitler */
}

span.onsale {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #4a81dc;
    color: #fff;
    border: 0;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 10px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

h2.woocommerce-loop-product__title {
    color: #808080;
}

.products bdi:not(del):not(del span) {
    font-weight: 600;
    color: #4a81dc;
}

.products del bdi {
    font-weight: 400 !important;
    color: unset !important;
}

.woosw-btn span {
    color: #4a81dc !important;
}

.woosw-btn:hover {
    color: #fff !important;
}

.woosw-btn span:hover {
    color: #fff !important;
}

.woosw-btn:hover span {
    color: #fff !important;
}

.ust-item {
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: .4rem;
}

.ust-item a {
    font-size: 14px;
    display: inline-block;
}

.header-fav li {
    list-style: none !important;
    padding: unset;
    margin: unset;
}

.woosw-menu-item .woosw-menu-item-inner:after {
    content: " (" attr(data-count) ")";
    position: static !important;
    /* absolute değil */
    margin-left: 2px;
    /* biraz boşluk */
    color: inherit;
    /* yazı rengiyle aynı olsun */
    font-size: inherit;
    font-weight: inherit;
    background: unset !important;
    display: unset;

}

.woosw-menu-item .woosw-menu-item-inner[data-count="0"]:after {
    content: "";
}

.product-image-slider {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product-image-slider img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.product-image-slider {
    position: relative;
}

.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .yith-wcwl-add-button,
.woocommerce ul.products li.product .wishlist-button {
    position: absolute;
    z-index: 5;
}

.product-image-slider.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    z-index: 0;
}

/* Pagination container */
.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

/* Noktaları çizgiye çevir */
.swiper-pagination-bullet {
    width: 20px;
    /* çizginin uzunluğu */
    height: 4px;
    /* çizginin kalınlığı */
    border-radius: 2px;
    /* köşeleri yuvarla */
    background: #ccc;
    opacity: 0.6;
    transition: all 0.3s ease;
}

/* Aktif olan çizgi */
.swiper-pagination-bullet-active {
    background: #4a81dc;
    /* markanın rengi */
    opacity: 1;
    width: 30px;
    /* aktif olan biraz daha uzun */
}

.swiper-pagination-progressbar {
    background: #eee;
    height: 4px;
    border-radius: 2px;
}

.swiper-pagination-progressbar-fill {
    background: #4a81dc;
}

button.slider-nav.prev,
button.slider-nav.next {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Font Awesome 5 Free";
}