.icon {

    display: inline-block;

    width: 16px;

    height: 16px;



    /* Rengi buradan belirliyoruz */

    background-color: #103741;

    /* İkonun mevcut rengi (örn. koyu gri) */



    /* Görseli 'maske' olarak kullan */

    mask-size: contain;

    mask-repeat: no-repeat;

    mask-position: center;



    transition: background-color 0.3s ease;

    /* Renk değişimi için animasyon */

}





/* .icon:hover {

  background-color: #000; 

} */





/* Görsellerin yolları sizin verdiğiniz gibidir */



.icon-email {

    mask-image: url('./../../assets/img/media/icons/email.png');

}



.icon-facebook {

    mask-image: url('./../../assets/img/media/icons/facebook.png');

}



.icon-instagram {

    mask-image: url('./../../assets/img/media/icons/instagram.png');

}



.icon-linkedin {

    mask-image: url('./../../assets/img/media/icons/linkedin.png');

}



.icon-phone {

    mask-image: url('./../../assets/img/media/icons/phone.png');

}



.icon-x {

    mask-image: url('./../../assets/img/media/icons/x.png');

}



.icon-youtube {

    mask-image: url('./../../assets/img/media/icons/youtube.png');

}



.icon-user {

    mask-image: url('./../../assets/img/media/icons/user.png');

}



.icon-basket {

    mask-image: url('./../../assets/img/media/icons/basket.png');

}



.icon-heart {

    mask-image: url('./../../assets/img/media/icons/heart.png');

}



.icon-down {

    mask-image: url('./../../assets/img/media/icons/down.png');

}



.icon-search {

    mask-image: url('./../../assets/img/media/icons/search.png');

}



.icon-right {

    mask-image: url('./../../assets/img/media/icons/right.png');

}



.icon-play {

    mask-image: url('./../../assets/img/media/icons/play.png');

}



.icon-logout {

    mask-image: url('./../../assets/img/media/icons/logout.png');

}



.icon-settings {

    mask-image: url('./../../assets/img/media/icons/settings.png');

}



.icon-address {

    mask-image: url('./../../assets/img/media/icons/address.png');

}



.icon-show {

    mask-image: url('./../../assets/img/media/icons/show.png');

}



.icon-edit {

    mask-image: url('./../../assets/img/media/icons/edit.png');

}



.icon-delete {

    mask-image: url('./../../assets/img/media/icons/delete.png');

}



.icon-plus {

    mask-image: url('./../../assets/img/media/icons/plus.png');

}



.icon-bell {

    mask-image: url('./../../assets/img/media/icons/bell.png');

}



.icon-copy {

    mask-image: url('./../../assets/img/media/icons/copy.png');

}

















.header-top {

    padding: 0;

    height: 35px;

}





.header-top .container,

.header-top .hizala {

    height: 100%;

    /* veya height: 35px; */

}



