.basket-product-prop-section {
}

.basket-product-prop-area {
    display: flex;
    align-items: center;
}

.basket-product-specs {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #666;
    background-color: #f8f8f8;
    padding: 4px 10px;
    border-radius: 4px;
}

.basket-product-grammage {
    font-weight: 500;
}

.divider {
    margin: 0 5px;
    color: #999;
}

.basket-product-slice {
    font-weight: 500;
}

/*.notyf__toast, .notyf__ripple {
    background-color: #d0121c !important;
}*/

.mobile-header-top {
    display: none;
}

.mobile-header-menu-button {
    padding: 6px 3px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #475467;
}

.mobile-header-buttons {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: end;
}

.mobile-header-top .mobile-header-left, .mobile-header-top .mobile-header-right {
    width: 100%;
}

.mobile-header-top .mobile-header-center {
    width: max-content;
}

.mobile-header-buttons .mobile-header-user-button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-header-buttons .mobile-header-basket-button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .mobile-header-buttons .mobile-header-basket-button span {
        position: absolute;
        top: -5px;
        right: -5px;
        width: 16px;
        height: 16px;
        background: #E51D1D;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        line-height: 11px;
        font-family: 'Poppins';
        color: #fff;
    }


.mobile-sidenav {
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 5;
    background: #D0121C;
    height: calc(100% - 64px);
    left: -100%;
    transition: .4s;
}

    .mobile-sidenav.open {
        left: 0;
        transition: .4s;
    }

.mobile-sidenav-top {
    padding: 80px 20px;
    padding-bottom: 20px;
    height: calc(100% - 96px);
    overflow: hidden;
    overflow-y: auto;
}

    .mobile-sidenav-top ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .mobile-sidenav-top ul li {
            padding: 24px 0;
            border-bottom: 1px solid #FFFFFF33;
        }

.price-container
{
    text-align:center;
    justify-content:center !important;
}
.mobile-sidenav-top ul li a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

            .mobile-sidenav-top ul li:last-child {
                border: none;
            }

.sidenav-red-always-sliding-tagline {
    background: #D0121C;
    padding: 8px 0;
}

.sidenav-white-always-sliding-tagline {
    background: #F6F6F6;
    padding: 8px 0;
}

.sidenav-red-always-sliding-tagline .sliding-tagline {
    display: flex;
    align-items: center;
    column-gap: 48px;
    font-family: 'Baloo Paaji 2';
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 24px;
}

.sidenav-reverse-always-sliding-tagline {
    direction: rtl; /* Dışarıdan manuel olarak rtl yönünü uygula */
}

    .sidenav-reverse-always-sliding-tagline .slick-track {
        display: flex !important; /* Kayma yönünü düzgün tutmak için */
    }

    .sidenav-reverse-always-sliding-tagline .slick-slide {
        float: right; /* Ters kaymayı sağlamak için */
    }

    .sidenav-reverse-always-sliding-tagline .sliding-tagline-title {
        direction: ltr;
        color: #D0121C;
    }

.sidenav-white-always-sliding-tagline .sliding-tagline {
    display: flex;
    align-items: center;
    column-gap: 48px;
    font-family: 'Baloo Paaji 2';
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 24px;
}



.header-top {
    background: #D0121C;
    display: flex;
    justify-content: center;
    padding: 10px 38px;
    align-items: center;
}

.header-top-description {
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    letter-spacing: 1.7330000400543213px;
}

.header-top-selectors {
    display: flex;
    align-items: center;
    column-gap: 40px;
    justify-content: end;
}

.header-top > div {
    width: 100%;
}

.header-top-language-selector .dropdown button, .header-top-currency-selector .dropdown button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #fff !important;
    padding: 0;
    margin: 0;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.header-top-language-selector .dropdown .dropdown-menu, .header-top-currency-selector .dropdown .dropdown-menu {
    display: block;
    padding-top: 20px;
    margin-top: -10px;
    background: none;
    border: none;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    transform: translate(0px, 20px);
    right: 0;
    min-width: max-content;
    max-width: max-content;
    width: max-content;
}

.header-top-language-selector .dropdown:hover .dropdown-menu, .header-top-currency-selector .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transition: .4s;
    transform: translate(0px, 0px);
}

.header-top-language-selector .dropdown .dropdown-menu ul, .header-top-currency-selector .dropdown .dropdown-menu ul {
    padding: 10px 0;
    margin: 0;
    background: #ffffff;
    box-shadow: 0 0px 6px 2px #0000000f;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .header-top-language-selector .dropdown .dropdown-menu ul li a, .header-top-currency-selector .dropdown .dropdown-menu ul li a {
        font-family: Poppins;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #646464;
        background-color: transparent;
        transition: .4s;
    }

        .header-top-language-selector .dropdown .dropdown-menu ul li a:hover, .header-top-currency-selector .dropdown .dropdown-menu ul li a:hover {
            color: #d0121c;
            transition: .4s;
        }



.sticky-header-bottom {
    position: sticky;
    top: 0;
    z-index: 4;
}

.header-bottom {
    display: flex;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 20px 38px;
    position: relative;
}

    .header-bottom > div {
        width: 100%;
    }

.header-bottom-page-link-area ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    column-gap: 36px;
    list-style-type: none;
}

    .header-bottom-page-link-area ul li a {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #626262;
        text-decoration: none;
    }

.address-modal .form-control {
    padding: 10px 12px !important;
    border-radius: 4px !important;
    margin-top: 6px;
}

.address-modal label {
    font-weight: 500;
}


        .header-bottom-page-link-area ul li a.active {
            color: #151515;
        }

.header-bottom-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content !important;
}

.header-bottom-button-area {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 20px;
}

    .header-bottom-button-area .header-bottom-search-button, .header-bottom-button-area .header-bottom-user-button, .header-bottom-button-area .header-bottom-basket-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.header-bottom-user-button {
    position: relative;
}

.profile-dropdown {
    right: 0;
    position: absolute;
    top: 32px;
    width: max-content;
    padding-top: 23px;
    transform: translate(0px, 20px);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 999;
}

.header-bottom-user-button:hover .profile-dropdown {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.profile-dropdown ul {
    background: #fff;
    list-style: none;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 0px 6px 6px 0px #0000000f;
}

    .profile-dropdown ul li a {
        font-family: 'Baloo Paaji 2';
        text-decoration: none;
        color: #626262;
        font-size: 16px;
        line-height: 24px;
    }

.header-bottom-search-button button {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
}

.header-bottom-button-area .header-bottom-basket-button {
    position: relative;
}

    .header-bottom-button-area .header-bottom-basket-button button {
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
        background: none;
        color: #fff;
        display: flex;
        align-items: center;
        column-gap: 14px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 15px;
        line-height: 23px;
    }

span.header-bottom-basket-button-icon {
    position: relative;
}

.header-bottom-button-area .header-bottom-basket-button .header-bottom-basket-count {
    position: absolute;
    top: -5px;
    right: -10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F48929;
    border-radius: 50px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-family: Poppins;
    pointer-events: none;
    cursor: pointer;
    border: 2px solid #000;
}


.mobile-fixed-bottom-navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background: #fff;
    padding: 12px 20px;
    border-top: 1px solid #E6EBF1;
    display: none;
}

    .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul {
        margin: 0;
        padding: 0;
        display: grid;
        justify-content: space-between;
        list-style-type: none;
        grid-template-columns: repeat(4, 1fr);
    }

        .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li a, .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li button {
            border: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: Poppins;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            color: #939393;
            text-decoration: none;
            width: 100%;
            box-shadow: none;
            outline: none;
            background: none;
        }


            .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li a.active, .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li button.active {
                color: #d0121c;
            }

                .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li a.active svg path, .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li button.active svg path {
                    stroke: #d0121c;
                }

            .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li a .mobile-fixed-navigation-list-item-icon, .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li button .mobile-fixed-navigation-list-item-icon {
                position: relative;
            }

span.mobile-shopping-cart-count {
    position: absolute;
    top: -8px;
    right: -12px;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    line-height: normal;
}


/*Tagline Slider*/

.red-always-sliding-tagline {
    background: #D0121C;
    padding: 16px 0;
}

.sliding-tagline {
    display: flex;
    align-items: center;
    column-gap: 48px;
    font-family: 'Baloo Paaji 2';
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding: 0 24px;
}

.white-always-sliding-tagline {
    background: #F6F6F6;
    padding: 16px 0;
}


.reverse-always-sliding-tagline {
    direction: rtl; /* Dışarıdan manuel olarak rtl yönünü uygula */
}

    .reverse-always-sliding-tagline .slick-track {
        display: flex !important; /* Kayma yönünü düzgün tutmak için */
    }

    .reverse-always-sliding-tagline .slick-slide {
        float: right; /* Ters kaymayı sağlamak için */
    }

    .reverse-always-sliding-tagline .sliding-tagline-title {
        direction: ltr;
        color: #D0121C;
    }



/*Footer*/

footer {
    background: #F6F6F6;
    padding-top: 60px;
}

