@charset "UTF-8";

/* Google Font */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

body {
    background-color: #ffffff !important;
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}

a{
    color:var(--accent)
}
a:hover{
    text-decoration:none;
    color:var(--hover)
}
.lag-checkbox input:checked~span{
    background:var(--accent);
    border-color:var(--accent)
}
.lag-checkbox label{
    color:var(--grey1);
    font-weight:500
}
.overlay{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    background:rgba(255,255,255,0.4);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.overlay .spin{
    color:#1c7ad2;
    width:3rem;
    height:3rem;
    font-size:20px
}
.op-black{
    background:rgba(0,0,0,0.5);
    position:fixed;
    z-index:4;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    visibility:hidden
}
.op-black.hide{
    visibility:hidden;
    opacity:0
}
.op-black.show{
    visibility:visible;
    opacity:1
}
header.desktop{
    background:#fff
}
header.desktop .header-contact{
    border-bottom:1px solid var(--border-grey);
    padding:1rem 0
}
header.desktop .header-contact .call-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
header.desktop .header-contact .call-info .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--grey2);
    font-weight:500
}
header.desktop .header-contact .call-info .item i{
    color:var(--grey1)
}
header.desktop .header-contact .call-info a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--grey2);
    font-weight:500
}
header.desktop .header-contact .call-info a i{
    color:var(--grey1)
}
header.desktop .header-contact .special-modules{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header.desktop .header-contact .social-media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
header.desktop .header-contact .social-media a{
    font-size:18px;
    color:var(--grey2)
}
header.desktop .header-center{
    padding:1rem 0
}
header.desktop .header-center .logo img{
    width:100%;
    max-width:120px
}
header.desktop .header-center .search form{
    border:1px solid var(--border-grey);
    border-radius:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header.desktop .header-center .search form .input-box{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
header.desktop .header-center .search form .input-box input{
    border:none;
    outline:none;
    width:100%;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:transparent;
    font-size:13px;
    font-weight:500;
    padding:0
}
header.desktop .header-center .search form button{
    border:none;
    outline:none;
    background:transparent;
    cursor:pointer
}
header.desktop .header-center .search form button i{
    color:var(--grey1);
    font-size:20px
}
header.desktop .header-center .header-actions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
header.desktop .header-center .header-actions .actions-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
header.desktop .header-center .header-actions .actions-item-user{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding-inline:10px;
    height:40px;
    border-radius:32px;
    border:1px solid var(--accent)
}
header.desktop .header-center .header-actions .actions-item-user:hover{
    background:var(--accent)
}
header.desktop .header-center .header-actions .actions-item-user:hover .dropdown-toggle{
    color:white
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-toggle{
    color:var(--accent);
    font-size:14px;
    font-weight:500;
    padding-inline:0.5rem
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-toggle:after{
    display:none
}
header.desktop .header-center .header-actions .actions-item-user a{
    color:var(--grey1)
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu{
    padding:0
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li{
    border-bottom:1px solid var(--border-grey);
    padding:5px 10px
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li:last-child{
    border-bottom:none
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li:hover{
    background:var(--grey4)
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li a{
    font-size:13px;
    font-weight:500
}
header.desktop .header-center .header-actions .actions-item-basket{
    border:1px solid var(--accent);
    background:var(--accent);
    border-radius:32px;
    padding-inline:0.5rem;
    gap:0
}
header.desktop .header-center .header-actions .actions-item-basket .icon{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:40px;
    height:40px
}
header.desktop .header-center .header-actions .actions-item-basket .icon i{
    font-size:18px;
    color:var(--white)
}
header.desktop .header-center .header-actions .actions-item-basket .name{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:15px;
    font-weight:500;
    color:var(--white);
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
header.desktop .menu{
    border-top:1px solid var(--border-grey);
    border-bottom:1px solid var(--border-grey)
}
header.desktop .mega-menu{
    padding:0;
    position:relative
}
header.desktop .mega-menu .navbar-nav{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
header.desktop .mega-menu .nav-item{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    height:56px
}
header.desktop .mega-menu .nav-item:last-child .nav-link{
    border-right:0
}
header.desktop .mega-menu .nav-link{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:var(--grey1);
    line-height:normal;
    font-weight:500;
    font-size:14px;
    padding:0 15px;
    white-space:unset!important;
    position:relative;
    -webkit-transition:all 0.4s;
    transition:all 0.4s
}
header.desktop .mega-menu .nav-link .line{
    color:var(--border-grey)
}
header.desktop .mega-menu .nav-link:hover{
    background:var(--grey4)
}
header.desktop .mega-menu .nav-link:hover .line{
    display:none
}
header.desktop .mega-menu .nav-link:hover:after{
    display:none
}
header.desktop .mega-menu .nav-link:hover:before{
    display:none
}
header.desktop .mega-menu .nav-link:after{
    display:none
}
header.desktop .mega-menu .dropdown:hover .nav-link:after{
    display:none
}
header.desktop .mega-menu .dropdown:hover .nav-link:before{
    display:none
}
header.desktop .mega-menu .dropdown:hover .dropdown-menu{
    display:block!important
}
header.desktop .mega-menu .dropdown{
    position:static
}
header.desktop .mega-menu .dropdown .dropdown-menu:hover{
    display:block!important
}
header.desktop .mega-menu .dropdown-menu{
    border-radius:0;
    background-color:#fff;
    width:100%;
    left:0;
    top:54px;
    position:absolute;
    border-top:0!important
}
header.desktop .navbar-nav .dropdown-category .line{
    margin-left:5px;
    position:absolute;
    right:5px
}
header.desktop .navbar-nav .dropdown-category:hover .line{
    display:none
}
header.desktop .dropdown-category .nav-link{
    padding:0
}
.mega-menu-container{
    padding:20px;
    padding:10px
}
.mega-menu-container .sub-title{
    color:var(--accent)!important;
    margin-bottom:0;
    font-weight:600;
    font-size:14px;
    margin-bottom:3px;
    display:block;
    padding:4px 0
}
.mega-menu-container .cat-img{
    height:400px;
    width:400px
}
.mega-menu-container ul{
    list-style:none;
    padding:0;
    margin:0;
    list-style:none;
    padding:0;
    margin:10px;
    float:left
}
.mega-menu-container ul li{
    list-style:none;
    padding:0;
    margin:0;
    list-style:none;
    padding:0;
    margin:0
}
.mega-menu-container ul li a{
    font-size:14px;
    color:var(--grey1);
    font-weight:400;
    font-size:13px;
    color:var(--grey1);
    font-weight:500
}
.mega-menu-container ul li a:hover{
    color:var(--accent);
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
    text-decoration:none
}
.mega-menu-container ul li span{
    margin-right:5px
}
.mega-menu-container ul li a.sub-title{
    color:var(--grey1);
    margin-bottom:5px;
    font-weight:500;
    font-size:14px
}
.btn-categories i{
    margin-right:10px
}
.dropdown-category{
    position:relative;
    height:56px;
    width:160px
}
.dropdown-category .menu-left{
    display:none;
    z-index:5;
    position:absolute;
    background:#fff;
    border-top:0;
    height:auto;
    border:1px solid var(--border-grey)
}
.dropdown-category:hover{
    background:#fff
}
.dropdown-category:hover .menu-left{
    display:block
}
.menu-left ul.f-ul{
    list-style:none;
    padding:0;
    display:block;
    margin:0;
    width:240px
}
.menu-left ul.f-ul li.f-li{
    list-style:none;
    padding:5px 0;
    border-bottom:1px solid var(--border-grey)
}
.menu-left ul.f-ul li.f-li:hover{
    background:var(--grey4)
}
.menu-left ul.f-ul li.f-li:hover a.f-item{
    color:var(--grey1)!important;
    color:var(--grey2)
}
.menu-left ul.f-ul li.f-li:hover .dropdown-menu2{
    display:block!important;
    left:100%;
    top:-2px;
    width:960px!important;
    border:0;
    height:100%;
    max-height:100%
}
.menu-left ul.f-ul li.f-li a.f-item{
    display:block;
    color:var(--grey1);
    font-size:14px;
    padding:5px 15px;
    text-align:left;
    font-weight:500
}
.menu-left ul.f-ul li.f-li a.f-item .name{
    width:80%;
    white-space:nowrap;
    overflow:hidden!important;
    text-overflow:ellipsis
}
.menu-left ul.f-ul li.f-li a.f-item .icon{
    padding-top:3px;
    color:var(--grey1);
    width:15px;
    height:15px;
    text-align:right;
    border-radius:2px;
    font-size:10px
}
.menu-left ul.f-ul li.f-li a.f-item:hover .icon{
    color:var(--grey2)
}
.menu-left ul.f-ul li.f-li:last-child a.f-item{
    border-bottom:0
}
.dropdown-menu2{
    position:absolute;
    top:0;
    bottom:0;
    background:#fff;
    left:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:675px;
    z-index:99;
    height:350px;
    max-height:370px;
    display:none;
    padding:10px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.1);
    box-shadow:0 0 30px 0px rgba(0,0,0,0.1)
}
.menu-deep-box-2 .cat-groups{
    float:left;
    width:23%;
    margin:0 1% 2% 1%
}
.menu-deep-box-2 .cat-groups .title{
    display:block;
    font-size:14px;
    font-weight:500;
    color:var(--grey1);
    padding:7px 0;
    text-align:left
}
.menu-deep-box-2 .cat-groups .title span{
    display:block
}
.menu-deep-box-2 .cat-groups .title img{
    width:100%;
    border:1px solid var(--border-grey)
}
.menu-deep-box-2 .cat-groups .title:hover{
    color:#3b414c
}
.menu-deep-box-2 .cat-groups .childs a{
    display:block;
    text-align:left;
    color:#333;
    -webkit-transition:all 0.4s;
    transition:all 0.4s
}
.menu-deep-box-2 .cat-groups .childs a:hover{
    color:#ff7f00;
    -webkit-transition:all 0.4s;
    transition:all 0.4s
}
.menu-deep-box-2 .all-title{
    display:block;
    background:rgba(0,0,0,0.05);
    padding:10px;
    font-size:15px;
    color:#3b414c;
    font-weight:600
}
.menu-deep-box-2 .sub-titles{
    display:block;
    padding:5px 10px;
    font-size:15px;
    color:#333
}
.menu-deep-box-2 .sub-titles:hover{
    color:#3b414c
}
.mega-menu-left-container{
    gap:10px
}
.mobile-header-space{
    height:60px;
    display:none
}
header.mobile{
    display:none;
    background:#fff;
    height:60px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.2);
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:10
}
header.mobile .left{
    width:30%;
    float:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:5px
}
header.mobile .center{
    width:40%;
    float:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
header.mobile .right{
    width:30%;
    float:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
header.mobile .logo img{
    max-width:150px;
    max-height:60px
}
header.mobile .icon-group{
    position:relative;
    position:relative;
    color:#333;
    font-size:21px
}
header.mobile .icon-group .badge{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:18px;
    max-width:25px;
    padding:0;
    text-align:center;
    height:18px;
    background:#d21c1c;
    font-size:12px;
    color:#fff;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header.mobile .mobile-search{
    padding:0;
    background:#f3f3f3
}
header.mobile .mobile-search form{
    width:100%
}
header.mobile .mobile-search form .input-box{
    width:80%
}
header.mobile .mobile-search form input{
    float:left;
    color:#444;
    width:100%;
    font-size:15px;
    border-color:transparent;
    background:transparent!important;
    height:65px;
    border-right:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0!important
}
header.mobile .mobile-search form input::-webkit-input-placeholder{
    color:#444
}
header.mobile .mobile-search form input::-moz-placeholder{
    color:#444
}
header.mobile .mobile-search form input:-ms-input-placeholder{
    color:#444
}
header.mobile .mobile-search form input::-ms-input-placeholder{
    color:#444
}
header.mobile .mobile-search form input::placeholder{
    color:#444
}
header.mobile .mobile-search form input:focus{
    border-color:transparent!important
}
header.mobile .mobile-search form input:hover{
    border-color:transparent!important
}
header.mobile .mobile-search form .btn-send{
    float:right;
    width:20%;
    height:65px;
    border:0;
    background:transparent!important;
    color:#333;
    font-size:19px
}
.sidebar-user{
    background:#fff;
    width:250px;
    position:fixed;
    top:0;
    height:100vh;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    z-index:21;
    right:0;
    margin-right:-250px
}
.sidebar-user .title{
    padding:10px;
    background:#333;
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:600
}
.sidebar-user .title .btn-close{
    color:#fff
}
.sidebar-user .login-menu a{
    display:block;
    padding:10px;
    border-bottom:1px solid #eaeaea;
    color:#333;
    font-size:14px;
    font-weight:500
}
.sidebar-user .login-menu a i{
    width:30px;
    margin-left:10px;
    text-align:left
}
.sidebar-user .scrollbar{
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-bottom:100px;
    overflow-x:hidden;
    overflow-y:scroll
}
.sidebar-user .title-alt{
    padding:10px;
    background:rgba(0,0,0,0.15);
    font-size:14px;
    font-weight:500
}
.sidebar-user .footer-links ul{
    margin:0;
    padding:0
}
.sidebar-user .footer-links ul li{
    padding:0;
    list-style:none
}
.sidebar-user .footer-links ul li a{
    display:block;
    padding:10px;
    border-bottom:1px solid #eaeaea;
    color:#333;
    font-size:14px
}
.sidebar-user .footer-links ul li a i{
    text-align:center;
    width:40px;
    font-size:16px
}
.sidebar-user .footer-links ul li a.wp i{
    color:#21bd5c
}
.sidebar-user.active{
    margin-right:0
}
.sidebar-menu{
    background:#fff;
    width:100%;
    position:fixed;
    top:0;
    height:100vh;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    z-index:9999;
    left:0;
    margin-left:-100%
}
.sidebar-menu .scrollbar{
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-bottom:100px;
    overflow-x:hidden;
    overflow-y:scroll
}
.sidebar-menu .title{
    padding:10px;
    background:#333;
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:600
}
.sidebar-menu .title .btn-close{
    color:#fff
}
.sidebar-menu .title-alt{
    padding:10px;
    background:rgba(0,0,0,0.15);
    font-size:14px;
    font-weight:500
}
.sidebar-menu .links a{
    display:block;
    display:block;
    padding:10px;
    border-bottom:1px solid #eaeaea;
    color:#333;
    font-size:14px
}
.sidebar-menu .links a i{
    float:right
}
.sidebar-menu .categories ul{
    margin:0;
    padding:0
}
.sidebar-menu .categories ul li{
    padding:0;
    list-style:none
}
.sidebar-menu .categories ul li a{
    display:block;
    padding:10px;
    border-bottom:1px solid #eaeaea;
    color:#333;
    font-size:15px;
    font-weight:500
}
.sidebar-menu .categories ul li a .name{
    width:80%
}
.sidebar-menu .categories ul li a .icon{
    color:#777;
    width:20px;
    height:20px;
    text-align:center;
    border-radius:2px;
    font-size:18px
}
.sidebar-menu .categories ul .multi{
    display:none
}
.sidebar-menu .categories ul .multi a{
    padding-left:20px
}
.sidebar-menu .categories ul .multi .multi a{
    padding-left:40px
}
.sidebar-menu .categories ul .multi .multi .multi a{
    padding-left:60px
}
.sidebar-menu.active{
    margin-left:0
}
body.categories-body .pattern-group .p-g-mod-pagination .p-g-mod-header{
    border:none;
    height:45px
}
body.categories-body .pattern-group .p-g-mod-t-cat-filter{
    border-color:var(--border-grey)
}
body.categories-body .pattern-group .p-g-mod .p-g-mod-body .buttons .btn-secondary{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
body.categories-body .pattern-group .p-g-mod .p-g-mod-body .buttons .btn-secondary:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.category-filter-order .list-wrap{
    background:transparent
}
.category-filter-order-list{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0.5rem 0;
    display:none
}
.category-filter-order-list .category-filter-order-item{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.category-filter-order-list .category-filter-order-item .lag-checkbox{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.category-filter-order-list .category-filter-order-item .lag-checkbox label{
    border:1px solid var(--border-grey);
    border-radius:4px;
    padding:5px 10px;
    font-size:12px;
    font-weight:500
}
.category-filter-order-select{
    border:1px solid var(--border-grey);
    color:var(--grey1);
    font-size:14px;
    font-weight:500;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    padding-right:30px
}
.category-filter-order-select:focus{
    border-color:var(--border-grey2)!important
}
.category-filter-order-select::-ms-expand{
    display:none
}
.category-filter-order-select:after{
    content:"";
    position:absolute;
    right:10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #333;
    pointer-events:none
}
.product-view{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.product-view span{
    font-size:14px;
    font-weight:500
}
.product-view .product-view-select{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.product-view .product-view-select a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:2px
}
.product-view .product-view-select a .view-item{
    width:10px;
    height:15px;
    border-radius:2px;
    background:var(--border-grey);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-view .product-view-select a:hover .view-item{
    background:var(--grey2)
}
.product-view .product-view-select a.default-view{
    color:var(--grey2)
}
.product-view .product-view-select a.default-view i{
    font-size:18px
}
.category-price-inputs .btn{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    padding:0;
    padding-inline:1rem;
    border-radius:4px
}
.category-price-inputs .btn:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.pagination-info-bar{
    background:var(--grey4);
    padding:1rem;
    border-radius:4px;
    color:var(--grey1);
    font-size:12px;
    font-weight:500
}
.category-info{
    background:var(--grey4);
    margin-top:0.5rem;
    padding:1rem;
    border-radius:4px;
    color:var(--grey1);
    font-size:12px;
    font-weight:500
}
.card-product{
    border:1px solid var(--border-grey);
    border-radius:10px;
    overflow:hidden
}
.card-product .card-product-inner .info-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.card-product .card-product-inner .info-group .category{
    font-size:13px;
    font-weight:500;
    color:var(--grey2)
}
.card-product .card-product-inner .info-group .brand-name{
    font-size:13px;
    font-weight:500;
    color:var(--grey2)
}
.card-product .card-product-inner .title{
    text-align:left;
    font-size:14px;
    font-weight:500;
    color:var(--grey1)
}
.card-product .card-product-inner .price-group{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.card-product .card-product-inner .price-group .discount{
    background:var(--accent);
    font-size:13px;
    font-weight:600;
    color:white;
    padding:5px 10px
}
.card-product .card-product-inner .price-group .prices{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.card-product .card-product-inner .price-group .prices .list-price{
    font-weight:500;
    color:var(--grey2)
}
.card-product .card-product-inner .price-group .prices .sale-price{
    font-weight:600;
    color:var(--grey1)
}
.card-product .card-product-inner .buttons{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    margin-top:0.5rem
}
.card-product .card-product-inner .buttons .btn-color-1{
    background-color:transparent;
    color:var(--grey2);
    border:1px solid var(--grey3);
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.card-product .card-product-inner .buttons .btn-color-1:hover{
    background-color:var(--grey2);
    color:white;
    border-color:var(--grey2);
    background-color:var(--grey2);
    color:white;
    border-color:var(--grey2)
}
.card-product .card-product-inner .buttons .btn-color-1.disabled{
    background:var(--border-grey)
}
.product-profile-1{
    position:relative;
    top:0
}
.product-profile-1 .free-cargo-badge{
    position:absolute;
    top:-15px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    padding:0.2rem 0.5rem;
    background:var(--accent);
    color:white;
    border-radius:6px;
    z-index:2;
    font-size:12px;
    font-weight:500
}
.product-profile-1 .carousel .carousel-inner{
    border:none
}
.product-profile-1 .carousel .carousel-indicators li{
    border-radius:6px
}
.product-profile-1 .carousel .carousel-indicators li.active{
    border-color:var(--accent)
}
.product-profile-1 h1.title{
    color:var(--grey1);
    border:none;
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    font-weight:500
}
.product-profile-1 h1.title .btn-quickshare{
    border:1px solid var(--border-grey);
    border-radius:6px;
    padding:0.2rem 0.5rem;
    color:var(--grey2)
}
.product-profile-1 h1.title .btn-quickshare i{
    font-size:18px
}
.product-profile-1 h1.title .btn-quickshare:hover{
    background:var(--border-grey);
    color:var(--grey1)
}
.product-profile-1 .short-description{
    color:var(--grey2);
    font-size:13px;
    font-weight:500;
    margin:1rem 0
}
body.product-body .product-reviews{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end;
    gap:5px
}
body.product-body .product-reviews .no-reviews{
    font-size:12px;
    font-weight:500;
    color:var(--grey2)
}
.variant-box{
    border:none;
    padding:0;
    background:transparent
}
.variant-box ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.variant-box ul li .name{
    color:var(--grey1);
    padding-bottom:0.2rem;
    font-size:14px;
    font-weight:500
}
.variant-box ul li .options a{
    border-color:var(--border-grey);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:5px;
    font-size:13px;
    font-weight:500;
    color:var(--grey1)
}
.variant-box ul li .options a.active{
    border-color:var(--accent);
    background:var(--accent);
    color:white;
    font-weight:600
}
.product-price-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:25px
}
.product-price-group .price-base{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px
}
.product-price-group .price-base .price-discount{
    background:var(--accent);
    color:white;
    border-radius:6px;
    padding:0.2rem 0.5rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:3px;
    font-size:12px
}
.product-price-group .price-base .price-discount .rate{
    font-size:14px;
    font-weight:600
}
.product-price-group .price-base .price-prices{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.product-price-group .price-base .price-prices .list-price{
    font-size:16px;
    font-weight:500;
    color:var(--grey2)
}
.product-price-group .price-base .price-prices .sale-price{
    font-size:24px;
    font-weight:700;
    color:var(--grey1)
}
.product-price-group .price-installment{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background:var(--grey5);
    border:1px solid var(--border-grey);
    border-radius:6px;
    padding:0.5rem 1rem
}
.product-price-group .price-installment .info{
    font-size:14px;
    font-weight:500;
    color:var(--grey1)
}
.product-price-group .price-installment .value{
    font-size:12px;
    font-weight:500;
    color:var(--grey1)
}
.product-transfer-prices{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background:var(--grey5);
    border:1px solid var(--border-grey);
    border-radius:6px;
    padding:0.5rem 1rem;
    margin-top:0.5rem
}
.product-transfer-prices .prices{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:3px
}
.product-transfer-prices .prices .eft-price{
    font-weight:600;
    color:var(--grey1)
}
.product-gain-advantage{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    background:var(--grey5);
    border:1px solid var(--border-grey);
    border-radius:6px;
    padding:0.5rem 1rem;
    margin-top:0.5rem;
    gap:3px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:500
}
.product-gain-advantage .emoji{
    font-size:18px
}
.product-buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border-top:1px solid var(--border-grey);
    padding-top:0.5rem;
    margin-top:0.5rem
}
.product-buttons .product-buttons-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.product-buttons .product-buttons-item .product-quantity{
    border:1px solid var(--border-grey);
    border-radius:32px
}
.product-buttons .product-buttons-item .product-quantity .btn{
    background:transparent
}
.product-buttons .product-buttons-item .product-quantity .quantity-input{
    position:relative
}
.product-buttons .product-buttons-item .product-quantity .quantity-input input{
    border:none;
    position:relative;
    top:-5px;
    background:transparent;
    color:var(--grey1);
    font-size:14px;
    font-weight:500
}
.product-buttons .product-buttons-item .product-quantity .quantity-input .unit-type{
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:0;
    color:var(--grey1);
    font-size:11px;
    font-weight:500
}
.product-buttons .product-buttons-item .btn-cart{
    margin:0;
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:32px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    gap:5px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.product-buttons .product-buttons-item .btn-cart:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.product-buttons .product-buttons-item .btn-cart i{
    font-weight:400;
    font-size:16px
}
.product-buttons .product-buttons-item .btn-fast-buy{
    background-color:transparent;
    color:var(--grey2);
    border:1px solid var(--grey3);
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    border-radius:6px;
    margin:0;
    color:var(--grey1);
    padding-inline:2rem
}
.product-buttons .product-buttons-item .btn-fast-buy:hover{
    background-color:var(--grey2);
    color:white;
    border-color:var(--grey2)
}
.product-buttons .product-buttons-item .btn-ruler{
    gap:5px
}
.product-buttons .product-buttons-item .btn-ruler i{
    font-size:16px
}
.btn-wp{
    width:100%;
    background-color:#25d366;
    color:#ffffff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:10px;
    border-radius:6px;
    -webkit-transition:background-color 0.3s ease;
    transition:background-color 0.3s ease;
    margin-top:0.5rem;
    font-size:14px;
    font-weight:500
}
.btn-wp:hover{
    background-color:#1da851
}
.btn-wp i{
    margin-right:8px;
    font-size:20px
}
.customer-actions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.customer-actions .action{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.customer-actions .action .button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    color:var(--grey2)
}
.customer-actions .product-favourite a{
    color:var(--grey2)
}
.related-products-group{
    margin:0;
    padding:0;
    list-style:none
}
.related-products-group .related-products a{
    border:1px solid var(--border-grey);
    border-radius:6px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    padding-bottom:0.2rem;
    color:var(--grey1);
    font-size:12px;
    font-weight:500
}
.related-products-group .related-products a.active{
    border-color:var(--accent);
    background:var(--accent);
    color:white
}
.product-profile-info li{
    font-size:13px;
    font-weight:400;
    color:var(--grey1)
}
.product-profile-info li a{
    color:var(--grey1);
    font-weight:500
}
.product-profile-info li .value{
    color:var(--grey1);
    font-weight:500
}
.pattern-group.product-tabs .p-g-t-nav .nav{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    border-bottom:1px solid var(--border-grey);
    gap:20px
}
.pattern-group.product-tabs .p-g-t-nav .nav .nav-item{
    margin:0
}
.pattern-group.product-tabs .p-g-t-nav .nav .nav-item .nav-link.active{
    border-bottom:1px solid var(--accent);
    color:var(--grey1);
    font-weight:600
}
.shopping-cart-1 .shopping-info{
    background:var(--grey4);
    padding:2rem 1.5rem 3.5rem 1.5rem;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:15px
}
.shopping-cart-1 .shopping-info .icon{
    color:var(--grey2);
    font-size:2rem
}
.shopping-cart-1 .shopping-info .content .title{
    font-size:1rem;
    font-weight:600;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-info .content .description{
    margin-bottom:0;
    color:var(--grey2)
}
.shopping-cart-1 .shopping-list{
    padding:1rem;
    border:1px solid var(--border-grey);
    border-radius:1rem;
    margin-top:-2rem;
    background:white
}
.shopping-cart-1 .shopping-list-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    color:var(--grey1);
    padding-bottom:1rem;
    font-size:16px;
    font-weight:600
}
.shopping-cart-1 .shopping-list-head .count{
    font-size:14px;
    font-weight:400;
    color:var(--grey2)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product:last-child .shopping-list-item{
    border-bottom:none
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-img{
    width:100px;
    height:100px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px;
    width:100%;
    border-bottom:1px solid var(--border-grey);
    padding-bottom:1rem;
    margin-bottom:1rem
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .brand{
    font-size:14px;
    font-weight:500;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .name{
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant{
    font-size:14px;
    font-weight:400;
    color:var(--grey2)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant span:after{
    content:"•";
    padding-inline:5px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant:last-child span:after{
    content:""
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right{
    margin-left:auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity{
    border:1px solid var(--border-grey);
    border-radius:6px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity .btn{
    background:transparent
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity input{
    border:none
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity-type{
    margin-top:0.2rem;
    color:var(--grey1);
    font-size:13px;
    font-weight:500
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .btn-remove{
    padding:0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    color:var(--grey2);
    margin-top:0.5rem;
    font-size:13px;
    font-weight:600
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .btn-remove i{
    font-weight:400
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .value{
    font-size:14px;
    font-weight:600;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .value span{
    margin-left:0.2rem;
    font-size:12px;
    font-weight:400;
    color:var(--grey2)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .old-value{
    font-size:14px;
    font-weight:600;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .old-value span{
    margin-left:0.2rem;
    font-size:12px;
    font-weight:400;
    color:var(--grey2)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price{
    margin-left:auto
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price .old-value{
    font-size:16px;
    font-weight:700;
    color:var(--grey1)
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price .value{
    font-size:16px;
    font-weight:700;
    color:var(--grey1)
}
.payment-summary{
    border:1px solid var(--border-grey);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:1rem;
    padding:0.5rem 1rem;
    margin-bottom:1rem
}
.payment-summary .payment-summary-header{
    font-size:16px;
    font-weight:600;
    color:var(--grey1);
    margin-bottom:0.5rem
}
.payment-summary .payment-summary-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.payment-summary .payment-summary-items .payment-summary-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid var(--border-grey);
    padding:0.5rem 0;
    font-size:13px;
    font-weight:500;
    color:var(--grey1)
}
.payment-summary .payment-summary-items .payment-summary-item:last-child{
    border-bottom:none;
    padding-bottom:0
}
.gift-discount{
    border:1px solid var(--border-grey);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:1rem;
    padding:0.5rem 1rem;
    margin-bottom:1rem
}
.gift-discount form{
    border:1px solid var(--border-grey);
    border-radius:0.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    background:White
}
.gift-discount form .input-group input{
    border:none;
    background:transparent;
    font-size:13px;
    font-weight:600;
    color:var(--grey1)
}
.gift-discount form .input-group input::-webkit-input-placeholder{
    color:var(--grey2);
    font-weight:500
}
.gift-discount form .input-group input::-moz-placeholder{
    color:var(--grey2);
    font-weight:500
}
.gift-discount form .input-group input:-ms-input-placeholder{
    color:var(--grey2);
    font-weight:500
}
.gift-discount form .input-group input::-ms-input-placeholder{
    color:var(--grey2);
    font-weight:500
}
.gift-discount form .input-group input::placeholder{
    color:var(--grey2);
    font-weight:500
}
.gift-discount form .input-group button{
    background:transparent;
    border:none;
    color:var(--accent);
    font-size:13px;
    font-weight:600
}
.gift-discount-head{
    margin-bottom:0.5rem;
    display:block
}
.gift-discount-head span{
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
.shopping-buttons-1 .btn-continue{
    background-color:transparent;
    color:var(--grey2);
    border:1px solid var(--grey3);
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    gap:10px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.shopping-buttons-1 .btn-continue:hover{
    background-color:var(--grey2);
    color:white;
    border-color:var(--grey2)
}
.shopping-buttons-1 .btn-continue i{
    font-size:1rem
}
.payment-final-buttons-1 .btn-theme-1{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.payment-final-buttons-1 .btn-theme-1:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.payment-cart-summary-body{
    border:1px solid var(--border-grey);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:1rem;
    padding:0.5rem 1rem
}
.payment-list-head{
    font-size:16px;
    font-weight:600;
    color:var(--grey1);
    margin-bottom:0.5rem
}
.payment-list-head p{
    font-size:12px;
    font-weight:400;
    color:var(--grey2)
}
.payment-list-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:5px
}
.payment-list-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid var(--border-grey);
    gap:10px;
    padding-bottom:0.3rem
}
.payment-list-item:last-child{
    border-bottom:none
}
.payment-list-item-image{
    width:75px;
    height:75px;
    border-radius:6px
}
.payment-list-item-image img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.payment-list-item-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.payment-list-item-name{
    font-size:13px;
    font-weight:600;
    color:var(--grey1)
}
.payment-list-item-quantity{
    font-size:11px;
    font-weight:600;
    color:var(--grey1)
}
.payment-list-item-price{
    margin-top:0.3rem;
    font-size:13px;
    font-weight:600;
    color:var(--grey1)
}
.customer-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem;
    background-color:var(--grey4);
    border-radius:6px;
    padding:1rem
}
.customer-avatar{
    width:50px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:var(--grey3);
    border-radius:50%;
    font-size:1rem;
    font-weight:600
}
.customer-info{
    font-size:13px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.customer-name{
    font-size:14px;
    font-weight:600
}
.customer-email{
    color:var(--grey1);
    font-size:12px
}
body.account-body .customer-menu{
    margin-top:0.5rem
}
body.account-body .customer-menu-link{
    border:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:0.5rem;
    padding-inline:1rem;
    padding-block:0.3rem
}
body.account-body .customer-menu-link i{
    font-size:1.2rem
}
body.account-body .customer-menu-link:hover{
    background:transparent;
    color:var(--accent)
}
body.account-body .customer-menu-link.active{
    background-color:var(--grey4);
    font-weight:600;
    border-radius:6px
}
body.account-body .customer-menu-link.active i{
    font-weight:400
}
.user-dashboard{
    border:1px solid var(--grey3);
    border-radius:6px;
    padding:1rem
}
.mainAccount .description{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    background-color:var(--grey4);
    padding:1rem;
    border-radius:6px;
    margin-bottom:1rem;
    font-size:14px;
    font-weight:500
}
.mainAccount .description i{
    font-size:2rem;
    font-weight:400
}
.mainAccount .link-boxes .link-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:0.5rem;
    background:var(--grey4);
    margin-bottom:0.5rem;
    padding:0.5rem;
    border-radius:6px;
    color:var(--grey1);
    font-size:14px;
    font-weight:600
}
.mainAccount .link-boxes .link-box i{
    font-size:1.2rem;
    font-weight:400
}
.info-alert{
    background:-webkit-gradient(linear,left top,right top,from(var(--light-blue,#dfefff)),to(white));
    background:linear-gradient(to right,var(--light-blue,#dfefff),white);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border:1px solid var(--grey3);
    padding:1rem;
    border-radius:6px;
    margin-bottom:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:0.3rem;
    font-size:13px;
    color:var(--grey2)
}
.info-alert strong{
    display:block;
    font-size:16px;
    color:var(--grey1);
    font-weight:600
}
.user-info-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.user-info-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.user-info-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.user-info-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.user-info-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-info-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-info-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.user-info-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.user-address-info-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.user-address-info-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.user-address-info-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.user-address-info-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.user-address-info-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-address-info-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-address-info-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.user-address-info-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.user-security-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.user-security-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.user-security-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.user-security-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.user-security-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-security-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.user-security-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.user-security-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.order-detail-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.order-detail-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.order-detail-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.order-detail-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.order-detail-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.order-detail-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.order-detail-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.order-detail-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.common-register-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.common-register-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.common-register-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.common-register-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.common-register-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.common-register-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.common-register-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.common-register-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.login-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.login-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.login-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.login-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.login-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.login-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.login-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.login-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.contact-form .form-input{
    border:1px solid var(--grey3);
    -webkit-box-shadow:var(--shadow);
    box-shadow:var(--shadow);
    border-radius:6px;
    padding:0.2rem 0.5rem
}
.contact-form .form-input label{
    font-size:12px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0
}
.contact-form .form-input input{
    border:none;
    background:transparent;
    padding:0;
    height:auto;
    font-size:14px;
    font-weight:500
}
.contact-form .form-input input.form-phone-control{
    -webkit-padding-start:3rem;
    padding-inline-start:3rem
}
.contact-form .form-input select{
    height:auto;
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.contact-form .form-input textarea{
    border:none;
    padding:0;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:500
}
.contact-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.contact-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
.order-filter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.order-filter button{
    background-color:transparent;
    color:var(--grey2);
    border:1px solid var(--grey3);
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.order-filter button:hover{
    background-color:var(--grey2);
    color:white;
    border-color:var(--grey2)
}
.order-filter button.active{
    background-color:var(--pressed);
    border-color:var(--pressed)
}
.order-item{
    border:1px solid var(--grey3);
    border-radius:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:0.5rem;
    margin-bottom:0.5rem;
    padding:0;
    overflow:hidden
}
.order-item-col{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:0.5rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0.5rem 1rem
}
.order-item-col .order-number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:12px;
    font-weight:500;
    color:var(--grey2)
}
.order-item-col .order-number a{
    color:var(--grey1);
    font-size:16px;
    font-font-weight:600
}
.order-item-col .order-date{
    margin-left:auto;
    color:var(--grey1);
    border:1px solid var(--grey3);
    padding:0.2rem 0.5rem;
    border-radius:12px;
    font-size:13px;
    font-weight:500
}
.order-item-col .order-status span{
    padding:0.2rem 0.5rem;
    border-radius:12px;
    font-size:13px;
    font-weight:500
}
.order-item-col .order-status .status-waiting{
    background-color:#fff3cd;
    color:#856404;
    border:1px solid #ffeeba
}
.order-item-col .order-status .status-preparing{
    background-color:#cce5ff;
    color:#004085;
    border:1px solid #b8daff
}
.order-item-col .order-status .status-shipped{
    background-color:#d4edda;
    color:#155724;
    border:1px solid #c3e6cb
}
.order-item-col .order-status .status-delivered{
    background-color:#d1ecf1;
    color:#0c5460;
    border:1px solid #bee5eb
}
.order-item-col .order-status .status-cancelled{
    background-color:#f8d7da;
    color:#721c24;
    border:1px solid #f5c6cb
}
.order-item-col .order-status .status-returned{
    background-color:#e2e3e5;
    color:#383d41;
    border:1px solid #d6d8db
}
.order-item-col .order-status .status-other{
    background-color:#e9ecef;
    color:#495057;
    border:1px solid #ced4da
}
.order-item-col-bottom{
    background-color:var(--grey4)
}
.order-item-col-bottom .order-total{
    margin-right:auto;
    font-size:14px;
    font-weight:600;
    color:var(--grey1)
}
.order-item-col-bottom .order-cancel button{
    font-size:12px;
    font-weight:500;
    padding:5px 10px;
    background-color:#f8d7da;
    color:#a83a44;
    border:1px solid #f5c6cb;
    border-radius:4px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.order-item-col-bottom .order-cancel button:hover{
    background-color:#a83a44;
    color:#fff
}
.order-item-col-bottom .order-details a{
    background-color:transparent;
    color:var(--accent);
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    font-size:12px;
    padding:5px 10px;
    border-radius:4px
}
.order-item-col-bottom .order-details a:hover{
    background-color:var(--accent);
    color:white
}
footer{
    border-top:1px solid var(--border-grey);
    padding-top:2rem;
    background:#f7f7f7
}
footer .logo-area img{
    width:100%;
    max-width:190px
}
footer .social-media{
    margin-bottom:0.2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
footer .social-media a{
    font-size:18px;
    color:var(--grey2)
}
footer .secure{
    margin:1rem 0
}
footer .secure .title-3{
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
footer .secure .description{
    font-font-size:14px;
    font-weight:500;
    color:var(--grey2)
}
footer .info .title{
    margin-bottom:0.5rem;
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
footer .info .footer-links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    list-style-type:none;
    margin:0;
    padding:0;
    gap:5px
}
footer .info .footer-links li a{
    font-size:14px;
    font-weight:400;
    color:var(--grey2);
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
footer .info .footer-links li a:hover{
    color:var(--grey1)
}
footer .footer-newsletter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:1rem
}
footer .footer-newsletter .description{
    font-size:12px;
    font-weight:400;
    color:var(--grey2)
}
footer .footer-newsletter .newsletter-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    gap:5px
}
footer .footer-newsletter .newsletter-form input{
    border:1px solid var(--border-grey);
    border-radius:5px;
    font-size:13px;
    font-weight:500
}
footer .footer-newsletter .newsletter-form button{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    padding:0;
    border-radius:4px;
    height:33px;
    padding-inline:10px
}
footer .footer-newsletter .newsletter-form button:hover{
    background-color:var(--hover);
    border-color:var(--hover)
}
footer .bar{
    border-top:1px solid var(--border-grey);
    padding-top:1rem;
    margin-top:2rem
}
.userPanelTitle{
    border:1px solid var(--border-grey);
    padding:1rem;
    border-radius:0.5rem;
    background-color:var(--grey5)
}
.userPanelTitle .btn-primary{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.userPanelTitle .btn-danger{
    background-color:0;
    color:white;
    border:1px solid red;
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.faq .card .card-header h2 button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
.faq .card .card-header h2 button i{
    font-weight:400;
    font-size:20px
}
.faq .card .card-header h2 button:hover{
    text-decoration:none
}
.faq .card .card-header h2 button:focus{
    text-decoration:none
}
body.blogs-body .blog-categories{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:1rem
}
body.blogs-body .blog-categories li{
    border:1px solid var(--grey3)!important;
    border-radius:10px;
    padding:0.2rem 1rem;
    background:var(--grey4)
}
body.blogs-body .blog-categories li:hover{
    background:white
}
body.blogs-body .blog-categories li a{
    padding:0
}
body.blogs-body .blogs-content .p-g-mod-header{
    border:none
}
body.blogs-body .card-blog{
    border:1px solid var(--grey3);
    border-radius:10px;
    overflow:hidden
}
body.blogs-body .card-blog .date{
    font-size:12px;
    font-weight:500;
    padding:0.5rem;
    display:block
}
body.blogs-body .card-blog .title{
    height:auto;
    font-size:16px;
    font-weight:600;
    padding:0.5rem;
    color:var(--grey1)
}
body.blogs-body .card-blog .description{
    color:var(--grey2);
    height:auto
}
.cat-responsive-popup .c-r-p-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:1rem;
    border-bottom:1px solid var(--border-grey)
}
.cat-responsive-popup .c-r-p-header .hide-popup{
    font-size:20px;
    color:var(--grey2)
}
.cat-responsive-popup .c-r-p-header .c-r-p-title{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:16px;
    font-weight:600;
    color:var(--grey1);
    text-align:center
}
.cat-responsive-popup .c-r-p-header .clear-filters{
    font-size:13px;
    font-weight:400;
    color:var(--grey2)
}
.bulk-delete{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    margin-left:auto
}
.bulk-delete .btn-bulk-remove{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    border:1px solid var(--danger);
    color:var(--danger);
    border-radius:20px;
    padding:5px 10px;
    font-size:12px;
    font-weight:500;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.bulk-delete .btn-bulk-remove:hover{
    background:var(--danger);
    color:white
}
.dropdown-user-menu{
    min-width:200px!important;
    top:10px!important;
    left:10px!important
}
.share-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.share-header-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.share-header-content .title{
    font-size:16px;
    font-weight:600;
    color:var(--grey1)
}
.share-header-content .description{
    font-size:12px;
    font-weight:400;
    color:var(--grey2);
    margin-bottom:0
}
.share-header-icon{
    margin-left:auto
}
.share-header-icon img{
    width:65px;
    height:65px
}
.share-copy-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
.share-copy-link .share-input-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.share-copy-link .share-input-group .label-title{
    font-size:13px;
    font-weight:600;
    margin-bottom:0.3rem;
    color:var(--grey1)
}
.share-copy-link .share-input-group .share-input-group-input{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:0.5rem
}
.share-copy-link .share-input-group .share-input-group-input .share-input-group-input-text{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:75%;
    font-size:12px;
    font-weight:500;
    color:var(--grey2)
}
.share-copy-link .share-input-group .share-input-group-input .copyLink{
    font-size:12px;
    font-weight:400;
    margin-left:auto;
    font-size:13px;
    font-weight:500;
    color:var(--accent)
}
.socialshare-modal-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px
}
.socialshare-modal-list .btn-socialshare{
    width:100%;
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:0.5rem;
    font-size:14px;
    font-weight:500;
    text-align:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    background:linear-gradient(-45deg,#f5f5f5,#ffffff)
}
.socialshare-modal-list .btn-socialshare i{
    font-size:20px;
    width:40px;
    height:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:30px
}
.socialshare-modal-list .btn-socialshare-x i{
    background:linear-gradient(45deg,#000000,#1a1a1a);
    color:white
}
.socialshare-modal-list .btn-socialshare-fb i{
    background:linear-gradient(45deg,#1877f2,#166fe5);
    color:white
}
.socialshare-modal-list .btn-socialshare-li i{
    background:linear-gradient(45deg,#0077b5,#0099ff);
    color:white
}
.socialshare-modal-list .btn-socialshare-pint i{
    background:linear-gradient(45deg,#e60023,#cd2a3e);
    color:white
}
.socialshare-modal-list .btn-socialshare-wp i{
    background:linear-gradient(45deg,#25d366,#128c7e);
    color:white
}
.header-fixed{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:101
}
.not-found{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:1rem;
    margin-bottom:8rem
}
.not-found-title{
    font-size:42px;
    font-weight:600;
    color:var(--grey1)
}
.not-found-text{
    font-size:16px;
    font-weight:400
}
.not-found-buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem
}
.not-found-buttons .btn{
    padding:10px 20px;
    font-size:14px;
    font-weight:500;
    border-radius:10px;
    border:1px solid var(--border-grey);
    background:white;
    color:var(--grey1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.not-found-buttons .btn:hover{
    background:var(--accent);
    color:white
}
.product-actions{
    position:absolute;
    top:0;
    right:0;
    z-index:3
}
.product-actions .compare-button{
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:30px;
    color:var(--accent);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    border:1px solid var(--border-grey)
}
.product-actions .favourite{
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:30px;
    color:var(--accent);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    border:1px solid var(--border-grey)
}
.checkout-container{
    border:1px solid var(--border-grey);
    border-radius:10px;
    overflow:hidden;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,1fr);
    margin-bottom:1rem
}
.checkout-section{
    border-bottom:4px solid var(--border-grey);
    border-right:1px solid var(--border-grey);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    padding:20px 20px 10px 20px;
    background:var(--grey5)
}
.checkout-section.active{
    background:White;
    border-bottom:4px solid var(--accent)
}
.checkout-section.active .section-title{
    color:var(--accent)
}
.checkout-section:last-child{
    border-right:none
}
.section-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px;
    font-weight:600;
    color:var(--grey1)
}
.section-content p{
    margin-bottom:0
}
.section-content span{
    font-weight:600
}
.section-content .address-type{
    font-size:15px
}
.section-content .address-details{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:13px;
    font-weight:500;
    color:var(--grey2)
}
.basket-container{
    border:1px solid var(--border-grey);
    border-radius:10px;
    overflow:hidden
}
.basket-toggle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:15px;
    font-weight:600;
    color:var(--grey1);
    padding:10px 1rem;
    cursor:pointer
}
.basket-toggle:hover{
    background:var(--grey5)
}
.basket-toggle[aria-expanded=true] .basket-arrow{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.basket-count{
    margin-left:0.2rem
}
.basket-image-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto
}
.basket-image-group img{
    max-width:50px;
    border-radius:50px;
    border:4px solid #fff;
    position:relative
}
.basket-image-group img:not(:first-child){
    margin-left:-20px
}
.basket-arrow{
    width:25px;
    height:25px;
    border-radius:50%;
    background:var(--grey3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:1rem;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.basket-arrow i{
    font-size:16px
}
.basket-body{
    border-top:1px solid var(--border-grey);
    padding:1rem
}
.basket-list-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:1rem
}
.basket-list-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.basket-list-item-image{
    position:relative
}
.basket-list-item-quantity{
    position:absolute;
    top:-5px;
    left:-5px;
    background:var(--accent);
    color:#fff;
    width:20px;
    height:20px;
    border-radius:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:10px;
    font-weight:600
}
.basket-list-item-price{
    margin-top:0.5rem;
    display:block;
    font-size:13px;
    font-weight:600
}
.delivery-addresses{
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:1rem;
    margin-top:1rem
}
.address-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.address-header .send-to-same{
    margin-left:auto
}
.address-header .send-to-same label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    font-size:13px;
    font-weight:500;
    background:var(--grey4);
    padding:5px 10px;
    border-radius:5px
}
.address-header .edit-link{
    margin-left:auto;
    font-size:13px;
    font-weight:500;
    color:var(--grey2);
    cursor:pointer
}
.address-header .edit-link:hover{
    color:var(--accent)
}
.address-title{
    font-size:18px;
    font-weight:600;
    color:var(--grey1)
}
.address-options{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1rem 1fr;
    grid-template-columns:repeat(2,1fr);
    gap:1rem;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.address-options .new-address-box{
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:1rem;
    background:var(--grey5)
}
.address-options .new-address-box a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    font-size:13px;
    font-weight:500;
    color:var(--grey2);
    cursor:pointer
}
.address-options .new-address-box a:hover{
    color:var(--accent)
}
.address-card{
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:1rem;
    background:var(--grey5)
}
.address-card.selected{
    border-color:var(--accent);
    border-width:2px
}
.address-card.selected .city-region,.address-card.selected .full-address,.address-card.selected .person-name,.address-card.selected .phone{
    color:var(--grey1)
}
.address-radio{
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.address-radio input{
    margin-bottom:0;
    cursor:pointer
}
.address-radio input:checked{
    background:var(--accent);
    border-color:var(--accent);
    border-radius:50%;
    position:relative
}
.address-radio input:checked:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:15px;
    height:15px;
    background:var(--accent);
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.address-details{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:13px;
    font-weight:500;
    color:var(--grey2);
    gap:3px
}
.address-details .person-name{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.address-details .phone{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.address-details .full-address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.address-details .city-region{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.address-description{
    font-size:13px;
    font-weight:500;
    color:var(--grey2);
    margin-bottom:0.5rem;
    display:block
}
.address-modal .modal-footer button{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    background:var(--accent);
    border-color:var(--accent);
    color:#fff;
    font-weight:600;
    border-radius:5px
}
.address-modal .modal-footer button:hover{
    background:var(--hover);
    border-color:var(--hover)
}
.gift-pack-container{
    border:1px solid var(--border-grey);
    border-radius:10px;
    padding:1rem;
    margin-top:1rem;
    margin-bottom:1rem
}
.payment-form-methods .accordion .card{
    border-color:var(--border-grey)
}
.payment-form-methods .accordion .card-header{
    padding:0.5rem 1rem;
    background:var(--grey5);
    border-bottom:1px solid var(--border-grey)
}
.payment-form-methods .accordion .card-header h2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.payment-form-methods .accordion .card-header h2 .btn-link{
    padding:0;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    width:100%;
    font-size:15px;
    font-weight:500;
    color:var(--grey2)
}
.payment-form-methods .accordion .card-header h2 .btn-link:focus,.payment-form-methods .accordion .card-header h2 .btn-link:focus-visible,.payment-form-methods .accordion .card-header h2 .btn-link:hover{
    text-decoration:none
}
.payment-form-methods .accordion .card-header h2 .btn-link[aria-expanded=true]{
    color:var(--accent)
}
.payment-form-methods .accordion .card-header h2 .btn-link[aria-expanded=true]:after{
    content:"Seçili Ödeme Yöntemi";
    position:relative;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    background:var(--accent);
    color:#fff;
    font-size:12px;
    font-weight:600;
    padding:5px 10px;
    border-radius:4px;
    margin-left:auto
}
.balance-pay-info{
    font-size:13px;
    font-weight:500;
    color:var(--grey2)
}
.balance-pay-text{
    font-size:13px;
    font-weight:600;
    color:var(--grey1);
    border:1px solid var(--border-grey);
    border-radius:5px;
    padding:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:1rem;
    gap:5px
}
.btn-balance-pay{
    background-color:var(--accent);
    color:white;
    border:1px solid var(--accent);
    border-radius:10px;
    padding:10px 20px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    width:100%
}
.btn-balance-pay:hover{
    background-color:var(--hover);
    border-color:var(--hover);
    color:white
}
.myAccount{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px
}
.myAccount .description{
    font-size:14px;
    font-weight:400;
    color:var(--grey1);
    margin-bottom:10px
}
.myAccount .link-content{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns:repeat(4,1fr);
    gap:10px
}
.myAccount .link-content .link-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:var(--grey4);
    padding:40px 20px;
    border-radius:16px
}
.myAccount .link-content .link-link i{
    font-size:30px;
    font-weight:400;
    color:var(--grey1)
}
.myAccount .link-content .link-link{
    font-size:14px;
    font-weight:600;
    color:var(--grey1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.myAccount .link-content .link-link:hover{
    background-color:#000;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff
}
.myAccount .link-content .link-link:hover i{
    color:#fff
}
.customer-balance,.customer-points{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--grey4);
    border-radius:6px;
    padding:1rem;
    margin-top:0.3rem;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.customer-balance .balance-title,.customer-balance .points-title,.customer-points .balance-title,.customer-points .points-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:0.5rem
}
.customer-balance .balance-title i,.customer-balance .points-title i,.customer-points .balance-title i,.customer-points .points-title i{
    font-size:16px;
    font-weight:400;
    color:var(--grey1)
}
.customer-balance .balance-title,.customer-balance .points-title,.customer-points .balance-title,.customer-points .points-title{
    font-size:14px;
    font-weight:500;
    color:var(--grey1)
}
.border-none{
    border:none!important
}
@media (max-width:991px){
    .category-filter-order-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .mobile-header-space{
        display:block
    }
    header.desktop{
        display:none
    }
    header.mobile{
        display:block
    }
    body{
        margin-bottom:52px
    }
    .mobile-sidebar{
        padding:1rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .mobile-sidebar .mobile-logo img{
        max-width:250px
    }
    .mobile-sidebar .sidebar-close{
        font-size:32px;
        color:#666
    }
    .bottom-navbar{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        gap:10px;
        position:fixed;
        bottom:0;
        left:0;
        z-index:3;
        background-color:#fff;
        width:100%;
        height:52px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding-inline:1rem;
        border-top:1px solid #ddd
    }
    .bottom-navbar-item{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        text-align:center;
        font-size:24px;
        color:#111
    }
    .stores .cards{
        display:block;
        text-align:center
    }
    .stores .card{
        display:inline-block;
        border-right:none;
        margin:0;
        max-width:45%;
        height:50px;
        border:0
    }
    footer .bar p{
        text-align:center!important
    }
    footer .bar .right-image{
        margin:10px 0;
        text-align:center!important
    }
    footer .logo-area{
        display:none
    }
    footer .bb{
        border-top:0;
        border-bottom:0
    }
    footer .info{
        padding-top:0
    }
    footer .info .title{
        text-align:center!important;
        color:#000;
        border:1px solid #000;
        padding:8px;
        position:relative
    }
    footer .info .title:after{
        content:"+";
        right:10px;
        top:3px;
        bottom:0;
        position:absolute;
        font-size:20px;
        margin-bottom:10px
    }
    footer .info .fs{
        display:none;
        text-align:center!important;
        border:1px solid #000;
        margin-bottom:15px;
        color:#000!important
    }
    footer .info ul{
        margin:0
    }
    footer .info ul li{
        color:#000!important
    }
    footer .info ul li a{
        color:#000
    }
    footer .info ul li a:before{
        display:none
    }
    footer .social-media{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:10px 0
    }
    footer .secure{
        text-align:center!important;
        margin:10px 0
    }
}

/* Nitelik alanı */
.profile-nitelik {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* Kare card */
.profile-nitelik-item {
    width: 145px !important;
    height: 145px !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    text-align: center !important;
    background: #ffffff !important;
    transition: all .25s ease !important;
}

/* Hover */
.profile-nitelik-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
    transform: translateY(-3px) !important;
}

/* Görsel */
.profile-nitelik-item img {
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    margin-bottom: 8px !important;
}

/* Yazı */
.profile-nitelik-item .value {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.3 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .profile-nitelik-item {
        width: 120px !important;
        height: 120px !important;
        padding: 10px !important;
    }

    .profile-nitelik-item img {
        max-width: 60px !important;
        max-height: 60px !important;
    }
}

/* Mobil */
@media (max-width: 575px) {
    .profile-nitelik {
        justify-content: center !important;
    }

    .profile-nitelik-item {
        width: 100px !important;
        height: 100px !important;
        padding: 8px !important;
    }

    .profile-nitelik-item img {
        max-width: 55px !important;
        max-height: 55px !important;
    }

    .profile-nitelik-item .value {
        font-size: 12px !important;
    }
}