.header-top .hizala {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header-top .hizala .item {

    display: flex;

    align-items: center;

}



.header-top .top-links {

    display: flex;

    gap: 24px;

    align-items: center;

}



.header-top .top-social {

    display: flex;

    gap: 24px;

    align-items: center;

}



.header-top .top-social i {

    width: 14px;

    height: 14px;

}



.header-top ul {

    list-style: none;

    padding-left: 0;

    margin: 0;

}



.header-top ul li {

    display: flex;

    align-items: center;

    line-height: 1;

}



.header-top .top-links li {

    gap: 6px;

}



.header-top ul li a {

    color: #103741;

    display: flex;

    align-items: center;

    font-weight: 400;

    font-size: 16px;

}



.header-top ul li:hover a {

    color: #000 !important;

}



.header-top ul li:hover i {

    background-color: #000 !important;

}





.header-logo img {

    object-fit: contain;

    height: auto;

    width: 96px;

}



.main-menu ul.sub-menu li a:before {

    display: none;

}



.main-menu ul.sub-menu li a:hover {

    padding-left: 10px;

}



.main-menu>ul>li {

    margin: 0 12px;

}



.header-form .form-control {

    border-left: unset;

}



.header-button {

    gap: 9px;

}



.header-button .header-form {

    width: 270px;

    margin-right: 15px;

    border: 0.5px solid #E6EBEC

}



.header-button .header-form .form-control {

    font-weight: 500;

    height: 40px;

}



.main-menu>ul>li>a {

    padding: 30.5px 0;

}



.ot-header .icon-btn {

    width: 40px;

    height: 40px;

    min-width: unset;

    line-height: 40px;

    border: 0.5px solid #E6EBEC

}



.ot-menu-toggle {

    width: 40px;

    height: 40px;

    min-width: unset;

    line-height: 40px;

    border: 0.5px solid #E6EBEC

}



.header-button .icon-btn:hover i {

    background-color: #fff;

}





.currency-area {

    position: relative;

    display: inline-block;

}



.currency-area .currency-toggle {

    display: flex;

    align-items: center;

    gap: 4px;

    background: #fff;

    color: #103741;

    border: 0.5px solid #E6EBEC;

    border-radius: 25px;

    height: 40px;

    cursor: pointer;

    min-width: 105px;

    justify-content: center;

    font-weight: 600;

    font-size: 15px;



}



.currency-area .currency-toggle img {

    width: 24px;

    height: 24px;

    border-radius: 50%;



}



.currency-area .currency-toggle i {

    margin-left: 8px;

    width: 24px;

    height: 24px;

}



.currency-area .currency-menu {

    display: none;

    position: absolute;

    top: 50px;

    left: 0;

    background: #fff;

    border: 0.5px solid #E6EBEC;

    border-radius: 25px;

    list-style: none;

    margin: 0;

    padding: 10px 5px;

    min-width: 105px;

    z-index: 1000;

}



.currency-area .currency-menu li {

    padding: 5px 12px;

    margin-bottom: 0px;

}



.currency-area .currency-menu li a {

    text-decoration: none;

    color: #103741;

    display: block;

    font-weight: 600;

    font-size: 14px;

}



.currency-area .currency-menu li a:hover {

    color: var(--theme-color);

}



.widget_shopping_cart .cart_list img {

    object-fit: contain;

    top: 50%;

    transform: translateY(-50%);

}



footer .footer-contact-wrap {

    justify-content: flex-start;

    gap: 100px;

    border-bottom: 1px solid #ffffffd6;

    padding-bottom: 40px;

}



footer .footer-contact .box-icon {

    width: 43px;

    height: 43px;

    line-height: 43px;

}



footer .footer-contact .box-icon img {

    width: 21px;

}



/* footer .footer-contact .box-icon:before {

    border-width: 1.45px;

} */



footer .footer-contact .box-label {

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 2px;

}



footer .footer-contact .box-title {

    font-size: 21px;

    font-weight: 500;

}



.ot-widget-about .about-logo {

    width: 89px;

    height: auto;

    object-fit: contain;

    margin-bottom: 26px;

}



.ot-widget-about .about-text {

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 26px;

    margin-top: 0;

    line-height: 1.5;

}



.ot-widget-about i {

    background-color: #fff;

    width: 12px;

    height: 12px;

}



footer .widget-area {

    padding-top: 40px;

}



.footer-wrapper .ot-social a {

    width: 30px;

    height: 30px;

    line-height: 30px;

}



.footer-widget .widget_title {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 26px;

    padding-bottom: 0;

}



footer .widget_title:after {

    display: none;

}



.footer-widget.widget_nav_menu a {

    font-size: 16px;

    font-weight: 400;

    color: #FFF4F4;

    font-family: 'DM Sans';





}



.copyright-wrap .copyright-text {

    font-weight: 500;

    font-size: 14px;

    line-height: 20px;

    color: #103741;

}



.payment-methods img {

    width: 326px;

    object-fit: contain;

    height: auto;

}



.copyright-wrap {

    padding: 0px;

    height: 72px;

}



.copyright-wrap .container,

.copyright-wrap .container .row {

    height: 100%;

}



.payment-methods-mobile {

    display: none;

}



.home-intro.hero-1 {

    background: linear-gradient(180deg, #FFF9EB 29.7%, #FFFFFF 100%);

    padding-top: 44px;

    padding-bottom: 50px;

}



.home-intro .hero-wrap1 {

    height: 492px;

    display: flex;

    align-items: center;

}



.home-intro .hero-wrap1 .hero-thumb1-1 {

    right: 0px;

    max-width: 40%;

}



.home-intro .hero-wrap1 .hero-shape3 {

    position: absolute;

    bottom: 0;

    left: calc(56% - 12.5%);

    width: 25%;

    z-index: 2;

}



.home-intro .hero-title .title1 {

    font-weight: 700;

    font-size: 74px;

    margin-bottom: 10px;

}



.home-intro .hero-title .title2 {

    font-weight: 500;

    font-size: 24px;

    letter-spacing: 0.1px;

}



.home-intro .hero-style1 {

    max-width: 565px;

    padding: 0 0 0 36px;

    text-align: left;

}



.home-features {

    padding-bottom: 70px;

}



.home-features .feature-list {

    gap: 11px;

    padding: 30px 15px;

}



.home-features .feature-list .box-icon {

    width: 56px;

    height: 56px;

    line-height: 50px;

}



.home-features .feature-list .box-icon img {

    width: 30px;

    object-fit: contain;

}



.home-features .feature-list .box-title {

    font-size: 21px;

    font-weight: 700;

}



.home-features .row>* {

    padding-right: calc(var(--bs-gutter-x) / 4);

    padding-left: calc(var(--bs-gutter-x) / 4);

}



.feature-list {

    height: 100%;

    display: flex;

}



.feature-list .media-body {

    flex-grow: 1;

    text-align: left;

}



.home-categories {

    padding-bottom: 100px;

}



.category-card .box-img img {

    width: 120px;

}



.home-categories .slider-arrow.slider-next {

    right: -20px;

}



.home-categories .slider-arrow.slider-prev {

    left: -20px;

}



.home-age-area .slider-arrow.slider-next {

    right: -20px;

}



.home-age-area .slider-arrow.slider-prev {

    left: -20px;

}



.home-blog .slider-arrow.slider-next {

    right: -20px;

}



.home-blog .slider-arrow.slider-prev {

    left: -20px;

}
.product-image-gallery .slider-arrow.slider-next {

    right: 10px;
    width: 49px;
    height: 49px;
    display: flex
;
    justify-content: center;
    align-items: center;
}



.product-image-gallery .slider-arrow.slider-prev {

    left: 10px;
    width: 49px;
    height: 49px;
    display: flex
;
    justify-content: center;
    align-items: center;
}



.home-testimonials .slider-arrow.slider-next {

    right: -20px;

}



.home-testimonials .slider-arrow.slider-prev {

    left: -20px;

}







.home-new-products .title-area {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.home-new-products .title-area .sec-title {

    margin-bottom: 0px;

}



.all-btn {

    color: #103741;

    font-size: 16px;

    font-weight: 700;

    display: flex;

    align-items: center;

    gap: 6px;

}



.all-btn i {

    background-color: #103741;

    width: 24px;

    height: 24px;

}



.all-btn:hover {

    color: var(--theme-color);

}



.all-btn:hover i {

    background-color: var(--theme-color);

}



.urun-karti {

    padding: 58px 24px 16px 24px;

    position: relative;

    height: 100%;

}



.urun-karti .product-img {

    position: unset;

    margin-bottom: 16px;

}



.urun-karti .product-tag {

    top: 24px;

    left: 24px;

}



.urun-karti .product-tag .tag {

    background: #B9CEDC33;

    border: 1px solid #B9CEDC;

    font-weight: 700;

    font-size: 15px;

    color: #5C707E;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.urun-karti .actions {

    top: 24px;

    right: 24px;

    width: 30px;

}



.urun-karti .actions .icon-btn {

    width: 30px;

    height: 30px;

    line-height: 30px;

}



.urun-karti .product-img img {

    width: 100%;

    height: auto;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.urun-karti .product-hover-content {

    padding: 12px;

    background-color: #FCF8F0;

    height: 50%;
    /* height: 200px; */

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.urun-karti .box-title {

    color: #000;

    line-height: 1.3;

}



.urun-karti .price {

    font-size: 20px;

}



.urun-karti .product-hover-content .box-title {

    margin-bottom: 8px;

}



.urun-karti .product-hover-content .price {

    margin-bottom: 12px;

}



.urun-karti .product-content {

    margin-bottom: 24px;

}



.urun-karti .product-content p {

    font-size: 14px;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.home-new-products {

    padding-bottom: 190px;

    position: relative;

}

.home-new-products .container{

    position: relative;

}



.daha-fazlasi-btn {

    border: 1px solid #E0E0E0;

    background-color: #fff;

    min-width: 180px;

    height: 40px;

    border-radius: 100px;

    padding: 10px;

    font-weight: 700;

    font-size: 16px;

    color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 180px;

    margin: 1.5rem auto 0 auto;

}



.daha-fazlasi-btn:hover {

    border: 1px solid #E0E0E0;

    background-color: #fff;

    color: #103741;

}





.home-new-products .shape-1 {

    position: absolute;

    left: 50px;

    bottom: -210px;

    z-index: 9;

}



.home-new-products .shape-1 img {

    width: 370px;

    object-fit: contain;

}



.home-new-products .shape-2 {

    position: absolute;

    right: -50px;

    bottom: -190px;

}



.home-new-products .shape-2 img {

    width: 364px;

    object-fit: contain;

}



.home-hot-products {

    background-color: #FFF9EB;

    padding-top: 107px;

    padding-bottom: 114px;

}





.home-hot-products .title-area {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 45px;

}



.home-hot-products .title-area .sec-title {

    margin-bottom: 0px;

}



.hhp-card {

    background-color: var(--theme-color);

    height: 100%;

    max-height: 800px;

    position: relative;

    padding: 95px 27px;

    position: sticky;

    top: 120px;

}



.hhp-card .text-content h2 {

    font-weight: 700;

    font-size: 40px;

    color: #fff;

    margin-bottom: 0px;

    line-height: 1.3;

}



.hhp-card .text-content p {

    font-weight: 500;

    font-size: 20px;

    color: #fff;

    margin-bottom: 0px;

    line-height: 1.3;

}



.hhp-card .text-content .btn-group {

    margin-top: 28px;

    z-index: 9;

}



.hhp-card .shape-1 {

    position: absolute;

    right: 48px;

    top: 222px;

    z-index: 9;

}



.hhp-card .shape-1 img {

    width: 55px;

    object-fit: contain;

}



.hhp-card .shape-2 {

    position: absolute;

    right: 298px;

    bottom: 298px;

    z-index: 9;

}



.hhp-card .shape-2 img {

    width: 42px;

    object-fit: contain;

}



.hhp-card .main-image {

    position: absolute;

    bottom: 0;

    left: 0;

}



.hhp-card .shape-2 img {

    width: 100%;

    object-fit: contain;

}



.home-age-area {



    position: relative;

}

.home-age-area .container {

    position: relative;

        padding-top: 170px;

    padding-bottom: 203px;

}



.home-age-area .slider-area {

    max-width: 750px;

    margin: auto;

    z-index: 10;

}





.home-age-area .shape-1 {

    position: absolute;

    left: 45px;

    top: 0px;

    z-index: 9;

}



.home-age-area .shape-1 img {

    width: 400px;

    object-fit: contain;

}



.home-age-area .shape-2 {

    position: absolute;

    right: 0px;

    bottom: 20px;

    z-index: 9;

}



.home-age-area .shape-2 img {

    width: 270px;

    object-fit: contain;

}



.home-hot-products .wave {

    position: absolute;

    bottom: 0px;

}



h2.sec-title {

    font-size: 34px;

}



p.sec-text {

    font-weight: 500;

    margin-bottom: 0;

    line-height: 1.5;

}



.home-age-area .title-area {

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 85px;

}



.home-age-area .slider-arrow {

    display: none;

}



.home-age-area:hover .slider-arrow {

    display: inline-block;

    z-index: 12;

}



.title-area .sec-title {

    margin-bottom: 5px;

}





.home-blog {

    padding-top: 70px;

    padding-bottom: 170px;

}





.home-blog .title-area {

    margin-bottom: 30px;

}





.blog-card {

    box-shadow: 0px 4px 10px 0px #718D9A33;

    padding: 16px 20px;

    border-radius: 16px;

}



.blog-card .blog-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin: 0 0 12px 0 !important;

}



.blog-card .blog-meta a {

    font-family: 'DM Sans';

    font-weight: 400;

    font-size: 14px;

    color: #5C707E;

    line-height: 1;

    display: flex;

    align-items: center;

    gap: 3px;

    margin-right: 0;

}



.blog-card .blog-meta img {

    height: auto;

    width: 14px;

    object-fit: contain;

}



.blog-card .blog-meta a:not(:first-child) {

    border-left: 1px solid #5c707e7d;

    padding-left: 12px;

}



#blogSlider1 {

    padding: 15px;

}







.blog-card .blog-img {

    margin-bottom: 20px !important;

}



.blog-card .blog-img img {

    aspect-ratio: 16/9;

    object-fit: cover;

}



.blog-card .box-title {

    font-size: 20px;

    color: #000;

    margin-bottom: 5px !important;

}



.blog-card p {

    font-size: 16px;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.blog-card .link-btn {



    font-weight: 600 !important;

    font-size: 16px;

    color: #103741;





}



.blog-card .box-title a:hover,

.blog-card .box-title a:active,

.blog-card .box-title a:focus,

.blog-card .box-title a:focus-visible {

    background-image: unset;

}



.blog-card .link-btn:before {

    display: none;

}



.blog-card .link-btn:hover {

    color: var(--theme-color);

}





.home-testimonials {

    position: relative;

    padding-top: 0px;

    padding-bottom: 155px;

}

.home-testimonials .container{

    position: relative;

}



.home-testimonials .title-area {

    margin-bottom: 30px;

    max-width: 60%;

    margin-left: auto;

    margin-right: auto;

}





.home-testimonials .shape-1 {

    position: absolute;

    right: 50px;

    top: -60px;

    z-index: 9;

}



.home-testimonials .shape-1 img {

    width: 220px;

    object-fit: contain;

}



.testi-card .testi-quote-icon img {

    width: 49px;

}



.testi-card .box-profile .image img {

    width: 44px;

    height: 44px;

    object-fit: cover;

    border-radius: 50%;

}



.testi-card .box-profile .text .name h3 {

    font-weight: 700;

    font-size: 17.13px;

    color: #000;

    margin-bottom: 0px;

    text-align: left;

}



.testi-card .box-profile .text .sub .city h4 {

    font-weight: 500;

    font-size: 15.23px;

    color: #4C4D4F;

    margin-bottom: 0px;

}



.testi-card .box-profile .text .sub .rate img {

    width: 11.79px;

    height: 11.42px;

    object-fit: cover;



}



.testi-card .box-profile .text .sub .rate {

    display: flex;

    gap: 4px;



}



.testi-card .box-profile {

    display: flex;

    gap: 15.23px;

    justify-content: center;

    margin-top: 22px;





}



.testi-card .box-profile .text .sub {

    display: flex;

    gap: 7.82px;

    align-items: center;



}



.testi-card .box-text {

    font-weight: 400;

    font-size: 15px;

    line-height: 1.5;





}



.testi-card .testi-card-content {

    padding: 74px 54px 10px 36px;

}





.slider-arrow.swiper-button-disabled {

    background-color: #ccc;

    opacity: 0.7;

    cursor: not-allowed;

}



/* Swiper navigasyon butonlarını gizlemek için kullanılan sınıf */

.swiper-nav-hidden {

    display: none !important;

}



.home-ebulten .ebulten-hiza {

    display: flex;

    gap: 12px;

}



.home-ebulten .ebulten-hiza input {

    max-width: 271px;

    font-weight: 500;

    font-size: 16px;

    color: #103741;

    background: #EFAB1C !important;

    border: 1px solid #E6AC1F

}



.home-ebulten .ebulten-hiza button {

    max-width: 124px;

    min-width: 124px;

    padding: 0px;

}



.home-ebulten .title-area h2 {

    font-weight: 700;

    font-size: 40px;

    color: #fff;

    margin-bottom: 12px;

}



.home-ebulten .title-area p {

    font-weight: 400;

    font-size: 20px;

    color: #fff;

    line-height: 1.5;

}



.home-ebulten .box-content {

    padding: 100px 0px 91px 53px;

}



.footer-top-1 {

    position: relative;

    height: 17vw;

}



.footer-top-1 img {

    position: absolute;

    width: 100%;

    bottom: 0;

}



.footer-top-1 .for-mobile {

    display: none;

}



.misyon-vizyon {

    min-height: 40.9vw;

    background-color: #FFF9EB;

    margin-bottom: 14.44vw;

    padding-top: 11.32vw;

    padding-bottom: 15.32vw;

    position: relative;

}

.misyon-vizyon .container{



    position: relative;

}





.misyon-vizyon .boxes {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));

    gap: 40px;

    padding-left: 7.29vw;

    padding-right: 7.29vw;



}



.misyon-vizyon .boxes .item {



    min-height: 189px;

    border-radius: 12px;

    padding: 34px;

    background-color: var(--theme-color);





}



.misyon-vizyon .boxes .item h2 {



    font-weight: 700;

    font-size: 35px;

    color: #fff;

    z-index: 10;

    position: relative;



}



.misyon-vizyon .boxes .item p {

    font-family: "Source Sans 3", sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    line-height: 1.5;

    z-index: 10;

    position: relative;



}



.misyon-vizyon .shape-1 {

    position: absolute;

    left: -50px;

    top: -160px;

    z-index: 9;

}



.misyon-vizyon .shape-1 img {

    width: 432px;

    object-fit: contain;

}







.misyon-vizyon .shape-2 {

    position: absolute;

    right: 125px;

    top: -160px;

    z-index: 9;

}



.misyon-vizyon .shape-2 img {

    width: 331px;

    object-fit: contain;

}



.misyon-vizyon .shape-3 {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 9;

    background-repeat: repeat-x;

    background-size: 34.3vw auto;

    background-position: bottom;

    height: 100%;

    width: 100%;

}







.category-card .box-img:after {

    display: none;

}



.category-card .box-img {

    overflow: hidden;

    padding: 0px;



}



.category-card .box-img img {

    width: 100%;

    height: auto;

    display: block;

    transition: transform 0.4s ease;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.category-card:hover .box-img img {

    transform: scale(0.95);

}



.category-card:hover .box-title a {

    color: var(--theme-color);

}





.home-blog .swiper-slide {

    display: flex;

    height: auto;

}





.home-blog .blog-card {

    display: flex;

    flex-direction: column;

    width: 100%;

    flex-grow: 1;

}



.home-blog .blog-content {

    display: flex;

    flex-direction: column;

    flex-grow: 1;/

}



/* .home-blog .blog-content .link-btn {

    margin-top: auto;

} */



.hb-area {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));

    gap: 24px;

    margin-top: 30px;

}



.hb-area .item.team {

    display: flex;

    gap: 10px;

    align-items: center;

    padding-right: 20px;



}



.hb-area .item.team .image {

    box-shadow: 0px 4px 10px 0px #585B5B1A;

    width: 92px;

    height: 92px;

    min-width: 92px;

    border-radius: 50%;

    padding: 10px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;



}



.hb-area .item.team .image img {

    object-fit: contain;



}



.hb-area .item.team h5 {

    font-weight: 700;

    font-size: 20px;

    margin-bottom: 0px;

    line-height: 1.3;

    color: #103741;

}



.hb-area .item.contact {

    display: flex;

    gap: 10px;

    align-items: center;



}



.hb-area .item.contact .image {

    box-shadow: 0px 4px 10px 0px #585B5B1A;

    width: 50px;

    height: 50px;

    min-width: 50px;

    border-radius: 50%;

    padding: 14px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;



}



.hb-area .item.contact .image img {

    object-fit: contain;



}



.hb-area .item.contact .text {

    display: flex;

    flex-direction: column;

    gap: 5px;

}



.hb-area .item.contact .text h5 {

    font-family: "Source Sans 3", sans-serif;

    font-weight: 400;

    font-size: 18px;

    line-height: 1.3;

    margin-bottom: 0px;

    color: #5C707E;

}



.hb-area .item.contact .text a {

    font-weight: 700;

    font-size: 18px;

    line-height: 1.3;

    margin-bottom: 0px;

    color: #000;

}





.about-area-hiza {

    display: grid;

    gap: 50px;

    grid-template-columns: 1fr 690px;

}



.about-area-hiza .item-right .about-wrap1 .title-area .sub-title {

    font-weight: 700;

    font-size: 20px;

    margin-bottom: 16px;

}



.about-area-hiza .item-right .about-wrap1 .title-area .sec-title {

    font-weight: 700;

    font-size: 40px;

    color: #103741;

    margin-bottom: 16px;



}



.about-area-hiza .item-right .about-wrap1 .title-area .sec-text {

    font-family: "Source Sans 3", sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #5C707E;





}



.about-area-hiza .item-right .about-wrap1 .box-title {



    font-weight: 700;

    font-size: 20px;

    color: #103741;





}



.about-area-hiza .item-right .about-wrap1 .box-text {



    font-family: "Source Sans 3", sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #5C707E;





}



.about-area-hiza .item-right .about-wrap1 .box-icon {



    box-shadow: 0px 4px 10px 0px #585B5B1A;

    width: 80px;

    height: 80px;

    min-width: 80px;

    border-radius: 50%;

    padding: 14px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;





}



.about-area-hiza .item-right .about-wrap1 .box-icon img {



    object-fit: contain;





}



.about-area-hiza .item-left .img-box1 {



    position: sticky;

    top: 120px;





}



.hbx-hiza {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));

    gap: 12px;

    align-items: center;

    padding-bottom: 30px;

    border-bottom: 1px solid #B9CEDC;

}



