@media(min-width:1200px) and (max-width: 1440px){
    .urun-child-right-section{
        max-width: 30% !important;
    }
}

@media(min-width:768px) and (max-width: 1199px) {
    .navbar_campaign_banner span {
        font-size: 10px;
    }

    .main_navbar_link_left_container {
        padding: 0 !important;
    }

    .main_navbar_link_left_container a {
        padding-right: 5px !important;
        padding-left: 0 !important;
        font-size: 1.3vw;
    }

    .main_navbar_link_right_container a {
        padding-left: 10px !important;
        font-size: 14px;
    }

    .search-container {
        padding: 15px 0;
    }

    /* anasayfa start */

    .campaign-main-container {
        width: 100% !important;
        margin: 0 !important;
    }

    .campaign-header {
        padding: 20px !important;
    }

    .campaign-header h1 {
        font-size: 3rem;
        margin: 10px 0;
    }

    .new_product_container {
        flex-direction: column;
    }

    .new_product_text {
        position: relative;
        width: 100% !important;
        padding: 30px 20px !important;
    }

    .new_product_text h2 {
        font-size: 2.5rem !important;
    }

    .new_product_container {
        height: auto;
    }

    .swiper_product_container {
        padding: 0 20px;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .product-header h2 {
        margin-bottom: 2rem;
    }

    .product-header {
        margin: 3rem 20px !important;
    }

    .tooltip-container .highlight-icon {
        justify-content: center !important;
    }

    .product-container-for-right {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-top: 30px;
    }

    .product-container {
        flex-wrap: nowrap !important;
    }

    .product-name {
        padding: 0 !important;
        font-size: 1rem !important;
        margin-bottom: 10px;
    }

    .product-price-text {
        padding: 0 !important;
        align-items: center !important;
        justify-content: left !important;
    }

    .product-price-text s {
        font-size: 12px;
        margin-right: 5px;
    }

    .product-price-text span {
        font-size: 12px;
    }

    .product-container-for-right .product-container {
        height: 400px !important;
    }

    .countdown-child {
        width: 45px;
    }

    .countdown div span {
        font-size: 16px;
    }

    .countdown-child p {
        font-size: 9px;
    }

    .discount-time-info-text {
        font-size: 11px;
    }

    .campaign_product_container {
        margin: 0 20px!important;
    }

    .campaign_product_container .col-md-2-4 {
        flex: 50%;
        max-width: 50%;
    }

    /*
    .campaign_product_container .product-container {
        height: 360px !important;
    }
     */

    .campaign_product_header {
        margin-top: 50px;
        margin-bottom: 20px;
        flex-direction: column;
        row-gap: 10px;
        align-items: baseline;
    }

    .campaign_product_header h4 {
        font-size: 20px;
    }

    .blog-container {
        margin: 0 !important;
    }

    .blog-container-inner {
        flex-direction: column !important;
    }

    .blog-container-inner-top {
        width: 100% !important;
    }

    .blog-container-inner-bottom {
        width: 100% !important;
    }

    .MainHoverBlogImage {
        width: 30% !important;
    }

    .MainHoverBlogImage + div {
        width: 70% !important;
    }

    .blog-container .d-flex.align-items-center img {
        width: 100% !important;
        height: auto !important;
    }

    .blog-title {
        margin: 10px 0;
        line-height: 1;
        font-size: .75rem;
    }

    .blog-desc {
        font-size: .75rem;
    }

    .blog-category {
        font-size: 10px;
    }

    .social-container {
        margin: 0 !important;
    }

    .social-container-text-child {
        padding-bottom: 20px;
    }

    .social-container-text button {
        width: 100% !important;
        height: auto !important;
        font-size: 16px;
    }

    .social-container-text {
        padding: 30px 20px !important;
    }

    /* anasayfa end */

    /* footer start */

    .blog-page-header h3 {
        font-size: 35px;
    }

    .footer_main_container {
        padding: 0 !important;
        margin: 0 20px !important;
    }

    .p-responsive-delete {
        padding: 0 !important;
    }

    .footer_main_container-inner-flex {
        row-gap: 40px;
        margin-bottom: 0 !important;
    }

    .footer_main_container-inner-flex > div {
        width: 50% !important;
    }

    .footer_main_container-inner-flex + div {
        align-items: center !important;
    }

    .footer-list {
        text-align: left !important;
    }

    .payment-and-privacy-container {
        text-align: center !important;
    }

    .payment-icons {
        display: block;
        margin: 20px 0;
    }

    .footer-list a {
        font-size: 1.1rem;
    }

    /* footer end */

    /* blog start */

    .responsive-blog {
        padding-top: 9rem !important;
        height: 110px;
    }

    .blog-main-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-article {
        width: 100% !important;
    }

    .blogLink .footer > a {
        padding: 0px 18px;
        line-height: 40px;
    }

    .blogLink .footer h3 {
        font-size: 15px;
    }

    /* blog end */

    .whatsapp-container {
        bottom: 25px;
        height: 50px;
        width: 50px;
    }

    .account-login-container {
        gap: 80px;
    }

    /* kategori start */

    .product-category-header {
        flex-direction: column !important;
        flex-flow: column-reverse;
    }

    .product-category-header > div:first-child {
        width: 100%;
        padding: 30px 20px !important;
    }

    .product-category-header > div:last-child {
        width: 100%;
    }

    .yeni-koleksiyon-satis-page-container {
        padding: 20px !important;
    }

    .yeni-koleksiyon-satis-page {
        row-gap: 20px;
    }

    /*
    .yeni-koleksiyon-satis-page .product-container {
        height: 360px !important;
    }
     */

    /* kategori end */

    /* iletişim start */

    .contact_header_img {
        width: 100%;
        margin: 0 ;
    }

    .contact_header_img .write h2 {
        font-size: 2rem;
    }

    .contact-form-flex-column {
        flex-direction: column;
    }

    .contact-responsive-col-12 {
        width: 100% !important;
    }

    .contact_page_form input {
        height: 2.5rem !important;
    }

    .iletisim-child-header h3 {
        font-size: 2rem;
    }

    /* iletişim end */

    /* ürün detay start */

    .product-description {
        word-break: break-all;
    }

    .product-more-info .more-info-tabs__nav {
        row-gap: 15px;
    }

    .product-more-info__inner .container {
        padding: 0 20px !important;
    }

    .urun-child-container {
        flex-direction: column;
    }

    /*
    .urun-child-left-section {
        display: none;
    }
     */
    .urun-sayfa-container{
        margin-top: 3rem;
    }

    .urun-child-top-section-responsive {
        display: block;
        width: 100%;
        height: 600px;
        margin-bottom: 20px;
    }

    .urun-sayfa-container .breadcrumb1 {
        margin: 0;
        margin-bottom: 20px;
    }

    /*
    .breadcrumb1{
        flex: 1 1 50% !important;
        max-width: 50% !important;
    }
     */

    .urun-child-right-section {
        position: relative;
        width: 50% !important;
        max-width: 50% !important;
    }

    .productImageSwiper .swiper-button-prev, .productImageSwiper .swiper-button-next {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        opacity: 1 !important;
        transition: .3s;
        box-shadow: 0 5px 10px 5px #0000000a;
        background: white;
    }

    .productImageSwiper .swiper-button-prev:focus, .productImageSwiper .swiper-button-next:focus {
        background: #ED8B5F;
    }

    .productImageSwiper .swiper-button-prev::after, .productImageSwiper .swiper-button-next::after {
        font-size: 12px !important;
        color: black !important;
        font-weight: bold;
    }

    .productImageSwiper .swiper-button-prev:focus::after, .productImageSwiper .swiper-button-next:focus::after {
        color: white !important;
    }

    /* ürün detay end */

    /* sepet start */

    .cart {
        padding: 0 !important;
       /* padding-top: 80px !important;*/
    }

    .cart > .container {
        padding: 0 !important;
    }

    .box-products .box-content {
        overflow-x: auto;
    }

    .checkout-content {
        padding: 0 !important;
    }

    #paymentCreditCard {
        margin-top: 0;
    }

    #paymentCreditCard > div {
        width: 100% !important;
    }

    .checkout-sidebar-column {
        padding-right: 0;
    }

    .cart-inner {
        width: 100%;
    }

    /* sepet end */
}
@media (max-width: 768px) {
    .page_container {
        padding-top: 126px;
    }

    .contact_social a {
        width: auto;
    }
}
@media (max-width: 1024px) {
    .main_navbar_user_menu_container{
        justify-content: space-between !important;
        align-items: center;
    }
    .thema2cartTable col:nth-child(1){
        width: 100% !important;
    }
    .price-input{
        width: 100% !important;
    }
    .product-name{
        width: 100%;
    }
    .orta-banner{
        display: block !important;
    }
    .thema2cartTable td{
        padding: 0 !important;
    }
    /* Tablo başlığını gizle mobilde */
    #tableBasketProduct thead {
        display: none;
    }

    /* Ürün satırını blok yap */
    #tableBasketProduct tbody tr {
        display: block;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    /* Ürün adı ve görseli üstte */
    #tableBasketProduct .product-col {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .cart-product-image {
        width: 80px;
        flex-shrink: 0;
    }

    .cart-product-image img {
        width: 100%;
        height: auto;
    }

    .cart-product-name {
        flex-grow: 1;
    }
    /* İkinci satır gibi göster */
    #tableBasketProduct tbody tr > .quantity-col,
    #tableBasketProduct tbody tr > .text-center,
    #tableBasketProduct tbody tr > .total-col {
        border: none !important;
    }

    .cart-product-quantity input {
        max-width: 60px;
    }

    /* Kampanya satırını düzelt */
    #tableBasketProduct tbody tr td[colspan="5"] {
        text-align: center;
        font-size: 14px;
        display: block;
        padding-top: 10px;
        border: none;
    }
    .navbar_campaign_banner span {
        font-size: 10px;
    }

    .main_navbar_content {
        margin: 0 20px !important;
    }

    .main_navbar_link_left_container {
        padding: 0 !important;
    }

    .main_navbar_link_left_container a {
        padding-right: 5px !important;
        padding-left: 0 !important;
    }

    .main_navbar_link_right_container a {
        padding-left: 10px !important;
        font-size: 14px;
    }

    .search-container {
        padding: 15px 0;
    }

    /* anasayfa start */

    .campaign-main-container {
        width: 100% !important;
        margin: 0 !important;
    }

    .campaign-header {
        padding: 20px !important;
    }

    .campaign-header h1 {
        font-size: 3rem;
        margin: 10px 0;
    }

    .new_product_container {
        flex-direction: column;
    }

    .new_product_text {
        position: relative;
        width: 100% !important;
        padding: 30px 20px !important;
        max-height: 200px;
    }

    .new_product_text h2 {
        font-size: 2.5rem !important;
    }

    .new_product_container {
        height: auto;
    }

    /*
    .MainSwiper .swiper-slide img{
        max-height: 600px;
    }*/

    .swiper_product_container {
        padding: 0 20px;
        margin: 0 !important;
        padding-top: 0 !important;
        height: 600px;
    }

    .product-header h2 {
        margin-bottom: 2rem;
    }

    .product-header {
        margin: 3rem 20px !important;
    }

    .tooltip-container .highlight-icon {
        justify-content: center !important;
    }

    .product-container-for-right {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-top: 30px;
    }

    .product-container {
        flex-wrap: nowrap !important;
    }

    .product-name {
        padding: 0 !important;
        font-size: 1rem !important;
        margin-bottom: 10px;
    }

    .product-price-text {
        padding: 0 !important;
        align-items: center !important;
        justify-content: left !important;
    }

    .product-price-text s {
        font-size: 12px;
        margin-right: 5px;
    }

    .product-price-text span {
        font-size: 12px;
    }

    .product-container-for-right .product-container {
        height: 400px !important;
    }

    .countdown-child {
        width: 45px;
    }

    .countdown div span {
        font-size: 16px;
    }

    .countdown-child p {
        font-size: 9px;
    }

    .discount-time-info-text {
        font-size: 11px;
    }

    .campaign_product_container {
        margin: 0 20px!important;
    }

    .campaign_product_container .col-md-2-4 {
        flex: 50%;
        max-width: 50%;
    }

    /*
    .campaign_product_container .product-container {
        height: 360px !important;
    }
     */

    .campaign_product_header {
        margin-top: 50px;
        margin-bottom: 20px;
        flex-direction: column;
        row-gap: 10px;
        align-items: baseline;
    }

    .campaign_product_header h4 {
        font-size: 20px;
    }

    .blog-container {
        margin: 0 !important;
    }

    .blog-container-inner {
        flex-direction: column !important;
    }

    .blog-container-inner-top {
        width: 100% !important;
    }

    .blog-container-inner-bottom {
        width: 100% !important;
    }

    .MainHoverBlogImage {
        width: 34% !important;
    }

    .MainHoverBlogImage + div {
        width: 70% !important;
    }

    .blog-container .d-flex.align-items-center img {
        width: 100% !important;
        height: auto !important;
    }

    .blog-title {
        margin: 10px 0;
        line-height: 1;
        font-size: .75rem;
    }

    .blog-desc {
        font-size: .75rem;
    }

    .blog-category {
        font-size: 10px;
    }

    .social-container {
        margin: 0 !important;
    }

    .social-container-text-child {
        padding-bottom: 20px;
    }

    .social-container-text button {
        width: 100% !important;
        height: auto !important;
        font-size: 16px;
    }

    .social-container-text {
        padding: 30px 20px !important;
    }

    /* anasayfa end */

    /* footer start */

    .blog-page-header h3 {
        font-size: 35px;

    }

    .footer_main_container {
        padding: 0 !important;
        margin: 0 20px !important;
    }

    .p-responsive-delete {
        padding: 0 !important;
    }

    .footer_main_container-inner-flex {
        row-gap: 40px;
    }

    .footer-list {
        text-align: left !important;
    }

    .payment-and-privacy-container {
        text-align: center !important;
    }

    .payment-icons {
        display: block;
        margin: 20px 0;
    }

    .footer-list a {
        font-size: 1rem;
    }

    /* footer end */

    /* blog start */

    .responsive-blog {
        padding-top: 9rem !important;
        height: 110px;
    }

    .blog-main-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-article {
        width: 100% !important;
    }

    .blogLink .footer > a {
        padding: 0px 18px;
        line-height: 40px;
    }

    .blogLink .footer h3 {
        font-size: 15px;
    }

    /* blog end */

    .whatsapp-container {
        bottom: 25px;
        height: 50px;
        width: 50px;
    }

    .account-login-container {
        gap: 80px;
    }

    /* kategori start */

    .product-category-header {
        flex-direction: column !important;
        flex-flow: column-reverse;
    }

    .product-category-header > div:first-child {
        width: 100%;
        padding: 30px 20px !important;
    }

    .product-category-header > div:last-child {
        width: 100%;
    }

    .yeni-koleksiyon-satis-page-container {
        padding: 20px !important;
    }

    .yeni-koleksiyon-satis-page {
        row-gap: 20px;
        margin: 0 auto;
        justify-content: center !important;
    }


    /*
    .yeni-koleksiyon-satis-page .product-container {
        height: 360px !important;
    }
     */

    /* kategori end */

    /* iletişim start */

    .contact_header_img {
        width: 100%;
        margin: 0 ;
    }

    .contact_header_img .write h2 {
        font-size: 2rem;
    }

    .contact-form-flex-column {
        flex-direction: column;
    }

    .contact-responsive-col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
    }

    .contact_page_form input {
        height: 2.5rem !important;
    }

    .iletisim-child-header h3 {
        font-size: 2rem;
    }

    /* iletişim end */

    /* ürün detay start */

    .product-description {
        word-break: break-all;
    }

    .product-more-info .more-info-tabs__nav {
        row-gap: 15px;
    }

    .product-more-info__inner .container {
        padding: 0 20px !important;
    }

    .urun-child-container {
        flex-direction: column;
    }

    .urun-child-left-section {
        width: 70%;
        overflow-x: auto;
        overflow-y: hidden;
        flex-direction: row;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;  /* IE ve Edge için */
        scrollbar-width: none;     /* Firefox için */
    }
    .urun-child-left-section::-webkit-scrollbar {
        display: none;
    }
    .urun-child-left-section img{
        scroll-snap-align: center;
    }

    .urun-child-top-section-responsive {
        display: block;
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
    }

    .urun-sayfa-container .breadcrumb1 {
        margin: 0;
        margin-bottom: 20px;
    }

    .urun-child-right-section {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
    }

    .productImageSwiper .swiper-button-prev, .productImageSwiper .swiper-button-next {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        opacity: 1 !important;
        transition: .3s;
        box-shadow: 0 5px 10px 5px #0000000a;
        background: white;
    }

    .productImageSwiper .swiper-button-prev:focus, .productImageSwiper .swiper-button-next:focus {
        background: #ED8B5F;
    }

    .productImageSwiper .swiper-button-prev::after, .productImageSwiper .swiper-button-next::after {
        font-size: 12px !important;
        color: black !important;
        font-weight: bold;
    }

    .productImageSwiper .swiper-button-prev:focus::after, .productImageSwiper .swiper-button-next:focus::after {
        color: white !important;
    }

    .verification-code-inputs input {
        width: 30px;
        height: 30px;
        font-size: 1rem;
        padding: 0;
    }/*
    .urun_detail_modüller{
        align-items: start !important;
    }*/
    .urun_detail_modüller_item{
        width: 13%;
    }
    .urun_detail_modül2{
        width: 40%;
    }
    .urun_detail_modül2 .card-body{
        padding: 1rem .4rem;
        display: flex;
        flex-direction: column;
    }
    .urun_detail_modül3{
        width: 12%;
    }
    .urun_detail_modül4{
        width: 20%;
    }
    .urun_detail_modül4 a{
        width: 100%;
    }

    /* ürün detay end */

    /* sepet start */

    .cart {
        padding: 0 !important;
        padding-top: 50px !important;
    }

    .cart > .container {
        padding: 0 !important;
    }

    .checkout-content {
        padding: 0 !important;
    }

    #paymentCreditCard {
        margin-top: 0;
    }

    #paymentCreditCard > div {
        width: 100% !important;
    }

    .checkout-sidebar-column {
        padding-right: 0;
    }

    /* sepet end */

    /* hesap start */

    .account-menu {
        padding: 0 !important;
        padding-top: 2rem !important;
    }

    /* hesap end */
    .filter_6-5{
        display: none;
    }
    .benzer-genis{
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
    }
    .swiper_product{
        height: auto;
        width: 100%;
    }
    .swiper_product_container{
        height: auto !important;
    }
    .d-md-flex{
        display: none !important;
    }
    .d-md-none{
        display: flex !important;
    }
}

