header .container {
    max-width: 1680px!important;
}
section.h-top {
    position: relative;
    height: 34px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
}
section.h-top svg.bgs {
    position: absolute;
    left: 0;
    width: 100%;           
    max-width: 548px;      
    height: auto;          
    display: block;        
    margin: 0 auto;
}
.ht-left {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ht-left span {
    font-size: 13px;
    font-weight: 500;
}
.ht-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}
.ht-right a.items {
    color: #575757;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}
.ht-right a.items:hover {
    color: #000;
    text-decoration: underline;
}
header.desktop .header-bar .bar-link .name {
    display: flex;
    flex-direction: column;
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
header.desktop .header-bar .bar-link .name span {
    font-size: 12px;
    color: #a1a1a1;
}
.oval {
    border-radius: 1000px;
    border: 1px solid #E2E2E2;
    padding: 10px;
}
.c-banner {
    position: relative;
    margin: 0 0 20px;
}
.c-banner button#c-banner-close {
    position: absolute;
    right: 14px;
    top: 10px;
    padding: 0;
    background: 0;
    border: 0;
    outline: 0;
    z-index: 2;
}
.c-banner button#c-banner-closesec {
    position: absolute;
    right: 14px;
    top: 10px;
    padding: 0;
    background: 0;
    border: 0;
    outline: 0;
    z-index: 2;
}
.swiper.mySwiper2 .swiper-slide a {
    display: flex;
    height: 100%;
    width: 100%;
}
.swiper.mySwiper2 .swiper-slide a .content-text {
    border-radius: 18px 0 0 18px;
    width: 100%;
}
.swiper.mySwiper2 .swiper-slide a img.img-auto {
    max-width: 880px;
    border-radius: 0 18px 18px 0;
}
.swiper.mySwiper2 .swiper-slide a .content-text {
    border-radius: 18px 0 0 18px;
    width: 100%;
    padding: 40px;
    position: relative;
}
.swiper.mySwiper2 .swiper-slide a .content-text .title {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
}
.swiper.mySwiper2 .swiper-slide a .content-text .description {
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 25px;
}
.swiper.mySwiper2 .swiper-slide a .content-text .mybtn {
    border-radius: 100px;
    border: 1.5px solid #FFF;
    padding: 14px 20px;
    width: max-content;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.swiper.mySwiper2 .swiper-slide a .content-text .mptext {
    position: absolute;
    bottom: 40px;
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.swiper.mySwiper {
    margin-top: 14px;
    margin-bottom: 40px;
}
.swiper.mySwiper .swiper-slide img {
    border-radius: 4px;
}
.swiper.mySwiper2 .swiper-slide a .img-side {
    position: relative;
}
.home-body .swiper-button-next:after, .home-body .swiper-button-prev:after {
    display: none;
}
.home-body .swiper-button-next, .home-body .swiper-button-prev {
    background: #fff;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    padding: 8px;
}
header.desktop.fixed-desktop section.menu {
    display: none;
}
.product-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 10px;
}
.product-image .main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hover-zones {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 1;
}
.hover-zone {
    flex: 1;
}
.image-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    margin: auto;
    width: 50%;
    right: 0;
    left: 0;
}
.image-dots .dot {
    width: 100%;
    height: 3px;
    border-radius: 0;
    background: #e1e1e1;
    transition: background 0.3s;
    flex: 1;
    max-width: 20px;
}
.image-dots .dot.active {
    background: #333;
}
.stars .star.fill {
    color: #ffc000!important;
}
.discount-kart {
    color: #4DC762;
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 3px;
}
.bds {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    display: flex;
    gap: 10px;
    transition: 0.5s ease;
}
.bds.active {
    top: 42px;
}
.badge-side {
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 500;
}
.gdp-area .top {
    display: flex;
    align-items: center;
}
.gdp-area .top .color {
    width: 100%;
    height: 6px;
}
.gdp-area .top .color.one {
    background: #FF1400;
}
.gdp-area .top .color.two {
    background: #D62828;
}
.gdp-area .top .color.three {
    background: #FF6A00;
}
.gdp-area .top .color.four {
    background: #FFB100;
}
.gdp-area .center {
    display: flex;
    align-items: center;
    padding: 44px 0;
}
.gdp-area .center a {
    display: block;
    width: 100%;
}
.gdp-area .center a .items {
    display: flex;
    align-items: center;
    gap: 18px;
}
.gdp-area .center a .items .icon {
    border-radius: 1000px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 10px;
    margin-left: 14px;
}
.gdp-area .center a .items .text {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.gdp-area .center a .items .desc {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
footer {
    background: #FAFAFC;
    border-top: 1px solid #e2e2e2;
    padding: 64px 0 0;
}
.news-social-area {
    border-radius: 18px;
    border: 2px solid var(--testiee, #FF1B00);
    background: #FFF;
    height: 100%;
    padding: 30px 33px;
}
.news-social-area .logo {
    display: flex;
    justify-content: center;
}
.news-social-area .logo img {
    margin: 0 0 40px;
    height: 39px;
}
.news-title {
    text-align: center;
    margin: 0 0 20px;
}
.news-title div {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.news-title span {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}
.social-media {
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
    margin: 0 0 40px;
}
.social-media a {
    border-radius: 1044.262px;
    border: 1.044px solid #A1A1A1;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12.531147956848145px);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}
.bb .col-8 .row {
    padding: 0 0 0 34px;
}
.f-bot-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0 0;
    gap: 15px;
}
.f-bot-brand .titles {
    width: 100%;
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.f-bot-brand a {
    width: 100%;
}
.f-bot-brand a .items {
    border-radius: 12px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 18px 36px;
}
.bar {
    margin: 65px 0 0;
    padding: 25px 0;
    border-top: 1px solid #e2e2e2;
}
.cpy {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: 220%;
    display: flex;
    align-items: center;
    height: 100%;
}
.right-image {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 600;
}
.br-s .row {
    gap: 20px;
    flex-wrap: nowrap;
    max-width: 100%;
    margin: 0 0 64px;
}
.br-s .col-list.col-12 {
    border-radius: 16px;
    border: 2px solid var(--testiee, #FF1B00);
    background: #FAFAFC;
}
.br-s .col-list.col-12.d-block.col-sm-12.d-sm-block.col-md-12.d-md-block.col-lg-3.d-lg-block.col-xl-3.d-xl-block.p-g-b-c-0 {
    background: rgba(255, 106, 0, 0.11) !important;
}
.index-count .qk-app-discount-counter {
    background: transparent!important;
}
.index-count .dc-contents {
    background: transparent!important;
    padding: 20px 0 0px!important;
    height: auto!important;
    width: auto!important;
    max-width: 100%!important;
}
.index-count .counter {
    height: auto!important;
    border-radius: 11px!important;
    border: 0!important;
    background: rgba(255, 106, 0, 0.11)!important;
    padding: 10px 20px!important;
}
.index-count .counter div {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%))!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    gap: 8px;
}
.index-count .counter div span.value {
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: normal!important;
    letter-spacing: -0.16px;
}
.index-count .counter div span.name {
    font-size: 10!important;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.103px;
}
.index-count .dc-contents span.text-1 {
    font-weight: 500!important;
}
.pattern-group.br-s .p-g-mod {
    background: transparent;
    margin-bottom: 0!important;
}
.card-product.special {
    border-radius: 16.452px;
    border: 1px solid #F4F4F4;
    background: #FFF;
}
.card-product.special img.brand {
    max-height: 50px;
    width: auto;
    margin: auto;
}
.card-product.special .title {
    color: #000;
    text-align: center;
    font-size: 13.713px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
}
.covers-b {
    margin: 0 auto 30px;
    width: max-content;
    border-radius: 97.952px;
    border: 0.98px solid var(--asdaa, #FFB33E);
    backdrop-filter: blur(1.9590449333190918px);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.covers-b .sale-price {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 10px;
    display: flex;
    align-items: center;
}
.fst-top-title-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fst-top-title-side .left {
    display: flex;
    align-items: center;
}
.fst-top-title-side .left .text {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    flex-direction: column;
}
.fst-top-title-side .left .text span {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 600;
    line-height: 150%;
}
.fst-top-title-side .right {
    border-radius: 1000px;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    padding: 13px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 500;
}
.c-banner.sec {
    margin: 0 0 44px;
}
.br-satis a.banner-item .image {
    border: 1px solid #f1f1f5;
    padding: 16px 0;
}
.br-satis a.banner-item .image img.img-auto {
    max-width: 135px;
    margin: auto;
    height: auto;
    object-fit: contain;
    width: 100%;
}
.satis-title {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin: 13px 0 0;
}
.satis-title img {
    width: 146px;
}
.p-g-mod.p-g-mod-t-29.p-g-mod-footer.p-g-mod-trans {
    margin: 0;
}
.home-body .pattern-group .p-g-mod {
    margin: 0 0 40px;
}
.spcl-bnr .ban-type-content {
    align-items: flex-start!important;
    width: 90%!important;
}
.spcl-bnr .ban-type-content .ban-type-title {
    text-align: left;
    margin: 0 0 50px;
    width: 70%;
    font-weight: 600;
}
.spcl-bnr .ban-type-content .ban-type-btn {
    border-radius: 100px;
    border: 1px solid #1E1E1E;
    background: #FFF;
    backdrop-filter: blur(2px);
    padding: 8px 16px;
}
.card-product.specialt {
    border: 0;
}
.card-product.specialt .product-image {
    border-radius: 5.313px;
    border: 0.531px solid #F4F4F4;
    background: #FFF;
}
.card-product.specialt .product-image {
    border-radius: 5.313px;
    border: 0.531px solid #F4F4F4;
    background: #FFF;
    margin: 0 0 15px;
    padding: 0;
}
.br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase {
    border-radius: 22px;
    border: 1px solid #F4F4F4;
    padding: 27px;
}
.br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .p-g-mod-body {
    padding: 20px 0 0;
}
.br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .p-g-m-h-i-title {
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.card-product.specialt .image-wrapper {
    max-width: 120px;
    margin: auto;
}
.br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .p-g-m-h-i-title::before {
    content: url('https://percdn.com/f/325125/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-48021595-sw37sh37.webp');
}
.br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase a.btn.btn-mod {
    color: #A1A1A1;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}
.card-product.specialt .title {
    margin-bottom: 0;
}
.slider-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 40px;
}
.slider {
    display: inline-flex;
    animation: slide 20s linear infinite;
}
.slider a {
    width: 200px;
    height: auto;
    margin-right: 20px;
    border: 0.81px solid #F1F1F5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider img {
    width: 120px;
    height: auto;
    object-fit: contain;
}
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.slider-container::after {
    content: '';
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    height: 100px;
    width: 30%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.slider-container::before {
    content: '';
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    height: 100px;
    width: 30%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.vebingo-ayricalik .top {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 800;
    line-height: normal;
    margin: 0 0 30px;
    font-style: italic;
}
.swiper-gbsol {
    margin: 0 0 78px;
    position: relative;
}
.swiper-gbsol .swiper-slide-content {
    border: 1px solid #F1F1F5;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.swiper-gbsol .swiper-slide-content img.img-auto {
    border-radius: 6px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 14px;
    margin: 0 0 20px;
    max-width: 30%;
}
.swiper-gbsol .swiper-slide-content .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 10px;
}
.swiper-gbsol .swiper-slide-content .description {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}
.seo-text {
    margin: 0 0 60px;
    display: none;
}
.home-body .seo-text {
    display: block;
}
.seo-text .main,.seo-text .next {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
button#seo-dvm,button#seo-dvm:focus {
    border-radius: 1000px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    margin: 16px 0 0;
    padding: 14px 20px;
    letter-spacing: -0.13px;
    color: #1e1e1e;
    outline: 0;
}
section.m-menu-sec {
    height: 60px;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    background: #FBFBFB;
    position: relative;
}
.m-menu-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m-menu-side .left {
    display: flex;
    align-items: center;
    height: 58px;
    gap: 20px;
}
.m-menu-side .left .categories-area {
    display: flex;
    align-items: center;
    gap: 20px;
}
header.desktop.fixed-desktop section.m-menu-sec {
    display: none;
}
header.desktop .big-cat-l.other {
    display: none!important;
}
header.desktop.fixed-desktop .big-cat-l.other {
    display: flex!important;
    flex: 0 0 12%;
}
div#btn-all-cat {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.easy-autocomplete {
    width: auto!important;
}
.categories-area .items a.nav-item {
    color: #151515;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 8px;
}
.categories-area .items .dd-side {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    display: block !important; 
    pointer-events: none;
}
.categories-area .items.show-dd .dd-side {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.m-menu-side .left .categories-area .dd-side {
    border-bottom: 1px solid #E2E2E2;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 59px;
    z-index: 1002;
    min-height: 400px;
    max-height: 400px;
    padding: 30px 70px;
    overflow: auto;
}
.dd-side-cat-name {
    color: #151515;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}
a.sub-cat-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px;
    color: #1E1E1E;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
img.subtwo-img {
    height: 70px!important;
    padding: 10px;
    border-radius: 3.846px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    width: 70px;
}
.sub-cat-bot {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    line-height: 220%;
}
.dd-side.tum-btn {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 173px;
    background: #fff;
    z-index: 1002;
    min-height: 400px;
    padding: 0;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    overflow: auto;
    height: 600px;
}
.dd-side.tum-btn.active {
    display: flex;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.categories-area .items .dd-side:not(.tum-btn) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    display: block !important;
    pointer-events: none;
}
.categories-area .items.show-dd .dd-side {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.dd-side.tum-btn.active.shor {
    top: 79px;
}
.dd-side.tum-btn .left {
    background: #FAFAFC;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    height: 100%;
    overflow: auto;
}
.dd-side.tum-btn .right {
    padding: 40px 70px;
}
.dd-side.tum-btn .left .all-cat-items {
    color: #151515;
    font-size: 15px;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 12px;
}
.dd-side.tum-btn .left .all-cat-items svg {
    display: none;
}
.dd-side.tum-btn .right .right-content {
  display: none;
}
.dd-side.tum-btn .right .right-content.active {
  display: block;
}
.dd-side.tum-btn .left .all-cat-items.active svg {
    display: block;
}
.dd-side.tum-btn .left .all-cat-items.active {
    padding: 0 0 0 10px;
    font-weight: 500;
}
.m-menu-side .left .categories-area .dd-side .right.w-100 {
    flex-direction: column;
    align-items: flex-start;
}
.m-menu-side .right {
    background: #fff;
    display: flex;
    align-items: center;
    position: relative;
}
.m-menu-side .right img {
    height: 34px;
}
.m-menu-side .right a.lg-item {
    padding: 12px 15px;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    margin-right: -1px;
}
header.desktop.fixed-desktop section.h-top {
    display: none;
}
img.subone-img {
    height: 25px;
}
.m-menu-side .right a.lg-item svg {
    border: 1px solid #e2e2e2;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}
a.bs {
    border-radius: 40px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 10px 20px;
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.bs img {
    height: 34px;
}
a.bs svg {
    width: 26px;
    height: 26px;
    padding: 5px;
    border: 1px solid #e2e2e2;
    border-radius: 100px;
}
.bg-gray {
    border-bottom: 1px solid #E2E2E2;
    background: #FAFAFC;
    margin: -20px 0 60px;
    padding: 0px 0px 20px;
}
body.categories-body header.desktop {
    box-shadow: unset;
}
.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item:before {
    display: none;
}
li.breadcrumb-item a {
    border-radius: 4px;
    border: 0.813px solid #F4F4F4;
    background: #FFF;
    backdrop-filter: blur(17.875px);
    padding: 8px;
    color: #575757!important;
    font-size: 12px;
    font-weight: 400;
}
li.breadcrumb-item .icon {
    border-radius: 4px;
    border: 0.813px solid #F4F4F4;
    background: #FFF;
    backdrop-filter: blur(17.875px);
    padding: 8px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
li.breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase {
    background: transparent;
    margin: 30px 0 0;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase .p-g-mod-body {
    padding: 0;
}
.card-category {
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 10px;
    display: flex;
    flex-direction: row;
    height: 100px;
}
.card-category .image {
    flex: 0 0 50%;
}
.card-category a.title {
    color: #2A2A2A;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    flex: 0 0 50%;
}
.left-acco .col-0 .p-g-mod-body {
    display: none;
    padding-bottom: 20px!important;
}
.left-acco .col-0 .p-g-mod-header.p-g-mod-header-p-0 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.left-acco .col-0 .p-g-mod-header.p-g-mod-header-p-0 .p-g-m-h-i-title {
    color: #1E1E1E;
    font-size: 16px!important;
    font-weight: 500!important;
}
.left-acco .col-0  .p-g-mod {
    border-bottom: 1px solid #F4F4F4;
}
.left-acco .col-0 .p-g-mod-header.p-g-mod-header-p-0 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    cursor: pointer;
}
.coreicon-down-open-big:before {
    content: url('icons/plus-news.svg')!important;
    width: 10px!important;
    height: 27px!important;
    zoom: unset!important;
}
.coreicon-up-open-big:before {
    content: url('icons/minus-news.svg')!important;
    width: 10px!important;
    height: 37px!important;
    zoom: unset!important;
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
    border-radius: 100px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 1px;
}
.left-acco .col-list.col-12 .col-6.col-sm-6.col-md-6.col-lg-4.col-xl-3.col-list-p-v-1,
.left-acco .col-6.col-sm-6.col-md-6.col-lg-4.col-xl-4.col-list-p-v-1 {
    padding: 0;
}
.p-g-mod.p-g-mod-t-26.p-g-mod-t-cat-display-0 .p-g-mod-body.p-g-mod-body-p-0 {
    display: block;
}
.categories-top-side {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.categories-top-side .lside {
    flex: 0 0 25%;
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 600;
}
.categories-top-side .rside {
    flex: 0 0 75%;
}
select.form-control.form-select.category-filter-order-desktop {
    border-radius: 100px;
    border: 1px solid #E2E2E2;
}
.srl {
    color: #575757;
    font-size: 14px;
    line-height: 159%;
    margin-right: -8px;
}
.product-carousel-right {
    border-radius: 18px;
    border: 1px solid #E2E2E2;
    padding: 35px;
}
.product-title-container .top {
    display: flex;
    align-items: center;
    gap: 44px;
    margin: 0 0 12px;
}
.product-title-container .top .itm {
    color: #A1A1A1;
    line-height: 100%;
}
.stock-info {
    color: #4DC762;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-sd {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
    color: #A1A1A1;
    line-height: 150%;
    margin: 15px 0 0px;
}
.product-sd.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}
.show-more-btn {
    color: #575757;
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
    font-weight: 500;
    text-decoration: underline;
}
.show-more-btn:hover {
    color: #000;
}
.product-reviews span {
    font-weight: 500;
    color: #575757;
}
.product-price-group .prices .pd-discount {
    display: flex;
    color: #4DC762;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    margin: 4px 0 0;
    gap: 6px;
    align-items: center;
}
.product-rate {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}
.product-rate .icon {
    border-radius: 1000px;
    border: 1px solid #E2E2E2;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

.product-rate .iconcolors {
    background: var(--lova-linear-2, linear-gradient(119deg, #11B7ED 12.43%, #7B5CA7 60.23%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 1000px;
    border: 1px solid #7B5CA7;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}
.product-rate .text {
    color: #A1A1A1;
    font-size: 12px;
    line-height: 152%;
}


.product-rate .text .topt {
    color: var(--Color---ana, #1E1E1E);
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
}

.product-rate .text .freecargo {
    color: var(--Color---ana, #1E1E1E);
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: underline;
    background: var(--lova-linear-2, linear-gradient(119deg, #11B7ED 12.43%, #7B5CA7 60.23%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-rate .text span {
    color: #1e1e1e;
    font-size: 13px;
}
.product-rate .text button {
    padding: 0;
    background: 0;
    border: 0;
    outline: 0;
    color: #a1a1a1;
    text-decoration: underline;
    line-height: normal;
}
.related-product-block {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.related-product-block span.value {
    color: #575757;
}
.related-product-block span.value span {
    margin-left: 10px;
    color: #1E1E1E;
    font-weight: 500;
}
.related-products a {
    color: #575757;
    font-weight: 400;
    height: auto;
}
.related-products a img {
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    max-width: 70px;
}
.related-products a.active img {
    border-color: #1e1e1e;
}
.related-products a.active {
    color: #1e1e1e;
    font-weight: 500;
}
.bottom-sides {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px 0 0;
    position: relative;
}
.action.compare {
    width: 100%;
}
.action.compare a.button {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #575757;
    font-size: 14px;
    justify-content: center;
}
.action.compare .icon {
    position: relative;
}
.product-buttons {
    flex-direction: column;
    margin: 20px 0 0;
}
.product-buttons .btn-wp, .product-buttons .btn-wp:hover {
    align-items: center;
    background: transparent;
    border-color: transparent;
    display: flex;
    height: 52px;
    justify-content: space-between;
    margin: 16px 0 10px;
    border-radius: 100px;
    border: 1px solid #E2E2E2;
    padding: 10px 18px 10px 8px;
    color: #575757;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.product-buttons .btn-wp .icon {
    border-radius: 1000px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 6px;
}
.cargo-brand-side {
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}
.cargo-brand-side .text {
    color: #1E1E1E;
    font-weight: 500;
    line-height: 150%;
}
.cargo-brand-side .brand-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #A1A1A1;
    font-size: 11px;
    font-weight: 400;
    line-height: 24.865px;
}
.cargo-brand-side .brand-area div {
    display: flex;
    gap: 12px;
}
.cargo-brand-side .brand-area div img {
    height: 33.3px;
}
.prodcut-avant {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 15px;
}
.prodcut-avant .title {
    color: var(--Color---ana, #1E1E1E);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}
.prodcut-avant .d-flex {
    justify-content: space-between;
}
.prodcut-avant .items {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 12px;
}
.prodcut-avant .items .icon {
    border-radius: 4.444px;
    border: 0.741px solid #F4F4F4;
    background: #FFF;
    padding: 5px;
}
.cat-side {
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.cat-side .text {
    color: #1e1e1e;
    font-weight: 500;
}
.cat-side img {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #F4F4F4;
}
.kobin-side {
    margin: 25px 0 10px;
}
.kobin-side .top {
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Color---ana, #1E1E1E);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}
.kobin-side .top .btnswp {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}
.card-product.kombin {
    border-radius: 4px;
    border: 1.5px solid #FFB33E;
}
.card-product.kombin .card-product-inner {
    display: flex;
    align-items: center;
    padding: 20px!important;
}
.card-product.kombin .card-product-inner .image-wrapper {
    flex: 0 0 20%;
}
.card-product.kombin .card-product-inner a.c-p-i-link {
    flex: 0 0 67%;
}
.card-product.kombin .card-product-inner .buttons {
    flex: 0 0 13%;
}
.card-product.kombin .product-card-body {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.card-product.kombin .product-card-body .price-group {
    margin: 0;
}
.card-product.kombin .product-card-body .title {
    margin: 0 0 10px;
    -webkit-line-clamp: 3;
    height: 36px;
}
.kobin-side .top .btnswp .swiper-button-next::after, 
.kobin-side .top .btnswp .swiper-button-prev::after {
    display: none;
}
.kobin-side .top .btnswp .swiper-button-next {
    position: relative;
    width: 28px;
    height: 28px;
    right: unset;
    top: unset;
    margin: 0;
    border-radius: 133.333px;
    border: 0.875px solid #E2E2E2;
    background: #FFF;
    padding: 4px;
}
.kobin-side .top .btnswp .swiper-button-prev {
    position: relative;
    width: 28px;
    height: 28px;
    left: unset;
    top: unset;
    margin: 0;
    border-radius: 133.333px;
    border: 0.875px solid #E2E2E2;
    background: #FFF;
    padding: 4px;
}
.swiper-ones {
    padding: 0 0 10px;
}
.m-acco {
    background: #FFF;
    margin: 60px 0;
}
.mac-btn, .mac-btn:focus {
    width: 100%;
    text-align: left;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline: 0;
    border-radius: 0 !important;
    color: var(--Color---ana, #1E1E1E);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #E2E2E2;
}
.m-acco .content {
    display: none;
    padding: 0;
    font-size: 14px;
    color: #575757;
}
.mac-card {
    overflow: hidden;
    padding: 0 110px;
}
.mac-card.active {
    background: #FAFAFC;
}
.mac-card.active .content {
    display: block;
}
.m-acco .content .p-g-mod.p-g-mod-t-43 {
    background: transparent;
}
button.mac-btn .icon {
    border-radius: 82.405px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 6px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.mac-btn .icon svg.active {
    display: none;
}
.mac-card.active button.mac-btn .icon svg.active {
    display: block;
}
.mac-card.active button.mac-btn .icon svg.pasive {
    display: none;
}
.welcome-area {
    margin: -20px 0 55px;
    position: relative;
    height: 620px;
}
.welcome-area .bg-setings {
    width: 100%;
    position: absolute;
    height: 620px;
    border-radius: 0 0 1000px 1000px;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
}
.welcome-area .content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.welcome-area .content .icon {
    border-radius: 1000px;
    background: #FFF;
    padding: 20px;
    margin: 60px 0 20px;
}
.welcome-area .content .icon img {
    height: 75px;
}
.welcome-area .content .title {
    color: #FFF;
    text-align: center;
    font-size: 26px;
    line-height: 150%;
}
.welcome-area .content .title span {
    font-weight: 600;
}
.welcome-area .content .description {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    line-height: 150%;
    width: 40%;
    margin: 10px 0 30px;
}
.welcome-area .content .btn-hf {
    border-radius: 100px;
    border: 1.5px solid #FFF;
    background: #FFF;
    padding: 14px 20px;
}
.welcome-area .content .btn-hf span{
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}
.hsycount .pattern-group-body {
    border-radius: 16px;
    border: 2px solid var(--testiee, #FF1B00);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(50px);
    padding: 32px 27px;
    position: relative;
    max-width: 900px;
    margin: -200px auto 90px;
}
.hsycount .pattern-group-body .p-g-mod.p-g-mod-t-55.p-g-mod-showcase {
    margin: 0;
    background: transparent;
}
.hsycount .pattern-group-body .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .card-product.special .card-product-inner {
    display: flex;
    align-items: center;
}
.hsycount .pattern-group-body .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .card-product.special .card-product-inner .image-wrapper {
    flex: 0 0 33%;
}
.home-body .index-count .dc-contents span.text-2 {
    display: none;
}
.pages-body .index-count .dc-contents .descriptions {
    margin: 0 0 20px;
}
.hsycount .pattern-group-body .row {
    align-items: center;
}
.tcolor-s .p-g-m-h-info {
    align-items: center!important;
}
.tcolor-s .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 22px!important;
    color: #000!important;
    font-weight: 400!important;
}
.tcolor-s .p-g-m-h-info .p-g-m-h-i-description {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 150%;
}
header.desktop.fixed-desktop section.st-side {
    display: block;
}
header.desktop section.st-side {
    display: none;
}
section.st-side .hfirsatlari-sticky {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 38px;
    max-height: 38px;
}
section.st-side .hfirsatlari-sticky .icon {
    border-radius: 678.571px;
    background: #FFF;
}
section.st-side .hfirsatlari-sticky .icon img {
    height: 24px;
}
section.st-side .hfirsatlari-sticky .title {
    color: #FFF;
    font-size: 18px;
    line-height: 150%;
}
section.st-side .hfirsatlari-sticky .title span {
    font-weight: 600;
}
section.st-side .gamingday-sticky {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 38px;
    max-height: 38px;
    background: var(--nextlevel, linear-gradient(272deg, #0CFAB5 17.6%, #6B58FF 70.2%));
}
section.st-side .gamingday-sticky img {
    height: 30px;
}
section.pattern-group.pattern-group-t-0.pattern-group-p-pages.gg-day {
    margin: -20px 0 -100px;
    position: relative;
    background-color: #131313;
    background-image: url('https://percdn.com/f/325125/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-92426049-sw1920sh270.webp');
    background-repeat: no-repeat;
    background-position: center bottom -1px;
    background-size: contain;
    padding-bottom: 200px;
}
.content-ggday .top-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    top: 40px;
    width: 100%;
}
.content-ggday img.gg-backg {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.content-ggday .content-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 0 105px;
}
.content-ggday .top-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    top: 40px;
    width: 100%;
}
.content-ggday .top-side img {
    height: 60.5px;
}
.content-ggday .top-side .text {
    color: #FFF;
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    line-height: 114.12%;
    letter-spacing: -0.2px;
}
.content-ggday .top-side .text span {
    font-size: 22px;
    font-weight: 600;
}
.content-ggday .content-area .text-block {
    position: absolute;
    bottom: 92px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.content-ggday .content-area .text-block .top {
    background: var(--nextlevel, linear-gradient(272deg, #0CFAB5 17.6%, #6B58FF 70.2%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.26px;
}
.content-ggday .content-area .text-block .date {
    color: rgba(255, 255, 255, 0.94);
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
}
.content-ggday .content-area .text-block .date span {
    font-weight: 600;
}
.content-ggday .content-area .text-block .bot {
    background: var(--nextlevel, linear-gradient(272deg, #0CFAB5 17.6%, #6B58FF 70.2%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.4px;
}
.content-ggday .content-area .text-block .btn-gg {
    border-radius: 1000px;
    background: #FFF;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--Color---ana, #1E1E1E);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
}
.content-ggday .content-area .text-block .count-side {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px;
}
.content-ggday .content-area .text-block .count-side .text {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    letter-spacing: -0.14px;
    width: 41%;
}
.content-ggday .content-area .text-block .count-side .counter-timer {
    display: flex;
    gap: 18px;
}
.content-ggday .content-area .text-block .count-side .counter-timer div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #FFF;
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.12px;
    align-items: center;
}
.content-ggday .content-area .text-block .count-side .counter-timer div span {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.186px;
}
.banner-block-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    margin: -44px 0 77px;
    position: relative;
}
.banner-block-brand img {
    height: 75px;
}
.kampanya-text {
    max-width: 1000px;
    margin: 40px auto;
    border-radius: 20px;
    border: 1.5px solid #F4F4F4;
    background: #FFF;
    padding: 40px;
}
.kampanya-text .title {
    color: var(--Color---ana, #1E1E1E);
    font-size: 20px;
    font-weight: 600;
    line-height: 180%;
    margin: 0 0 20px;
}
.brand-img .p-g-m-h-i-title::after {
    content: url('https://percdn.com/f/325125/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-3735243-sw203sh38.webp');
    margin: 4px 0 0;
}
.brand-img .p-g-m-h-i-title {
    display: flex;
    align-items: center;
    gap: 10px;
}
.hf-urun-side .p-g-mod-header::before {
    content: url('https://vebingo.com/theme/agesoftvebingodesign/assets/images/coupon-new-2.gif?v=1759921488');
}
.hf-urun-side .p-g-m-h-info .p-g-m-h-i-title {
    color: #000;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 150%;
}
.hf-urun-side .p-g-m-h-info .p-g-m-h-i-description {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 150%;
}
.qk-app-campaign-bell {
    margin: 0!important;
    border: 0!important;
    outline: 0!important;
}
.qk-app-campaign-bell .campaign-icon {
    border: 0!important;
    padding: 0!important;
    width: auto!important;
    height: auto!important;
}
.oval.header-bell {
    width: 46px!important;
    height: 46px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.qk-app-campaign-bell .campaign-icon .count {
    right: -4px!important;
    top: -8px!important;
    width: 16px!important;
    height: 16px!important;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%))!important;
}
.guven-modal {
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1002;
}
.guven-modal .items {
    font-size: 14px;
    font-weight: 500;
    color: #1e1e1e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hf-urun-side .p-g-mod-header a.btn.btn-mod {
    border-radius: 1000px;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    padding: 13px 20px;
    border: 0;
    outline: 0;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}
.hf-urun-side .p-g-mod-header a.btn.btn-mod::after {
    content: url('https://vebingo.com/theme/agesoftvebingodesign/assets/icons/hf-btn-ricon.png?v=1759921164');
}
.hf-urun-side .p-g-mod-header {
    padding: 22px 10px!important;
}
.card-banner-side {
    margin: 0px 0 80px;
}
.card-banner-side .items {
    border-radius: 18px;
    border: 1px solid #F4F4F4;
    background: #FAFAFC;
    padding: 30px 30px 0 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 38px;
}
.card-banner-side .items .title {
    color: #1E1E1E;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 10px;
}
.card-banner-side .items .desc {
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 20px;
}
.card-banner-side .items .cbsbtn {
    border-radius: 100px;
    border: 1px solid #FF6A00;
    background: #FFF;
    backdrop-filter: blur(2px);
    width: max-content;
    margin: auto;
    color: #FF6A00;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    padding: 8px 18px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.categoriesname {
    margin: 10px 0 -12px;
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 600;
    line-height: 40.625px;
}
.selected-filters-wrapper {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
    gap: 20px;
}
.selected-filter-item {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 40px;
    padding: 0 14px;
    font-weight: 500;
    border-radius: 100px;
}
.remove-filter {
    cursor: pointer;
}
button#reset-all-filters {
    border: 0;
    height: 40px;
    outline: 0;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    padding: 0 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 1000px;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    opacity: 1!important;
}
.lag-checkbox input:checked~span {
    border-color: #fff;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    border-color: #e2e2e2 !important;
    background: var(--asdaa, linear-gradient(90deg, #FFB33E 0%, #FF045C 100%));
    font-weight: 600;
}
nav.breadcrumb-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-next-prev {
    display: none;
}
body.product-body .product-next-prev {
    display: flex;
    align-items: center;
    gap: 14px;
}
.product-next-prev a {
    color: #A1A1A1;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.carousel.slide.ppc-ctype-3 {
    position: sticky;
    top: 120px;
}
.kobin-side .top .btnswp .swiper-button-next svg,
.kobin-side .top .btnswp .swiper-button-prev svg {
    width: 10px;
    height: 12px;
}
.card-brand a.title {
    display: none;
}
.card-brand {
    border: 1px solid #F1F1F5;
    border-radius: 0;
}
.swiper-gbsol .swiper-button-next,
.swiper-gbsol .swiper-button-prev {
    display: none;
}
.card-brand .image a img {
    max-height: 75px;
    width: auto;
    margin: auto;
}
.niteliks-area {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 20px 10px;
    flex-wrap: wrap;
    padding: 20px 0;
}
.niteliks-area .items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 24%;
}
.niteliks-area .items .name {
    color: #c1c1c1;
    font-size: 14px;
    font-weight: 500;
}
.niteliks-area .items .value {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.niteliks-area .items .value:hover {
    text-decoration: underline;
    background: var(--lova-linear-2, linear-gradient(119deg, #11B7ED 12.43%, #7B5CA7 60.23%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pd-topbar-sticky {
    position: fixed;
    top: 80px;
    border-bottom: 1px solid #E2E2E2;
    background: #FFF;
    left: 0;
    right: 0;
    height: 48px;
    display: flex;
    align-items: center;
    z-index: 999;
}
.pd-topbar-sticky .area {
    gap: 20px;
    display: flex;
    align-items: center;
}
.pd-topbar-sticky .area a.items.active {
    color: #1e1e1e;
    border-color: #1e1e1e;
}
.pd-topbar-sticky .area a.items {
    border-radius: 100px;
    border: 1px solid transparent;
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 8px 22px;
}
.cargocount {
    border-radius: 4px;
    border: 1px solid #F4F4F4;
    background: #FAFAFC;
    display: flex;
    align-items: center;
    margin: 25px 0;
    padding: 20px;
    gap: 20px;
}
.cargocount .text-block {
    width: 70%;
    color: #181818;
    line-height: 14.9px;
}
.cargocount .text-block span{
    color: #FF6A00;
    font-weight: 500;
}
.cargocount .cc-counttimer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cargocount .cc-counttimer .time {
    border-radius: 2px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 5px 14px;
    font-size: 13px;
}
.ajax-shopping-cart .product {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    border: 1px solid #f4f4f4;
    background: #fff;
    padding: 6px;
}
.ajax-shopping-cart {
    font-size: 12px;
    height: 100%;
    flex: 1;
    position: relative;
    max-height: 700px;
}
.ajax-shopping-cart .items {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    overflow-y: auto;
    padding: 10px 0;
}
.ajax-shopping-cart .product:last-child {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    border: 1px solid #f4f4f4;
    background: #fff;
    padding: 6px;
}
.ajax-shopping-cart .product .image {
    flex: unset;
    max-width: 112.5px;
    margin-right: 8px;
}
.ajax-shopping-cart .product .image img {
    height: auto;
    max-height: 64px;
}
.ajax-shopping-cart .product .info {
    flex: 3;
    text-align: left;
    padding-top: 6px;
}
.ajax-shopping-cart .product .info .name {
    color: #000;
    font-size: clamp(12px, 2vw, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ajax-shopping-cart .product .price {
    flex: 2;
    font-size: 13px;
    text-align: left;
}
.header-cart-hover .btn-remove img {
    width: 20px;
}
.p-g-mod-t-3 .outline {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.p-g-mod-t-3 .outline .text {
    font-size: 16px;
}
.p-g-mod-t-3 .outline .text b {
    font-weight: 600;
}
.mains-page .container {
    max-width: 1270px!important;
}
.gr-br .mains-page .container {
    max-width: 960px!important;
}
.mains-page .container .p-g-mod-body {
    border-radius: 40px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 40px;
    margin: 20px 0 60px;
}
body.pages-body.gr-br .mains-page  .p-g-mod-body {
    border: 2px solid #4FD49F;
}
body.pages-body.gr-br .mains-page h1.p-g-m-h-i-title {
    display: flex;
    align-items: center;
    gap: 13px;
}
body.pages-body.gr-br .mains-page h1.p-g-m-h-i-title::before {
    content: url('https://vebingo.com/theme/agesoftvebingodesign/assets/images/yonca.png?v=1762417836g');
}
div#btn-all-cat span {
    width: max-content;
}
.opacity0 {
    opacity: 0;
}
.mdsett {
    display: flex;
}
.mdset {
    display: none;
}
.mnst .p-g-b-c-inner,
.vebingo-ayricalik .center {
    overflow: hidden;
}
.swiper-wrapper {
    width: 100%;
}
.bb .col-12.col-md-8 .row {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 10px;
}
.sad {
    display: none;
}
header.desktop .col-md-4 {
    flex: 0 0 28%;
    max-width: 28%;
}
header.desktop .col-md-8 {
    flex: 0 0 72%;
    max-width: 72%;
}

header.desktop .header-bar .oval:hover .tooltip {
    display: block;
}
header.desktop .header-bar .oval .tooltip {
    display: none;
    position: absolute !important;
    bottom: -14px;
    background: #fff;
    width: max-content;
    height: max-content;
    font-size: 12px;
    border: 1px solid #f4f4f4;
    border-radius: 8px;
    padding: 3px 6px;
}
.p-g-mod-t-60,
.p-g-mod-t-61{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.p-g-mod-t-60 .p-g-m-h-i-title,
.p-g-mod-t-61 .p-g-m-h-i-title{
    font-size: 19px !important;
    font-weight: 500 !important;
}
.swiper.mySwiper .swiper-slide {
    border: 1px solid transparent;
    border-radius: 4px;
}
.swiper-slide-thumb-active {
    border: 1px solid #FF6A00;
}
header.desktop .header-bar .name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.contact-info-inline {
    flex-direction: column;
    gap: 15px;
}
.contact-info-inline .item.d-flex {
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.contact-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-info-inline .item.d-flex {
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
}
.contact-area form.contact-form {
    flex: 0 0 50%;
}








@media (max-width:1680px) {
    .m-menu-side .left .categories-area {
        gap: 16px;
    }
    .m-menu-side .right a.lg-item {
        padding: 12px 10px;
    }
    a.bs {
        width: 80%;
    }
    .content-ggday .content-area {
        padding: 0 0 60px;
    }
    .dd-side.tum-btn .right .right-content .row .col-2{
        flex: 0 0 20%!important;
        max-width: 20%!important;
    }
}
@media (max-width:1440px) {
    section.m-menu-sec .container {
        margin: 0;
        width: 100%;
    }
    .m-menu-side .right a.lg-item {
        padding: 12px 5px;
    }
    .categories-area .items a.nav-item {
        font-size: 12px;
        gap: 4px;
    }
    div#btn-all-cat {
        font-size: 14px;
    }
    .m-menu-side .left {
        gap: 10px;
    }
    .m-menu-side .left .categories-area {
        gap: 10px;
    }
    .dd-side.tum-btn .right .right-content .row .col-2{
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .dd-side.tum-btn .left {
        padding: 40px 40px;
    }
    .dd-side.tum-btn {
        max-height: 500px;
    }
    img.subone-img {
        height: 20px;
    }
    div#btn-all-cat svg {
        width: 20px;
        height: 20px;
    }
    header.desktop .header-bar {
        gap: 20px;
    }
}
@media (max-width:1366px) {
    header.desktop .header-bar .bar-link .name {
        display: none;
    }
    img.subone-img {
        display: none;
    }
    .categories-area .items a.nav-item {
        font-size: 13px;
    }
    
}
@media (max-width:1280px) {
    .categories-area .items a.nav-item {
        font-size: 12px;
    }
    .swiper-gbsol .swiper-slide-content .description {
        font-size: 13px;
    }
}
@media (max-width:1280px) {
    .prodcut-avant .items {
        font-size: 10px;
    }
    .prodcut-avant .items .icon{
        padding: 2px;
    }
}
@media (max-width:991px) {
    .sad {
        display: flex;
    }
    .oval.header-bell {
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .oval {
        border-radius: 1000px;
        border: 1px solid #E2E2E2;
        padding: 6px;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .hmobil-center .bottom {
        width: 100%;
        height: 56px;
        display: flex;
        padding: 7px;
    }
    section.mobile-search {
        width: 100%;
    }
    .qk-app-campaign-bell .campaign-icon .bell-icon {
        font-size: 18px!important;
    }
    img#sidebarIcon {
        width: 20px;
    }
    .swiper.mySwiper2 .swiper-slide a {
        flex-direction: column-reverse;
    }
    .swiper.mySwiper2 .swiper-slide a .content-text {
        border-radius: 0px 0px 18px 18px;
        padding: 25px 25px 50px;
    }
    .swiper.mySwiper2 .swiper-slide a img.img-auto {
        border-radius: 18px 18px 0 0;
        width: 100%;
    }
    .mdsett {
        display: none;
    }
    .mdset {
        display: flex;
    }
    .br-s .row {
        flex-wrap: wrap;
    }
    .card-banner-side {
        overflow: hidden;
    }
    .gdp-area .center {
        flex-wrap: wrap;
        gap: 14px;
        padding: 20px 0;
    }
    .swiper.mySwiper2 .swiper-slide a .content-text .title {
        font-size: 16px;
    }
    .swiper.mySwiper2 .swiper-slide a .content-text .description {
        font-size: 18px;
        margin: 0 0 15px;
        width: 80%;
    }
    .swiper.mySwiper2 .swiper-slide a .content-text .mybtn {
        padding: 11px 17px;
        font-size: 12px;
    }
    .swiper.mySwiper2 .swiper-slide a .content-text .mptext {
        bottom: 25px;
        font-size: 10px;
    }
    .swiper.mySwiper {
        width: 100%;
        display: block;
        gap: 10px;
    }
    .bottom-swiper-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        margin: 15px 0px;
    }
    .p-g-mod.p-g-mod-t-28.p-g-mod-header.p-g-mod-trans {
        margin: 0 0 20px;
    }
    .mobile-header-space {
        height: 106px;
    }
    .swiper.mySwiper2 .swiper-slide a .img-side .swiper-button-prev,
    .swiper.mySwiper2 .swiper-slide a .img-side .swiper-button-next {
        display: none;
    }
    .index-count .qk-app-discount-counter {
        justify-content: center;
    }
    .index-count .dc-contents {
        margin: 0!important;
        padding: 10px 0 0!important;
    }
    .hf-urun-side .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 20px!important;
        padding: 0!important;
    }
    .hf-urun-side .p-g-m-h-info .p-g-m-h-i-description {
        font-size: 20px!important;
    }
    .hf-urun-side .p-g-mod-header {
        padding: 22px 0px 0!important;
        flex-wrap: wrap;
        gap: 12px;
    }
    .hf-urun-side .p-g-mod-header a.btn.btn-mod {
        padding: 7px 22px;
        gap: 8px;
        font-size: 13px!important;
    }
    .hf-urun-side .p-g-mod-header .p-g-m-h-button {
        width: 100%;
    }
    .bds {
        top: 6px;
        left: 6px;
        gap: 6px;
    }
    .card-product .product-reviews {
        gap: 6px;
        padding: 0 10px;
        margin: 4px 0 2px!important;
    }
    .card-product .card-product-inner .title {
        margin: 6px 0 14px;
        height: 50px;
        padding: 0 10px;
    }
    .card-product .card-product-inner .price-group {
        margin: 6px 0;
        padding: 0 10px;
    }
    .covers-b {
        margin: 0 auto 14px;
        padding: 8px 20px;
    }
    .covers-b .sale-price {
        font-size: 14px;
    }
    .card-banner-side .items {
        padding: 20px 10px 0 10px;
        gap: 40px;
    }
    .card-banner-side .items .title {
        font-size: 18px;
        margin: 0 0 8px;
    }
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title, .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
        font-size: 18px;
        padding: 0;
    }
    .br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase {
        padding: 10px;
    }
    .br-styl .p-g-mod.p-g-mod-t-55.p-g-mod-showcase .p-g-m-h-i-title {
        font-size: 18px;
        gap: 14px;
        line-height: 18px;
        padding: 6px 6px 0;
    }
    .card-banner-side a {
        width: 48%;
    }
    footer {
        padding: 10px 0 0;
    }
    .news-social-area {
        border-radius: 10px;
        padding: 20px;
    }
    .bb .col-12.col-md-4 {
        margin: 0 0 30px;
    }
    .f-bot-brand {
        gap: 15px 0;
        flex-wrap: wrap;
    }
    .f-bot-brand a {
        flex: 0 0 32%;
    }
    .f-bot-brand a .items {
        border-radius: 8px;
        padding: 12px 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .f-bot-brand a .items img {
        height: 20px;
        width: auto;
    }
    .cpy {
        line-height: 175%;
        margin: 0 0 10px;
    }
    .right-image {
        justify-content: flex-start;
    }
    .bar {
        margin: 25px 0 0;
        padding: 15px 0;
    }
    .vebingo-ayricalik .top {
        font-size: 20px;
        margin: 0 0 20px;
        display: flex;
        align-items: center;
        gap: 3px;
    }
    .swiper-gbsol .swiper-slide-content .description {
        font-size: 11px;
    }
    .gdp-area .center a .items .icon {
        margin-left: 0;
    }
    .p-g-mod.p-g-mod-t-70.p-g-mod-showcase {
        margin: 14px 0 0;
    }
    nav.breadcrumb-wrapper {
        margin: 10px 0 0;
    }
    .categoriesname {
        margin: 6px 0 -6px;
        font-size: 18px;
    }
    .bg-gray {
        margin: -20px 0 20px;
        padding: 6px 0px 18px;
    }
    .cat-responsive-buttons .btn-group {
        border-radius: 1000px;
        background: var(--testiee, linear-gradient(90deg, #FF1B00 0%, #FF9800 100%));
    }
    .cat-responsive-buttons .btn-group button.btn.btn-outline-dark {
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        padding: 8px 20px;
        border: 0;
    }
    .cat-responsive-buttons .btn-group button.btn.btn-outline-dark:last-child {
        border-left: 2px solid #fff;
    }
    .compare-toggle-wrapper .pill {
        width: max-content;
    }
    .compare-toggle-wrapper.d-flex.d-md-none {
        justify-content: flex-end;
    }
    body.product-body header.mobile.fixed-mobile .bottom {
        display: none;
    }
    body.product-body header.mobile.fixed-mobile .hmobil-center {
        height: 50px;
    }
    .pd-topbar-sticky {
        top: 50px;
        height: 46px;
        z-index: 3;
    }
    .pd-topbar-sticky .area a.items span {
        width: max-content;
        display: block;
    }
    .pd-topbar-sticky .area {
        gap: 10px;
        overflow: auto;
    }
    .pd-topbar-sticky .area::-webkit-scrollbar-thumb {
        display: none;
    }
    header.mobile .mobile-search form .btn-send {
        padding: 0 0 2px;
        border-radius: 842.105px;
        background: var(--testiee, linear-gradient(90deg, #FF1B00 0%, #FF9800 100%))!important;
        width: 34px;
        height: 34px;
        margin-right: 4px;
        margin-top: 3px;
    }
    .dasw .col-list.col-12.d-block.col-sm-12.d-sm-block.col-md-12.d-md-block.col-lg-12.d-lg-block.col-xl-12.d-xl-block.p-g-b-c-0 {
        padding: 0;
    }
    .mac-card {
        padding: 0 20px;
    }
    .product-body .product-title-container {
        margin: 20px 0;
    }
    .product-title-container .top {
        gap: 32px;
        margin: 0 0 0px;
    }
    .product-price-group .prices .sale-price {
        font-size: 18px;
    }
    .product-price-group .prices .list-price {
        font-size: 15px;
    }
    .product-rate {
        gap: 10px;
    }
    .product-rate .text {
        font-size: 10px;
    }
    .product-rate .text .topt {
        font-size: 12px;
    }
    .cargocount {
        padding: 12px 8px;
        gap: 6px;
    }
    .cargocount .text-block {
        font-size: 11px;
    }
    .cargocount .cc-counttimer .time {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 65px;
        font-size: 12px;
    }
    .prodcut-avant .items {
        gap: 2px;
        font-size: 12px;
        flex: 0 0 50%;
    }
    .content-ggday .top-side {
        top: 10px;
        width: 95%;
    }
    .content-ggday .top-side img {
        height: 30.25px;
    }
    .content-ggday .top-side .text {
        font-size: 14px;
    }
    .content-ggday .top-side .text span {
        font-size: 16px;
    }
    .content-ggday .content-area .text-block .top {
        font-size: 18px;
    }
    .content-ggday .content-area .text-block .date {
        font-size: 17px;
    }
    .content-ggday .content-area .text-block {
        bottom: 0;
    }
    .banner-block-brand {
        gap: 14px;
        margin: 27px 0 0px;
        flex-wrap: wrap;
    }
    section.pattern-group.pattern-group-t-0.pattern-group-p-pages.gg-day {
        margin: -20px 0 0px;
        padding-bottom: 80px;
    }
    .content-ggday .content-area .text-block .bot {
        font-size: 28px;
        line-height: normal;
        margin: 0 0 14px;
    }
    section.st-side {
        position: fixed;
        left: 0;
        right: 0;
        top: 50px;
        z-index: 1;
    }
    section.st-side .hfirsatlari-sticky {
        border-bottom: 1px solid #e2e2e2;
    }
    .pmil .col-12 {
        padding: 0;
    }
    .welcome-area {
        height: 470px;
    }
    .welcome-area .bg-setings {
        height: 395px;
    }
    .welcome-area .content .icon {
        padding: 10px;
        margin: 10px 0 20px;
    }
    .welcome-area .content .description {
        font-size: 14px;
        line-height: 140%;
        width: 90%;
        margin: 4px 0 20px;
    }
    .hsycount .pattern-group-body {
        padding: 10px;
    }
    .pages-body .index-count .dc-contents .descriptions span.text-2 {
        font-size: 14px!important;
        height: auto!important;
        line-height: normal;
    }
    .pages-body .index-count .dc-contents .descriptions span.text-1 {
        font-weight: 600!important;
    }
    .swiper-button-prev.sad {
        position: unset;
        min-width: 38px;
        border: 1px solid #e2e2e2;
        z-index: 2;
    }
    .swiper-button-next.sad {
        position: unset;
        border: 1px solid #e2e2e2;
        min-width: 38px;
        z-index: 2;
    }
    .mains-page .container .p-g-mod-body {
        border-radius: 20px;
        padding: 20px;
    }
    .top-cside {
        border-bottom: 1px solid #F4F4F4;
        background: #FFF;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .top-cside a.lg-item {
        height: 100%;
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 8px 0;
        align-items: center;
    }
    .top-cside a.lg-item img {
        height: 34px;
        width: auto;
    }
    .top-cside a.lg-item img.mr-2 {
        height: 50px;
    }
    .top-cside a.lg-item:last-child {
        border-left: 1px solid #f4f4f4;
    }
    .guven-modal-mobile {
        border-bottom: 1px solid #F4F4F4;
        background: #FFF;
        padding: 20px 35px;
    }
    .guven-modal-mobile a#gmm-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .guven-modal-mobile a#gmm-btn img {
        height: 40px;
        width: auto;
    }
    .guven-modal-mobile a#gmm-btn svg {
        border: 1px solid #e2e2e2;
        border-radius: 100px;
        width: 20px;
        height: 20px;
    }
    .smt-helpblock {
        padding: 25px;
    }
    .ma-title {
        display: flex;
        flex-direction: column;
        color: #1E1E1E;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        gap: 10px;
        margin: 0 0 30px;
    }
    .ma-title span {
        color: #A1A1A1;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }
    .smt-help-area {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .smt-help-area .items {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .smt-help-area .items .icon {
        width: 46px;
        height: 46px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1000px;
        border: 1px solid #E2E2E2;
        background: #FFF;
    }
    .smt-help-area .items .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        color: #1E1E1E;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }
    .smt-help-area .items .text span {
        color: #A1A1A1;
        font-size: 13px;
        font-weight: 400;
    }
    .smt-social-side {
        border-top: 1px solid #F4F4F4;
        border-bottom: 1px solid #F4F4F4;
        background: #FBFBFB;
        padding: 20px 25px;
    }
    .smt-social-side .social-media {
        padding: 0;
        gap: 14px;
        justify-content: flex-start;
        margin: 0;
    }
    .mnav {
        background: #fff
    }
    .mnav--list .mnav-item {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0;
        padding: 25px;
        border-bottom: 1px solid #F4F4F4 !important;
        background: transparent;
    }
    .mnav-item__left {
        display: flex;
        align-items: center;
        gap: 10px
    }
    .mnav-item__icon {
        width: 20px;
        height: 20px;
        object-fit: contain
    }
    .mnav-item__icon--placeholder {
        width: 28px;
        height: 28px;
        border-radius: 6px;
        background: #F5F5F5;
        display: inline-block
    }
    .mnav-item__title {
        color: #151515;
        font-size: 14px;
        line-height: normal;
        text-transform: capitalize;
    }
    .mnav-item__chev {
        flex: 0 0 auto
    }
    .is-hidden {
        display: none
    }
    .mnav--detail .mnav-header {
        position: sticky;
        top: 0;
        z-index: 5;
        background: #fbfbfb;
        border-bottom: 1px solid #F2F2F2;
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: space-between;
        height: 67px;
    }
    .mnav-header__back {
        display: flex;
        align-items: center;
        gap: 0;
        border: 0;
        background: none;
        flex: 0 0 20%;
        flex-direction: column;
        font-size: 10px;
        height: 67px;
        justify-content: center;
        border-right: 1px solid #f4f4f4;
        color: #1e1e1e;
    }
    .mnav-header__title {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-self: center;
        font-size: 15px;
        font-weight: 500;
    }
    .mnav-header__icon {
        width: 28px;
        height: 28px;
        object-fit: contain
    }
    .mnav-header__all {
        display: flex;
        gap: 0;
        color: #151515;
        text-decoration: none;
        flex-direction: column;
        font-size: 10px;
        flex: 0 0 20%;
        height: 67px;
        border-left: 1px solid #f4f4f4;
        justify-content: center;
        align-items: center;
    }
    .mnav-acc {
        border-bottom: 1px solid #F3F3F3
    }
    .mnav-acc__head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 25px;
        background: none;
        border: 0;
        outline: 0!important;
    }
    .mnav-acc__left {
        display: flex;
        align-items: center;
        gap: 12px
    }
    .mnav-acc__thumb {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 3.077px;
        border: 0.8px solid #F4F4F4;
        padding: 5px;
    }
    .mnav-acc__title {
        color: #1E1E1E;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }
    .mnav-acc__chev {
        transition: transform .2s
    }
    .mnav-acc__body {
        display: none;
        padding: 0 4px 12px
    }
    .mnav-acc.is-open .mnav-acc__body {
        display: block
    }
    .mnav-acc.is-open .mnav-acc__chev {
        transform: rotate(180deg)
    }
    .mnav-links {
        list-style: none;
        margin: 0;
        padding: 10px 45px!important;
        display: flex;
        flex-direction: column;
        gap: 12px!important;
    }
    .mnav-links__link {
        text-decoration: none;
        color: #575757;
        font-size: 13px;
        font-weight: 400;
        line-height: 200%;
    }
    .mnav.mnav--detail {
        margin: -67px 0 0px;
    }
    .mnav-list {
        background: #fbfbfb;
    }
    .gmm-btn svg {
        transform: rotate(0deg);
        transition: transform .2s ease;
        transform-origin: center;
        will-change: transform;
    }
    .gmm-btn[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }
    .guven-modal-mobile.sets {
        display: flex;
        flex-direction: column;
        gap: 16px;
        border: 0;
        padding: 20px 0;
    }
    .guven-modal-mobile.sets .items {
        font-size: 12px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .satis-title img {
        width: 120px;
    }
    .satis-title {
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 6px;
    }
    .spcl-bnr .image img.img-auto {
        max-height: 300px;
        object-fit: cover;
        border-radius: 20px;
    }
    .p-g-mod.p-g-mod-t-44.p-g-mod-showcase.p-g-mod-trans.spcl-bnr {
        margin: 0 0 0px;
    }
    .vebingo-ayricalik .top img {
        max-width: 120px;
    }
    .swiper-gbsol .swiper-slide-content img.img-auto {
        padding: 10px;
    }
    .gdp-area .center a .items .text {
        font-size: 14px;
    }
    .gdp-area .center a .items .desc {
        font-size: 13px;
    }
    .categories-top-side {
        margin: 0 0 20px;
    }
    .selected-filters-wrapper {
        flex-wrap: wrap;
    }    
    .pd-topbar-sticky .area a.items {
        font-size: 10px;
        padding: 6px 16px;
    }
    .product-body .product-profile-1 .product-favourite a,
    .action.compare a.button,
    div#shareAge {
        font-size: 12px;
    }
    .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 14px;
    }
    .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 16px;
    }
    .content-ggday .content-area {
        padding: 0 0 160px;
    }
    section.st-side .hfirsatlari-sticky .title {
        font-size: 15px;
    }
    .qk-app-campaign-bell .campaign-gifts {
        right: unset!important;
        left: -120px!important;
    }
    .product-price-group .prices {
        width: 80%;
        gap: 6px;
    }
    .cargo-brand-side {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .cargo-brand-side .brand-area {
        align-items: flex-start;
    }
    .product-carousel-right {
        padding: 35px 10px;
    }
    .card-product.kombin .card-product-inner {
        padding: 8px!important;
    }
    .card-product.kombin .product-card-body {
        padding: 0 10px;
    }
    .card-product .card-product-inner .price-group .prices {
        align-items: center;
    }
    .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 14px;
        margin: 0;
    }
    .discount-kart {
        font-size: 11px;
        margin: 0;
    }
    .card-product.kombin .product-card-body .title {
        margin: 0 0 4px;
    }
    .card-product .card-product-inner .buttons .btn-cart {
        width: 40px;
        height: 40px;
        padding: 11px;
    }
    .content-ggday .content-area .text-block .count-side .text {
        font-size: 12px;
    }
    .td-product .p-info a {
        font-size: 15px!important;
    }
    .td-product .p-info{
        padding-top: 10px; 
    }
    .shopping-cart-1 .sepet-product-quantity input {
        width: 20px;
    }
    .sepet-product-quantity {
        max-width: 100px;
    }
    button.btn-trigger {
        margin: 10px 0 40px;
    }
    .bpdefault-title h4 {
        font-weight: 500;
        font-size: 16px;
    }
    .pcarts1-card {
        padding: 20px;
    }
    .p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
        padding: 0.275rem 1.2rem !important;
        height: 46px;
        border-radius: 100px 0 0px 100px;
    }
    .payment-final-buttons-1 .btn-complete {
        padding: 13px;
    }
    .p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
        padding: 6px 32px;
    }
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
        display: none;
    }
    .categories-body .p-g-mod-t-cat-filter {
        padding: 0 0 10px;
        border-bottom: 1px solid #f4f4f4;
    }
    .contact-area {
        flex-direction: column;
        gap: 40px;
    }
    .prodcut-avant .d-flex {
        flex-wrap: wrap;
        gap: 10px 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
@media (max-width:768px) {
    
}
@media (max-width:576px) {
    
}