.hbx-hiza .about-grid {

    gap: 10px;

}



.filter-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;

}



.filter-top .select-area {

    display: flex;

    gap: 16px;

}



.filter-top .select-area select {

    font-family: "Source Sans 3";

    font-size: 14px;

    height: 50px;

    background-position: right 15px center;

    padding-left: 15px;

    width: fit-content;

}



.filter-top .count-area p {

    font-family: "Source Sans 3";

    font-weight: 400;



    font-size: 16px;



    color: #000;

    margin: 0;

    line-height: 1.5;

}





.sidebar-area .widget_title {

    font-size: 24px;

    display: flex;

    justify-content: space-between;

}



.sidebar-area .widget_categories2 li label {

    font-size: 16px;

    font-weight: 500;

}



.sidebar-area input[type="checkbox"]~label {

    padding-left: 24px;

}



.sidebar-area .widget_categories2 li:not(:last-child) {

    margin-bottom: 13.5px;

}



.sidebar-area .widget_categories2 {

    padding: 24px 16px;

    border-radius: 16px;

}



/* Sizin verdiğiniz temel stiller */

.sidebar-area .widget-toggle {

    background: transparent;

    border: none;

    padding: 0;

    margin: 0;

    cursor: pointer;

    /* Tıklanabilir olduğunu belirtmek için eklendi */

}



.sidebar-area .widget-toggle i {

    width: 24px;

    height: 24px;

    display: inline-block;

    /* Transform ve transition için eklendi */



    /* PÜRÜZSÜZ DÖNÜŞ ANİMASYONU */

    /* İkonun 'transform' özelliğinin değişmesini 0.3 saniyede tamamla */

    transition: transform 0.3s ease;



}



/* JQUERY TARAFINDAN EKLENEN "collapsed" CLASS'I İÇİN STİL */

/* Butona 'collapsed' class'ı eklendiğinde (yani kapalıyken) içindeki ikonu döndür */

.sidebar-area .widget-toggle.collapsed i {

    /* İkonu 180 derece döndür (icon-down ise icon-up gibi görünür) */

    transform: rotate(-90deg);

}



.sidebar-area .fiyat-filtrele-form button {

    height: 50px;

    width: 100%;

    padding: 0;

}



.sidebar-area .fiyat-filtrele-form .hizala {

    display: flex;

    gap: 12px;

    margin-bottom: 16px;

}



.sidebar-area .fiyat-filtrele-form .hizala .form-group {

    margin-bottom: 0px;

}



.sidebar-area .fiyat-filtrele-form .hizala .form-group input {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;





}



.sidebar-area .kelime-ile-ara {

    position: relative;

}



.sidebar-area .kelime-ile-ara button {

    position: absolute;

    top: 12px;

    right: 20px;

}



.sidebar-area .kelime-ile-ara .form-group {

    margin-bottom: 0px;

}



.sidebar-area .kelime-ile-ara .form-group input {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

}





.page-item.active .page-link {

    background-color: var(--theme-color);

    border-color: var(--theme-color);

}





.sidebar-overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 1040;

}



.account-sidebar-overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 1040;

}





.product-image-gallery {

    position: relative;

    overflow: hidden;

    background: #fff;

    border: 1px solid #B9CEDC;

    border-radius: 30px;

    padding: 112px 45px;

    position: sticky;

    top: 120px;

}







/* Swiper Slider */

.product-image-gallery .product-image-slider {

    width: 100%;

    height: 100%;

    border-radius: 16px;



}



.product-image-gallery .product-image-slider .swiper-slide {

    display: flex;

    justify-content: center;

    align-items: center;

}



.product-image-gallery .product-image-slider .swiper-slide img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    aspect-ratio: 1/1;

}



/* Galeri linkini gizle, sadece magnific-popup için var */

.product-image-gallery .product-image-slider .gallery-item {

    display: block;

    cursor: grab;

    padding: 0px;

}



.product-image-gallery .product-image-slider .swiper-slide-active {

    cursor: grabbing;

}



.product-image-gallery .product-image-slider .swiper-button-next,

.product-image-gallery .product-image-slider .swiper-button-prev {

    display: none;

}



/* .product-image-gallery .product-image-slider .swiper-button-next,

       .product-image-gallery .product-image-slider .swiper-button-prev {

            color: #000;

            background-color: rgba(255, 255, 255, 0.7);

            width: 44px;

            height: 44px;

            border-radius: 50%;

            transition: all 0.3s ease;

        }

       .product-image-gallery .product-image-slider .swiper-button-next:hover,

       .product-image-gallery .product-image-slider .swiper-button-prev:hover {

            background-color: rgba(255, 255, 255, 0.9);

            transform: scale(1.05);

        }

       .product-image-gallery .product-image-slider .swiper-button-next:after,

       .product-image-gallery .product-image-slider .swiper-button-prev:after {

            font-size: 18px;

            font-weight: bold;

        }



       

       .product-image-gallery .product-image-slider .swiper-pagination-bullet {

            background: #aaa;

            opacity: 0.7;

        }

       .product-image-gallery .product-image-slider .swiper-pagination-bullet-active {

            background: #000;

            opacity: 1;

        } */





.product-image-gallery .product-action-buttons {

    position: absolute;

    bottom: 41px;

    left: 36px;

    z-index: 10;

    display: flex;

    gap: 16px;

}



.product-image-gallery .product-action-btn {

    width: 49px;

    height: 49px;

    background: #F5C34B;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    transition: all 0.3s ease;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    backdrop-filter: blur(4px);

}



.product-image-gallery .product-action-btn i {

    width: 24px;

    height: 24px;

    background-color: #fff;

}



.product-image-gallery .product-action-btn:hover {

    transform: scale(1.05);

}



.product-gallery.mfp-fade.mfp-bg {

    opacity: 0;

    transition: all 0.3s ease-out;

}



.product-gallery.mfp-fade.mfp-bg.mfp-ready {

    opacity: 0.8;

}



.product-gallery.mfp-fade.mfp-wrap .mfp-content {

    opacity: 0;

    transform: scale(0.95);

    transition: all 0.3s ease-out;

    max-width: 100% !important;

    padding: 0;

    margin: 0;

    background: transparent;

}



.product-gallery.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

    opacity: 1;

    transform: scale(1);



}



.product-gallery.mfp-fade.mfp-wrap .mfp-figure:after {

    box-shadow: none;

    background-color: transparent;



}



.product-gallery.mfp-fade.mfp-wrap .mfp-counter {

    display: none;

}





.product-image-gallery .product-tag {

    position: absolute;

    top: 33px;

    left: 36px;

}



.product-image-gallery .product-tag .tag {

    background: #B9CEDC33;

    border: 1px solid #B9CEDC;

    font-weight: 700;

    font-size: 15px;

    color: #5C707E;

    padding: 0px 24px;

    min-width: 58px;

    z-index: 3;

    border-radius: 30px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}





.basket-and-fav.actions {

    display: flex;

    width: 100%;

    gap: 16px;

    align-items: stretch;

}



.basket-and-fav .ot-btn {

    flex-grow: 1;

    text-align: center;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.basket-and-fav .icon-btn {

    flex-shrink: 0;

    --btn-size: 40px !important;

}





.product-about .product-title {

    font-weight: 700;

    font-size: 30px;

    line-height: 1.3;

}



.product-about .text {

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: #000;

    margin-bottom: 0;

}



.editor-content h1,

.editor-content h2,

.editor-content h3,

.editor-content h4,

.editor-content h5,

.editor-content h6 {

    margin-bottom: 12px;

}



.editor-content h1 {

    font-size: 42px;

}



.editor-content h2 {

    font-size: 36px;

}



.editor-content h3 {

    font-size: 30px;

}



.editor-content h4 {

    font-size: 26px;

}



.editor-content h5 {

    font-size: 22px;

}



.editor-content h6 {

    font-size: 18px;

}



.editor-content p {

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    margin-bottom: 24px;

}



.editor-content ul {

    list-style-type: none;

    padding-left: 0;

}



.editor-content ul li {

    position: relative;

    padding-left: 24px;

    margin-bottom: 10px;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

}



.editor-content ul li::before {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    width: 16px;

    height: 16px;

    min-width: 16px;

    background-image: url('./../img/media/icons/check.png');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

}



.product-about .editor-content li {

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: #000;

    margin-bottom: 8px;

}



.product-about .editor-content li::before {

    top: 3px;

}



.product-about .line {

    height: 1px;

    background-color: #B9CEDC;

    width: 100%;

    margin: 30px 0;



}



.product-about .price-and-quantity {

    display: flex;

    justify-content: space-between;

    align-items: center;



}



.product-about .price-and-quantity {

    display: flex;

    justify-content: space-between;

    align-items: center;



}



.product-about .price-and-quantity .price {

    font-weight: 700;

    font-size: 30px;

    margin-bottom: 0px;

    line-height: 1.5;

    color: var(--theme-color);



}



.product-about .price-and-quantity .price del {

    margin-left: 5px;

    font-weight: 500;

    color: var(--body-color);

    opacity: 0.8;



}



.product-about .price-and-quantity .quantity {

    border-radius: 8px;

    padding: 0 15px;



}



.product-about .price-and-quantity .quantity input {

    width: 44px;

    height: 44px;



}



.product-about .actions {

    margin: 30px 0;

}



.product-about .checklist-wrap p {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 0px;

    color: #5C707E;



}



.product-about .checklist-wrap p span {

    font-family: "Quicksand";

    font-weight: 700;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 0px;

    color: #103741;

    margin-right: 12px;



}



.product-about .checklist-wrap:after {

    inset: 16px;

    border-radius: 24px;

}



/* Ürün Detay Hiza */

.pd-hiza {

    display: grid;

    gap: 30px;

}



.pd-hiza>.item-left {

    min-width: 0;

}



@media (min-width: 992px) {

    .pd-hiza {

        grid-template-columns: 1fr 50%;

        gap: 40px;

    }

}



/* Ürün Detay Hiza son */



.urun-setleri {

    padding-top: 63px;

    padding-bottom: 0;

}



.urun-setleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.urun-setleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.urun-setleri .slider-arrow {

    top: auto;

    transform: none;

    bottom: 0px;

    width: 48px;

    height: 44px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: none;

}





.urun-setleri .slider-arrow.slider-prev {

    left: 50%;

    right: auto;

    transform: translateX(calc(-100% - 5px));

}



.urun-setleri .slider-arrow.slider-next {

    left: 50%;

    right: auto;

    transform: translateX(5px);

    margin-left: 0px;

}



.urun-setleri .urun-karti {

    padding: 0px;

    border: none;

}



.urun-setleri .urun-karti .product-img {

    margin-bottom: 8px;

}



.urun-setleri .urun-karti .box-title {

    font-size: 18px;

    color: #103741;

}



.urun-setleri .title-area {

    font-size: 26px;

    margin-bottom: 0px;

}



.urun-setleri .title-area .sec-title {

    font-size: 26px;

    margin-bottom: 24px;

}



.set-tag {

    border: 1px solid #B9CEDC;

    background: #B9CEDC33;

    height: 29px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 8px;

    color: #5C707E;

    font-family: "Quicksand";

    font-weight: 400;

    font-size: 12px;

    border-radius: 1000px;

    margin-bottom: 8px;

    width: max-content;

}



#urunSetleriSlider1 {

    margin: 2px 0;

}



#productTabContent .ot-btn {

    height: 50px;

    font-size: 18px;

    font-weight: 500;

    color: #103741;

    display: flex;

    justify-content: center;

    align-items: center;

    width: max-content;

    gap: 8px;

    transition: all 0.3s ease;

}



#productTabContent .ot-btn::before {

    display: none;

}



#productTabContent .ot-btn:hover {

    transform: scale(1.05);

}





.product-tab-style1 {

    margin: 133px 0 47px 0;

    justify-content: start;

    gap: 60px;

}



.product-tab-style1 .nav-link {

    padding-bottom: 12px;

}





.urun-benzerleri {

    padding-top: 80px;

    padding-bottom: 0;

}



.urun-benzerleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.urun-benzerleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.urun-benzerleri .slider-arrow {

    top: auto;

    transform: none;

    bottom: 0px;

    width: 48px;

    height: 44px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: none;

}





.urun-benzerleri .slider-arrow.slider-prev {

    left: 50%;

    right: auto;

    transform: translateX(calc(-100% - 5px));

}



.urun-benzerleri .slider-arrow.slider-next {

    left: 50%;

    right: auto;

    transform: translateX(5px);

    margin-left: 0px;

}



.urun-benzerleri .title-area {

    margin-bottom: 40px;

}



#urunBenzerleriSlider1 {

    margin: 2px 0;

}





/* .product-details {

    margin-top: 63px;

} */



.product-about .product_meta {

    margin: 0;

}