@media (min-width: 1024px){
    .d-md-flex{
        display: flex !important;
    }
}

@media (max-width: 768px) {
    .cart-product-quantity{
        width: 50px !important;
    }
    .blog-main-box {
        grid-template-columns: repeat(1, 1fr);
    }

    /*urun detay*/
    .urun_detail_modüller_item{
        width: 15%;
    }
    .urun_detail_modül2{
        width: 49%;
    }
    .urun_detail_modül2 .card-body{
        padding: 1rem .4rem;
        display: flex;
        flex-direction: column;
    }
    .urun_detail_modül3{
        width: 12%;
    }
    .urun_detail_modül4{
        width: 24%;
    }

    /*
    .swiper_product_image{
        height: 90%;
    }*/
    .main_navbar_link_container{
        order: 1;
    }
    .logo{
        order: 2;
    }
    .filter_1{
        display: block;
    }
    .filter4_3{
        display: none;
    }
    .benzer-genis{
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
    .urun-child-left-section{
        width: 100%;
    }
    .urun-child-left-section{
        max-width: 100%;
    }
    .footer_email_width{
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .cat_toolbar {
        margin-bottom: 10px;
        margin-top: 40px;
    }


}

@media (max-width: 550px) {
    .urun_detail_modüller_item{
        width: 20%;
    }
    .urun_detail_modül2 {
        width: 75%;
    }
    .urun_detail_modül3 {
        width: 58%;
    }
    .urun_detail_modül4{
        width: 42%;
    }
    .benzer-genis{
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

}

/*@media (min-width: 768px) and (max-width: 1024px){
    .campaign-main-container{
        margin-top: 5rem !important;
    }
}*/

@media (min-width: 766px) and (max-width: 991px){
    .order-list .item .status{
        padding: 0 1rem;
    }
}

@media (max-width: 1199px){
    .main-blog-image.animate_start.op-0 img{
        max-height: 550px;
    }

    .blog-container .d-flex.align-items-center img{
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 425px){
    .swiper_product_container{
        height: 500px;
    }

    /*.yeni-koleksiyon-satis-page > div:not(.error-title-text){
        aspect-ratio: 1 / 1.8 !important;
    }*/
}

@media (max-width: 1199px){
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        left: revert !important;
    }
}

@media (max-width: 600px){
    .swiper_product{
        height: 80%;
    }
}


/*
@media (min-width: 768px) and (max-width: 1024px){
    .campaign-main-container{
        margin-top: 5rem !important;
    }
}*/

@media (max-width: 1440px){
    .product-hover-box{
        width: 44px !important;
        height: 44px !important;
    }
}

@media (max-width: 1200px){
    .product-hover-box{
        width: 40px !important;
        height: 40px !important;
    }
}

@media screen and (max-width: 767px) {
    .variantincludeAppend {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background-color: #fff !important;
        z-index: 20 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
        padding: 10px 12px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .variantincludeAppend.menu-hidden {
        transform: translateY(150%);
        opacity: 0;
        pointer-events: none;
    }

    .variantincludeAppend .product-cargo,
    .variantincludeAppend label,
    .variantincludeAppend .title {
        display: none !important;
    }

    .variantincludeAppend .olculer {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    .variantincludeAppend .olculer > div,
    .variantincludeAppend .olculer form {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
    }

    .variantincludeAppend .select2-container {
        display: none !important;
    }

    .variantincludeAppend select,
    .variantincludeAppend .olculer select {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 45px !important;
        box-sizing: border-box !important;
        clip: auto !important;
        clip-path: none !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        margin: 0 !important;
        padding: 0 40px 0 15px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #333 !important;
        background-color: #f8f9fa !important;
        border: 1px solid #d1d5db !important;
        /* border-radius: 8px !important; */
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center !important;
        background-size: 18px !important;
    }

    .variantincludeAppend .details-filter-row,
    .variantincludeAppend .product-details-quantity {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .variantincludeAppend input#qty {
        width: 60px !important;
        height: 45px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border: 1px solid #d1d5db !important;
        /* border-radius: 8px !important; */
        background: #fff !important;
    }

    .variantincludeAppend #addToBasket {
        flex: 1 !important;
        height: 45px !important;
        line-height: 45px !important;
        background-color: #198754 !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        /* border-radius: 8px !important; */
        cursor: pointer !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
}

@media (min-width: 992px) {

    
}
/* 
@media (max-width: 991px) {
    .mfp-content .row.product-image-summary {
        flex-direction: column !important;
    }

    .mfp-content > .container{
        max-width: 500px !important;
    }

    .mfp-content .col-lg-7,
    .mfp-content .col-lg-5 {
        width: 100% !important;
    }
} */

@media (max-width: 475px){
    .logo img{
        max-height: 50px;
    }
}

@media (min-width: 768px){
    
.product-quickview.container {
    display: flex !important;
    flex-direction: column;
}

button.mfp-close {
    order: -1 !important; 
    align-self: flex-end !important;
    position: sticky !important;
    top: 10px !important;
    z-index: 9999 !important;
    margin-bottom: -44px !important;
}

.mfp-content .row.product-image-summary {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        /* align-items: center !important;  */
    }

    .mfp-content .col-lg-7 {
        flex: 0 0 55% !important;
        max-width: 55% !important;
    }

    .mfp-content .col-lg-5 {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}

@media (max-width: 767px) {
    .modal-content .product-quickview.container {
        padding: 10px !important;
        overflow-y: scroll !important;
        max-height: 90vh !important;
        display: block !important;
    }

    button.mfp-close {
        position: absolute !important;
        top: 5px !important;
        right: 5px !important;
        background: transparent !important;
        color: #333 !important;
        font-size: 30px !important;
        line-height: 1 !important;
        margin: 0 !important;
        order: unset !important;
        z-index: 9999 !important;
    }

    .product-image-summary {
        display: flex !important;
        flex-direction: column !important;
    }

    .product-images {
        display: grid !important;
        grid-template-columns: 60px 1fr !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
        align-items: start !important;
        min-height: 300px !important;
    }

    .product-images.single-image-mode {
        grid-template-columns: 1fr !important;
    }

    .thumbs-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        max-height: 400px !important;
        overflow-y: auto !important;
    }

    .mobile-thumb-item {
        width: 100% !important;
        height: 60px !important;
        object-fit: cover !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        opacity: 0.6 !important;
        transition: all 0.2s !important;
    }

    .mobile-thumb-item.active-thumb {
        border-color: #f68b55 !important;
        border-width: 2px !important;
        opacity: 1 !important;
    }

    .main-image-wrapper {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 6px !important;
    }

    .main-image-wrapper img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    @media (min-width: 768px) {
        .thumbs-wrapper, .main-image-wrapper { display: none !important; }
    }
}