/* Header Style */ .header-desktop-search1 form button{ color: #333333; } .header-desktop-call-i{ color: #000000; } .header-desktop-call-t{ color: #000000; } .header-desktop-call-t a{ color: #000000; } .header-desktop-call-t a:hover{ text-decoration: none; color: #000000; } .header-desktop-navbutton-box a{ color: #000000; } .header-desktop-navbutton-box a:hover{ color: #ed2625; } .header-desktop-main-div { padding: 10px 3%; } .topheader-desktop-main-div{ background-color: #ffffff; border-bottom: 1px solid #ebebeb; font-size: 12px ; } .topheader-desktop-main-left a{ padding: 7px; color: #000000; font-weight: 500; } .topheader-desktop-main-left a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-desktop-main-right a{ padding: 7px; color: #000000; font-weight: 500; } .topheader-desktop-main-right a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-lang-currency-box{ border-left: 1px solid #ebebeb; } .topheader-lang-currency-box a{ padding: 7px 13px; } .dropdown-menu.currency-drop.dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:15px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } .dropdown-menu.currency-drop{ margin-top: 0; margin-right: -1px !important; border-radius:0 !important; border:1px solid #ebebeb !important; box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important; } .topheader-html-main{ background-color: #ed2625; padding : 8px 0 ; color: #ffffff !important; } .topheader-html-main span{ color: #ffffff !important; } .topheader-html-main a{ color:#ffffff; } .topheader-html-main a:hover{ color:#ffffff; text-decoration:none; } /*  <========SON=========>>> Header Style SON */ /* Dropdown Style */ .dropdown-menu{ border: 1px solid #ebebeb !important; } .dropdown-menu.cart-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.user-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.bell-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:9px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } /*  <========SON=========>>> Dropdown Style SON */ /* Desktop Dropdown Menu */ .top-level-menu-main-div{ background-color : #ed2625; border-top:0px solid #ed2625; border-bottom:0px solid #ed2625; } .top-level-menu{ justify-content:center; } .top-level-menu > li{ background: none; margin-right:0; margin-left: 0; } .top-level-menu > li:hover { background-color: #000000} .top-level-menu > li span{ color:#ffffff; padding: 13px 13px; font-size: 15px ; font-weight: 700; } .top-level-menu > li:hover span{ color:#ffffff; } .second-level-menu { width: 210px; background-color: #ffffff; padding: 5px; } .second-level-menu > li { border-bottom: 1px solid #ffffff; padding: 9px; } .second-level-menu > li:hover { background: #f8f8f8; } .second-level-menu > li p{ color: #000000; font-size:12px; } .second-level-menu > li:hover p{ color:#000000; } .third-level-menu { left:200px; width: 200px; margin-left: 200px; background-color: #ffffff; padding: 5px; } .third-level-menu > li { padding: 8px 12px; border-bottom: 1px solid ##ffffff; } .third-level-menu > li:hover { background: #ebebeb; } .second-level-menu > li > .third-level-menu li p{ color: #000000; font-size:13px; } .second-level-menu > li > .third-level-menu li:hover p{ color:#000000; } .top-level-menu li:hover > ul { border-top: 1px solid #000000; } .sablon2-level-menu{ background-color: #ffffff; } .sablon2-level-menu-left-item-h{ color:#000000 !important; border-bottom: 1px solid #ebebeb; padding-bottom:10px; } .sablon2-level-menu-left-item-s{ color:#333333!important; } .sablon2-level-menu-left-item-s:hover{ text-decoration: underline !important; } /*  <========SON=========>>> Desktop Dropdown Menu SON */ body{background-color: #ffffff !important} #return-to-top{background-color: #ed2625; bottom:50px; border-radius:5} #return-to-top:hover{background-color: #ed2625} #return-to-top i{color: #ffffff} #return-to-top:hover i{color: #ffffff} .header-desktop-search1 form input{ border: 1px solid #333333; border-radius: 0; color: 333333; background-color:#ffffff; } .header-desktop-search1 form input::placeholder{ color: #333333; } .header-desktop-search1 form input:-ms-input-placeholder{ color: #333333; } .header-desktop-search1 form input::-ms-input-placeholder{ color: #333333; } .header-desktop-search1 form input:focus{ border: 1px solid #333333 !important;box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;} /* Footer */ .footer-module-main-div{ border-top: 1px solid #000000; font-family : 'Open Sans',sans-serif ;background:#000000 ;padding:20px 0; margin: 0px 0 0 0; } .footer-module-box-telif{ width: 90%; font-family : 'Open Sans',sans-serif ; color: #ffffff; } .footer-module-box-social a{ display: block; color: #ffffff; padding: 10px 14px; box-sizing: border-box; line-height: 15px; font-size: 15px ; } .footer-module-box-social a:first-child{ padding-left: 0; } .footer-module-header-text{ color: #ffffff; } .footer-module-contact-box{ color: #ffffff; } .footer-module-contact-box a{ color: #ffffff; } .footer-module-workhour-div{ color: #ffffff; } .footer-module-links-div a{ display: block; width: 100%; margin-bottom: 10px; color: #ffffff; } /* Ticaret Kutuları ///////////////////////////////////////////*/.ticaret-kutulari-inside{font-family : 'Open Sans',sans-serif ;border: 1px solid #ffffff;background-color: #ffffff;}.ticaret-kutu-box{border-right: 1px solid #ffffff;} @media screen and (max-width:410px) and (min-width:321px) {.ticaret-kutu-box{border-right: 0 !important;border-bottom: 1px solid #ffffff;}.ticaret-kutu-box:last-child{border-bottom:0 !important;} } /* Ürün Detay */ #urundetaytabs .ui-tabs-active a { background-color: #ffffff !important; color: #ffffff !important; } #urundetaytabs{ font-family : 'Open Sans',sans-serif ; } .urun-detay-main{ font-family : 'Open Sans',sans-serif ; background-color: #f5f5f5; } /* Genel Modal */ .modal-content{ font-family : 'Poppins',Sans-serif !important ; } /* hizmet detay sağ butonlar */ .hizmetler-detay-right-box{ border: 1px solid #ffffff; border-left:6px solid #ffffff; background-color: #ffffff; color:#000000; } .hizmetler-detay-right-box:hover{ background-color: #ffffff; color: #ffffff; border: 1px solid #ffffff; border-left:6px solid #ffffff; } .hizmetler-detay-right-box-act{ border: 1px solid #ffffff; border-left:6px solid #ffffff; background: #ffffff; } /* Pricing Tabs Ayar */ /* pricing */ .pricing-tablolar-module-main-div{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family : 'Roboto Condensed',sans-serif ;background:#f3f6f9 ;padding:20px 0; margin: 0px 0; } .pricing-tab-system ul{ background-color: #ffffff; border-radius: 100px;} .pricing-tab-system a:first-child{ border-radius: 100px 0 0 100px !important; } .pricing-tab-system a:last-child{ border-radius: 0 100px 100px 0 !important; } .pricing-tab-system a{ color: #ffffff; font-size: 18px ; } .pricing-tab-system a.active{ background-color: #ffffff !important; color: #000000 !important; } .pricing-tab-system a:hover{ background-color: #ffffff; color: #000000; } @media screen and (max-width:1000px) and (min-width:0) {.pricing-tab-system a{border-radius: 100px !important ;}.pricing-tab-system a:first-child{border-radius: 100px !important ;}.pricing-tab-system a:last-child{border-radius: 100px !important ;} } /*  <========SON=========>>> Pricing Tabs Ayar SON */ /* Pre Loader */ .preload-main { display: flex; height: 100vh; width: 100%; position: fixed; z-index: 9999; justify-content: center; align-items: center; background: #ed2625; overflow: hidden; top: 0; left: 0; } .loader { position: relative; } /*  <========SON=========>>> Pre Loader SON */ /* Mobil Tema */ .mobile-top-header-main{ border-bottom: 1px solid #ebebeb; background-color: #ffffff; } .mobil-top-header-currency, .mobil-top-header-lang{border-left: 1px solid #ebebeb; } .swiper-top-header .swiper-slide a{ color: #000000; } .swiper-top-header .swiper-slide a:hover{ color: #a6a2a2; text-decoration:none; } .mobil-header-select-area{ color: #000000; } .mobil-header-select-area:hover{ color: #a6a2a2; text-decoration:none; } .mobile-header-main-area{ background-color: #ffffff; border-bottom:1px solid #ebebeb; } .mobile-header-icons{ color: #000000 !important; } .mobile-header-bars{ color: #000000; border: 1px solid #ebebeb; background-color: #ffffff;border-radius:5px;} .mobile_side_wrap_in_close label{ background-color: #7135f0; color: #ffffff; } .mobile_side_wrap{ background-color: #ffffff; } .mobile_side_wrap_in_search input{ background-color: #f8f8f8; border: 1px solid #f8f8f8; color:#000000; } .mobile_side_wrap_in_search button{ color:#000000; } .mobile_side_wrap_in_search input:focus{ border: 1px solid #f8f8f8 !important; } .mobile_side_wrap_in_footer{ background-color: #f9f9f9; border: 1px solid #f9f9f9; } .mobile-menu-categories-main{ border-top: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a { color: #000000; border-bottom: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a:hover { color: #ffffff; background-color: #408cff; } .mobile-menu-categories-main #categories-parent-main ul li a i{ color: #000000; } .mobile-menu-categories-main #categories-parent-main ul li a i:hover { color: #ffffff; background-color: #408cff; } .fixed-foot-navigation{background-color: #ffffff;} .fixed-foot-navigation-in-box{color : #000000} .fixed-foot-navigation-in-box:hover{color : #000000;text-decoration:none; } /*  <========SON=========>>> Mobil Tema SON */
/* Header dropdown visual override */
.top-level-menu-main-div{position:relative;z-index:30;}
.top-level-menu > li{position:static!important;}
.top-level-menu > li > a > span > i.fa-angle-down{display:inline-block!important;margin-left:5px;}
.dropdown-overlay-show{display:none!important;}
.top-level-menu li:hover > .second-level-menu,
.top-level-menu li:hover > .third-level-menu,
.top-level-menu li:hover > .sablon2-level-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.sablon2-level-menu{left:50%!important;top:100%;transform:translateX(-50%)!important;width:min(1300px,calc(100vw - 64px))!important;max-height:470px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:26px 30px 28px!important;border-radius:0 0 8px 8px!important;border:1px solid rgba(0,0,0,.08)!important;border-top:3px solid #e60019!important;box-shadow:0 18px 38px rgba(0,0,0,.16)!important;}
.sablon2-level-menu-left{display:grid!important;grid-template-columns:repeat(5,minmax(170px,1fr));gap:22px 34px;width:100%;padding:0!important;}
.sablon2-level-menu-left-item{width:100%!important;min-width:0;margin:0 0 14px!important;padding:0 0 10px!important;border:0;border-bottom:1px solid #eee;border-radius:0;background:transparent;break-inside:avoid;page-break-inside:avoid;}
.sablon2-level-menu-left-item:hover{background:transparent;border-color:#e3e3e3;}
.sablon2-level-menu-left-item-h{margin-bottom:7px!important;padding-bottom:6px!important;font-size:14px!important;line-height:1.25;color:#111!important;border-bottom:2px solid rgba(230,0,25,.14)!important;}
.sablon2-level-menu-left-item-s{margin-top:0!important;margin-bottom:3px!important;font-size:12px!important;line-height:1.22;color:#555!important;}
.sablon2-level-menu-left-item-s:hover{color:#e60019!important;text-decoration:none!important;}
.sablon2-level-menu-left:not(:has(.sablon2-level-menu-left-item-s)){display:grid!important;grid-template-columns:repeat(5,minmax(160px,1fr));column-count:initial;column-gap:0;gap:12px 18px;}
.sablon2-level-menu-left:not(:has(.sablon2-level-menu-left-item-s)) .sablon2-level-menu-left-item{margin:0!important;padding:0!important;border:0;}
.sablon2-level-menu-left:not(:has(.sablon2-level-menu-left-item-s)) .sablon2-level-menu-left-item-h{display:flex;align-items:center;min-height:46px;margin:0!important;padding:12px 14px!important;border:1px solid #eee!important;border-radius:6px;background:#fff;color:#171717!important;font-size:14px!important;line-height:1.2;transition:border-color .16s ease,color .16s ease,background .16s ease;}
.sablon2-level-menu-left:not(:has(.sablon2-level-menu-left-item-s)) .sablon2-level-menu-left-item-h:hover{border-color:rgba(230,0,25,.32)!important;background:#fff8f8;color:#e60019!important;text-decoration:none!important;}
@media screen and (max-width:1279px) and (min-width:1025px){.sablon2-level-menu{width:min(1080px,calc(100vw - 40px))!important}.sablon2-level-menu-left{grid-template-columns:repeat(4,minmax(160px,1fr));gap:20px 26px}.sablon2-level-menu-left:not(:has(.sablon2-level-menu-left-item-s)){grid-template-columns:repeat(4,minmax(150px,1fr))}}

/* Final mobile responsive overrides */
/* Project-wide final overrides. This file is loaded after the theme CSS. */
@media screen and (max-width: 767px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body * {
        box-sizing: border-box;
    }

    img,
    video,
    iframe,
    table {
        max-width: 100%;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }

    .main-body,
    .main-body-2,
    #MainDiv,
    .container,
    .row,
    .topheader-html-main,
    .mobile-top-header-main,
    .mobile-header-main-area,
    .footer-module-main-div,
    .footer-module-inside-area,
    .cat-detail-main-div,
    .cat-detail-main-div-in,
    .cart-main-div,
    .teslimat-page-main-div,
    .teslimat-page-main,
    .urun-detay-main,
    .urun-detay-main-in,
    .htmlpage-container-main,
    .quick-payment-page,
    .quick-payment-wrap {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .topheader-html-main {
        min-width: 0 !important;
    }

    .topheader-html-main-in {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 7px 32px 7px 12px !important;
        text-align: center !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .topheader-html-main-in p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .topheader-html-close {
        top: 50% !important;
        right: 9px !important;
        transform: translateY(-50%) !important;
    }

    .mobile-top-header-main {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .mobile-top-header-links-area {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        overflow: hidden !important;
    }

    .swiper-top-header,
    .swiper-top-header .swiper-wrapper,
    .swiper-top-header .swiper-slide {
        max-width: 100% !important;
    }

    .swiper-top-header .swiper-slide a {
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mobil-top-header-lang-currency {
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    .mobil-top-header-currency,
    .mobil-top-header-lang {
        padding: 5px 6px !important;
    }

    .mobil-header-select-area {
        padding: 3px 4px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .mobile-header-main-area {
        width: 100% !important;
        padding: 10px 12px !important;
    }

    .mobile-header-main-ust {
        gap: 8px !important;
        min-width: 0 !important;
    }

    .mobile-header-main-ust > .d-flex {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .mobile-header-logo {
        flex: 0 1 132px !important;
        width: auto !important;
        max-width: 132px !important;
        min-width: 0 !important;
    }

    .mobile-header-logo img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 54px !important;
    }

    .mobile-header-ust-right {
        flex: 0 0 auto !important;
        gap: 5px !important;
    }

    .mobile-header-icons {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .mobile-header-icons i,
    .mobile-header-bars i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    .mobile-header-bars {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        margin-right: 8px !important;
        padding: 3px 5px !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .mobile-header-main-search {
        margin-top: 10px !important;
        width: 100% !important;
    }

    .mobile-header-main-search .header-desktop-search1,
    .mobile-header-main-search .header-desktop-search1 form {
        width: 100% !important;
    }

    .header-desktop-search1 form input {
        width: 100% !important;
        min-width: 0 !important;
        padding-right: 42px !important;
    }

    .header-desktop-search1 form button {
        right: 6px !important;
    }

    .mobile_side_wrap {
        width: min(345px, calc(100vw - 36px)) !important;
        max-width: calc(100vw - 36px) !important;
    }

    .story-main-div,
    .story-in-div,
    .story-in-div-standart,
    .story-static-list,
    .story-swiper,
    .story-slider {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .story-static-list .swiper-wrapper,
    .story-slider .swiper-wrapper {
        align-items: flex-start !important;
    }

    .story-slider .swiper-button-next,
    .story-slider .swiper-button-prev {
        width: 34px !important;
        height: 34px !important;
        margin-top: -17px !important;
    }

    .home-product-tabs {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-start !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .home-product-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .home-product-tabcontent-in,
    .cat-detail-products,
    .firsatlar-urun-module-product-area,
    .product-categories-inside,
    .product-categories-inside-vitrin2,
    .ticaret-kutulari-inside {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .cat-detail-products-box,
    .cat-detail-products-box-big,
    .cat-detail-products-box-caturunvitrin,
    .firsat-product-box,
    .urunler-box-small {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
    }

    .cat-detail-products-box-img,
    .cat-detail-products-box-img-big,
    .cat-detail-products-box-caturunvitrin-img,
    .cat-detail-products-box-caturunvitrin-img-3,
    .cat-detail-products-box-caturunvitrin-img-4,
    .cat-detail-products-box-caturunvitrin-img-5,
    .firsat-product-box-img,
    .urunler-box-small-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        background: #f4f4f4 !important;
    }

    .cat-detail-products-box-img img,
    .cat-detail-products-box-img-big img,
    .cat-detail-products-box-caturunvitrin-img img,
    .cat-detail-products-box-caturunvitrin-img-3 img,
    .cat-detail-products-box-caturunvitrin-img-4 img,
    .cat-detail-products-box-caturunvitrin-img-5 img,
    .firsat-product-box-img img,
    .urunler-box-small-img img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .cat-detail-products-box-cart-2 {
        gap: 7px !important;
        align-items: center !important;
    }

    .cat-detail-products-box-cart-2 form {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .cat-detail-products-box-cart-2 button {
        min-width: 0 !important;
        white-space: normal !important;
    }

    .cart-left-div,
    .cart-right-div,
    .teslimat-page-left,
    .teslimat-page-right,
    .teslimat-bilgileri-div,
    .teslimat-bilgileri-adres-box,
    .urun-detay-sol-alan,
    .urun-detay-sag-alan,
    .quick-payment-card,
    .quick-payment-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .quick-payment-wrap {
        width: calc(100% - 20px) !important;
    }

    .quick-payment-shell,
    .quick-payment-grid {
        grid-template-columns: 1fr !important;
    }

    .quick-payment-card-head {
        gap: 12px !important;
    }

    .quick-payment-hero-badge {
        width: 100% !important;
        justify-content: center !important;
    }

    .cc-window {
        left: 12px !important;
        right: 12px !important;
        bottom: 74px !important;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .cc-message {
        display: block !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .cc-compliance {
        width: 100% !important;
        display: block !important;
    }

    .cc-btn {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 10px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 374px) {
    .mobile-header-logo {
        flex-basis: 104px !important;
        max-width: 104px !important;
    }

    .mobile-header-icons {
        width: 28px !important;
        height: 28px !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    /* Homepage campaign banners use wide artwork; keep the mobile row compact and proportional. */
    .product-categories-main-div-vitrin2 {
        padding: 14px 0 !important;
        background: #fff !important;
    }

    .product-categories-inside-vitrin2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-categories-inside-vitrin2-boxarea {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .product-categories-inside-vitrin2-boxarea::-webkit-scrollbar {
        display: none;
    }

    .product-categories-inside-vitrin2 .vitrin2-box {
        display: block !important;
        flex: 0 0 84% !important;
        width: 84% !important;
        max-width: 84% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .10) !important;
        scroll-snap-align: start;
    }

    .product-categories-inside-vitrin2 .vitrin2-box-img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 730 / 304 !important;
        margin: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #f5f5f5 !important;
    }

    .product-categories-inside-vitrin2 .vitrin2-box-img img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
    }

    .product-categories-inside-vitrin2 .vitrin2-box-gradient,
    .product-categories-inside-vitrin2 .vitrin2-box-h,
    .product-categories-inside-vitrin2 .vitrin2-box-s {
        display: none !important;
    }

    .product-categories-main-div .product-categories-box-main {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .product-categories-main-div .product-categories-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .07) !important;
    }

    .product-categories-main-div .product-categories-box-img-dis,
    .product-categories-main-div .product-categories-box-img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 300 / 190 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .product-categories-main-div .product-categories-box-img-line,
    .product-categories-main-div .product-categories-box-txt {
        display: none !important;
    }
}

/* Global pagination polish */
#SayfalamaElementi {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 28px 0 18px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

#SayfalamaElementi .pagination,
.category-pagination-out .pagination,
.pagination.pagination-sm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 auto !important;
    padding: 8px !important;
    border: 1px solid rgba(230, 36, 19, .10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(17, 24, 39, .08) !important;
}

#SayfalamaElementi .page-item,
.category-pagination-out .page-item,
.pagination.pagination-sm .page-item {
    margin: 0 !important;
}

#SayfalamaElementi .page-link,
.category-pagination-out .page-link,
.pagination.pagination-sm .page-link {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #eceff3 !important;
    border-radius: 10px !important;
    background: #f9fafb !important;
    color: #20242b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

#SayfalamaElementi .page-link:hover,
#SayfalamaElementi .page-link:focus,
.category-pagination-out .page-link:hover,
.category-pagination-out .page-link:focus,
.pagination.pagination-sm .page-link:hover,
.pagination.pagination-sm .page-link:focus {
    background: #fff4f2 !important;
    border-color: rgba(230, 36, 19, .32) !important;
    color: #e62413 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(230, 36, 19, .12) !important;
}

#SayfalamaElementi .page-item.active .page-link,
.category-pagination-out .page-item.active .page-link,
.pagination.pagination-sm .page-item.active .page-link {
    background: #e62413 !important;
    border-color: #e62413 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(230, 36, 19, .24) !important;
}

#SayfalamaElementi .page-item.active .page-link:hover,
.category-pagination-out .page-item.active .page-link:hover,
.pagination.pagination-sm .page-item.active .page-link:hover {
    background: #cc1f11 !important;
    border-color: #cc1f11 !important;
    color: #fff !important;
}

#SayfalamaElementi .page-item.disabled .page-link,
.category-pagination-out .page-item.disabled .page-link,
.pagination.pagination-sm .page-item.disabled .page-link {
    opacity: .45 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

@media (max-width: 575px) {
    #SayfalamaElementi {
        margin: 22px 0 12px !important;
        padding: 0 8px !important;
    }

    #SayfalamaElementi .pagination,
    .category-pagination-out .pagination,
    .pagination.pagination-sm {
        width: 100% !important;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    #SayfalamaElementi .page-link,
    .category-pagination-out .page-link,
    .pagination.pagination-sm .page-link {
        min-width: 34px !important;
        height: 34px !important;
        padding: 0 10px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }
}