.product-about .product_meta>span {

    margin-bottom: 8px;

}



.product-about .product_meta>span>a,

.product-about .product_meta>span>span {

    font-size: 16px;

    color: #000;

}



.product-about .product_meta>span>a:hover {

    color: var(--theme-color);

}



.product-about label {

    font-weight: 600

}



.product-about section {

    height: 44px;

}



.user-account-pages {

    padding: 108px 0 189px 0;

    position: relative;

}





.form-page-wrapper {

    border: 1px solid #B9CEDC;

    border-radius: 16px;

    padding: 40px;

}



.form-page-wrapper .inset {

    background-color: #F8F8F8;

    border-radius: 24px;

    padding: 40px;

}



.form-page-wrapper .inset .contents {

    max-width: 783px;

    margin: auto;

}



.form-page-wrapper .inset .contents .top-area {

    text-align: center;

    display: flex;

    flex-direction: column;

    gap: 12px;

    margin-bottom: 30px;

}



.form-page-wrapper .inset .contents .top-area h6 {

    font-family: "Schoolbell";

    font-weight: 600;

    font-size: 24px;

    color: var(--theme-color);

    margin-bottom: 0px;

}



.form-page-wrapper .inset .contents .top-area h2 {

    font-weight: 700;

    font-size: 30px;

    line-height: 1.5;

    color: #103741;

    margin-bottom: 0px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;

}



.form-page-wrapper .inset .contents .top-area p {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: #5C707E;

    margin-bottom: 0px;

}







/*

 * TARAYICI OTOMATİK DOLDURMA (AUTOFILL) STİLLERİNİ SIFIRLAMA

 * (Chrome, Safari, Edge ve Firefox için)

*/



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active,

input:autofill,

input:autofill:hover,

input:autofill:focus,

input:autofill:active {

    box-shadow: 0 0 0 100px white inset;

    font-weight: 400;

    font-size: 16px;

    color: #5C707E !important;

    font-family: inherit;

}



.form-area .form-group {

    margin-bottom: 24px;

}



.form-area .form-control {

    background-color: #fff;

}



.form-area .remember-area {

    display: flex;

    justify-content: space-between;

    align-items: center;

}





.form-area .remember-area .form-group {

    margin-bottom: 0;

}



.form-area .remember-area label {

    margin-bottom: 0;

    color: #5C707E;

}



.form-area .remember-area {

    margin-bottom: 30px;

}



.form-area .remember-area input[type="checkbox"]~label:before {

    top: 5px;

}