.footer-logo-and-description {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.footer-description {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #626262;
}

.footer-navigation {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

    .footer-navigation .footer-navigation-title {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: #444444;
    }

    .footer-navigation ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        list-style-type: none;
    }

        .footer-navigation ul li a {
            font-family: Poppins;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            text-align: left;
            color: #444444;
            text-decoration: none;
        }

.footer-contact-area {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    align-items: end;
}

.footer-social-media ul {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .footer-social-media ul li a {
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #151515;
        color: #fff;
        border-radius: 50px;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
    }

.footer-whatsapp-area {
    display: flex;
    flex-direction: column;
    align-items: end;
    row-gap: 27px;
}

.footer-whatsapp-area-title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #D0121C;
    text-align: end;
}

.footer-whatsapp-button a {
    background: #0cc143;
    border-radius: 50px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    column-gap: 12px;
    text-decoration: none;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .footer-whatsapp-button a i {
        font-size: 24px;
    }

.footer-top {
    padding-bottom: 80px;
    position: relative;
}

    .footer-top > .container {
        position: relative;
        z-index: 1;
    }

.footer-top-transculent-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    max-width: max-content;
    width: 100%;
    pointer-events: none;
}

.footer-bottom-copyright-and-argede-logo {
    display: flex;
    align-items: center;
    padding: 24px 0;
    justify-content: space-between;
    column-gap: 24px;
    border-top: 1px solid #E8E8E8;
}

.footer-bottom-copyright {
    font-family: Poppins;
    font-size: 13.35px;
    font-weight: 400;
    line-height: 20.03px;
    text-align: center;
    color: #151515;
}

    .footer-bottom-copyright a {
        text-decoration: none;
        color: #151515;
        font-weight: 500;
    }

.footer-newsletter {
    background: #D0121C;
    padding: 24px 0;
}

.newsletter-text {
    font-family: "Baloo Paaji 2";
    font-size: 24px;
    font-weight: 700;
    line-height: 37.78px;
    text-align: left;
    color: #FFFFFF;
}

.newsletter-input-and-button {
    display: flex;
    align-items: center;
    width: 100%;
    background: #FFFFFF;
    padding: 1px;
    border-radius: 50px;
    overflow: hidden;
}

    .newsletter-input-and-button .newsletter-input {
        width: 100%;
    }

        .newsletter-input-and-button .newsletter-input input {
            width: 100%;
            height: 52px;
            border: none;
            padding: 0 20px;
            border: none !important;
            box-shadow: none !important;
            outline: none !important;
        }

.newsletter-button button {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.89px;
    text-align: center;
    color: #FFFFFF;
    background: #151515;
    border: 1px solid #151515;
    width: max-content;
    height: 52px;
    padding: 6px 32px;
    border-radius: 50px;
}



/*Sepet*/

.cart-summary {
    --bs-offcanvas-width: 550px;
    border-top-left-radius: 24px;
    --bs-offcanvas-height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}

.basket-offcanvas-header {
    padding: 0 42px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

    .basket-offcanvas-header .basket-offcanvas-close-button {
        width: max-content;
        max-width: 100%;
        display: flex;
        align-items: center;
        column-gap: 10px;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #444444;
        background: none;
        outline: none;
        box-shadow: none;
        border: none;
    }

        .basket-offcanvas-header .basket-offcanvas-close-button i {
            color: #F48929;
        }

    .basket-offcanvas-header .basket-offcanvas-title {
        padding-bottom: 35px;
        border-bottom: 1px solid #E8E8E8;
        font-family: Poppins;
        font-size: 36px;
        font-weight: 700;
        line-height: 46px;
        text-align: left;
        color: #F48929;
    }

.basket-offcanvas-body {
    height: calc(100% - 170px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.basket-product {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

    .basket-product .basket-product-image, .basket-product .basket-product-image img {
        aspect-ratio: 1/1;
        object-fit: contain;
        width: 148px;
        min-width: 148px;
    }

    .basket-product .basket-product-image {
        background: #F6F6F6;
        border: 1px solid #E8E8E8;
        border-radius: 12px;
        position: relative;
    }

.basket-product-properties {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 100%;
}

.basket-offcanvas-product-list {
    padding: 35px 42px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    overflow: hidden;
    overflow-y: auto;
}

    /* width */
    .basket-offcanvas-product-list::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .basket-offcanvas-product-list::-webkit-scrollbar-track {
        background: #F6F6F6;
    }

    /* Handle */
    .basket-offcanvas-product-list::-webkit-scrollbar-thumb {
        background: #F48929;
        border-radius: 50px;
    }

        /* Handle on hover */
        .basket-offcanvas-product-list::-webkit-scrollbar-thumb:hover {
            background: #ffa95b;
        }

.basket-product-text-area {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}

.basket-product-category {
    font-family: 'Baloo Paaji 2';
    font-size: 14px;
    font-weight: 700;
    line-height: 22.04px;
    text-align: left;
    color: #939393;
}

.basket-product-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1A1A1A;
}

.basket-product-price-and-count-area {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.basket-product-count-and-remove {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.basket-product-qty-input {
    padding: 6px;
    border: 1px solid #E8E8E8;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

    .basket-product-qty-input input {
        max-width: 40px;
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #444444;
    }

        .basket-product-qty-input input::-webkit-outer-spin-button,
        .basket-product-qty-input input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .basket-product-qty-input button {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        box-shadow: none;
        outline: none;
        color: #939393;
    }

.basket-product-remove button {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    color: #D0121C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-product-price {
    font-family: 'Baloo Paaji 2';
    font-size: 18px;
    font-weight: 700;
    line-height: 24.99px;
    letter-spacing: 0.2939999997615814px;
    text-align: left;
    color: #F48929;
}

    .basket-product-price .currency-swap {
        justify-content: start;
    }

.basket-offcanvas-footer {
    padding: 40px 42px;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    background: #F6F6F6;
    box-shadow: 0px -9px 31.7px 0px #87878740;
}

.basket-offcanvas-footer-text-and-total-price-area {
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
}

.basket-offcanvas-footer-title {
    font-family: Poppins;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    text-align: left;
    color: #151515;
}

.basket-offcanvas-footer-description {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    color: #626262;
}

.basket-offcanvas-footer-total-price {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: right;
    color: #151515;
}

.basket-offcanvas-footer-buttons {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

    .basket-offcanvas-footer-buttons .view-cart-button {
        background: #fff;
        border: 1px solid #E8E8E8;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        color: #151515;
        padding: 16px 24px;
        width: 100%;
        text-decoration: none;
        border-radius: 50px;
    }

    .basket-offcanvas-footer-buttons .complete-shopping-button {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        line-height: 23.89px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        background: #F48929;
        border: 1px solid #F48929;
        padding: 16px 24px;
        width: 100%;
        border-radius: 50px;
        text-decoration: none;
    }

.basket-product-mobile-price {
    display: none;
}

.basket-product-mobile-remove-button {
    display: none;
}

.offcanvas-backdrop {
    background-color: transparent;
}

    .offcanvas-backdrop.show {
        opacity: 1;
        background-color: #d1d1d1d1;
    }


/*Çerezler Popup*/

.cookie-popup {
    position: fixed;
    bottom: 50px;
    left: 38px;
    width: 400px;
    background: linear-gradient(233.72deg, #F48929 14.74%, #D06A09 100%);
    padding: 20px 32px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    z-index: 22;
    transform: translate(0, 40px);
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

    .cookie-popup.show {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
        transition: .4s;
    }

.cookie-popup-header {
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #fff;
}

.cookie-popup-content {
    display: flex;
    flex-direction: column;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #fff;
    row-gap: 4px;
}

    .cookie-popup-content a {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        text-align: left;
        text-decoration: underline;
        color: #fff;
        text-underline-offset: 3px;
    }

.cookie-popup-footer {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

    .cookie-popup-footer .cookie-reject-button {
        width: 100%;
        font-family: Poppins;
        font-size: 13px;
        font-weight: 500;
        line-height: 23.89px;
        text-align: center;
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
        padding: 12px 8px;
        border-radius: 50px;
        box-shadow: none;
        outline: none;
    }

    .cookie-popup-footer .cookie-accept-button {
        font-family: Poppins;
        font-size: 13px;
        font-weight: 500;
        line-height: 23.89px;
        text-align: center;
        color: #D0121C;
        background: #fff;
        border: 1px solid #fff;
        width: 100%;
        border-radius: 50px;
        padding: 12px 8px;
        box-shadow: none;
        outline: none;
    }


.header-search-area {
    position: absolute;
    top: 120px;
    width: 700px !important;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 1;
    background: #fff;
    padding: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 2;
    transition: .4s;
}

    .header-search-area.show {
        transform: translate(-50%, 0);
        transition: .4s;
    }

.header-search {
    position: relative;
}

    .header-search input {
        width: 100%;
        padding: 14px 24px;
        border-radius: 50px;
        border: 1px solid #E8E8E8;
        padding-left: 50px;
        padding-right: 120px;
        box-shadow: none;
        outline: none;
    }

    .header-search i {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(0, -50%);
        color: #d0121c;
    }

.search-area-button {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0px, -50%);
    border: 1px solid #d0121c;
    background: #d0121c;
    color: #fff;
    font-family: 'Baloo Paaji 2';
    font-weight: 600;
    padding: 6px 32px;
    border-radius: 20px;
}

.header-search-result {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

    .header-search-result a {
        padding: 4px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: 'Baloo Paaji 2';
        text-decoration: none;
        color: #323232;
        font-weight: 500;
    }

        .header-search-result a span {
            color: #747474;
        }

            .header-search-result a span.search-brand {
                color: #d0121c;
            }

            .header-search-result a span.search-category {
                color: #d0121c;
            }

        .header-search-result a:first-child {
            margin-top: 1rem;
        }

        .header-search-result a:last-child {
            margin-bottom: 1rem;
        }


.cart-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
}

.cart-empty-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9e9e9;
    border-radius: 50px;
}

.cart-empty-text {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.cart-empty-title {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #121212;
}

.cart-empty-description {
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}


.swal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .swal-footer button, .swal-footer button:hover, .swal-footer button:focus, .swal-footer button:focus-visible, .swal-footer button:active {
        background: #F48929 !important;
        border: 1px solid #F48929 !important;
        padding: 14px 36px;
        box-shadow: none;
        outline: none;
        background-color: #F48929 !important;
    }


/*Breadcrumb*/

.default-breadcrumb {
    display: flex;
    align-items: center;
    background: #F6F6F6;
    padding: 10px 38px;
    column-gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}

    .default-breadcrumb::-webkit-scrollbar {
        display: none;
    }

.default-breadcrumb-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.default-breadcrumb .default-breadcrumb-item a, .default-breadcrumb .default-breadcrumb-item span {
    color: #626262;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: none;
    display: block;
}

.default-breadcrumb .default-breadcrumb-item i {
    color: #626262;
    font-size: 11px;
}

.product-grammage-and-variant-type {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

.product-grammage {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: 100%;
}

.product-variant-type {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.product-grammage-title {
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 20px;
}

.product-variant-type-title {
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 20px;
}

.product-grammage-select select {
    width: 100%;
    padding: .375rem .75rem !important;
    border-radius: .375rem !important;
}

.product-variant-type-select {
}

    .product-variant-type-select select {
        width: 100%;
        padding: .375rem .75rem !important;
        border-radius: .375rem !important;
    }


.mobile-basket-button {
    position: relative;
    width: 36px;
    height: 36px;
    max-width: 46px;
    max-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
}

    .mobile-basket-button .mobile-basket-icon {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .mobile-basket-button .mobile-basket-card-count {
        position: absolute;
        top: -2px;
        right: -2px;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F48929;
        border-radius: 50px;
        font-size: 12px;
        line-height: 21px;
        border: 2px solid #000;
        color: #fff;
        font-family: 'Poppins';
        font-weight: 500;
    }

@media only screen and (max-width: 1199px) {
    .desktop-header {
        display: none;
    }

    .mobile-header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px;
        position: relative;
        z-index: 6;
        background: #fff;
    }

    .mobile-fixed-bottom-navigation {
        display: block;
    }


    .cookie-popup {
        bottom: 100px;
    }

    .header-search-area {
        top: 70px;
        z-index: 6;
    }

    .mobile-header-right {
        display: flex;
        justify-content: end;
    }

    .mobile-header-search-button {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        box-shadow: none;
        outline: none;
    }

    .newsletter-button button {
        font-size: 16px;
        line-height: 23.89px;
        height: 46px;
    }

    .newsletter-input-and-button .newsletter-input input {
        height: 46px;
    }

    .newsletter-text {
        font-size: 22px;
        line-height: 30.78px;
    }

    .footer-whatsapp-area-title {
        font-size: 18px;
        line-height: 28px;
    }

    .red-always-sliding-tagline {
        padding: 12px 0;
    }

    .sliding-tagline {
        font-size: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .newsletter-text {
        font-size: 20px;
        line-height: 30px;
    }

    .footer-contact-area {
        align-items: start;
    }

    .footer-whatsapp-area {
        align-items: start;
    }

    .footer-whatsapp-area-title {
        text-align: start;
    }


    .basket-offcanvas-header {
        padding: 0 42px;
        padding-top: 42px;
    }

        .basket-offcanvas-header .basket-offcanvas-title {
            padding-bottom: 24px;
        }

    .basket-offcanvas-body {
        height: calc(100% - 151px);
    }

    .basket-product {
        display: flex;
        column-gap: 12px;
        align-items: center;
        padding-right: 16px;
    }

    .basket-product-properties {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .header-search-area {
        width: 100% !important;
    }

    .footer-bottom-copyright-and-argede-logo {
        flex-direction: column;
        row-gap: 24px;
    }

    .newsletter-text {
        font-size: 18px;
        line-height: 28px;
    }

    .sliding-tagline {
        font-size: 17px;
    }

    .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li a, .mobile-fixed-bottom-navigation .mobile-fixed-navigation-item-list ul li button {
        font-size: 12px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 550px) {
    .cart-summary {
        border-top-left-radius: 0;
    }

    .basket-offcanvas-header {
        padding: 0 20px;
        padding-top: 42px;
    }

    .basket-offcanvas-body {
        height: calc(100% - 125px);
    }


    .basket-offcanvas-footer {
        padding: 40px 20px;
    }

    .basket-product-text-section {
        display: flex;
        column-gap: 24px;
    }

    .basket-product-mobile-price {
        display: block;
        font-family: 'Baloo Paaji 2';
        font-size: 18px;
        font-weight: 600;
        line-height: 24.99px;
        letter-spacing: 0.2939999997615814px;
        color: #F48929;
    }

    .basket-product-price {
        display: none;
    }

    .basket-product-mobile-remove-button {
        display: block;
        position: absolute;
        top: -6px;
        right: -6px;
    }

        .basket-product-mobile-remove-button button {
            background: none;
            border: none;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 16px;
            background: #F48929;
            border-radius: 50px;
        }

    .basket-product-remove {
        display: none;
    }

    .basket-product-count-and-remove {
        justify-content: space-between;
    }

    .basket-product .basket-product-image, .basket-product .basket-product-image img {
        aspect-ratio: 1/1;
        object-fit: contain;
        width: 120px;
        min-width: 120px;
    }

    .basket-product-category {
        display: none;
    }

    .basket-product-qty-input {
        padding: 6px 0px;
        border: none;
    }

    .basket-offcanvas-header {
        padding: 0 20px;
        padding-top: 24px;
    }

        .basket-offcanvas-header .basket-offcanvas-title {
            padding-bottom: 35px;
            font-size: 28px;
            line-height: 38px;
        }

        .basket-offcanvas-header .basket-offcanvas-title {
            padding-bottom: 24px;
            font-size: 28px;
            line-height: 38px;
        }

    .basket-offcanvas-product-list .basket-product {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #E8E8E8;
    }

        .basket-offcanvas-product-list .basket-product:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }

    .basket-offcanvas-product-list {
        row-gap: 0;
        padding: 35px 20px;
    }
}

@media only screen and (max-width: 475px) {
    .basket-product-title {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #1A1A1A;
    }

    .mobile-fixed-bottom-navigation {
        padding: 12px 4px;
    }

    .basket-offcanvas-footer-buttons .view-cart-button {
        font-size: 14px;
        line-height: 24px;
        padding: 16px 12px;
    }

    .basket-offcanvas-footer-buttons .complete-shopping-button {
        font-size: 14px;
        line-height: 24px;
        padding: 16px 12px;
    }

    .basket-offcanvas-header .basket-offcanvas-close-button {
        font-size: 14px;
        line-height: 24px;
    }

    .basket-offcanvas-header .basket-offcanvas-title {
        font-size: 26px;
        line-height: 36px;
    }

    .basket-offcanvas-footer-title {
        font-size: 22px;
        line-height: 32px;
    }

    .basket-offcanvas-footer-description {
        font-size: 12px;
        line-height: 22px;
    }

    .basket-offcanvas-footer {
        padding: 40px 20px;
        row-gap: 24px;
    }

    .basket-offcanvas-footer-total-price {
        font-size: 22px;
        line-height: 32px;
    }

    .basket-offcanvas-body {
        height: calc(100% - 123px);
    }


    .cookie-popup {
        left: 10px;
        bottom: 100px;
        right: 20px;
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 390px) {
    .basket-offcanvas-footer-buttons .view-cart-button {
        font-size: 13px;
        line-height: 23px;
        padding: 12px 10px;
    }

    .basket-offcanvas-footer-buttons .complete-shopping-button {
        font-size: 13px;
        line-height: 23px;
        padding: 12px 10px;
    }
}

@media only screen and (max-width: 375px) {
    .basket-product-title {
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #1A1A1A;
    }

    .basket-product .basket-product-image, .basket-product .basket-product-image img {
        aspect-ratio: 1/1;
        object-fit: contain;
        width: 90px;
        min-width: 90px;
    }

    .basket-product-text-section {
        display: flex;
        column-gap: 0px;
    }

    .basket-product-qty-input {
        padding: 0px;
        border: none;
        border-radius: 12px;
        display: flex;
        align-items: center;
    }

        .basket-product-qty-input button {
            width: 20px;
            height: 20px;
        }

        .basket-product-qty-input input {
            max-width: 36px;
            text-align: center;
            border: none;
            outline: none;
            box-shadow: none;
            font-family: Poppins;
            font-size: 13px;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            color: #444444;
        }

    .basket-product-mobile-price {
        display: block;
        font-family: 'Baloo Paaji 2';
        font-size: 16px;
        font-weight: 600;
        line-height: 24.99px;
        letter-spacing: 0.2939999997615814px;
        color: #F48929;
    }



    .basket-offcanvas-product-list::-webkit-scrollbar {
        width: 6px;
    }

    .basket-product-mobile-remove-button button {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .basket-offcanvas-footer-buttons {
        display: flex;
        align-items: center;
        column-gap: 12px;
    }

    .product-grammage-and-variant-type {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 12px;
    }
}

@media only screen and (max-width: 350px) {
    .basket-offcanvas-footer-buttons .view-cart-button {
        font-size: 12px;
        line-height: 22px;
        padding: 12px 4px;
    }

    .basket-offcanvas-footer-buttons .complete-shopping-button {
        font-size: 12px;
        line-height: 22px;
        padding: 12px 4px;
    }
}

.arka-resim {
    background: linear-gradient(98deg, rgba(0, 0, 0, 0.664) 0%, rgba(37, 29, 23, 0) 100%), url('../../../../img/eksifirin/background.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height:800px;
    position: relative;
    width: 100%;
}

.custom-hr {
    margin: 2rem 0;
}

.empty-cart-message {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #FF0000;
    padding: 20px 0;
}

.blog-img {
    object-fit: cover;
    border-radius: 10px;
    aspect-ratio: 1/1.25;
}

.navbar-2 .nav-cl-item {
    text-align: center;
    display: flex;
    justify-content: center;
    color: #FFF;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    margin-right: 46px;
}

.navbar-2 {
    margin-left: 150px;
}

.navbar-3 ul.navbar-nav {
    display: flex;
    align-items: center;
}

.navbar-3 {
    display: flex;
    align-items: center;
    justify-content: end;
}

/* .navbar-3 .nav-item img {
        margin-right: 5px;
    }*/

.cizgi-2 {
    padding: 0px 20px 0px 11px;
}

.navbar-3 .nav-item {
    display: flex;
    align-items: center;
}

.navbar-3 .nav-link {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.navbar-2 .nav-cl-item.active {
    color: #F48929 !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

#solUstBan {
    position: absolute;
    left: 0;
    top: 90px;
}

#solAltBan {
    position: absolute;
    bottom: 0rem;
    left: 150px;
}

#sagUstBan {
    position: absolute;
    right: 100px;
    top: 80px;
}

#sagAltBan {
    position: absolute;
    bottom: 150px;
    right: 0px;
}

.carousel-caption {
    position: relative !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    padding-top: unset !important;
    padding-bottom: unset !important;
    color: #fff;
    text-align: start !important;
}

.slider-title {
    color: #FFF;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
}

.slider-baslik {
    color: #F48929;
    font-family: Poppins !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
}

.slider-detay {
    color: #969696;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;
}

.resim-container {
    position: relative;
    width: 300px;
    height: 300px;
}

.resim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-iki-img {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100% !important;
}


.arka-resim-iki {
    width: 100%;
    height: 100%;
    position: relative;
}

.temel-resim {
    position: relative;
    width: 300px;
}

.ust-resim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.arka-renk {
    background-color: #FAF6F3;
    /* height: 64vh; */
}

.image1, .image2 {
    position: absolute;
    top: 0;
    left: 0;
}

.resim-iki {
    width: 100%;
    max-width: 750px;
}

.custom-container {
    margin-left: 190px;
    margin-right: 190px;
    padding: 50px;
}

.container-baslik {
    color: #000;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
    margin-top: 75px;
    max-width: 700px;
}

.container-title {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
    max-width: 700px;
}

.container-detay {
    color: #2B2B2B;
    font-style: normal;
    max-width: 700px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}

#sagresimiki {
    position: absolute;
    top: 62rem;
    right: 6rem;
}

#solresimiki {
    position: absolute;
    left: 0;
    z-index: 1;
}

#sagaltarkaplan {
    position: absolute;
    top: 165rem;
    right: 0;
    z-index: -1;
    pointer-events: none;
}

#solaltarkaplan {
    position: absolute;
    top: 125rem;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

@media(max-width:1750px) {
    #sagaltarkaplan {
        display: none;
    }

    #solaltarkaplan {
        display: none;
    }
}

.slide-altyazi {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: max-content;
    margin-bottom: 1rem;
}

.one-cikan a {
    text-decoration: none;
}

.box span {
    width: 20px;
    height: 20px;
    display: block;
    border-right: 2px solid #f48929;
    border-bottom: 2px solid #F48929;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.box {
    bottom: 0rem;
    display: flex;
    position: relative;
    justify-content: center;
    height: 40px;
}

    .box span:nth-child(2) {
        animation-delay: -0.2s;
    }

    .box span:nth-child(3) {
        animation-delay: -0.4s;
    }

@keyframes animate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: rotate(45deg) translate(10px, 10px);
    }

    100% {
        opacity: 0;
    }
}

.navbar-title {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 7rem;
}

.alt-navbar:focus {
    display: none;
}

.alt-navbar:hover {
    display: none;
}

.owl-mobil {
    display: none !important;
}
/*419-541*/
.owl-buttons {
    display: none;
}

.owl-carousel:hover .owl-buttons {
    display: block;
}

.owl-item {
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #869791;
    font-size: 40px;
    line-height: 300px;
    margin: 0;
    padding: 0 60px;
    position: absolute;
    top: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    padding-left: 20px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    padding-right: 20px;
}

#navbarmenu .nav-cl-item.active {
    color: #F48929;
    text-align: center;
    font-family: poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#navbarmenu .nav-cl-item {
    border: 0 !important;
    background-color: unset !important;
    color: #6B6B6B;
    text-align: center;
    font-family: poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.navbarmenu {
    justify-content: center;
}

.container .alt-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-alt {
    align-items: center;
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 35px;
    margin-bottom: 45px;
    column-gap: 36px;
    justify-content: center;
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: unset;
    white-space: nowrap;
}

.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    color: #8A8A8A;
}

.one-cikan {
    position: absolute;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.benzer-card:hover .incele-button {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.cardlar .card:hover .incele-button {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.incele-button {
    border-radius: 8px;
    background: #F48929 !important;
    color: #FFF !important;
    text-align: center;
    font-family: Poppins !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.ekmek-card:hover {
    transition: .3s;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.10);
}

    .ekmek-card:hover .incele-button {
        display: block;
    }

.ekmek-card {
    text-align: center;
    margin-bottom: 15px;
    height: 100%;
}

.btn-gor {
    margin-top: 2rem;
    width: max-content !important;
    height: 54px !important;
    padding: 16px 32px !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: stretch !important;
    border-radius: 60px !important;
    background: #F48929 !important;
    color: #FFF !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    display: flex;
}

.card-title {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
}

.card-text {
    color: #2B2B2B;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-text-for-products {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-fiyat {
    color: #F48929;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-Title {
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
}

.owl-nav .owl-prev {
    display: block !important;
    bottom: 11rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    border: 2px solid #f48929;
    background-color: #f48929;
    color: #FFF;
    border-radius: 6px;
}

.owl-nav .owl-next {
    display: block !important;
    bottom: 11rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    border: 2px solid #f48929;
    background-color: #f48929;
    color: #FFF;
    border-radius: 6px;
}

.uzun-resim {
    position: relative;
    margin-top: 3rem;
}

.uzun-resim-yazi a {
    text-decoration: none;
    color: #FFF;
    width: 50%;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.uzun-resim-yazi {
    border-radius: 0px 16px;
    background: rgba(244, 137, 41, 0.90);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 26px;
    text-align: start;
}

.title {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.eksi {
    border-radius: 12px 0px 0px 12px;
}

.firinci {
    display: block;
    border-radius: 12px 0px 0px 12px;
    background: #FAF6F3;
}

.firinci-mobile {
    display: none;
}

.kutu-title {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 6rem;
    margin-bottom: 3rem;
    margin-right: 2rem;
}

.kutu-icerik {
    color: #6B6B6B;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 3rem;
    margin-right: 2rem;
}

.kutu-detay {
    color: #000;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-right: 2rem;
}

.solkutu {
    background: #FAF6F3;
}

.kutu-title-sag {
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.kutu-icerik-sag {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.kutu-detay-sag {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.bastonekmek {
    margin-top: 4rem;
}

.sag-kutu-baslik {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 2rem;
    margin-left: 2rem;
}

.sag-kutu-icerik {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 2rem;
    margin-left: 2rem;
}

.sag-kutu-detay {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 2rem;
    margin-left: 2rem;
}

.cavdar {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

.cavdar-detay {
    color: #6B6B6B;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.mobile-cavdar {
    padding-right: 45px;
}

.incele {
    border-bottom: 1px solid #f48929;
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    width: max-content;
    margin-top: 25px;
}

    .incele a {
        text-decoration: none;
    }

.urun-tum a {
    text-decoration: none;
    display: flex;
    justify-content: center;
}

.eksimaya {
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

.eksimaya-detay {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.incele2 {
    border-bottom: 1px solid #f48929;
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    width: max-content;
    margin-top: 12px;
}

.ekmekmaya {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.ekmekmaya-detay {
    color: #2B2B2B;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.incele3 {
    border-bottom: 1px solid #f48929;
    color: #000;
    font-family: 'Poppins';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    width: max-content;
    margin-top: 25px;
}

.siyah-card a {
    text-decoration: none;
}

.beyaz a {
    text-decoration: none;
}

.blog-incele a {
    text-decoration: none;
}

.altarka-resim {
    background-image: url('../../../../img/eksifirin/altarkaresim.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 6rem;
}

.footer-Logo {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.footer a {
    text-decoration: none;
    color: #FFF;
}

.footer-logo {
    margin-top: 3rem;
}

.logoaltı-yazı {
    color: #FFF;
    font-family: Poppins;
    font-size: 18.889px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.saglik {
    color: #FFF;
    font-family: Poppins;
    font-size: 18.889px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ikincisatir .row {
    margin-bottom: 3rem;
    margin-top: 6rem;
}

.saglik .row {
    margin-top: 3rem;
    row-gap: 5rem;
}

.hizli-erisim {
    color: #F48929;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 3rem;
    text-align: left;
    margin-bottom: 20px;
}

.alt-card {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 252.5px;
    min-height: 252.5px;
}

    .alt-card img {
        object-fit: cover;
    }

.f-hizlierisim {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    margin-bottom: 20px;
}

.sosyal-medya {
    color: #F48929;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 3rem;
    margin-bottom: 24px;
    text-align: left;
}

.facebook {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 5px;
}

    .facebook i {
        font-size: 20px;
        margin-right: 22px;
    }

.twitter {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 1px;
}

    .twitter i {
        margin-right: 15px;
        font-size: 20px;
        margin-left: 2px;
    }

.youtube {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
}

    .youtube i {
        margin-right: 17px;
    }

.instagram {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
}

    .instagram i {
        margin-right: 17px;
        font-size: 20px;
        margin-left: 4px;
    }

.iletisim {
    color: #F48929;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 3rem;
    margin-bottom: 24px;
    text-align: left;
}

.iletisim-cards a {
    text-decoration: none;
    color: #545454;
}


.adres {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
}

    .adres i {
        margin-right: 19px;
    }

.telefon {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

    .telefon svg {
        margin-right: 15px;
    }

.e-posta {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-align: left;
}

    .e-posta i {
        margin-right: 17px;
        font-size: 20px;
    }

.map {
    color: white !important;
    font-size: 20px;
    margin-right: 1rem;
}

.footer-line {
    border: 1px solid #4D4D4D;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.gizlilik {
    margin-right: 10px;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
    text-align: start;
}

    .gizlilik a {
        text-decoration: none;
    }

.uyelik-sozlesme a {
    text-decoration: none;
}

.sozlesme {
    padding: 0 !important;
}

.uyelik-sozlesme {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

.haklar {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

.argede-logo {
    float: inline-end;
}

.argede-Logo {
    padding: 0px !important;
}

    .argede-Logo a {
        text-decoration: none;
    }

.turuncu {
    position: relative;
    margin-top: -3.5rem;
    border-radius: 16px;
    background-color: #F48929;
    z-index: 1;
    padding: 1rem;
}

    .turuncu .row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        row-gap: 16px;
    }

.iletisim-cards {
    row-gap: 1rem;
}

.odeme {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
}

.odeme-yazi {
    justify-content: center;
    align-items: center !important;
    display: flex;
    flex-direction: column !important;
    text-align: center;
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.footer-tek {
    justify-content: center;
    flex-direction: column;
    display: flex;
    text-align: center;
    align-items: center;
    row-gap: 10px;
}

.dogal {
    font-size: 22px;
    color: #FFF;
}

.dogal-yazi {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.teslimat {
    font-size: 22px;
    color: #FFF;
}

.teslimat-yazi {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.doga {
    font-size: 22px;
    color: #FFF;
}

.doga-yazi {
    color: #FFF;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}




.navbarback {
    display: block !important;
    background-color: #000;
    height: 7rem;
}

.arkaplan {
    background-image: url('../../../../img/eksifirin/urunlerarkaresim.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 20rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 106px;
}

.urunlerimiz {
    margin-top: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
}

.banner-yazi {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.searchArea {
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    width: 100%;
}

.dilimekmek {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 3rem;
    margin-top: 2rem;
}

.bastonekmekurun {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 2rem;
}

.tambugdayurun {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 3rem;
}

.white-icon {
    color: white;
    font-size: 35px;
    position: absolute;
}

.input-group {
    margin-top: 21rem;
    width: 15rem;
}

.input-group-text {
    position: absolute;
    z-index: 5 !important;
    right: 1rem !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 5rem !important;
    color: white !important;
    background: #F48929 !important;
    top: .6rem;
}

    .input-group-text i {
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        justify-content: center !important;
    }

.form-control {
    padding: 24px !important;
    border-radius: 3rem !important;
    color: unset;
}

    .form-control:focus {
        color: unset;
        border-color: unset !important;
        outline: 0;
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
        box-shadow: unset !important;
    }


.main {
    font-family: Arial;
    width: 500px;
    display: block;
}

h3 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

.action {
    display: block;
    margin: 100px auto;
    width: 100%;
    text-align: center;
}

    .action a {
        display: inline-block;
        padding: 5px 10px;
        background: #f30;
        color: #fff;
        text-decoration: none;
    }

        .action a:hover {
            background: #000;
        }

.slick-prev::before {
    content: '←';
    color: black;
}

.slick-next::before, [dir="rtl"] .slick-prev::before {
    content: '→';
    color: black;
}

.slick-dots {
    display: none !important;
}

.urunlerbaslik {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin-bottom: 1rem;
}

.urunKodu {
    display: flex;
}

.urunkodu {
    color: #545454;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.urunkod {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 5px;
}

.stok {
    display: flex;
}

.stokdurumu {
    color: #545454;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 1rem;
}

.stokdurum {
    color: #F6A154;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 5px;
}

.baslikalti {
    display: flex;
    margin-bottom: 1rem;
}

.urunozellik {
    color: #000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2rem;
}

.urunozellikdetay {
    color: #545454;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1rem;
    margin-bottom: 12px;
}

.iceriklistesi {
    color: #545454;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin-bottom: 42px;
}

.fiyat {
    color: #000;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.kdv {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1rem;
}

.ucret {
    display: flex;
}

.icerik .dilim {
    display: flex;
    padding: 6px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid var(--gray-300, #E4E7EC);
    margin-right: 1rem;
    margin-top: 25px;
}

.slick-track .slick-slide {
    border-radius: 16px;
    border: 3px solid var(--black-black-50, #E6E6E6);
}

.icerik-slide.slick-slider .slick-list {
    padding: 0 !important;
    #E6E6E6 !
}

    .icerik-slide.slick-slider .slick-list .slick-track {
        height: 7rem;
    }

.icerik-slide .slick-initialized .slick-slide {
    border-radius: 16px;
    border: 3px solid var(--black-black-50, #F48929);
}

.dilim {
    display: flex;
    padding: 6px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid var(--gray-300, #E4E7EC);
    margin-right: 1rem;
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-sm {
    width: 2rem;
    height: 2rem;
}

.add-to-basket-button {
    display: flex;
    padding: 12px 12px;
    column-gap: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F48929 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    border: 1px solid #F48929;
    outline: none;
    box-shadow: none;
    width: 100%;
}

.add-to-basket-button-similar {
    display: flex;
    padding: 12px 12px;
    column-gap: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F48929 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    border: 1px solid #F48929;
    outline: none;
    box-shadow: none;
    width: 100%;
}

.sepete-home-button {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #F48929 !important;
    color: #FFF !important;
    text-align: center;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
}

.qty-input {
    color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: none !important;
}

    .qty-input .product-qty, .qty-input .qty-count {
        color: #000;
        font-weight: normal;
        font-size: 15px;
        display: inline-block;
        border: none;
        min-width: 0;
        font-weight: 400;
        line-height: 24px;
        font-family: Poppins;
    }


        .qty-input .product-qty:focus, .qty-input .qty-count:focus {
            outline: none;
        }

    .qty-input .product-qty {
        width: calc(100% - 80px);
        min-width: 0;
        display: inline-block;
        text-align: center;
        appearance: textfield;
    }

        .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
            appearance: none;
            margin: 0;
        }
    /*
    .qty-input .qty-count {
        padding: 0;
        cursor: pointer;
        width: 2.5rem;
        margin: 0 !important;
        font-size: 1.25em;
        text-indent: -100px;
        overflow: hidden;
        position: relative;
        border: 1px solid !important;
        border-color: #E4E7EC !important;
        border-radius: 6px !important;
        padding: 2px !important;
    }*/

    /*.qty-input .qty-count:before, .qty-input .qty-count:after {
            content: "";
            height: 2px;
            width: 10px;
            position: absolute;
            display: block;
            background: #F48929;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }*/

    /*.qty-input .qty-count--add:after {
        transform: rotate(90deg);
    }
*/
    .qty-input .qty-count:disabled {
        color: #ccc;
        background: #f2f2f2;
        cursor: not-allowed;
        border-color: transparent;
    }

        .qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
            background: #ccc;
        }

.qty-input {
    border: 1px solid !important;
    border-color: #E4E7EC !important;
    border-radius: 8px;
    box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
    border-radius: 6px !important;
    width: 100%;
    max-width: 100%;
}


.benzerurunler {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}


.benzer-card:hover {
    transition: .3s;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.10);
}

    .benzer-card:hover .incele-button {
        display: block;
    }

.benzer-card {
    margin-left: 1rem;
}







.arkaplan-1 {
    background-image: url('../../../../img/eksifirin/hikayemizust.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 20rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 2rem;
}


.hikayemiz-yazi {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.hikayemiz1 {
    position: relative;
    width: 100%;
}

.hikayemiz1-vector {
    position: absolute;
    bottom: -2rem;
    left: -2rem;
}

.hikaye-giris {
    color: #000;
    font-family: poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    vertical-align: middle;
}


.line-kisa {
    width: 190px;
    height: 1px;
    color: #000;
    margin-top: 1.4375rem;
    margin-bottom: 1.4375rem;
    opacity: 1;
}

.hikaye-detay {
    color: #8A8A8A;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.hikayemiz-detay1-wrapper {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}

.arkaRenk {
    margin-top: 5rem;
    flex-shrink: 0;
    position: relative;
    margin-top: 4.375rem;
}

.hikaye-detayy {
    width: 62%;
}

@media(max-width: 1199.98px) {
    .hikaye-detayy {
        width: 100%;
    }
}

.background-color-wide {
    position: relative;
    padding: 20px 0;
}

.hakkimizda {
    margin-top: 5rem;
}

@media(max-width: 720px) {
    .hakkimizda {
        margin-top: 3rem;
    }
}

.background-color-wide::before {
    content: none;
    position: absolute;
    background-color: #FAF6F3;
    height: 100%;
    top: 0;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    z-index: -1;
    overflow: hidden;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}

@media (min-width: 1200px) {
    .background-color-wide::before {
        content: "";
        width: 140vw;
    }
}

@media (min-width: 1600px) {
    .background-color-wide::before {
        width: 150vw;
    }
}

.line-kisa1 {
    width: 190px;
    height: 1px;
    background-color: #000;
    margin-top: 3rem;
    margin-bottom: 30px;
    opacity: 1;
}

.hikayemiz-detay1 {
    color: #545454 !important;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.hikayemiz2 {
    margin-bottom: 2rem;
    margin-top: 4vh;
    position: relative;
    width: 100%;
}

.hikaye-oku {
    display: none !important;
}

.hikaye-overlay {
    display: none;
}

.hikayemiz2-vector {
    position: absolute;
    top: -1vh;
    right: -4vh;
}

.hikayemiz3 {
    color: #545454 !important;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 3rem;
}


.arkaREnk {
    flex-shrink: 0;
    background: #fff;
}

.arkaplan-2 {
    background-image: url('../../../../img/eksifirin/saglikliyasambanner.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 20rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 2rem;
}

.animasyon {
    position: relative;
}

.beyazArka {
    bottom: -70px;
    margin: 1rem;
    width: 90%;
    flex-shrink: 0;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.10);
    z-index: 1;
    position: absolute;
    padding: 1rem;
}

.saglik-baslik {
    color: #2B2B2B;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}

.saglik-detay {
    color: #545454;
    text-align: center;
    font-family: poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
input::placeholder {
    font-family: poppins !important;
}
textarea::placeholder {
    font-family: poppins !important;
}



.animasyon:hover .beyazArka {
    bottom: -1rem !important;
}

        .animasyon:hover .beyazArka .saglik-baslik {
            color: #F48929;
        }

.ikincisatir {
    margin-top: 7rem !important;
}

.altanimasyon {
    margin-top: 7rem !important;
}





.takvim {
    margin-right: 1rem;
}

.tarih {
    color: #545454;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.yasamimgbig {
    margin-top: 2rem;
    max-height: 500px;
    object-fit: contain;
}

.blogbaslik {
    color: #000;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 1rem;
}

.blog-yazi {
    color: #545454;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 3rem;
    margin-bottom: 5rem;
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    overflow-x: hidden;
}

    .blog-yazi p span {
        display: inline;
        white-space: normal;
    }

    .blog-yazi p {
        width: 100%;
        max-width: 100%;
        white-space: normal;
    }

.blog-detay {
    width: 85%;
}

.saglikli-2 {
    margin-top: 8rem;
}

.blog-button {
    margin-top: 7rem;
    display: flex;
    justify-content: center;
}

    .blog-button a {
        text-decoration: none;
    }

.kutu1 {
    width: 100%;
    height: 259px;
    text-align: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.72) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat, #FFF;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.10);
}

/* Büyük ekranlarda hover efektleri */
@media (min-width: 993px) {
    .kutu1:hover {
        background-image: url('../../../../img/eksifirin/kutubackground.webp');
        width: 100% !important;
        height: 100% !important;
        background-size: cover;
    }

        .kutu1:hover .iletisimbilgi-kutu {
            text-align: center !important;
            align-items: center;
            font-family: Poppins;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #FFF;
        }

        .kutu1:hover .iletisim-tel {
            text-align: center !important;
            align-items: center;
            font-family: Poppins;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #FFF !important;
        }

        .kutu1:hover .iletisim-no {
            text-align: center !important;
            align-items: center;
            font-family: Poppins;
            font-size: 16px !important;
            font-style: normal;
            font-weight: 400 !important;
            line-height: normal;
            color: #FFF !important;
        }

        .kutu1:hover .mail-e {
            text-align: center !important;
            align-items: center;
            font-family: Poppins;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #FFF !important;
        }

        .kutu1:hover .mail-adres {
            text-align: center !important;
            align-items: center;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #FFF !important;
        }

        .kutu1:hover .adres-detay a {
            color: #FFF !important;
        }

        .kutu1:hover .iletisim-no a {
            color: #FFF !important;
        }

        .kutu1:hover .mail-adres a {
            color: #FFF !important;
        }
}

@media (max-width: 992px) {
    .kutu1 {
        pointer-events: none;
    }

        .kutu1 a, .kutu1 button, .kutu1 input, .kutu1 select, .kutu1 textarea {
            pointer-events: auto;
        }
}

.iletisimbilgi-kutu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 12px;
}

.adres-ikon {
    text-align: center;
}

.adres-baslik {
    text-align: center !important;
    align-items: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.adres-detay {
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.tel-ikon {
    text-align: center;
    align-items: center;
}

.iletisim-tel {
    text-align: center;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.iletisim-no {
    color: #545454 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}



.mail-ikon {
    text-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #F48929;
    font-size: 2rem;
    display: flex;
}

.mail-e {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mail-adres {
    color: #545454 !important;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.iletisim-form {
    margin-top: 5rem;
}

    .iletisim-form .form-control {
        padding: 12px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-radius: 0 !important;
    }

        .iletisim-form .form-control:focus {
            color: var(--bs-body-color);
            background-color: var(--bs-body-bg);
            border-color: #F48929 !important;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        }

.iletisim-screen {
    display: flex;
    flex-direction: column;
}

.iletisim-eksi {
    margin-top: 3.5rem;
    margin-bottom: 5rem;
    height: 482px;
    flex-shrink: 0;
}

.form-check-input[type="checkbox"] {
    border-radius: 4px !important;
}

    .form-check-input[type="checkbox"]:checked {
        background-color: #F48929;
        border-color: #F48929;
    }

.btn-custom {
    margin-top: 3rem;
    padding: 15px !important;
    width: 165px;
    display: flex;
    align-items: center;
    color: var(--White, #FFF) !important;
    font-family: Poppins !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 60px !important;
    background: #F48929 !important;
}
.buton-ikon {
    color: #FFF;
    font-size: 1rem;
    margin-left: 1rem;
}




.giris-img {
    margin-top: 8rem;
    width: 100%;
}

.nav-tabs {
    background-color: #FAF6F3;
    padding: 4px;
    width: 100%;
    display: flex;
    border-radius: 32px !important;
    color: #545454;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}


    .nav-tabs button {
        width: 50%;
    }

    .nav-tabs .nav-link {
        border-radius: 32px !important;
        background: #FAF6F3;
        display: flex;
        height: 68px;
        border: none !important;
        justify-content: center;
        align-items: center;
        color: #545454 !important;
    }


        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border-color: unset !important;
            border: unset;
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
        }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border: none;
        }

.nav-tabs {
    margin-top: 8rem;
    border-bottom: unset !important;
    padding: 4px !important;
}

.tab-content {
    margin-top: 3rem;
}

.form-container h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    color: #333;
}

.form-group input {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

/*.form-group label {
    position: absolute;
    left: 12px;
    top: 19px;
    font-size: 14px;
    color: #777;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}
*/
.form-group {
    position: relative;
    margin-bottom: 20px;
}

    .form-group input:focus {
        border-color: #F48929;
        outline: none;
    }

        .form-group input:focus + label,
        .form-group input:not(:placeholder-shown) + label {
            top: -6px;
            font-size: 12px;
            color: #F48929;
            background-color: #ffffff;
            padding: 0 4px;
            border-radius: 4px;
            left: 8px;
        }
    /*chorme*/
    .form-group input::-webkit-outer-spin-button,
    .form-group input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    .form-group input[type=number] {
        -moz-appearance: textfield;
    }

.form-container .form-group {
    color: #B0B0B0;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form-group input {
    border-radius: 8px;
    border: 1px solid var(--neutrals-200, #E6EBF1);
}

.form-check-label {
    color: #545454;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
}

    .form-check-label a {
        text-decoration: none;
        color: #545454 !important;
    }

.nav-link .active {
    color: #F48929 !important;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 160% */
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #F48929 !important;
}

.btn-gonder {
    margin-top: 2rem;
    display: flex !important;
    width: 50%;
    height: 54px !important;
    padding: 16px 32px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: stretch !important;
    border-radius: 60px !important;
    background: #F48929 !important;
    color: #FFF !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.passwordArea {
    position: relative;
}

    .passwordArea i {
        position: absolute;
        top: 1.3rem;
        right: 1rem;
        cursor: pointer;
    }

.arkaplan-3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 20rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}

.banner-yazi2 {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sepetim-ust {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 20rem;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.argede-Logo {
    display: flex !important;
    justify-content: end !important;
}
.slider-img {
    height: 520px;
    object-fit: cover;
}
.sepetim-yazi {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sepet-mobil {
    display: none !important;
}

.slider-btn {
    display: none;
}

.page {
    margin: 0 auto;
    max-width: 1000px;
}
/** * Basket table rules. */
.basket {
    width: 100%;
}

    .basket td > *:last-child {
        margin-bottom: 0;
    }

.basket__head th {
    display: none;
}

    .basket__head th:first-child {
        display: block;
    }

.page-ins a {
    text-decoration: none;
}

@media only screen and (min-width: 800px) {
    .basket__head th {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .basket__head th:first-child {
            display: table-cell;
            text-align: left;
        }
}

.basket__body tr {
    border-bottom: 2px solid #eee;
    display: block;
    padding: 15px;
}

.basket__body td {
    border-bottom: 0;
    display: block;
    padding: 0;
}

    .basket__body td.basket__price {
        display: none;
    }

@media only screen and (min-width: 800px) {
    .basket__body {
        text-align: center;
    }

        .basket__body tr {
            display: table-row;
        }

        .basket__body td {
            border-bottom: 2px solid #eee;
            display: table-cell;
            padding: 15px;
            vertical-align: middle;
        }

            .basket__body td.basket__price {
                display: table-cell;
            }
}

.basket__foot {
    border-bottom: 2px solid #eee;
    color: #111;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
}

    .basket__foot td {
        border-bottom: none;
    }

    .basket__foot tr:first-child td {
        padding: 30px 15px 0;
    }

    .basket__foot tr:last-child td {
        padding: 15px 15px 30px;
    }

    .basket__foot p {
        font-size: 20px;
    }
/** * Basket images. */
.basket__image {
    float: left;
    width: 135px;
}

    .basket__image img {
        display: block;
        width: 100%;
        max-width: 100%;
    }

@media only screen and (min-width: 800px) {
    .basket__image {
        float: none;
    }
}
/** * Basket descriptions. */
.basket__desc {
    margin-left: 150px;
}

@media only screen and (min-width: 800px) {
    .basket__desc {
        margin-left: 0;
        padding-left: 0;
        text-align: left;
    }
}

.basket__desc h1, .basket__desc h2, .basket__desc h3, .basket__desc h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 800px) {
    .basket__desc h1, .basket__desc h2, .basket__desc h3, .basket__desc h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
}

.basket__desc p {
    font-size: 12px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 800px) {
    .basket__desc p {
        font-size: 14px;
    }
}
/** * Basket quantity. */
.basket__qty {
    margin-left: 150px;
}

    .basket__qty .qty {
        margin: 15px 0 0;
    }

@media only screen and (min-width: 800px) {
    .basket__qty {
        margin-top: 20px;
        width: 105px;
    }
}
/** * Basket price. */
.basket__price {
    color: #111;
    display: none;
    width: 120px;
}

.basket-form {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #E6E6E6;
}

.basket thead tr th:first-child {
    padding-left: 1rem;
}

.basket thead tr:first-child {
    background-color: #FAF6F3;
}

.basketFirstColumn {
    display: flex;
    column-gap: 14px;
    align-items: center;
}

.basketFirstColumnImage img {
    object-fit: contain;
}

.basket-form .btn {
    margin-bottom: 10px;
    width: 100%;
}

@media only screen and (min-width: 800px) {
    .basket-form .btn {
        float: right;
        margin: 0 0 0 15px;
        width: auto;
    }
}

.basket-dilim {
    width: 25%;
}

.sepetim-say {
    width: 55%;
    margin: auto;
}

.urun-fiyat {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.urun-gram {
    color: #344054;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.sepetim-panel {
    border-color: #000;
    border-radius: 6px !important;
}

tbody, td, tfoot, th, thead, tr {
    border: 1px solid #E6E6E6 !important;
    border-color: #E6E6E6 !important;
}

.basket td {
    border-radius: 16px !important;
}

.sepetim-say .qty-input input {
    margin-top: 0;
}

.sepetim-say .qty-input {
    margin-left: 0;
    margin-top: 0;
    box-shadow: none;
}

.basket thead tr th {
    padding: .8rem;
}

.siparis-card {
    flex-direction: column;
    display: flex;
    row-gap: 10px !important;
    padding: 24px;
    border-radius: 16px !important;
    border: 1px solid var(--gray-300, #E4E7EC) !important;
}

.siparis-ozet {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 12px;
}

.cizgi {
    height: 1px;
    align-self: stretch;
    background: var(--gray-300, #E4E7EC) !important;
}

.urunler {
    color: #1D2939;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.toplam {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.fatura {
    display: flex;
    justify-content: space-between !important;
}

.sepet-toplam {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #E4E7EC);
    background: var(--gray-50, #FCFCFD);
}

.sepetToplam {
    color: #344054;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.TL {
    color: #000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

    .TL i {
        color: #000 !important;
    }

.sepet-toplam i {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    color: #000;
}

.kdvfiyat {
    display: flex;
    align-items: center;
    color: #475467;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.sepet-toplam i {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    color: #667085;
}

.btn-siparis {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    min-width: 180px;
}

.btn-siparis {
    color: #F48929 !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    background-color: #FFF !important;
    border-color: #F48929 !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

.siparis-buton {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 12px;
}

.btn-siparis:hover {
    color: #fff !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    background-color: #f48929 !important;
    border-color: #F48929 !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

.sepetim-icon {
    text-align: center;
    justify-content: center;
    text-align: center !important;
    line-height: normal !important;
    display: none !important;
}

.sepet-icon {
    width: 30px;
    display: none !important;
}

.mobileNav {
    display: none !important;
}

.sidenav {
    display: none;
}

.owl-example .owl-stage {
    padding-left: 0 !important;
}

.navbar-alt::-webkit-scrollbar {
    display: none;
}

.siparis-satir {
    display: none !important;
}

.sepet-buton a {
    text-decoration: none;
}

.owl-mobil {
    display: block !important;
}

@media (max-width:1441px) {

    .resim-iki {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .custom-container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 50px;
    }

    #sagresimiki {
        display: none;
    }

    #solresimiki {
        display: none;
    }
}

@media (max-width:1400px) {
    .navbar-2 {
        margin-left: 0px;
        justify-content: center;
    }
}

@media (max-width:1200px) {
    .altarka-resim {
        margin-top: 8rem;
    }

    .sepet-icon {
        font-size: 30px;
        display: block !important;
    }

    .sepetim-icon {
        display: block !important;
    }

    .arkaresim {
        width: 100%;
    }

    #solUstBan {
        display: none;
    }

    #solAltBan {
        display: none;
    }

    #sagUstBan {
        display: none;
    }

    #sagAltBan {
        display: none;
    }

    #sagresimiki {
        display: none;
    }

    #solresimiki {
        display: none;
    }

    /*.cizgi-2 {
        display: none !important;
    }*/

    .navbar-2 {
        margin-left: 0% !important;
    }

    .slider-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .navbar-3 {
        justify-content: center !important;
    }

    .custom-container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 50px;
    }

    .resim-iki {
        width: 60%;
    }

    #sagresimiki {
        display: none;
    }

    #solresimiki {
        display: none;
    }

    #sagaltarkaplan {
        display: none;
    }

    #solaltarkaplan {
        display: none;
    }


    .navbar-2 .nav-cl-item {
        margin-right: 4px;
    }

    .sepetim-ust {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .urun-gram {
        max-width: 70px;
    }
}

@media (max-width:991px) {
    .turuncu {
        margin-top: -6rem;
    }

    .arka-resim {
        height: 100% !important;
    }

    .slider-baslik {
        color: #F48929;
        font-family: Poppins !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 52px;
        text-align: center;
        text-align: center;
    }

    .slider-title {
        color: #FFF;
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 52px;
        text-align: center;
    }

    .slider-detay {
        color: #969696;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin-bottom: 16px;
    }

    .degisme1 {
        order: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        row-gap: 10px;
    }

    .degisme2 {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        row-gap: 10px;
        order: 1;
    }

    .slider-img {
        width: 100% !important;
    }

    .slider-btn {
        display: block;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .urunler-btn {
        background-color: #f48929;
        color: #ffffff;
        font-family: Poppins;
        font-size: 1.1rem;
        font-weight: 600;
        position: relative;
        outline: none;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 55px;
        width: 160px;
        margin-bottom: 2rem;
    }

    .custom-container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 50px;
    }

    #sagresimiki {
        display: none;
    }

    #solresimiki {
        display: none;
    }

    .mobileNav {
        background: #000;
        display: block;
    }

    .ellipse {
        font-family: Poppins;
        align-items: center;
        text-decoration: none;
        text-align: center;
        position: relative;
        width: 18px;
        height: 18px;
        border-radius: 20px;
        color: #fff;
        background-color: #f48929;
        display: block;
        top: -40px;
        left: 16px
    }

    .mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 8px;
    }

    .menu {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .sepet-icon {
        font-size: 30px;
        display: block !important;
    }

    .sepetim-icon {
        display: block !important;
    }

    .arkaresim {
        width: 100%;
    }

    #solUstBan {
        display: none;
    }

    #solAltBan {
        display: none;
    }

    #sagUstBan {
        display: none;
    }

    #sagAltBan {
        display: none;
    }

    #sagresimiki {
        display: none;
    }

    #solresimiki {
        display: none;
    }

    #sagaltarkaplan {
        display: none;
    }

    #solaltarkaplan {
        display: none;
    }


    .resim-iki {
        width: 60%;
        position: relative;
        top: 0rem;
        bottom: unset;
    }

    .container-baslik {
        margin-top: 6rem;
    }

    .slider-iki-img {
        flex-direction: column !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .slider-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .navbar-2 .nav-cl-item {
        text-align: center;
        display: flex;
        justify-content: center;
        color: #FFF;
        text-align: center !important;
        font-family: Poppins !important;
        font-size: 15px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important;
        margin-right: 0px !important;
    }

    .desktop-nav {
        display: none;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    .tab-content .index {
        display: none !important;
    }

    .cardlar .uzun-resim {
        display: none;
    }

    .owl-mobil {
        display: block !important;
    }

    .iletisim-eksi {
        display: none;
    }

    .iletisim-form {
        order: 0;
        margin-top: 1rem;
    }

    .argede-Logo {
        display: flex;
        justify-content: end;
        text-align: center;
        margin-top: 16px;
    }

    .sozlesme {
        display: flex;
        justify-content: space-around;
    }

    .gizlilik {
        margin-right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 16px;
    }

    .uyelik-sozlesme {
        margin-right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 16px;
    }

    .navbarback {
        display: none;
        height: auto;
    }

    .dilimekmek {
        display: none;
    }

    .bastonekmekurun {
        display: none;
    }

    .tambugdayurun {
        display: none;
    }

    .saglik .row {
        margin-top: 0rem !important;
    }

    .accordion-flush ul {
        display: flex !important;
        flex-direction: column;
        color: #1D2939;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        row-gap: 10px;
    }

    .accordion-flush {
        display: block !important;
        color: #1D2939;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .searchArea {
        display: none;
    }

    .ikincisatir {
        margin-top: 0rem !important;
    }

    .saglik {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .slider-nav {
        display: none !important;
    }

    .hikaye-giris {
        margin-top: 2rem;
    }

    .qty-input {
        width: 55% !important;
    }

    .sepete {
        width: 85%;
        display: flex;
        justify-content: center;
    }

    .slider-nav {
        display: none !important;
    }

    .owl-nav .owl-prev {
        display: none !important;
    }

    .owl-nav .owl-next {
        display: none !important;
    }

    .giris-img {
        margin-top: 2rem !important;
        width: 100%;
    }

    .dilim {
        display: flex;
        padding: 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 6px;
        border: 1px solid var(--gray-300, #E4E7EC);
        margin-right: 0rem !important;
        margin-top: 0rem !important;
    }

    .sepetim-say {
        display: flex;
        justify-content: center;
    }

    .siparis-web {
        display: none !important;
    }

    .sepet-mobil {
        display: block !important;
    }

    .mobil-card {
        display: block !important;
        border-radius: 6px;
        border: 1px solid var(--gray-300, #E4E7EC);
        background: var(--gray-white, #FFF);
        margin-bottom: 3rem;
    }

        .mobil-card .dilim {
            margin-bottom: 1rem !important;
        }

        .mobil-card .sepetim-say {
            width: 100% !important;
            margin-bottom: 1rem;
            display: flex !important;
            justify-content: center !important;
        }

        .mobil-card .card-title {
            margin-bottom: 12px !important;
            height: 100%;
        }

        .mobil-card .card-text {
            margin-bottom: 12px !important;
            height: 100%;
        }

    .siparis-card {
        display: none !important;
    }

    .siparis-satir {
        z-index: 55;
        display: block !important;
        display: flex;
        align-items: center;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100% !important;
        display: flex;
        justify-content: space-between !important;
        background-color: #FFF;
        padding-left: 15px;
        padding: 1rem;
    }

    .toplam {
        color: #344054;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        display: flex;
        margin-bottom: 20px;
    }

    .tutar {
        font-family: Poppins;
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .kargo {
        color: #000;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
    }

    .sepet-onay {
        color: #fff !important;
        text-align: center !important;
        font-family: Poppins !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 24px !important; /* 150% */
        background-color: #F48929 !important;
        border-color: #F48929 !important;
        border-radius: 6px !important;
    }

    .one-cikan {
        display: none;
    }

    .tab-content .ekmek-card {
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.10);
        margin-bottom: 1rem;
    }

    .sidenav {
        display: block !important;
    }

    .mobileNav {
        display: block !important;
    }

    .sidenav a {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .mobile-cavdar {
        padding: 20px;
    }

    .navbar-title {
        margin-top: 1rem;
    }

    .title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .sepet-icon {
        width: 25px;
    }

    .giris-img {
        display: none;
    }

    .arkaRenk {
        margin-top: 1rem;
    }

    .line-kisa1 {
        margin-top: 2rem;
    }

    .hikayemiz2 {
        margin-top: 1rem;
    }

    .hikayemiz2-vector {
        top: -5vh;
    }

    .qty-input {
        margin-top: 5px;
    }

    .navbar-alt {
        justify-content: unset;
    }
}

@media (max-width: 768px) {
    .resim-maya {
        order: 0;
    }

    .siyah-card {
        order: 1;
    }

    .ekmek {
        order: 2;
    }

    .beyaz {
        order: 3;
    }

    .firinci {
        display: none;
    }

    .firinci-mobile {
        display: block;
    }

    .turuncu {
        margin-top: -6rem;
    }

    .logo {
        max-width: 75px;
    }

    .arkaRenk {
        display: none;
    }

    .hikaye-oku {
        text-align: center;
        display: block !important;
        margin-top: 1rem !important;
    }

    .hikaye-overlay {
        display: block !important;
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 108px;
        background: linear-gradient(0deg, white, transparent);
    }

    .argede-logo {
        margin-bottom: 1rem;
    }

    .haklar {
        margin-bottom: 0px;
        margin-top: 3px;
        font-size: 13px;
    }

    .gizlilik {
        font-size: 13px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .uyelik-sozlesme {
        font-size: 13px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer-line {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .iletisim {
        margin-top: 1rem;
    }

    .urunlerbaslik {
        font-size: 22px;
    }

    .urunkodu {
        font-size: 14px;
    }

    .urunkod {
        font-size: 14px;
    }

    .stokdurum {
        font-size: 14px;
    }

    .stokdurumu {
        font-size: 14px;
    }

    .urunozellik {
        font-size: 16px;
    }

    .fiyat {
        font-size: 18px;
    }

    .kdv {
        font-size: 14px;
    }
}

@media (max-width: 620px) {
    .saglik-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ikincisatir .row {
        margin-top: 2rem !important;
    }

    .kutu1:hover {
        height: 260px;
    }

    .slider-baslik {
        font-size: 18px;
    }

    .slider-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0 18.5px;
        min-height: 90px;
        max-height: 142px;
        font-size: 28px;
        line-height: 35px;
    }

    .slider-detay {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0 18.5px;
        min-height: 90px;
        max-height: 100px;
        font-size: 16px;
    }

    .resim-iki {
        display: none;
    }

    .arkaplan {
        height: 10rem;
        margin-bottom: 1rem;
    }

    .arkaplan-1 {
        height: 10rem;
        margin-bottom: 1rem;
    }

    .arkaplan-2 {
        height: 10rem;
        margin-bottom: 1rem;
    }

    .saglik .row {
        margin-top: 1rem !important;
    }

    .hikayemiz2 {
        margin-top: 0px;
    }

    .hikayemiz2-vector {
        top: -5vh;
    }

    .banner-yazi {
        font-size: 22px;
    }

    .arkaRenk {
        margin-top: 1rem;
    }

    .card-title {
        font-size: 16px !important;
    }

    .card-text {
        font-size: 14px !important;
    }

    .card-fiyat {
        font-size: 16px !important;
    }

    .card-incele a {
        font-size: 14;
        font-weight: 600;
    }

    .line-kisa1 {
        margin-top: 2rem;
    }

    .giris {
        height: 100vh;
    }

    .blog-yazi {
        margin-top: 1rem;
    }

    .yasamimgbig {
        margin-top: 1rem;
    }

    .blogbaslik {
        font-size: 22px;
        margin-top: 0.5rem;
    }
}

.accordion-flush {
    display: none;
}

.sidenav {
    text-align: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-self: center;
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 56; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #000; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

    /* The navigation menu links */
    .sidenav a {
        flex-direction: column;
        font-family: Poppins;
        display: flex;
        justify-content: center;
        align-self: center;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover {
            color: #f48929 !important;
        }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}






/*Ürün Kartları [+] */

.default-product-card {
    box-shadow: 0px 4px 36px 0px #0000001A;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.default-product-card-image, .default-product-card-image img {
    aspect-ratio: 1/1;
    object-fit: contain;
}

.default-product-card-input-and-button-area {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.default-product-card-text-and-input-area {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.default-product-card-input-area {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.default-product-card-button-and-price-area {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.default-product-card-title {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #000;
}

.default-product-card-slice-type {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

    .default-product-card-slice-type .slice-type-button {
        width: 100%;
        padding: 8px;
        font-family: Poppins;
        font-weight: 500;
        font-size: 15px;
        line-height: 22.5px;
        text-align: center;
        color: #797979;
        background: #fff;
        border: 1px solid #E8E8E8;
        border-radius: 50px;
        outline: none;
        box-shadow: none;
        transition: .4s;
    }

        .default-product-card-slice-type .slice-type-button.active {
            color: #F48929;
            border: 1px solid #F48929;
            transition: .4s;
        }

.default-product-card-grammage-and-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
}

.default-product-card-grammage {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    width: 100%;
}

.default-product-card-quantity {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    width: 100%;
}

.default-product-card-grammage label {
    font-family: Poppins;
    font-weight: 500;
    font-size: 13px;
    line-height: 19.5px;
    color: #323232;
}

.default-product-card-quantity label {
    font-family: Poppins;
    font-weight: 500;
    font-size: 13px;
    line-height: 19.5px;
    color: #323232;
}

.default-product-card-grammage select {
    border: 1px solid #E8E8E8;
    padding: 8px 12px;
    border-radius: 4px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    color: #323232;
    outline: none;
    box-shadow: none;
}

.default-product-card-quantity-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 1px;
}

    .default-product-card-quantity-input button {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: none;
        background: none;
        color: #939393;
    }

    .default-product-card-quantity-input .product-qty {
        font-family: Poppins;
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        color: #444444;
    }

.default-product-card-price {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #323232;
    width:100%;
    text-align:center;
}

.default-product-card-link {
    text-decoration: none;
}

/*Ürün Kartları [-] */













@media screen and (max-height: 650px) {
    .arka-resim {
        height: 720px !important;
    }
}

.blog-container {
    margin-bottom: 10px;
    border-radius: 12px;
    overflow: hidden;
}

.blog-main-bg {
    background-color: #FAF6F3;
    display: flex;
}

.blog-img-container {
    min-height: 100%;
}

.blog-card-dark {
    background-color: #2B2B2B;
    padding: 24px;
    height: 100%;
}

.blog-card-light {
    background-color: #fff;
    padding: 24px;
    height: 100%;
}

@media (max-width: 991px) {
    .blog-card-dark,
    .blog-card-light {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .row-blog {
        min-height: auto;
        padding: 20px;
    }

    .blog-img-container {
        min-height: auto;
    }

    .blog-main-bg {
        background-color: #FAF6F3;
    }
}

.carousel-slide {
    margin-top: 5rem;
}

.foto-container {
    position: relative;
    width: 50%;
    max-width: 50%;
    min-height: 400px;
    margin: 0 auto;
}

.resim-bir-yeni {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: auto;
    max-height: 650px;
    border-radius: 10px;
    z-index: 1;
}

.resim-iki-yeni {
    position: absolute;
    top: 100px;
    right: 0;
    width: 70%;
    height: auto;
    max-height: 650px;
    border-radius: 10px;
    z-index: 2;
}

@media (max-width: 768px) {
    .foto-container {
        max-width: 350px;
        width: 100%;
        height: 100%;
        min-height: 250px;
    }

    .resim-bir-yeni {
        width: 85%;
        top: 0;
        left: 0;
    }

    .resim-iki-yeni {
        width: 85%;
        top: 100px;
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) {
    .foto-container {
        max-width: 350px;
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .resim-bir-yeni {
        width: 85%;
        top: 0;
        left: 0;
    }

    .resim-iki-yeni {
        width: 85%;
        top: 100px;
        right: 0;
        left: auto;
    }
}

.mobile-view {
    display: none;
}

@media (max-width: 767px) {
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: auto;
    }

    .tab-content {
        margin-top: 1rem;
    }

    .default-product-card-image, .default-product-card-image img {
        aspect-ratio: 2 / 1.5;
        object-fit: contain;
    }
}

.size-selector:focus {
    border-color: #F48929 !important;
    box-shadow: 0 0 0 0 !important;
}

.form-select {
    --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='%23F48929' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.size-selector:hover {
    border-color: #F48929 !important;
}

.size-selector {
    border-color: #cccccc !important;
}


.form-select {
    border-color: #cccccc !important;
}

    .form-select:focus {
        border-color: #F48929 !important;
        box-shadow: 0 0 0 0 !important;
    }

    .form-select:hover {
        border-color: #F48929 !important;
    }