.form-area .recaptcha {

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



.form-area .form-footer {

    display: flex;

    justify-content: center;

}



.form-area .row {

    --bs-gutter-x: 16px;

}



.telefon-flex {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 16px;

}



.user-account-pages .form-page-wrapper {

    position: relative;

}



.user-account-pages .shape-1 {

    position: absolute;

    left: 100px;

    top: -80px;

    z-index: 9;

}



.user-account-pages .shape-1 img {

    width: 20vw;

    max-width: 300px;

    object-fit: contain;

}



.user-account-pages .shape-2 {

    position: absolute;

    left: -70px;

    bottom: -190px;

    z-index: 9;

}



.user-account-pages .shape-2 img {

    width: 20vw;

    max-width: 300px;

    object-fit: contain;

}



.user-account-pages .shape-3 {

    position: absolute;

    right: -50px;

    bottom: -180px;

    z-index: 9;

}



.user-account-pages .shape-3 img {

    width: 38vw;

    max-width: 560px;

    object-fit: contain;

}



.user-account-pages .form-page-wrapper .inset .contents .top-area h2 img {

    width: 30px;

}



.form-link {

    color: #009FE3;

    text-decoration: underline;

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    text-underline-offset: 4px;

}



.form-link:hover {

    color: var(--theme-color);

}





.consent-area {

    margin-bottom: 30px;

}



.consent-area .form-group {

    margin-bottom: 0px;

}



.consent-area label {

    margin-top: 0px;

    margin-bottom: 12px;

    color: #5C707E;

}



.consent-area input[type="checkbox"]~label:before {

    top: 5px;

    width: 18.75px;

    height: 18.75px;

    border: 1.25px solid #B9CEDC;

    border-radius: 5px;



}



.consent-area input[type="checkbox"]:checked~label:before {

    color: #B9CEDC;

    background-color: #B9CEDC33;

    border: 1.6px solid #B9CEDC;



}



.input-form-error p {

    color: #D93025;

    font-size: 12px;

    margin-top: 0;

    margin-bottom: 0;

    font-weight: 400;

    letter-spacing: 1px;

    margin-left: 20px;

}





.added-wishlist .fa-heart {

    color: #D93025;

}





.v-span {

    display: block;

    font-size: 12px;

    margin-top: 0;

    margin-bottom: 0;

    font-weight: 400;

    letter-spacing: 1px;

    margin-left: 0px;

    line-height: 1.5;

    color: #5C707E;

}





.user-account-pages.account-page {

    padding-top: 89px;

    padding-bottom: 252px;

    background: linear-gradient(180deg, #FFFBF2 0%, #FFFFFF 100%);



}



.user-account-pages.account-page .container {

    position: relative;

}



.user-account-pages.account-page .shape-1 {

    position: absolute;

    right: -15px;

    bottom: -250px;

    left: unset;

    top: unset;

    z-index: 9;

}



.user-account-pages.account-page .shape-1 img {

    width: 28.6vw;

    max-width: 412px;

    object-fit: contain;

}



.user-account-pages.account-page .form-page-wrapper {

    background-color: #fff;

}



.user-account-pages.account-page .form-page-wrapper .consent-area {

    margin-top: 24px;

    margin-bottom: 60px;

}



.user-account-pages.account-page .form-page-wrapper .title-area {

    margin-bottom: 30px;

}



.user-account-pages.account-page .form-page-wrapper .title-area h2 {

    font-weight: 700;

    font-size: 26px;

    line-height: 1.5;

    color: #103741;

    margin-bottom: 12px;

}



.user-account-pages.account-page .form-page-wrapper .title-area p {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: #5C707E;

    margin-bottom: 0;

}



.user-account-pages.account-page .form-page-wrapper .form-footer button {

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}





.date-input {

    position: relative;

}



.date-input .date-placeholder {

    position: absolute;

    left: 20px;

    top: 11px;

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;

}



.date-input input {

    padding-left: 135px;

    padding-right: 25px;

}





/* .account-sidebar {

    position: sticky;

    top: 120px;

} */



.account-sidebar .sidebar-wrapper {

    background-color: #fff;

    border: 1px solid #B9CEDC;

    border-radius: 16px;

    padding: 34px 8px;

    height: 600px;

    max-height: 90%;

    position: relative;

}



.account-sidebar .sidebar-wrapper .logout-hiza {

    position: absolute;

    bottom: 30px;

}



.sidebar-links {

    list-style-type: none;

    padding: 0;

    margin: 0;

}





.sidebar-links li a {

    display: flex;

    align-items: center;

    padding: 14px 20px;

    margin-bottom: 4px;

    text-decoration: none;

    border-radius: 8px;

    color: #103741;

    font-weight: 700;

    font-size: 15;

    background-color: #ffffff;

    transition: all 0.2s ease;

}



.sidebar-links li a i.icon {

    margin-right: 8px;

    width: 16px;

    height: 16px;

}





.sidebar-links li.active a {

    color: var(--theme-color);

    background-color: #FFF7E6;

}



.sidebar-links li.active a i.icon {

    background-color: var(--theme-color);

}



.sidebar-links li:not(.active) a:hover {

    background-color: #f9fafb;

    /* Çok açık gri */

}





/* --- Genel Tablo Stili --- */



.generic-table {

    border-radius: 12px;

    overflow: hidden;

    margin-top: 20px;

    margin-bottom: 20px;

    border: 1px solid #E8ECEF;

    max-width: 100%;

    overflow-x: auto;

}



.generic-table .table-bordered {

    border: 0;

}



.generic-table .table-bordered th,

.generic-table .table-bordered td {

    border: 0;

    line-height: 1.5;

}



.generic-table .table {

    border-collapse: separate;

    border-spacing: 0;

    margin-bottom: 0;







}



.generic-table .table-hover tbody tr:hover {

    background-color: #fff;

}



.generic-table thead {

    background-color: #FDF3DB;

}



.generic-table thead th {

    padding: 8px 16px;

    font-size: 16px;

    font-weight: 700;

    color: #103741;

    text-align: left;

    white-space: break-spaces;

    border: 0;

}



.generic-table tbody {

    background-color: #ffffff;

}



.generic-table tbody tr {

    border-bottom: 1px solid #f0f0f0;

}



.generic-table tbody tr:last-child {

    border-bottom: 0;

}



.generic-table tbody td {

    padding: 14px 16px;

    vertical-align: middle;

    color: #5C707E;

    border: 0;

    font-family: "Source Sans 3";

    font-weight: 500;

    font-size: 15px;

}



.generic-table .table-icon {

    background: #FDF3DB;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

}



.generic-table .table-icon i {

    width: 14px;

    height: 14px;

}



.info-card {

    background-color: #F8F8F8;

    border-radius: 16px;

    padding: 16px;

    margin-bottom: 30px;

}



.info-card .title {

    color: #103741;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 8px;

}



.info-card .wrapper .item p {

    color: #103741;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0px;

    line-height: 1.5;

}



.info-card .wrapper .item span {

    color: #5C707E;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0px;

    line-height: 1.5;

}



.info-card .wrapper {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.info-card .wrapper.double {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}



.info-card .wrapper .item.double {

    display: flex;

    gap: 10px;

}



.info-card .wrapper .item.double.between {

    justify-content: space-between;

}





.form-footer.second .ot-btn {

    display: flex;

    justify-content: end;

}



.form-footer.second .ot-btn {

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    width: max-content;

}



.generic-table.fav-table tbody td {

    font-weight: 700;

    color: #5C707E;

}



.generic-table.fav-table tbody td a {

    color: #5C707E;

}



.generic-table.fav-table tbody td a:hover {

    color: var(--theme-color);

}



.generic-table.fav-table tbody td a:hover i {

    background-color: var(--theme-color);

}



.generic-table.fav-table tbody td .price del {

    font-size: 12px;

    opacity: .8;

}







.adres-table-area {

    display: flex;

    gap: 30px;

}



.adres-table-area .generic-table {

    max-width: 350px;

}





.adres-btns {

    display: flex;

    justify-content: flex-end;

    gap: 10px;

}



.adres-btns .table-icon {

    margin: unset;

}



.adres-ekleme-btns {

    display: flex;

    gap: 16px;

    position: absolute;

    top: 5px;

    right: 0;

}



.adres-ekleme-btns a {

    display: flex;

    gap: 8px;

    font-weight: 600;

    font-size: 16px;

    color: #103741;

    align-items: center;

}



.adres-ekleme-btns a i {

    width: 24px;

    height: 24px;

}



.adres-ekleme-btns a:hover {

    color: var(--theme-color);

}



.adres-ekleme-btns a:hover i {

    background-color: var(--theme-color);

}



.pr {

    position: relative;

}





.form-area .form-footer.double {

    justify-content: end;

    gap: 16px;

}



.form-area .form-footer.double {

    justify-content: end;

    gap: 16px;

}



.form-area .form-footer.double a {

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #103741;

}





.basket-page .wrapper {

    border: 1px solid #B9CEDC;

    padding: 40px 40px 80px 40px;

    border-radius: 16px;

    z-index: 2;

    position: relative;



}



.basket-page .title-area h2 {

    color: #103741;

    font-weight: 700;

    font-size: 30px;

    line-height: 1.5;

    margin-bottom: 23px;

}



.basket-page .title-area p {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;

    line-height: 1.5;

    margin-bottom: 0px;

}



.basket-page .title-area {

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

    text-align: center;

}



.basket-page .boxes {

    display: grid;

    grid-template-columns: 68fr 48fr;

    gap: 40px;

}





/* 1. Tabloyu hücre bazlı stil için hazırla */

.generic-table.basket-table {

    /* Köşeleri yuvarlatabilmek için 'separate' zorunludur */

    border-collapse: separate;

    border: none;

    /* Hücreler arası boşluğu sıfırla */

    border-spacing: 0;

    margin-bottom: 30px;

    margin-top: 0px;

}



/* 2. thead'in border'ını gizle */

.generic-table.basket-table thead th {

    border: none;

    /* veya border: 0; */

    padding-bottom: 16px;

}



/* 3. tbody hücrelerine padding ver (İç boşluk) */

.generic-table.basket-table tbody td {

    padding: 21px 16px;

}



/* 4. tbody'nin ETRAFINA çerçeve (border) ekle */



/* Üst kenar (sadece ilk satırdaki hücrelere) */

.generic-table.basket-table tbody tr:first-child td {

    border-top: 0.7px solid #B9CEDC;

}



/* Alt kenar (sadece son satırdaki hücrelere) */

.generic-table.basket-table tbody tr:last-child td {

    border-bottom: 0.7px solid #B9CEDC;

}



/* Sol kenar (sadece her satırın ilk hücresine) */

.generic-table.basket-table tbody td:first-child {

    border-left: 0.7px solid #B9CEDC;

}



/* Sağ kenar (sadece her satırın son hücresine) */

.generic-table.basket-table tbody td:last-child {

    border-right: 0.7px solid #B9CEDC;

}



/* 5. tbody'nin KÖŞELERİNİ yuvarlat */



/* Sol-üst köşe */

.generic-table.basket-table tbody tr:first-child td:first-child {

    border-top-left-radius: 16px;

}



/* Sağ-üst köşe */

.generic-table.basket-table tbody tr:first-child td:last-child {

    border-top-right-radius: 16px;

}



/* Sol-alt köşe */

.generic-table.basket-table tbody tr:last-child td:first-child {

    border-bottom-left-radius: 16px;

}



/* Sağ-alt köşe */

.generic-table.basket-table tbody tr:last-child td:last-child {

    border-bottom-right-radius: 16px;

}



.generic-table.basket-table thead {

    background-color: #fff;

}



.generic-table.basket-table tbody td {

    font-family: "Quicksand";

    font-weight: 400;

    font-size: 16px;





}



.basket-product {

    position: relative;

    max-width: 172px;

}



.basket-product .product-info img {

    width: 120px;

    height: 125px;

    object-fit: contain;

    margin-bottom: 0;

}



.basket-product .product-info h4 {

    font-weight: 700;

    font-size: 16px;

    line-height: 1.2;

    margin-top: 14px;

    margin-bottom: 8px;





}



.basket-product .product-info p {

    font-weight: 500;

    font-size: 12px;

    line-height: 1.5;

    margin-top: 8px;

    margin-bottom: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}



.basket-product .item-sil {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #103741;

    color: #FFFFFF;

    font-size: 10px;

    font-weight: bold;

    border: none;

    cursor: pointer;

    transition: background-color 0.2s ease;

}



.basket-product .item-sil:hover {

    background-color: #5C707E;

}



.basket-product .v-span {

    font-size: 10px;

    line-height: 1.2;

}



.generic-table.basket-table .quantity {

    position: relative;

    border: 1px solid var(--ot-border-color);

    border-radius: 100px;

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 30px;

    min-height: 44px;

    border-radius: 8px;

    padding: 0 15px;



}



.generic-table.basket-table .quantity .qty-btn {

    color: var(--title-color);

    background-color: transparent;

    position: initial;

    right: 21px;

    height: auto;

    width: auto;

    border: none;

    line-height: 16px;



}



.generic-table.basket-table .quantity .qty-btn input {

    border: 0;

    border-left: 1px solid var(--ot-border-color);

    border-right: 1px solid var(--ot-border-color);

    background-color: transparent;

    color: var(--title-color);

    padding: 0 10px;

    text-align: left;

    font-weight: 500;

    text-align: center;

    margin: 0 16px;

    width: 44px;

    height: 44px;

}



.kupon-alani .form-group {

    display: flex;

    gap: 10px;

}



.kupon-alani .form-group button {

    min-width: 200px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.sepet-bos-text {

    background: #F8F8F8;

    border-radius: 16px;

    border: 1px solid #dee2e6;

    text-align: center;

    padding: 24px;

    font-size: 18px;

}





.basket-details {

    border: 1px solid #B9CEDC;

    padding: 24px;

    border-radius: 16px;

    margin-top: 48px;

}





.cart-summary {



    background-color: #F8F8F8;

    padding: 24px;

    border-radius: 16px;

}



/* Başlık: "Sepet Detayları" */

.cart-summary h3 {

    font-size: 16px;

    font-weight: 700;

    color: #103741;

    margin: 0 0 12px 0;

}



.cart-summary .summary-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 4px;

    font-size: 16px;

    font-weight: 500;

}





.cart-summary .summary-item .label {

    color: #103741;

}



.cart-summary .summary-item .value {

    color: #5C707E;

}





.cart-summary .summary-divider {

    border: 0;

    height: 1px;

    background-color: #B9CEDC;

    margin: 12px 0;

}



.cart-summary .summary-total {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.cart-summary .summary-total .label {

    font-size: 16px;

    color: #103741;

    font-weight: 500;

}



.cart-summary .summary-total .total-price {

    font-size: 20px;

    font-weight: 700;

    color: #103741;

}



.basket-details .button-area {

    margin-top: 81px;

}



.basket-details .button-area .ot-btn {

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}





.checkout-page .wrapper {

    border: 1px solid #B9CEDC;

    padding: 40px 40px 80px 40px;

    border-radius: 16px;

    z-index: 2;

    position: relative;



}



.checkout-page .title-area h2 {

    color: #103741;

    font-weight: 700;

    font-size: 30px;

    line-height: 1.5;

    margin-bottom: 23px;

}



.checkout-page .title-area p {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;

    line-height: 1.5;

    margin-bottom: 0px;

}



.checkout-page .title-area {

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

    text-align: center;

}



.checkout-page .boxes {

    display: grid;

    grid-template-columns: 68fr 48fr;

    gap: 40px;

}





.page-start-padding {

    padding: 64px 0 64px 0;

}



.adres-tabs.nav-tabs {

    border-bottom: none;

    /* Bootstrap'in alttaki ana çizgisini kaldır */

    gap: 23px;

}



.adres-tabs .nav-link {

    border: none;

    /* Tüm kenarlıkları kaldır */

    background-color: transparent;

    /* Arka planı kaldır */



    /* Görseldeki inaktif (Fatura Adresi) renk */

    color: #103741;

    /* Koyu Gri/Teal */

    font-weight: 700;

    font-size: 20px;



    /* Geçiş yumuşaklığı için */

    transition: all 0.2s ease-in-out;



    /* Alt çizgi için yer tutucu */

    border-bottom: 2px solid transparent;

    padding: 0 0 4px 0;

    /* Alt çizgi ile metin arasına boşluk */

}



/* Aktif olan tab (Teslimat Adresi)

          Görseldeki turuncu/sarı renk ve alt çizgi

        */

.adres-tabs .nav-link.active,

.adres-tabs .nav-link:hover {

    color: var(--theme-color);

    /* Turuncu/Sarı renk */

    border-bottom: 2px solid var(--theme-color);

    /* Alt çizgi */

    background-color: transparent;

}



/* Bootstrap'in .nav-tabs.active için varsayılan

          border-color'ını sıfırlama 

        */

.adres-tabs .nav-link.active:focus,

.adres-tabs .nav-link.active:hover {

    border-color: transparent;

    border-bottom-color: var(--theme-color);

}



/* Tab içeriğine biraz dolgu ekleyelim */

.checkout-page .tab-content {

    padding-top: 35px;

}



.alert-generic {

    border: 1px solid #B9CEDC;

    padding: 24px;

    border-radius: 16px;

    margin-bottom: 35px;

}



.alert-generic .wrapper {

    background-color: #F8F8F8;

    padding: 24px;

    border-radius: 16px;

    display: flex;

    gap: 12px;

    align-items: center;

}



.alert-generic .wrapper .alert-icon {

    width: 50px;

    height: 50px;

    min-width: 50px;

    background-color: #fff;

    border-radius: 50%;

    border: 1px solid #B9CEDC;

    display: flex;

    justify-content: center;

    align-items: center;

}



.alert-generic .wrapper .alert-icon i {

    width: 24px;

    height: 24px;

    background-color: #103741;

}



.alert-generic .wrapper .alert-text {

    color: #5C707E;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.3;





}



.alert-generic .wrapper .alert-text a {

    color: var(--title-color);

    font-weight: 600;

    font-size: 16px;

    line-height: 1.3;

}



.alert-generic .wrapper .alert-text a:hover {

    color: var(--theme-color);

}



.checkout-page .form-area .form-group {

    margin-bottom: 16px;

}



.form-area .form-control {

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;





}



.checkout-page .consent-area .form-group {

    margin-bottom: 8px;

}



.checkout-page .consent-area label {

    font-size: 15px;

    margin-bottom: 0px;

}



.checkout-page .basket-details {

    margin-top: 68px;

}



.checkout-page textarea.form-control {

    min-height: 80px;

}







/* Ana Kapsayıcı: Diğer stillerle çakışmayı önler */

.checkout-options-wrapper {

    width: 100%;

    margin-top: 30px;

}



/* Her bir bölüm (Gönderim, Ödeme, Not) */

.checkout-options-wrapper .checkout-section {

    margin-bottom: 30px;

}



/* Bölüm Başlıkları (Gönderim Yöntemi, Ödeme Yöntemleri...) */

.checkout-options-wrapper .checkout-section-title {

    margin-bottom: 16px;

    color: #103741;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

}



/* Tüm seçenekleri kapsayan tıklanabilir alan (label) */

.checkout-options-wrapper .radio-option-container {

    display: flex;

    align-items: center;

    padding: 0px 16px;

    border: 1px solid #B9CEDC;

    border-radius: 1000px;

    /* Tam yuvarlak kenarlar */

    margin-bottom: 16px;

    background-color: #ffffff;

    cursor: pointer;

    transition: border-color 0.2s ease;

    height: 50px;

}



/* .checkout-options-wrapper .radio-option-container:hover {

    border-color: #103741;

} */



/* Erişilebilirlik için gerçek radio butonu gizliyoruz */

.checkout-options-wrapper .radio-option-container input[type="radio"] {

    position: absolute;

    opacity: 0;

    width: 0;

    height: 0;

}



/* Görseldeki özel radio butonu (çember) */

.checkout-options-wrapper .custom-radio {

    width: 24px;

    height: 24px;

    border: 2px solid #B9CEDC;

    border-radius: 50%;

    margin-right: 12px;

    display: inline-block;

    position: relative;

    transition: border-color 0.2s ease;

}



/* Seçenek metni (Standart Gönderim, PTT Kargo...) */

.checkout-options-wrapper .option-label-text {

    font-size: 16px;

    font-weight: 500;

    color: #5C707E;

}



/* Sağdaki etiketler (Ücretsiz, +45.000 TL) */

.checkout-options-wrapper .option-badge {

    margin-left: auto;

    padding: 4px 12px;

    font-size: 16px;

    font-weight: 400;

    border: 1px solid #B9CEDC;

    background-color: #B9CEDC33;

    border-radius: 100px;

    color: #5C707E;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;



}







/*

 * SEÇİLİ DURUM STİLLERİ (Checked State)

 */



/* Gerçek radio buton seçildiğinde: */

.checkout-options-wrapper .radio-option-container input[type="radio"]:checked+.custom-radio {

    /* Dış çemberin rengi (görselde pek değişmiyor) */

    border-color: #B9CEDC;

}



/* Gerçek radio buton seçildiğinde, özel butonun içine gri noktayı ekle */

.checkout-options-wrapper .radio-option-container input[type="radio"]:checked+.custom-radio::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 16px;

    height: 16px;

    background-color: #B9CEDC;

    /* Görseldeki soluk gri iç nokta */

    border-radius: 50%;

}



/* Seçili olan ana kapsayıcının çerçevesini de belirginleştirebiliriz (Opsiyonel) */

.checkout-options-wrapper .radio-option-container input[type="radio"]:checked~.radio-option-container {

    /* Bu seçici, kardeş seçici olduğu için beklediğiniz gibi çalışmayabilir. 

      Eğer seçili öğenin çerçevesini değiştirmek isterseniz JS ile

      bir 'selected' class'ı eklemek daha sağlıklı olur. 

      Şimdilik sadeliği koruyoruz. */

}









.checkout-page .cart-summary h3 {

    font-size: 20px;

}



.checkout-page .total-price-area {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 48px;

    margin-bottom: 24px;

}



.checkout-page .total-price-area h4 {

    color: #103741;

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 0px;

}



.checkout-page .total-price-area h5 {

    color: #103741;

    font-weight: 700;

    font-size: 20px;

    margin-bottom: 0px;

}





.form-area textarea.form-control {

    border-radius: 24px;

    padding: 16px;

}



.form-area select,

.form-area .form-control,

.form-area .form-select,

.form-area textarea,

.form-area input {

    border: 1px solid #B9CEDC;

}



.checkout-page .basket-details .button-area {

    margin-top: 24px;

}



#kartbilgileri-area {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 24px 16px;

    margin: 32px 0;

    border-radius: 16px;

}



#havaleeft-area {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 24px 16px;

    margin: 32px 0;

    border-radius: 16px;

}



#havaleeft-area .ot-btn {

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}





.checkout-page .generic-table {

    margin-top: 0px;

}



.checkout-page .generic-table tbody tr td {

    border-bottom: 1px solid #f0f0f0;

}



.checkout-page .generic-table tbody tr:last-child td {

    border-bottom: 1px solid transparent;

}



.btn-iban {

    cursor: pointer;

    display: inline-flex;

    justify-content: center;

    align-items: center;

        position: relative;

    top: 2px;

}

.btn-iban i {

background-color: #5C707E;

}

.btn-iban:hover i {

    background-color: #103741;

}





.generic-text-box {

    background: #F8F8F8;

    border-radius: 16px;

    border: 1px solid #dee2e6;

    padding: 24px;

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.generic-text-box p {

    text-align: center;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 0px;

}



.blog-list-page {

    padding-top: 149px;

}



.blog-list-page .ot-pagination {

    margin-top: 77px;

}



.blog-list-page .container {

    position: relative;

}



.blog-list-page .shape-1 {

    position: absolute;

    right: -55px;

    top: -149px;

    left: unset;

    z-index: 9;

}



.blog-list-page .shape-1 img {

    width: 392px;

    object-fit: contain;

}





.blog-details .blog-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin: 14px 0 16px 0 !important;

}



.blog-details .blog-meta a {

    font-family: 'DM Sans';

    font-weight: 400;

    font-size: 14px;

    color: #5C707E;

    line-height: 1;

    display: flex;

    align-items: center;

    gap: 3px;

    margin-right: 0;

}



.blog-details .blog-meta img {

    height: auto;

    width: 14px;

    object-fit: contain;

}



.blog-details .blog-meta a:not(:first-child) {

    border-left: 1px solid #5c707e7d;

    padding-left: 12px;

}



.recent-post-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin: 0 0 12px 0 !important;

}



.recent-post-meta a {

    font-family: 'DM Sans';

    font-weight: 400;

    font-size: 14px;

    color: #5C707E;

    line-height: 1;

    display: flex;

    align-items: center;

    gap: 3px;

    margin-right: 0;

}



.recent-post-meta img {

    height: auto;

    width: 14px;

    object-fit: contain;

}



.recent-post-meta a:not(:first-child) {

    border-left: 1px solid #5c707e7d;

    padding-left: 12px;

}



.recent-img img {

    width: 80px;

    height: 80px;

    border-radius: 16px;

    object-fit: cover;

    margin-right: 16px;

}



.blog-details .sidebar-wrap {

    position: relative;

}



.blog-details .shape-1 {

    position: relative;

}





.blog-benzerleri {

    padding-top: 40px;

    padding-bottom: 0;

}



.blog-benzerleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.blog-benzerleri .slider-area {

    position: relative;

    padding-bottom: 70px;

}



.blog-benzerleri .slider-arrow {

    top: auto;

    transform: none;

    bottom: 0px;

    width: 48px;

    height: 44px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: none;

}





.blog-benzerleri .slider-arrow.slider-prev {

    left: 50%;

    right: auto;

    transform: translateX(calc(-100% - 5px));

}



.blog-benzerleri .slider-arrow.slider-next {

    left: 50%;

    right: auto;

    transform: translateX(5px);

    margin-left: 0px;

}



.blog-benzerleri .title-area h3 {

    font-weight: 700;

    font-size: 34px;

    line-height: 42px;

    margin-bottom: 24px;



}



.blog-benzerleri .title-area p {

    font-weight: 500;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 0;



}



.blog-benzerleri .title-area {



    margin-bottom: 40px;



}



#blogBenzerleriSlider1 {

    padding: 15px;

    margin: -12px;

}





.blog-benzerleri .swiper-slide {

    display: flex;

    height: auto;

}





.blog-benzerleri .blog-card {

    display: flex;

    flex-direction: column;

    width: 100%;

    flex-grow: 1;

}



.blog-benzerleri .blog-content {

    display: flex;

    flex-direction: column;

    flex-grow: 1;/

}



.contact-feature-wrap .footer-contact .box-title {

    font-family: 'Source Sans 3';

}



.contact-form1 .contact-form-title {

    margin-bottom: 30px;

}



.iletisim-page .contact-wrap1 {

    position: relative;

    margin-bottom: 344px;

}



.iletisim-page .shape-1 {

    position: absolute;

    bottom: -344px;

    right: -40px;

}



.iletisim-page .shape-1 img {

    width: 668px;

}



.map-area iframe {

    height: 520px;

    width: 100%;

}



.faq-tab-wrap {

    border: 1px solid #B9CEDC;

    padding: 40px 40px;

    border-radius: 16px;

}



.accordion {

    margin-bottom: 50px;

}



.accordion-card {

    border: 1px solid #B9CEDC;

    padding: 24px;

    border-radius: 16px;

}



.accordion-card .accordion-button {

    padding: 0px;

    min-height: unset;

}



.accordion-card .accordion-body {

    padding: 24px 0 0 0;

}



.faq-title {

    margin-bottom: 30px;

    margin-top: 0px;

    padding-top: 0px;

}



/* * custom-file-area: Özel Dosya Yükleme Alanı Stilleri

 */



/* Ana sarmalayıcı (position: relative, içindeki gizli input'u konumlandırmak için) */

.custom-file-area {

    position: relative;

    width: 100%;

}



/* Görünürdeki sahte giriş alanı (label) */

.custom-file-label {

    display: flex;

    /* İçindeki "button" ve "text" alanlarını yanyana getirir */

    align-items: center;

    /* Dikey olarak ortalar */



    width: 100%;

    height: 50px;

    /* Yükseklik */



    border: 1px solid #B9CEDC;

    border-radius: 20px;

    /* Sizin görselinizdeki gibi yuvarlak kenarlar */



    overflow: hidden;

    /* Kenar yuvarlaklığını korumak için taşanları gizler */

    cursor: pointer;

    /* Üzerine gelince el işareti çıkar */



    background-color: #fff;

    /* Arka plan rengi */

    margin-top: unset;

    margin-bottom: unset;

    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;

}



/* "Dosya Seç" düğmesi */

.file-button-label {

    display: flex;

    align-items: center;

    height: 100%;

    padding: 0 20px;



    background-color: #e9ecef;

    /* Düğme arka plan rengi */

    border-right: 1px solid #B9CEDC;

    /* Düğme ile metin arası ayraç */





    color: #495057;

    white-space: nowrap;

    /* "Dosya Seç" yazısı sığmazsa alt satıra inmesin */

}



/* Placeholder / Dosya Adı metni */

.file-name-placeholder {

    flex-grow: 1;

    /* Kalan tüm alanı kaplar */

    padding: 0 15px;



    font-family: "Source Sans 3";

    font-weight: 400;

    font-size: 16px;

    color: #5C707E;



    /* Dosya adı çok uzunsa ... ile kısaltır */

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/* Dosya seçildiğinde placeholder'ın stilini normale döndür (JS ile eklenecek sınıf) */

.custom-file-area .file-name-placeholder.has-file {

    color: #495057;

    /* Normal metin rengi */

    font-style: normal;

    /* Eğik stili kaldır */

}





/* * Gerçek <input type="file"> elementini gizleme tekniği

 * 'display: none' KULLANMAYIN, çünkü o zaman etiketle tetiklenemez.

 */

.custom-file-input {

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;



    opacity: 0;

    /* Tamamen şeffaf yap */

    z-index: 10;

    /* Etiketin üzerinde kalır ama görünmez */

    cursor: pointer;

    /* Buna rağmen tıklanabilirliğini korur */

}





.form-page-wrapper.main-form .inset .contents .top-area {

    text-align: left;

}



.form-page-wrapper.main-form .inset .contents .top-area h2 {

    justify-content: flex-start;

}



.form-page-wrapper.main-form .form-area .recaptcha {

    justify-content: flex-start;

}



.form-page-wrapper.main-form .form-area .form-footer {

    justify-content: flex-start;

}



/* Ana kart yapısı */

.bank-card {

    display: flex;

    align-items: center;

    background-color: #ffffff;

    width: 100%;

    border-radius: 16px;

    border: 0.9px solid #B9CEDC;

    padding: 24px;

    box-sizing: border-box;

}





.bank-card .bank-logo {

    flex: 0 0 192px;

    margin-right: 87px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.bank-card .bank-logo img {

    max-width: 100%;

    height: auto;

    object-fit: contain;

}





.bank-card .bank-info {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 0px;

}



.bank-card .info-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 14px;

    /* border-radius: 12px; */

    font-size: 15px;

    line-height: 1.5;

}



.bank-card .info-row:first-child {

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

}

.bank-card .info-row:last-child {

    border-bottom-left-radius: 12px;

    border-bottom-right-radius: 12px;

}



.bank-card .info-row.shaded-row {

    background-color: #F0F1F2;

}



.bank-card .info-label {

    font-weight: 700;

    color: #103741;

    flex-shrink: 0;

    margin-right: 9px;

}





.bank-card .info-value {

    color: #5C707E;

    text-align: left;

    flex-grow: 1;

    word-break: break-word;

    font-family: "Source Sans 3";



font-size: 16px;





}



/* Kopyala Butonu */

.bank-card .copy-button {

    flex-shrink: 0;

    /* Küçülmesin */

    margin-left: 15px;

    background: none;

    border: none;

    padding: 5px;

    border-radius: 6px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: background-color 0.2s ease;

}







.bank-card .copy-button i {

    font-size: 20px;

    background-color: #5C707E;

    width: 18px;

    height: 18px;

}



.bank-card .copy-button:hover i {

    background-color: #103741;

}



.banks-area {

    display: flex;

    flex-direction: column;

    gap: 30px;

}





.sozlesme-page .wrapper {

    border: 1px solid #B9CEDC;

    border-radius: 16px;

    padding: 40px;

}





.password-with-show-hide {

  position: relative;

}





.toggle-password-icon {

  position: absolute;

  right: 20px !important; 

  top: 50% !important;

  transform: translateY(-50%) !important;

  cursor: pointer;

  color: #5C707E !important; 

  z-index: 2; 

}



.toggle-password-icon:hover {

  color: #103741 !important; 

}







@media (max-width: 1399.98px) {

    .home-intro .hero-wrap1 .hero-thumb1-1 {

        margin-bottom: 24px;

    }



    .home-intro .hero-title .title1 {

        font-size: 64px;

    }



    .home-intro .hero-title .title2 {

        font-size: 22px;

    }





    .home-features .feature-list .box-title {

        font-size: 20px;

    }





    .home-age-area .shape-1 {



        left:0px;

        top: 50%;

        transform: translateY(-50%);



    }



    .home-age-area .shape-1 img {

        width: 320px;

    }





    .home-age-area .shape-2 img {

        width: 200px;

    }











}



@media (min-width:1200px) and (max-width:1399.98px) {

    .home-features .feature-list .box-title {

        font-size: 18px;

    }





    .home-features .feature-list .box-icon {

        width: 48px;

        height: 48px;

        line-height: 43px;

    }



    .home-features .feature-list .box-icon img {

        width: 25px;

    }





}



@media (max-width: 1199.98px) {

    .header-button .header-form {

        display: none;

    }



    .home-intro .hero-title .title1 {

        font-size: 46px;

    }



    .home-intro .hero-title .title2 {

        font-size: 20px;

    }



    .home-new-products .urun-karti {

        margin-bottom: 1.5rem;

    }



    .home-age-area .shape-1 {



        left: 0px;

        top: 0px;

        transform: none;



    }



    .home-age-area .shape-1 img {

        width: 180px;

    }





    .home-age-area .shape-2 img {

        width: 200px;

    }



    .home-testimonials .shape-1 {

        right: 40px;

    }





    .home-ebulten .title-area h2 {

        font-size: 30px;

    }



    .home-ebulten .title-area p {

        font-size: 16px;

    }



    .about-area-hiza {

        display: grid;

        gap: 50px;

        grid-template-columns: 1fr;

    }

.misyon-vizyon .shape-1 {

    position: absolute;

    left: -10px;

    top: -80px;

    z-index: 9;

}



.misyon-vizyon .shape-1 img {

    width: 260px;

    object-fit: contain;

}







.misyon-vizyon .shape-2 {

    position: absolute;

    right: 75px;

    top: -115px;

    z-index: 9;

}



.misyon-vizyon .shape-2 img {

    width: 240px;

    object-fit: contain;

}

}



@media (min-width:992px) {





    /* .sidebar-close-header'ı masaüstünde gizle */

    .sidebar-close-header {

        display: none;

    }



    /* .sidebar-area'yı varsayılan (statik) görünümüne döndür */

    .sidebar-area {

        position: static;

        width: auto;

        height: auto;

        background-color: transparent;

        z-index: 1;

        overflow-y: visible;

        padding: 0;

        box-shadow: none;

        transition: none;

    }



    /* Overlay'i masaüstünde her zaman gizle */

    .sidebar-overlay {

        display: none !important;

    }



    .sidebar-area {

        padding-top: 80px;

    }





}



@media (max-width:991.98px) {



    .footer-contact-wrap {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        gap: 20px;

    }





    .header-logo {

        padding: 0px;

    }



    .ot-header .row {

        height: 69px;

    }



    .header-logo img {

        width: 81px;

    }



    .ot-menu-wrapper .mobile-logo {

        padding: 30px 30px 40px;

    }



    .ot-menu-wrapper .mobile-logo img {

        width: 120px;

        object-fit: contain;

    }



    .currency-area .currency-toggle,

    .currency-area .currency-menu {

        min-width: 80px;

    }



    .currency-area .currency-toggle img {

        width: 20px;

        height: 20px;

    }



    .currency-area .currency-toggle i {

        margin-left: 2px;

        width: 20px;

        height: 20px;

    }





    .hhp-card {

        aspect-ratio: 1/1;

    }



    .hhp-card .main-image {

        left: unset;

        right: 7px;

        bottom: 30px;

        width: 66%;

    }



    .hhp-card .shape-1,

    .hhp-card .shape-2 {

        display: none;

    }



    .hhp-card .text-content {

        max-width: 80%;

    }



    .home-hot-products .flex-row-reverse {

        flex-direction: column-reverse !important;

    }



    .home-age-area .shape-1,

    .home-age-area .shape-2 {

        display: none;

    }



    .home-testimonials .shape-1 {

        display: none;

    }



    .home-testimonials .title-area {

        max-width: 750px;

    }





    .home-ebulten .title-area h2 {

        font-size: 28px;

        text-align: left;

        margin-bottom: 12px;

    }



    .home-ebulten .title-area p {

        font-size: 15px;

        text-align: left;

    }



    .home-ebulten .title-area {

        margin-top: 24px !important;

    }



    .home-ebulten .box-content {

        padding: 28px 15px 0px 15px;

    }



    .home-ebulten .ebulten-hiza input {

        height: 40px;

    }



    .filter-top {

        flex-direction: column;

        gap: 16px;

        margin-bottom: 16px;

    }



    .mobile-filter-btn {

        margin-bottom: 30px;

        display: flex;

        justify-content: center;



    }



    .mobile-filter-btn button {

        cursor: pointer;

        height: 50px;

        padding: 0 20px 0 20px;

        border: 1px solid var(--ot-border-color);

        color: var(--body-color);

        background-color: transparent;

        border-radius: 30px;

        font-size: 16px;

        width: 222px;

        font-family: var(--body-font);

        -webkit-transition: 0.4s ease-in-out;

        transition: 0.4s ease-in-out;

    }



    /* Kenar çubuğunun ana kapsayıcısı */

    .sidebar-area {

        position: fixed;

        /* Ekranda sabit kalır */

        top: 0;

        left: -320px;

        /* Ekranın tamamen solunda gizli (genişlik kadar) */

        width: 320px;

        /* Mobil menü için sabit bir genişlik */

        height: 100vh;

        /* Tüm ekran yüksekliği */

        background-color: #ffffff;

        /* Arka plan rengi */

        z-index: 1050;

        /* Diğer her şeyin üstünde */

        overflow-y: auto;

        /* İçerik taşarsa kaydırma çubuğu çıkar */



        /* İç dolgu (padding) */

        padding: 20px;



        /* Kutu gölgesi */

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);



        /* Kayma animasyonu için yumuşak geçiş */

        transition: left 0.3s ease-in-out;

    }



    /* JavaScript ile eklenecek "is-open" sınıfı */

    .sidebar-area.is-open {

        left: 0;

        /* Menüyü ekrana getirir */

    }



    /* Overlay'i göster (JS ile 'is-open' sınıfı eklendiğinde) */

    .sidebar-overlay.is-open {

        display: block;

    }



    /* Mobil menü için bir başlık ve kapatma butonu alanı */

    .sidebar-close-header {

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-bottom: 1px solid #eee;

        padding-bottom: 15px;

        margin-bottom: 20px;

    }



    .sidebar-close-header h3 {

        margin: 0;

        font-size: 1.2rem;

    }



    /* Kapatma butonu */

    .sidebar-close-btn {

        background: none;

        border: none;

        font-size: 2.2rem;

        line-height: 1;

        cursor: pointer;

        color: #333;

        padding: 0;

    }





    .sidebar-area .fiyat-filtrele-form .hizala {

        flex-direction: column;

    }



    .breadcumb-wrapper {

        background-position: 66% 22%;

    }



    .user-account-pages .shape-1 {

        position: absolute;

        left: 100px;

        top: -30px;

        z-index: 9;

    }



    .user-account-pages .shape-1 img {

        width: 20vw;

        max-width: 300px;

        object-fit: contain;

    }



    .user-account-pages .shape-2 {

        position: absolute;

        left: 0px;

        bottom: -100px;

        z-index: 9;

    }



    .user-account-pages .shape-2 img {

        width: 20vw;

        max-width: 300px;

        object-fit: contain;

    }



    .user-account-pages .shape-3 {

        position: absolute;

        right: 0px;

        bottom: -90px;

        z-index: 9;

    }



    .user-account-pages .shape-3 img {

        width: 38vw;

        max-width: 560px;

        object-fit: contain;

    }





    .user-account-pages.account-page {

        padding-top: 104px;

        padding-bottom: 106px;

    }



    .user-account-pages.account-page .shape-1 {

        display: block;

        right: 15px;

        bottom: unset;

        top: -100px;

    }



    .user-account-pages.account-page .shape-1 img {

        width: 155px;

    }









    /* Kenar çubuğunun ana kapsayıcısı */

    .account-sidebar {

        position: fixed;

        /* Ekranda sabit kalır */

        top: 0;

        left: -320px;

        /* Ekranın tamamen solunda gizli (genişlik kadar) */

        width: 320px;

        /* Mobil menü için sabit bir genişlik */

        height: 100vh;

        /* Tüm ekran yüksekliği */

        background-color: #ffffff;

        /* Arka plan rengi */

        z-index: 1050;

        /* Diğer her şeyin üstünde */

        overflow-y: auto;

        /* İçerik taşarsa kaydırma çubuğu çıkar */



        /* İç dolgu (padding) */

        padding: 20px;



        /* Kutu gölgesi */

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);



        /* Kayma animasyonu için yumuşak geçiş */

        transition: left 0.3s ease-in-out;

    }



    /* JavaScript ile eklenecek "is-open" sınıfı */

    .account-sidebar.is-open {

        left: 0;

        background: linear-gradient(180deg, #FFFBF2 0%, #FFFFFF 100%);

        /* Menüyü ekrana getirir */

    }



    /* Overlay'i göster (JS ile 'is-open' sınıfı eklendiğinde) */

    .account-sidebar-overlay.is-open {

        display: block;

    }



    /* Mobil menü için bir başlık ve kapatma butonu alanı */

    .account-sidebar-close-header {

        display: flex;

        justify-content: end;

        align-items: center;

        padding-bottom: 15px;

    }



    .account-sidebar-close-header h3 {

        margin: 0;

        font-size: 1.2rem;

    }



    /* Kapatma butonu */

    .account-sidebar-close-btn {

        background: none;

        border: none;

        font-size: 2.2rem;

        line-height: 1;

        cursor: pointer;

        color: #333;

        padding: 0;

    }





    .account-page .mobile-filter-btn {

        justify-content: flex-start;

        margin: 0;

        position: absolute;

        top: -60px;

    }





    .account-page .mobile-filter-btn button {

        width: 114px;

        height: 44px;

        border-radius: 12px;

        gap: 10px;

        display: flex;

        justify-content: center;

        align-items: center;

        background-color: #FCB52133;

        font-weight: 700;

        font-size: 16px;

        color: var(--theme-color);

        border: none;



    }



    .account-page .mobile-filter-btn button img {

        width: 16px;





    }





    .generic-table:not(.not-resp) {

        box-shadow: none;

        border-radius: 0;

        overflow: visible;

        background-color: transparent;

        border: none;

    }



    .generic-table:not(.not-resp) thead {

        display: none;

    }



    .generic-table:not(.not-resp) .table,

    .generic-table:not(.not-resp) tbody,

    .generic-table:not(.not-resp) tr {

        display: block;

        width: 100%;

    }



    .generic-table:not(.not-resp) tbody tr {

        margin-bottom: 30px;

        background-color: #FFFBF2;

        border-radius: 12px;

        overflow: hidden;

        border: 1px solid #E8ECEF;

        padding: 9px 0;

    }



    .generic-table:not(.not-resp) .table-hover tbody tr:hover {

        background-color: #FFFBF2;

        color: unset;

        --bs-table-accent-bg: unset;

    }



    .generic-table:not(.not-resp) tbody td {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: 9px 12px;

        width: 100%;

        border-bottom: 1px solid #f7f3eb;

        font-size: 13px;

        font-weight: 400;

        text-align: right;

        color: #000;

        border-top: 0;

        line-height: 1;

    }



    .generic-table:not(.not-resp) tbody tr td:last-child {

        border-bottom: 0;

    }



    .generic-table:not(.not-resp) tbody td::before {

        content: attr(data-label);

        font-weight: 700;

        color: #000;

        padding-right: 13px;

        text-align: left;

    }



    .generic-table:not(.not-resp) tbody td:first-child::before {

        content: attr(data-label);

        margin-right: 15px;

    }



    .generic-table:not(.not-resp) .table-icon {

        margin: unset;

    }



    .adres-table-area {

        flex-direction: column;

        gap: 0;

    }



    .adres-btns {

        justify-content: flex-end !important;

    }





    .adres-ekleme-btns {

        position: relative;

        top: 15px;

        right: unset;

        left: 0;

        flex-direction: column;

    }



    .adres-table-area .generic-table {

        max-width: 100%;

    }





    .adres-ekleme-btns a {

        display: flex;

        gap: 8px;

        font-weight: 600;

        font-size: 15px;

        color: #103741;

        align-items: center;

        background-color: var(--theme-color);

        width: max-content;

        padding: 4px 12px;

        border-radius: 12px;

    }



    .adres-ekleme-btns a:hover {

        background-color: #103741;

        color: #fff;

    }



    .adres-ekleme-btns a:hover i {

        background-color: #fff;

    }



    .generic-table.basket-table tbody tr {

        background-color: #fff;

        border: none;

    }



    .generic-table.basket-table tbody tr:first-child td:first-child,

    .generic-table.basket-table tbody tr:first-child td,

    .generic-table.basket-table tbody tr:first-child td:last-child,

    .generic-table.basket-table tbody td:first-child,

    .generic-table:not(.not-resp) tbody tr td:last-child,

    .generic-table.basket-table tbody tr:last-child td:first-child {

        border-top: none;

        border-left: none;

        border-right: none;

        border-radius: 0;

    }



    .generic-table.basket-table .quantity .qty-input {

        width: 36px;

        height: 32px;

        font-size: 15px;

    }



    .generic-table.basket-table .quantity {

        min-height: 32px;

        padding: 0 12px;

    }



    .generic-table.basket-table .quantity .qty-btn {

        font-size: 15px;

    }





    .generic-table.basket-table tbody td {

        color: #5C707E;

        font-size: 15px;

        font-weight: 500;

        border-bottom: 1px solid #B9CEDC;

        padding: 16px 0;

    }



    .generic-table.basket-table tbody tr {

        padding: 0px;

    }



    .generic-table.basket-table tbody td::before {

        color: #103741;

        font-size: 15px;





    }



    .basket-page .boxes {

        grid-template-columns: auto;

    }



    .generic-table.basket-table tbody tr:first-child td:first-child {

        flex-direction: column;

        align-items: flex-start;

        gap: 0px;

    }



    .generic-table.basket-table tbody td:first-child::before {

        display: none;

    }



    .basket-product {

        max-width: unset;

        text-align: left;

    }



    .basket-product .product-info img {

        width: 80px;

        height: 80px;

    }



    .basket-details {

        border: none;

        padding: 0px;

        border-radius: 0;

        margin-top: 10px;

    }



    .basket-details .button-area {

        margin-top: 24px;

    }



    .checkout-page .boxes {

        grid-template-columns: auto;

    }



    .checkout-page .basket-details {

        margin-top: 0px;

    }



    .checkout-page .wrapper {

        padding: 16px 12px;

    }



    .blog-list-page .shape-1 {

        display: none;

    }



    .blog-list-page {

        padding-top: 64px;

    }



    .iletisim-page .contact-wrap1 {

        margin-bottom: 255px;

    }



    .iletisim-page .shape-1 {

        bottom: -255px;

        right: -20px;

    }



    .iletisim-page .shape-1 img {

        width: 496px;

    }



    .iletisim-page .contact-wrap1 {

        border-radius: 30px;

        padding: 30px;

    }



    .bank-card {

        flex-direction: column;

        padding: 12px;

    }



    .bank-card .bank-logo {

        margin-right: 0px;

        flex: 1;

        width: 100px;

        margin-bottom: 10px;

    }



    .bank-card .info-value, .bank-card .info-label {

        font-size: 14px;

        line-height: 1.2;

    }



    .bank-card .info-row {

        padding: 12px 8px;

    }









    .home-new-products .shape-1 img {

        width: 280px;

    }



    .home-new-products .shape-2 {

        right: -23px;

    }



    .home-new-products .shape-2 img {

        width:280px;

    }



    .home-age-area .container {

        padding-top: 84px;

        padding-bottom: 103px;

    }



}



@media (min-width:768px) {

    .blog-list-page .blog-card {

        height: 100%;

    }

}



@media (max-width:767.98px) {

    .header-top .top-links {

        display: none;

    }



    .payment-methods {

        display: none;

    }



    .copyright-wrap {

        height: auto;

        padding: 12px 0;

    }



    .copyright-wrap .copyright-text {

        font-size: 16px;

    }



    .footer-widget .widget_title {

        font-size: 20px;

    }



    .ot-widget-about .about-text {

        font-size: 15px;

    }



    .footer-contact .box-title {

        font-size: 16px;

    }



    .footer-layout1 {

        padding-top: 40px;

    }



    .footer-wrapper .widget-area {

        padding-top: 40px;

        padding-bottom: 52px;

    }



    .payment-methods-mobile {

        display: flex;

        justify-content: center;

    }



    .payment-methods-mobile img {

        width: 342px;

    }



    .footer-widget {

        margin-bottom: 40px;

    }



    .home-intro .hero-wrap1 {

        flex-direction: column;

        background-image: none !important;

        background-color: var(--theme-color);

    }



    .home-intro .hero-style1 {

        padding: 35px 19px 35px 19px;

    }



    .hero-style1 .title1,

    .hero-style1 .title2 {

        margin-left: unset;

        margin-right: unset;

    }



    .home-intro .hero-title .title1 {

        font-size: 40px;

    }



    .home-intro .hero-title .title2 {

        font-size: 15px;

    }



    .btn-group .ot-btn {

        padding: 12px 18px;

        min-width: 157px;

        font-size: 15px;

    }



    .home-intro .hero-style1 .hero-title {

        margin-bottom: 12px;

    }



    .home-intro .hero-wrap1 .hero-thumb1-1 {

        max-width: 65%;

        margin: 0px;

        left: unset;

        right: 0;

        position: absolute;

    }



    .home-intro .hero-wrap1 .hero-shape3 {

        bottom: 0;

        left: 8px;

        width: 45%;

    }



    .home-intro.hero-1 {

        padding-top: 24px;

        padding-bottom: 64px;

    }



    .home-categories {

        padding-bottom: 84px;

    }



    .home-new-products {

        padding-bottom: 180px;

    }



    .home-new-products .shape-1 {

        position: absolute;

        left: 0%;

        bottom: -185px;

    }



    .home-new-products .shape-1 img {

        width: 180px;

        object-fit: contain;

    }



    .home-new-products .shape-2 {

        position: absolute;

        right: 0px;

        bottom: -185px;

        z-index: 2;

    }



    .home-new-products .shape-2 img {

        width: 140px;

        object-fit: contain;

    }



    .hhp-card .btn-group .ot-btn {

        min-width: 145px;

    }



    .hhp-card .btn-group {

        z-index: 9;

    }



    .hhp-card .text-content .btn-group {

        margin-top: 16px;

    }





    .home-testimonials .slider-area {

        position: relative;

        padding-bottom: 70px;

    }



    .home-testimonials .slider-arrow {

        top: auto;

        transform: none;

        bottom: 0px;

    }





    .home-testimonials .slider-arrow.slider-prev {

        left: 50%;

        right: auto;

        transform: translateX(calc(-100% - 5px));

    }



    .home-testimonials .slider-arrow.slider-next {

        left: 50%;

        right: auto;

        transform: translateX(5px);

        margin-left: 0px;

    }





    .home-testimonials {

        padding-bottom: 150px;

    }







    .product-tab-style1 {

        flex-direction: column;

        gap: 10px;

        margin: 63px 0 47px 0;

        padding-bottom: 20px;

    }





    #productTabContent .ot-btn {

        height: 40px;

        font-size: 16px;

    }





    .mb-24 {

        margin-bottom: 24px;

    }





    .consent-area input[type="checkbox"]~label:before {

        top: 8px;

    }



    .editor-content h2 {

        font-size: 36px;

    }



    .editor-content h2 {

        font-size: 30px;

    }



    .editor-content h3 {

        font-size: 26px;

    }



    .editor-content h4 {

        font-size: 22px;

    }



    .editor-content h5 {

        font-size: 18px;

    }



    .editor-content h6 {

        font-size: 16px;

    }

}



@media (max-width:576.98px) {





    .home-features .feature-list {

        padding: 15px 30px;

        gap: 14px;

    }



    .home-categories .category-card .box-img {

        padding: 32px 0;

    }



    .home-categories .slider-arrow.slider-next {

        right: -10px;

    }



    .home-categories .slider-arrow.slider-prev {

        left: -10px;

    }





    .home-age-area .slider-arrow.slider-next {

        right: -10px;

    }



    .home-age-area .slider-arrow.slider-prev {

        left: -10px;

    }





    .home-blog .slider-arrow.slider-next {

        right: -10px;

    }



    .home-blog .slider-arrow.slider-prev {

        left: -10px;

    }


    .product-image-gallery .slider-arrow.slider-next {

        right: 10px;

    }



    .product-image-gallery .slider-arrow.slider-prev {

        left: 10px;

    }



    /* .home-testimonials .slider-arrow.slider-next {

        right: -10px;

    }



    .home-testimonials .slider-arrow.slider-prev {

        left: -10px;

    } */



    .hhp-card {

        padding: 44px 28px;

    }



    .hhp-card .text-content h2 {

        font-weight: 700;

        font-size: 28px;

        color: #fff;

        margin-bottom: 0px;

        line-height: 1.3;

    }



    .hhp-card .text-content p {

        font-weight: 500;

        font-size: 15px;

        color: #fff;

        margin-bottom: 0px;

        line-height: 1.3;

    }







    .footer-top-1 .for-pc {

        display: none;

    }



    .footer-top-1 .for-mobile {

        display: block;

    }



    .footer-top-1 {

        height: 65vw;

    }





    .hbx-hiza {

        grid-template-columns: 1fr;

        margin-bottom: 20px;

    }



    .about-area-hiza .item-right .about-wrap1 .box-title {

        font-weight: 700;

        font-size: 18px;

    }



    .about-area-hiza .item-right .about-wrap1 .box-text {

        font-weight: 400;

        font-size: 16px;

    }



    .about-area-hiza .item-right .about-wrap1 .title-area .sec-title {

        font-size: 28px;

    }



    .about-area-hiza .item-right .about-wrap1 .title-area .sec-text {

        font-size: 16px;

    }



    .hb-area {

        grid-template-columns: 1fr;

    }



    .hb-area .item.contact .text a {

        font-size: 16px;

    }



    .misyon-vizyon {

        padding-top: 110px;

        padding-bottom: 183px;

    }



    .misyon-vizyon .boxes {

        padding-left: 0;

        padding-right: 0;

    }



    .misyon-vizyon .shape-1 {

        display: none;

    }



    .misyon-vizyon .shape-2 {

        top: -95px;

        right: 15px;

    }



    .misyon-vizyon .shape-2 img {

        width: 200px;

    }



    .misyon-vizyon .shape-3 {

        background-size: 153vw auto;

    }



    .misyon-vizyon .boxes .item h2 {

        font-size: 28px;

    }







    /* .ot-pagination li.prev, .ot-pagination li.next {

        display: none;

    } */





    .product-image-gallery {

        padding: 54px 70px;

    }



    .product-image-gallery .product-action-buttons {

        bottom: 16px;

        left: 16px;

    }



    .product-image-gallery .product-tag {

        top: 16px;

        left: 16px;

    }



    .product-image-gallery .product-tag .tag {

        height: 30px;

        font-size: 12px;

    }



    .product-image-gallery .product-action-btn {

        width: 30px;

        height: 30px;

    }



    .product-image-gallery .product-action-btn i {

        width: 14px;

        height: 14px;

    }



    .product-about .product-title {

        font-size: 24px;

    }



    .product-about .price-and-quantity .price {

        font-size: 24px;

    }



    .product-about .checklist-wrap p span {

        display: block;

    }



    .form-page-wrapper {

        padding: 24px 16px;

    }



    .form-page-wrapper .inset {

        padding: 24px 12px;

        border-radius: 12px;

    }



    .form-page-wrapper .inset .contents .top-area h6 {

        font-size: 20px;

    }



    .form-page-wrapper .inset .contents .top-area h2 {

        font-size: 24px;

    }



    .form-page-wrapper .inset .contents .top-area p {

        font-size: 15px;

    }



    .form-page-wrapper .inset .contents .top-area {

        gap: 8px;

    }



    .user-account-pages .shape-1 {

        display: none;

    }



    .user-account-pages .shape-2 {

        position: absolute;

        left: 0px;

        bottom: -180px;

        z-index: 9;

    }



    .user-account-pages .shape-2 img {

        width: 40vw;

        max-width: 300px;

        object-fit: contain;

    }



    .user-account-pages .shape-3 {

        position: absolute;

        right: 10px;

        bottom: unset;

        top: -98px;

        z-index: 9;

    }



    .user-account-pages .shape-3 img {

        width: 50vw;

        max-width: 560px;

        object-fit: contain;

    }



    .user-account-pages {

        padding: 104px 0 182px 0;



        background: linear-gradient(180deg, #FFFDF7 0%, #FFFFFF 100%);



    }





    .telefon-flex {

        display: grid;

        grid-template-columns: 1fr;

        gap: 0px;

    }



    .user-account-pages.account-page .form-page-wrapper .title-area h2 {

        font-size: 24px;

    }



    .user-account-pages.account-page .form-page-wrapper .title-area p {

        font-size: 15px;

    }



    .info-card .wrapper .item p {

        font-size: 13px;

    }



    .info-card .wrapper .item span {

        font-size: 13px;

    }



    .info-card .title {

        font-size: 16px;

    }





    .form-area .form-footer.double {

        flex-direction: column;

    }



    .page-start-padding {

        padding: 34px 0 34px 0;

    }



    .alert-generic {

        padding: 12px;

    }



    .alert-generic .wrapper {

        padding: 12px;

        flex-direction: column;

        align-items: flex-start;

    }





    .iletisim-page .contact-wrap1 {

        margin-bottom: 255px;

        padding: 16px 12px;

        border-radius: 16px;

    }



    .iletisim-page .contact-form1 {

        padding: 24px 16px;

        border-radius: 16px;

    }



    .iletisim-page .contact-form1 .ot-btn {

        height: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .footer-contact .box-icon {

        width: 40px;

        height: 40px;

        line-height: 40px;

        font-size: 16px !important;

    }



    .contact-feature-wrap .footer-contact:not(:last-child) {

        margin-bottom: 30px;

    }



    .iletisim-page .shape-1 {

        /* Mevcut Kodlarınız */

        bottom: unset;

        top: 100%;



        /* Değiştirilen ve Eklenen Kodlar */

        position: absolute;

        /* Bu satırın olduğundan emin olun */

        left: 50%;

        /* Konteynerin ortasına hizalar */

        width: 100vw;

        /* Ekran genişliğinin %100'ü yapar */

        transform: translateX(-50vw);

        /* Ekranın tam ortasına gelmesi için kaydırır */



        /* right: unset; ve left: 0; satırlarına artık gerek yok */

    }



    /* Görselin ayarları aynı kalabilir */

    .iletisim-page .shape-1 img {

        width: 100%;

        height: 255px;

        object-fit: cover;

    }



    .map-area iframe {

        height: 382px;

        width: 100%;

    }



    .page-start-padding.iletisim-page {

        padding-bottom: 0px;

    }



    .page-start-padding.iletisim-page .footer-top-1 {

        height: 45vw;

    }



    .contact-feature-wrap-details {

        padding: 17px 0;

    }





    .faq-tab-wrap {

        border: 1px solid #B9CEDC;

        padding: 24px 10px;

        border-radius: 12px;

    }



    .accordion {

        margin-bottom: 50px;

    }



    .accordion-card {

        border: 1px solid #B9CEDC;

        padding: 16px;

        border-radius: 12px;

    }



    .accordion-card .accordion-button {

        padding: 0px;

        min-height: unset;

        font-size: 17px;

    }



    .accordion-card .accordion-body {

        padding: 12px 0 0 0;

    }



    .accordion-card .accordion-body .editor-content p {

        font-size: 15px;

    }



    .faq-title {

        margin-bottom: 16px;

        margin-top: 0px;

        padding-top: 0px;

        font-size: 24px;

    }



    .form-page-wrapper.main-form .inset .contents .top-area {

        text-align: center;

    }



    .form-page-wrapper.main-form .inset .contents .top-area h2 {

        justify-content: center;

    }



    .form-page-wrapper.main-form .form-area .recaptcha {

        justify-content: center;

    }



    .form-page-wrapper.main-form .form-area .form-footer {

        justify-content: center;

    }



.sozlesme-page .wrapper {

    border: 1px solid #B9CEDC;

    border-radius: 12px;

    padding: 16px;

}









}