/*

Web Developer: Metin Cicek

*/


* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

*:not(i) {
    font-family: "Rubik", sans-serif !important;
    letter-spacing: -0.5px;
}

html {
    overflow-x: hidden !important;
}

html body {
    padding: 0;
    margin: 0;
    overflow-x: unset;
    background-color: #FBFBFB;
}

body button {
    background-color: unset;
    border: unset;
    transition: all .4s ease-in-out;
}

body a {
    text-decoration: unset;
    color: inherit;
    transition: all .4s ease-in-out;
}

body svg {
    transition: all .4s ease-in-out;
}

body a:hover,
body button:hover {
    transition: all .4s ease-in-out;
}

body li {
    list-style: none;
}

body ul {
    padding-left: 0;
    margin-bottom: 0;
}

body img {
    width: 100%;
    display: block;
}

input,
textarea,
select {
    background-color: unset;
    border: unset;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0 !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 0 !important;
}

body .container,
body .container-fluid,
body .container-fluid.container-fluid-relative,
body .container-lg,
body .container-md,
body .container-sm,
body .container-xl {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*****/


.cs-header {}

.cs-header .topbar-container {
    padding: 10px 0;
    line-height: 1;
}

.cs-header .topbar-container .topbar-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cs-header .topbar-container .topbar-flex .topbar-left {}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #323232;
    font-size: 13px;
    font-weight: 400;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon i {
    font-size: 15px;
    line-height: 1;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a img {
    width: 18px;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a span {}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a.tel {}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a.tel .icon {
    background-color: #f9572b14;
    color: #f9572b;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a.wp {
    color: #02bb24;
}

.cs-header .topbar-container .topbar-flex .topbar-left .button-flex a.wp .icon {
    background-color: #02bb2433;
}

.cs-header .topbar-container .topbar-flex .topbar-right {}

.cs-header .topbar-container .topbar-flex .topbar-right .menu-flex {}

.cs-header .topbar-container .topbar-flex .topbar-right .menu-flex ul {
    display: flex;
    gap: 20px;
}

.cs-header .topbar-container .topbar-flex .topbar-right .menu-flex ul li {}

.cs-header .topbar-container .topbar-flex .topbar-right .menu-flex ul li a {
    font-size: 13px;
    color: #6A6A6A;
}

.cs-header .cs-header-main {
    border-radius: 30px 30px 0 0;
    position: relative;
    margin: 0 20px;
}

.cs-header .cs-header-main::before {
    content: "";
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(180deg, #f9572b1c 0%, #FBFBFB 100%);
    background: -webkit-linear-gradient(180deg, #f9572b1c 0%, #FBFBFB 100%);
    background: linear-gradient(180deg, rgb(249 87 43 / 5%) 0%, #FBFBFB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    border-radius: 30px 30px 0 0;
}

.cs-header .cs-header-main .cs-header-main-wrap {
    padding: 30px 0;
    position: relative;
    z-index: 9;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex {
    gap: 30px;
    display: flex;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.favourite {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.favourite a {
    background-color: #f9572b;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 20px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.favourite a img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.logo {
    flex: 1;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item .logo {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item .logo a {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item .logo a img {
    width: 175px;
    height: auto;
    object-fit: contain;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons {
    flex: 2.5;
    display: flex;
    gap: 20px;
    justify-content: end;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    height: 50px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a .icon {
    height: 50px;
    width: 50px;
    border-radius: 15px;
    color: #f9572b;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 5px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a .icon img {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #aeaeae;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a strong {
    color: #323232;
    font-weight: 500;
    font-size: 15px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.login {
    width: 100%;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.login .icon {}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.login .icon img {
    border: 2px solid #f9572b;
    width: 100%;
    height: 100%;
    padding: 6px;
    border-radius: 10px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.cart span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.cart {
    background-color: #f9572b;
    border-radius: 20px;
    color: #fff;
    padding: 0 20px 0 0;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.cart .icon {
    background-color: unset;
    width: 50px;
    height: 100%;
    position: relative;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.cart .icon::before {
    content: "";
    width: 101%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    outline: 3px solid #fceae6;
    border-radius: 20px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a.cart .icon img {
    width: 22px;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons a .counter {
    background-color: #ffffff45;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
}

.cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.search {
    flex: 2.5;
}

body .search-box {
    background-color: #fff;
    height: 50px;
    border-radius: 20px;
    position: relative;
}

body .search-box input {
    height: 100%;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    border: unset;
    outline: unset;
    box-shadow: unset;
    background-color: unset;
    border-radius: 20px;
}

body .search-box input::placeholder {
    color: #B6B6B6;
    font-weight: 200;
}

body .search-box button {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border: 2px solid #f9572b;
    border-radius: 15px;
    color: #f9572b;
    font-size: 20px;
}

body .search-box button i {}


/* MENU */

.cs-menu {
    position: relative;
    z-index: 9;
    margin: 30px 0 20px;
}

.cs-menu .cs-menu-wrap {}

.cs-menu .cs-menu-wrap ul {
    display: flex;
    align-items: center;
    gap: 45px;
    justify-content: center;
}

.cs-menu .cs-menu-wrap ul li {}

.cs-menu .cs-menu-wrap ul li a {
    display: flex;
    align-items: center;
    color: #323232;
    font-size: 14px;
    gap: 4px;
}

.cs-menu .cs-menu-wrap ul li a img {
    width: 24px;
    height: 24px;
}

.cs-menu .cs-menu-wrap ul li a span {}

.cs-menu .cs-menu-wrap ul li a i {
    line-height: 1;
    margin: 0 0 0 -2px;
}

.cs-of-entry {}

.cs-of-entry .p-g-mod {
    margin: 0;
}

/* URUN KARTİ */

.cs-product {
    background-color: #fff;
    margin: 100px 0;
    padding: 50px 0;
}

.cs-product-card {
    position: relative;
}

.cs-product-card .card-media {
    background-color: #f1f1f1;
    border-radius: 30px;
}

.cs-product-card .card-media a {
    display: block;
}

.cs-product-card .card-media a img {
    width: 100%;
    display: block;
    object-fit: contain;
    height: 400px;
}

.cs-product-card:hover .card-content:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff59;
    backdrop-filter: blur(2px);
    z-index: 3;
    transition: all .4s;
}

.cs-product-card:hover .card-content .ekleFavori {
    transition: all .4s;
    z-index: 99;
    transform: translate(0);
}

.cs-product-card.not-stock .card-content .ekleFavori {
    display: none;
}

body .main-product-slider .ticket-flex img {
    width: 55px;
}

.cs-product-card .card-content {
    padding: 0;
    position: relative;
}

.cs-product-card .discount {
    display: flex;
    align-items: center;
    height: 35px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0 0 20px 0;
    background-color: #F9572B;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 0 10px 0 0;
}

.cs-product-card .discount .icon {
    background-color: #CA4500;
    width: 35px;
    height: 35px;
    border-radius: 100% 0 100% 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -15px;
    font-size: 18px;
}

.cs-product-card .discount span {
    margin: 0 0 0 -8px;
}

.cs-product-card .card-content h3 {
    font-size: 16px;
    font-weight: 400;
    color: #323232;
    line-height: 22px;
    margin-bottom: 15px;
}

.cs-product-card .card-content h3 strong {
    font-weight: 600;
}

body .price {
    display: flex;
    align-items: center;
    gap: 0 15px;
    margin: 20px 0 15px;
    flex-wrap: wrap;
    height: fit-content;
}


body .price .active-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #ed5f1f;
}

body .price del {
    font-size: 16px;
    font-weight: 500;
    color: #CDCDCD;
    margin: 5px 0 0;
    text-decoration: none;
    position: relative;
    margin: 0;
}

body .price del::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 13px;
    background-color: #CDCDCD;
    transform: rotate(-8deg);
}

body .price .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body .price .right .discount {
    font-size: 14px;
    font-weight: 500;
}

.cs-product-card .basket-content {
    background-color: rgb(249 87 43 / 6%);
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 12px;
    border-radius: 15px;
}

.cs-product-card .basket-content .add-to-cart {
    width: 60%;
}

.cs-product-card .basket-content .counter-cs {
    width: 40%;
}

.cs-product-card .add-favourite {
    display: none;
}

.cs-product-card .add-favourite i {}

.counter-cs {
    height: 100%;
}

.counter-cs .input {
    width: fit-content;
    flex: 1
}

.counter-cs .cs-product-counter {
    border-radius: 100px;
    border: unset;
    margin: 0;
    height: 100%;
    justify-content: space-between;
    display: flex;
    width: fit-content;
}

.counter-cs .cs-product-counter button {
    font-size: 16px;
    font-weight: 500;
    width: 25px;
    height: 25px;
    border: unset;
    padding: 0;
    background-color: rgb(249 87 43 / 10%);
    color: #F9572B;
    border-radius: 8px;
}

.counter-cs .cs-product-counter button:hover {
    color: #a82075;
    background-color: unset
}

.counter-cs .cs-product-counter .input label {
    font-size: 12px
}

.counter-cs .cs-product-counter input {
    background-color: unset;
    height: auto;
    outline: unset;
    border: unset;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 0 0 0 10px;
    width: 40px;
}

.add-to-cart {
    background-color: #F9572B;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    gap: 5px;
    padding: 0 20px;
    border-radius: 12px;
    justify-content: center;
}

.add-to-cart:hover {
    background-color: #CA4500;
    color: #fff;
}

.add-to-cart img {
    width: 18px !important;
    height: 18px;
    object-fit: contain;
}

.add-to-cart span {}

.add-to-cart.quick-buy {
    background-color: rgb(249 87 43 / 9%);
    color: #F9572B;
}

.cs-product-card .card-rating {}

.cs-product-card .card-rating::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 100%;
    left: -1px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #eaeaea;
    box-sizing: content-box;
}

.card-rating {
    border: 1px solid #eaeaea;
    border-top: unset;
    padding: 0 15px;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    position: relative;
    margin-bottom: 15px;
}

.card-rating-button.card-rating {
    padding: 0 10px;
}

.card-rating.not-rating {
    padding: 0 10px;
}

.card-rating .rating-stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.card-rating .rating-stars .stars-group {
    display: flex;
    align-items: center;
    gap: 3px;
}

.card-rating .rating-stars span {
    font-size: 12px;
    color: #F9572B;
    line-height: 1;
    font-weight: 500;
}

.card-rating .rating-stars span i {
    color: #CDCDCD;
}

.card-rating .rating-stars i:not(:last-child) {
    margin-right: 2px;
}

.pattern-group .week-of-product {}

.pattern-group .week-of-product .p-g-mod-header {
    height: auto;
    padding: 0;
    margin: 0 0 20px;
}

.pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info {}

.pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 5px;
    font-family: "Sansita", sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    background: -webkit-linear-gradient(1deg, #FD8604, #FC9502, #FCE202);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}

.pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_208_4)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86.6271 64.631C85.8051 84.262 69.6369 99.9263 49.8039 99.9263C29.4451 99.9263 12.9412 82.8674 12.9412 63.0635C12.9412 60.4165 12.8937 55.1263 16.8628 46.2008C19.238 40.8592 20.7279 37.5035 21.5686 34.4361C22.0306 32.7502 22.929 30.0718 25.4902 34.4361C27.0004 37.0094 27.0588 40.7106 27.0588 40.7106C27.0588 40.7106 32.6777 36.3988 36.4706 28.1616C42.031 16.0859 37.5945 8.86745 36.0784 3.84784C35.5537 2.11137 35.2243 -1.00941 38.8235 0.318432C42.491 1.67177 52.1867 8.45882 57.2549 15.6126C64.4882 25.8224 67.0588 35.6125 67.0588 35.6125C67.0588 35.6125 69.3749 32.738 70.1961 29.7302C71.1235 26.3337 71.1373 22.9698 74.1173 26.5933C76.9514 30.0392 81.1604 36.5149 83.5294 42.6714C87.831 53.8514 86.6271 64.631 86.6271 64.631Z' fill='url(%23paint0_linear_208_4)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.8039 99.9263C35.7259 99.9263 24.3137 88.5141 24.3137 74.4361C24.3137 65.9416 27.7369 60.7843 34.8612 53.7906C39.4227 49.3126 43.6922 43.8126 45.5067 40.0675C45.8639 39.3302 46.6769 35.4882 49.8114 39.9867C51.4557 42.3459 54.0333 46.5416 55.6863 50.1224C58.5357 56.2961 59.2157 62.2792 59.2157 62.2792C59.2157 62.2792 62.0082 60.6337 63.9216 56.3969C64.5384 55.0314 65.7855 49.862 69.2718 55.0306C71.8298 58.8235 75.3439 65.6431 75.2941 74.4361C75.2941 88.5141 63.8816 99.9263 49.8039 99.9263Z' fill='%23FC9502'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.1961 72.0831C53.8235 72.0831 53.8235 78.8004 58.4314 87.7694C61.4996 93.7416 56.9102 99.9263 50.1961 99.9263C43.482 99.9263 40 94.4835 40 87.7694C40 81.0557 46.5686 72.0831 50.1961 72.0831Z' fill='%23FCE202'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_208_4' x1='49.8592' y1='100' x2='49.8592' y2='0.0737258' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF4C0D'/%3E%3Cstop offset='1' stop-color='%23FC9502'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_208_4'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}

.pattern-group .week-of-product .p-g-mod-body {
    padding: 0;
}

.pattern-group .week-of-product .cs-product-card {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    align-items: center;
    gap: 20px;
}

.pattern-group .week-of-product .cs-product-card .card-media a img {
    height: fit-content;
    width: fit-content;
}

.pattern-group .week-of-product .cs-product-card .card-media {
    background-color: transparent;
    border: 1px solid #E0E0E0;
    width: fit-content;
    height: fit-content;
    padding: 15px;
    border-radius: 25px;
}

.pattern-group .week-of-product .cs-product-card .card-media .discount {
    background-color: unset;
    color: #F9572B;
    position: absolute;
    left: 50%;
    transform: translate(130%, 0);
    bottom: 20px;
    width: fit-content;
    top: unset;
    font-size: 16px;
    font-weight: 600;
    z-index: 99;
    padding: 0;
}

.pattern-group .week-of-product .cs-product-card .card-media .discount::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 52.3125C13.0815 52.3125 12.6698 52.1572 12.3458 51.8603C11.799 51.3473 11.6573 50.544 11.988 49.8758L19.2038 35.4442H3.37501C2.80126 35.4442 2.26801 35.154 1.95751 34.6748C1.64701 34.1955 1.59976 33.5948 1.82926 33.0683L15.336 2.6865C15.606 2.079 16.2135 1.6875 16.875 1.6875H43.875C44.4825 1.6875 45.0428 2.0115 45.3465 2.54475C45.6435 3.07125 45.6368 3.726 45.3263 4.24575L40.2638 12.6833C39.7845 13.4797 38.745 13.743 37.9485 13.2638C37.152 12.7845 36.8888 11.745 37.368 10.9485L40.8983 5.06925H17.9753L5.97376 32.0625H21.9375C22.5248 32.0625 23.0648 32.3663 23.3753 32.8658C23.6858 33.3653 23.7128 33.9863 23.4495 34.506L17.5635 46.278L41.337 32.292C42.1403 31.8195 43.173 32.0895 43.6455 32.8927C44.118 33.696 43.848 34.7288 43.0448 35.2013L14.3573 52.0763C14.094 52.2315 13.797 52.3125 13.5 52.3125Z' fill='%23F9572B'/%3E%3C/svg%3E%0A");
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -25px;
    top: -7px;
}

.pattern-group .week-of-product .cs-product-card .card-media .discount .icon {
    display: none;
}

.pattern-group .week-of-product .cs-product-card .card-media .discount span {
    font-family: "Sansita", sans-serif !important;
    font-style: italic;
    font-weight: 800;
}

.pattern-group .week-of-product .card-content {}

.pattern-group .week-of-product .card-content .card-rating {
    display: none;
}

.pattern-group .week-of-product .card-content h3 {
    font-size: 16px;
    margin: 0;
}

.pattern-group .week-of-product .card-content .price {
    margin: 15px 0;
}

.pattern-group .week-of-product .card-content .price .active-price {
    font-weight: 600;
}

.pattern-group .week-of-product .card-content .basket-content {
    background-color: unset;
    padding: 0;
}

.pattern-group .week-of-product .card-content .basket-content .counter-cs {
    display: none;
}

.pattern-group .week-of-product .card-content .basket-content .add-to-cart {
    background: -webkit-linear-gradient(1deg, #FD8604, #FC9502, #FCE202);
    width: fit-content;
    padding: 0 30px;
    height: 45px;
    border-radius: 15px 10px 15px 10px;
}

.pattern-group .week-of-product .card-content .basket-content .add-to-cart:hover {}

.cs-counter {}

.cs-counter .cs-counter-wrap {}

.cs-counter .cs-counter-wrap .cs-counter-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
    background-color: #F9572B;
    border-radius: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 4px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
    background-color: #fff;
    color: #737373;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 8px;
    margin: 10px 0 0;
}

.week-feature {}

.week-feature .col-list {}

.week-feature .col-list:last-child {}

.week-feature .col-list .p-g-b-c-wrapper {
    height: 100%;
}

.week-feature .col-list .p-g-b-c-wrapper .p-g-b-c-inner {}

.week-feature .col-list .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
    margin: 0;
}

.week-feature .col-list .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .col-12 {
    padding: 0 calc(var(--bs-gutter-x) * .4);
}

.week-feature .col-list:last-child .p-g-b-c-inner {
    display: flex;
    margin: 10px 0 0;
    border-radius: 25px;
    background-color: #fff;
    padding: 30px 30px 0;
    height: 100%;
}

.week-feature .col-list:last-child .p-g-b-c-inner .week-of-product {
    width: 92%;
    background-color: unset;
    margin: 0;
}

.week-feature .col-list:last-child .p-g-b-c-inner .week-of-counter {
    width: 12%;
    margin: 0;
    padding: 10px;
}

.week-feature .col-list:last-child .p-g-b-c-inner .week-of-counter .p-g-mod-body {
    padding: 0;
}

body .pattern-group .p-g-mod {
    background-color: unset;
    margin: 0;
}

.cs-feature {
    padding: 60px 0;
}

.cs-feature .col-list {}

.cs-feature.pattern-group .p-g-mod {
    margin: 0;
    border: unset;
}

.cs-feature.pattern-group .p-g-mod .p-g-mod-body {
    padding: 0;
}

.cs-feature .feature-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cs-feature .col-lg-3:nth-child(even) .feature-box {}

.cs-feature .col-lg-3:nth-child(even) .feature-box .icon {
    background-color: rgb(2 187 36 / 8%);
}

.cs-feature .feature-box .icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    background-color: rgb(249 87 43 / 8%);
    border-radius: 15px 10px 15px 10px;
    padding: 20px;
}

.cs-feature .feature-box .icon img {}

.cs-feature .feature-box .content {}

.cs-feature .feature-box .content .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
}

.cs-feature .feature-box .content p {
    color: #757575;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

.most-seller-group {
    padding: 30px 0;
    margin: 0 0 50px;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    background: -webkit-linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    background: linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
}

.pattern-group .pattern-group-header {}

.pattern-group .pattern-group-header .p-g-h-info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title,
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 30px;
    color: #323232;
    font-weight: 500;
}

.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-description {
    font-size: 16px;
    font-weight: 300;
    max-width: 30%;
    text-align: end;
}

.owl-carousel-item {}

.owl-carousel-item .cs-product-card {
    padding: 0 0 0 15px;
}

.owl-carousel-item .cs-product-card .discount {
    border-radius: 20px 0 20px 20px;
    gap: 15px;
}

.owl-carousel-item .cs-product-card .discount .icon {
    left: 0;
}


.cs-blog {
    margin: 100px 0;
}

.cs-blog .owl-item {
    padding: 0 0 25px;
}

.cs-blog-card {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 14px 0px rgb(0 0 0 / 4%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    background-color: #fff;
    display: block;
    padding: 15px 15px 0;
    border-radius: 30px;
}

.blogs-body .cs-blog-card {
    margin: 0 0 40px;
}

.cs-blog-card .card-image {}

.cs-blog-card .card-image img {
    border-radius: 25px;
}

.cs-blog-card .card-content {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}

.cs-blog-card .card-content .date {
    background-color: rgb(249 87 43 / 8%);
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    color: #7E7E7E;
    font-size: 12px;
    padding: 8px 12px;
    gap: 5px;
    border-radius: 10px;
}

.cs-blog-card .card-content .date i {
    color: #F9572B;
    font-size: 16px;
    line-height: 1;
}

.cs-blog-card .card-content h3 {
    font-size: 18px;
    color: #323232;
    font-weight: 500;
    margin: 20px 0 40px;
    line-height: 26px;
    min-height: 55px;
}

.cs-blog-card .card-content .goto-blog {
    background-color: #F9572B;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    margin: 0 0 -25px;
}

.cs-blog-card .card-content .goto-blog i {}

body footer .newsletter-content {
    display: flex;
    background-color: rgb(255 255 255 / 10%);
    padding: 35px;
    border-radius: 25px;
}

body footer .newsletter-content .newsletter-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    width: 25%;
    margin: 0;
}

body footer .newsletter-content .newsletter-form {
    width: 75%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

body footer .newsletter-content .newsletter-form .form-control {
    background-color: #fff;
    width: fit-content;
    font-size: 14px;
    height: 50px;
    padding: 0 20px;
    border-radius: 15px;
    min-width: 300px;
    line-height: 1;
}

body footer .newsletter-content .newsletter-form .form-control::placeholder {
    color: #CACACA;
    font-size: 13px;
}

body footer .newsletter-content .newsletter-form .btn {
    position: relative;
    background-color: #CA4500;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    padding: 8px;
}

body footer .newsletter-content .newsletter-form .btn img {}

body footer .newsletter-content .newsletter-form .btn i {}


.cs-footer {
    background-color: #F9572B;
    margin: 0 0 -45px;
    z-index: 99;
    position: relative;
}

.cs-breadcrumb {
    display: flex;
    align-items: center;
    height: 200px;
    background: #F9572B;
    background: linear-gradient(0deg, rgb(249 87 43 / 5%) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 0 20px 20px;
    margin: 0 20px;
    border-top: 1px solid #F9572B;
}

body .breadcrumb-wrapper {}

body .breadcrumb-wrapper .breadcrumb {
    align-items: center;
    margin-bottom: 0;
}

body .breadcrumb-wrapper .breadcrumb .breadcrumb-item {}

body .breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item:before {}

body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a {
    background-color: #f9572b;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 10px 15px 10px 15px;
}

body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a img {
    width: 20px;
}

body .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
    font-size: 14px;
    font-weight: 400;
    color: #8F8F8F;
}

.cs-breadcrumb .category-price-inputs {}

.cs-breadcrumb .category-price-inputs input {
    background-color: #F8F8F8;
    border: unset;
    height: 50px;
    padding: 0 20px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #A6A6A6;
}

.cs-breadcrumb .category-price-inputs .seperator {}

.cs-breadcrumb .category-price-inputs button {
    background-color: #F9572B;
    border-color: #F9572B;
    height: 50px;
    border-radius: 20px;
}

.cs-breadcrumb .category-price-inputs button i {}

body footer .title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px;
}

body footer .info ul li {
    padding: unset;
    font-size: unset;
}

body footer .info ul li:not(:last-child) {
    margin-bottom: 5px;
}

body footer .info ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding-left: unset;
}

body footer .info ul li a:before {
    visibility: hidden;
}

body footer .contact-info {
    margin-bottom: 20px;
}

body footer .contact-info .contact-item {
    margin: 10px 0;
}

body footer .contact-info .contact-item a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

body footer .contact-info .contact-item a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #CF581A;
    border-radius: 5px;
}

body footer .contact-info .contact-item a .icon img {
    width: 22px;
}

body footer .contact-info .contact-item a i {}

body footer .custom-contact {
    background-color: #CA4500;
    border-radius: 20px 20px 0 0;
    padding: 30px;
    padding-bottom: unset;
    height: 400px;
    position: relative;
}

body footer .custom-contact:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 60px;
    background-color: #CA4500;
}

body footer .info {
    padding: unset;
}

body footer .social-media {
    background-color: #F9572B;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

body footer .social-media a {
    color: #fff;
    margin: unset;
}

body footer .social-media a i {}

body footer .ssl {}

body footer .ssl p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

body footer .ssl p span {
    display: none;
}

body footer .bar {
    padding: unset;
    display: flex;
    align-items: center;
    height: 60px;
}

body footer .bar p,
body footer .bar p span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

body footer .bar p br {
    display: none !important;
}

body footer .bar p span {}

.cs-breadcrumb .breadcrumb-middle-item {
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.cs-breadcrumb .breadcrumb-middle-item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    height: 280px;
    border-radius: 100%;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(180deg, #f9572b17 0%, #fafafa 62%);
    background: -webkit-linear-gradient(180deg, #f9572b17 0%, #fafafa 62%);
    background: linear-gradient(180deg, #f9572b17 0%, #fafafa 62%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
}

.cs-breadcrumb .breadcrumb-middle-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    height: 100px;
    background-color: #F9572B;
    border-radius: 100px;
    position: relative;
}

.cs-breadcrumb .breadcrumb-middle-item a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
    border-color: #F9572B;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 100px;
    transition: 0.3s;
}

.cs-breadcrumb .breadcrumb-middle-item a .icon {}

.cs-breadcrumb .breadcrumb-middle-item a .icon i {
    font-size: 30px;
    color: #fff;
    line-height: 1;
}

.cs-breadcrumb .breadcrumb-middle-item a .text {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

body .cs-breadcrumb .p-g-mod {
    border: unset;
}

body .cs-breadcrumb .p-g-mod .p-g-mod-body {
    padding: unset;
}

.cs-breadcrumb .row {
    align-items: center;
}

body .pattern-group .p-g-mod.cs-login {
    margin: 60px 0 0;
    border: unset;
    background-color: #fff;
    border-radius: 30px;
    padding: 40px;
}

body .pattern-group .p-g-mod.cs-login .p-g-mod-body {
    padding: unset;
}

body .pattern-group .p-g-mod.cs-login #nav-tab {
    height: unset;
    gap: 20px;
    margin: 20px 0 50px;
}

body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item {
    border: unset;
    background: unset;
    flex: unset;
    margin: unset;
    padding: unset;
    border-radius: unset;
}

body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link {
    font-size: 16px;
    font-weight: 500;
    color: #BCBCBC;
}

body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link.active {
    color: #F9572B;
}

body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link#nav-register-tab {
    border-left: 1px solid #D0D0D0;
    padding-left: 20px;
}

body .pattern-group .p-g-mod.cs-login #nav-tabContent {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane {
    width: 750px;
}

body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form {}

body .pattern-group .p-g-mod.cs-login .form-control {
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    height: 55px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 300;
    color: #CACACA;
    padding-left: 50px;
}

body .pattern-group .p-g-mod.cs-login .form-control:focus {
    border: 1px solid #E9E9E9 !important;
}

body .pattern-group .p-g-mod.cs-login .form-control:placeholder {
    color: #CACACA;
}

body .pattern-group .p-g-mod.cs-login .form-control:focus {
    border-color: #E9E9E9;
}

body .pattern-group .p-g-mod.cs-login label {
    font-size: 14px;
    font-weight: 300;
    color: #323232;
    margin-bottom: 0;
}

body .pattern-group .p-g-mod.cs-login .btn.btn-success {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 15px;
    width: 200px;
    height: 50px;
    padding: 0 20px;
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-size: 18px;
}

body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center {
    margin: 20px 0;
}

body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center a {
    color: #F9572B;
    font-size: 14px;
}

body .pattern-group .p-g-mod.cs-login .register_description {
    margin-bottom: 20px;
}

body .pattern-group .p-g-mod.cs-login .register_description .alert {
    background-color: #ca450024;
    border-color: #CA4500;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #CA4500;
    margin-bottom: unset;
    padding: 10px 15px;
}

body .pattern-group .p-g-mod.cs-login .d-flex {
    align-items: center;
    margin-bottom: 10px;
}

body .pattern-group .p-g-mod.cs-login .d-flex .label {}

body .pattern-group .p-g-mod.cs-login .ibutton {
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    appearance: unset;
    cursor: pointer;
}

body .pattern-group .p-g-mod.cs-login .ibutton:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

body .pattern-group .p-g-mod.cs-login .ibutton[type=checkbox]:checked::before {
    border: 1px solid #F9572B;
    background-color: #F9572B;
}

body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown {}

body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .iti__flag-container {}

body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    padding: 0 20px;
}

body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .form-control {
    padding-left: 60px;
}

body .pattern-group .p-g-mod.cs-login .mws-form-inline .btn-success {
    margin-top: 40px;
}

body .pattern-group .p-g-mod.cs-login .icon {
    position: absolute;
    left: 24px;
    top: 14px;
}

body .pattern-group .p-g-mod.cs-login .icon img {
    width: 25px;
}

body .cs-basket {
    margin: 40px 0;
}

body .pattern-group.cs-basket .p-g-mod {
    border: unset;
}

body .pattern-group.cs-basket .p-g-mod .p-g-mod-header {
    padding: unset;
    border: unset;
    margin-bottom: 20px;
    height: unset;
}

body .pattern-group.cs-basket .p-g-mod .p-g-mod-header .p-g-m-h-info {
    display: block;
}

body .pattern-group.cs-basket .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 22px;
    color: #323232;
}

body .cs-basket .shopping-cart-1 {
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px;
}

body .cs-basket .shopping-cart-1 .table-responsive {}

body .cs-basket .shopping-cart-1 .table-responsive table {
    border: unset;
    margin: unset;
}

body .cs-basket .shopping-cart-1 .table-responsive table tbody tr {
    display: flex;
    align-items: center;
    gap: 60px;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product,
table .td-price,
table .td-quantity,
table .td-total-price {
    border: unset;
    padding: unset;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product {
    padding-right: 30px;
    flex: 2;
    border-right: 1px solid #e0e0e0;
}

/*
body .cs-basket .shopping-cart-1 .table-responsive table .td-product::after{
    content:"";
    width: 1px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    background-color: #e0e0e0;
}
*/

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product {
    align-items: center;
    gap: 40px;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .image {
    margin: unset;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .image a {}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .image a img {
    min-width: 100px;
    max-width: 100px;
    object-fit: contain;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info {}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info a {
    font-size: 14px;
    font-weight: 500;
    color: #323232;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    padding: unset;
    margin: unset;
    background-color: #FCE5E5;
    border-color: #FCE5E5;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove i {
    font-size: 18px;
    color: #E50000;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-price {
    padding: unset;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-price .value {}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity {
    padding: unset;
    flex: 1;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity {
    align-items: center;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #FFF2EE;
    border-radius: 10px;
    font-size: unset;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity a i {
    font-size: 12px;
    color: #F9572B;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity input {
    font-size: 16px;
    font-weight: 500;
    border: unset;
    width: 40px;
    height: 40px;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity-type {
    display: none;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-total-price {
    padding: unset;
    font-size: unset;
    flex: 1;
    text-align: left;
}

body .cs-basket .shopping-cart-1 .table-responsive table .td-total-price .value {
    font-size: 18px;
    font-weight: 600;
    color: #F9572B;
}

body .cs-basket .shopping-buttons-1 {
    display: none;
}

body .cs-basket .payment-cart-summary-1 {}

body .cs-basket .payment-cart-summary-1 .table.summary {
    background: transparent;
    font-size: unset;
}

body .cs-basket .payment-cart-summary-1 .table.summary th {
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    padding: 20px 0;
    background-color: transparent;
    border-color: #DDDDDD;
}

body .cs-basket .payment-cart-summary-1 .table.summary th .final {
    font-size: 14px;
    color: #323232;
}

body .cs-basket .voucher-code-form {}

body .cs-basket .voucher-code-form .input-group {
    margin-bottom: 20px;
}

body .cs-basket .voucher-code-form .input-group .form-control {
    background-color: #fff;
    ;
    border-radius: 15px !important;
    border: unset;
    padding: 0 20px !important;
    height: 50px;
    font-size: 12px;
    font-weight: 300;
}

body .cs-basket .voucher-code-form .input-group .input-group-append {}

body .cs-basket .voucher-code-form .input-group .input-group-append button {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #F9572B;
    border-radius: 10px;
    border: unset;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 30px;
    z-index: 9;
}

body .cs-basket .payment-final-buttons-1 {}

body .cs-basket .payment-final-buttons-1 a {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 15px;
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

body .cs-basket .payment-final-buttons-1 a img {
    width: 28px;
    margin-left: 5px;
}

.basket-products {
    margin: 60px 0 0;
    padding: 50px 0;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    background: -webkit-linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    background: linear-gradient(180deg, #fff 0%, #FBFBFB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
}

.cs-basket .col-lg-9,
.cs-basket .col-xl-9 {
    width: 70%;
    padding-right: 50px;
}

.cs-basket .col-lg-3,
.cs-basket .col-xl-3 {
    width: 30%;
}

.basket-bread {}

.basket-bread .breadcrumb-wrapper .breadcrumb {
    justify-content: end;
}

.title-bread {}

.title-bread h1 {
    font-size: 38px;
    color: #F9572B;
    font-weight: 600;
}

body section:last-child:not(div section) {
    display: none !important;
}

body.categories-body .product-view-select {
    justify-content: end;
    gap: 10px;
}

body.categories-body .product-view-select a {
    background-color: unset;
    border: 2px solid var(--main-color);
    height: 60px;
    width: 70px;
    border-radius: 13px 20px 13px 20px;
    padding: 15px 10px;
    animation: 1;
    margin: 0;
}

body.categories-body .product-view-select a.active {
    background-color: var(--main-color);
}

body.categories-body .product-view-select a.active div {
    background-color: #fff;
}

body.categories-body .product-view-select a div {
    background-color: #f9572b;
    width: 100%;
    height: 100%;
    flex: 1;
    border-radius: 10px;
    margin: 0 1px;
}

body .product-view-select-area {
    width: fit-content;
    float: right;
}

body .product-view-select-area span {
    color: #B1B1B1;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: 0 0 10px;
}

body .category-filter-order {
    width: fit-content;
    margin: 0 0 30px;
    position: relative;
}

body .category-filter-order>span {
    color: #B1B1B1;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: 0 0 10px;
}

body .category-filter-order select {
    border: 1px solid var(--main-color) !important;
    height: 50px;
    border-radius: 12px 17px 12px 17px;
    font-size: 15px;
    color: var(--main-color) !important;
    font-weight: 500;
    position: relative;
    width: 250px;
}

body .category-filter-order::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(249,87,43,1)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM13 12H16L12 16L8 12H11V8H13V12Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 40px;
    height: 48px;
    position: absolute;
    right: 2px;
    bottom: 1px;
    z-index: 99;
    background-color: #fff;
    border-radius: 0 20px 20px 0;
}

.category-of-main {}

.category-of-main .pattern-group-body {}

.category-of-main .pattern-group-body .row {}

.category-of-main .pattern-group-body .row>.col-lg-3 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: block !important;
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.category-of-main .pattern-group-body .row>.col-lg-3.active {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-mod-header {
    padding: 0;
}

.category-of-main .pattern-group-body .row>.col-lg-3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #ffffff26;
    top: 0;
    backdrop-filter: blur(2px);
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner {
    position: relative;
    z-index: 99;
    background-color: #fff;
    padding: 30px;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
    border: unset;
    margin: 0 0 25px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 25px;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod:last-child {
    border: unset;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body {
    padding: 0;
}

.filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 50px;
}

.filter-head .filter-title {
    color: #F9572B;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}

.filter-head .filter-close {
    color: #F9572B;
    font-size: 30px;
    line-height: 1;
}

.filter-head .filter-close i {}

.category-price-inputs {
    justify-content: flex-start;
}

.category-price-inputs input {
    background-color: #F8F8F8;
    border: unset;
    height: 45px;
    border-radius: 15px;
    max-width: 30%;
}

.category-price-inputs input::placeholder {
    color: #A6A6A6;
    font-weight: 400;
}

.category-price-inputs span.seperator {}

.category-price-inputs button.btn {
    background-color: #F9572B;
    height: 45px;
    width: 45px;
    max-width: 45px;
    border-radius: 18px;
    color: #fff;
    border: unset;
    font-size: 22px;
}

.category-price-inputs button i {}

body .filter-price-wrap {}

body .filter-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}

body .filter-group-head .filter-group-title,
.category-of-main .pattern-group-body .row>.col-lg-3 .p-g-m-h-i-title {
    font-size: 18px;
    font-weight: 500;
    color: #323232;
}

body .filter-group-head .filter-group-toggle {
    font-size: 20px;
    color: #323232;
    line-height: 1;
}

body .filter-group-head .filter-group-toggle i {}

body .lag-checkbox span {
    border: 1px solid #a2a2a2;
}

body .lag-checkbox input:checked~span {
    background-color: #F9572B;
    border-color: #F9572B;
}

body .lag-checkbox label {
    padding-left: 25px;
}

body .lag-checkbox span:before {}

body .lag-checkbox span:after {}

.category-of-main .pattern-group-body .row>.col-lg-3 .buttons {
    gap: 20px;
    justify-content: flex-start;
    margin: 50px 0 0;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .buttons a {
    width: 45%;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .buttons a i {
    font-size: 20px;
    line-height: 1;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .buttons a.filter-clear {
    background-color: hsl(13deg 94% 57% / 9%);
    border-color: #F9572B;
    color: #F9572B;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .buttons a.filter-result {
    background-color: #F9572B;
    border-color: #F9572B;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .category-filter-list .list-wrap {}

.category-of-main .pattern-group-body .row>.col-lg-3 .category-filter-list .list-wrap .simplebar-track {
    position: relative;
    overflow: unset;
    right: unset;
    bottom: unset;
    width: auto;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content {
    padding: 0 !important;
    margin: 0 !important;
    overflow: unset !important;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content .simplebar-content {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: unset !important;
    overflow-y: unset !important;
}

.category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content .simplebar-content ul {}

.category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content .simplebar-content ul li {}

.product-actions-head {
    display: flex;
    height: 80px;
    gap: 20px;
    margin: 0 0 25px;
    width: fit-content;
    position: relative;
}

.product-actions-head .actions-item {}


.product-actions-head .actions-item.counter {}

.product-actions-head .actions-item .cs-counter {}

.product-actions-head .actions-item .cs-counter input {}

.product-actions-head .actions-item .cs-counter .cs-counter-wrap {}

.product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box {
    flex-direction: row;
}

.product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
    width: 60px;
    border-radius: 0 0 15px 15px;
}

.product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {}

.product-actions-head .actions-item .product-favourite {
    height: 100%;
    font-size: unset;
}

.product-actions-head .actions-item a {
    background-color: #fff;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEDED;
    border-top: unset;
    width: 60px;
    color: #737373;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    gap: 10px;
    border-radius: 0 0 15px 15px;
}

.product-actions-head .actions-item a.d-none {
    display: none !important;
}

.product-actions-head .actions-item a i {
    margin: 0;
    color: #F9572B;
    font-size: 24px;
}

.product-actions-head .actions-item a span {}

.cs-product-page {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
}

.cs-product-page .p-g-b-c-wrapper {}

.cs-product-page .p-g-b-c-wrapper .p-g-b-c-inner {}

.cs-product-page .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
    background-color: unset;
    border: unset;
}

.cs-product-page .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body {
    padding: 0;
}

body .product-profile-1 .product-label {}

body .product-profile-1 .product-label img {}

body .product-profile-1 .product-label.top-left {}

body .product-profile-1 .product-label.top-right {}

body .product-profile-1 .product-label.bottom-left {}

body .product-profile-1 .product-label.bottom-right {}

body .product-profile-1 .carousel .carousel-outer {
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    height: 100%;
}

body .product-profile-1 .carousel .carousel-outer .carousel-control-prev {
    left: 20px;
}

body .product-profile-1 .carousel .carousel-outer .carousel-control-next {
    right: 20px;
}

body .product-profile-1 .carousel .carousel-inner {
    border: unset;
}

body .product-profile-1 .carousel .carousel-inner a {}

body .product-profile-1 .carousel .carousel-inner img {}

body .product-profile-1 .carousel .carousel-indicators {
    padding: 20px 0;
}

body .product-profile-1 .carousel .carousel-indicators li {
    max-width: 100px;
    margin: 0 0 20px;
    border-color: #EAEAEA;
    opacity: 1;
    border-radius: 20px;
}

body .product-profile-1 .carousel .carousel-indicators li.active {}

body .product-profile-1 .carousel .carousel-indicators li.hide {}

body .product-profile-1 .carousel .carousel-indicators li img {
    border-radius: 21px;
}

body .product-profile-1 .carousel .carousel-control-next,
body .product-profile-1 .carousel .carousel-control-prev {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 100px;
}

body .product-profile-1 .carousel .carousel-control-next,
body .product-profile-1 .carousel .carousel-control-prev i {
    font-size: 14px;
    color: #F9572B;
}

body .product-profile-1 .video video {}

body .product-profile-info {}

body .product-profile-info li {
    margin: 0;
}

body .product-reviews {
    gap: 12px;
}

body .product-reviews .count {
    font-size: 13px;
    color: #F9572B;
    line-height: 1;
    font-weight: 500;
    margin: 2px 0 0;
}

body .product-reviews .stars {
    display: flex;
    align-items: center;
    gap: 4px;
}

body .product-reviews .stars .star {
    color: #CDCDCD;
    font-size: 13px;
}

body .product-reviews .stars .star i {}

body .product-profile-info .product-rate {}

.cs-product-page .pr-item {}

.cs-product-page .pr-item.product-rating {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 15px;
}

.cs-product-page .pr-item.product-rating .go-to-comments {
    background-color: rgb(249 87 43 / 9%);
    color: #F9572B;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 10px;
}

.cs-product-page .pr-item.product-heading {}

.cs-product-page .pr-item.product-heading a.brand {
    color: #f9572b;
    font-size: 16px;
    font-weight: 600;
}

.cs-product-page .pr-item.product-heading h1 {
    font-size: 22px;
    font-weight: 400;
    color: #323232;
    margin: 8px 0 0;
    border: unset;
}

.cs-product-page .pr-item.product-buttons {
    align-items: center;
    gap: 20px;
    margin: 50px 0 0;
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 30px;
}

.cs-product-page .pr-item.product-buttons .counter-cs {
    background-color: rgb(249 87 43 / 5%);
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
}

.cs-product-page .pr-item.product-buttons .counter-cs .cs-product-counter {
    height: fit-content;
}

.cs-product-page .pr-item.product-buttons .add-to-cart {
    font-size: 16px;
    height: 45px;
}

.cs-product-page .pr-item.product-buttons .add-to-cart img {
    width: 20px;
    height: 20px;
}

.cs-product-page .pr-item.product-buttons .counter-cs .cs-product-counter input {
    padding: 0;
}

.cs-product-page .pr-item.product-price {
    position: relative;
    width: fit-content;
    margin: 20px 0;
}

.cs-product-page .pr-item.product-price .price {
    width: fit-content;
    margin: 0;
}

.cs-product-page .pr-item.product-price .price del {
    font-size: 20px;
    line-height: 1;
}

.cs-product-page .pr-item.product-price .price .active-price {
    font-size: 26px;
    margin: 0 0 4px;
}

.cs-product-page .pr-item.product-price .discount {
    background-color: unset;
    color: #F9572B;
    position: absolute;
    right: -30px;
    transform: translate(130%, 0);
    bottom: 30px;
    width: fit-content;
    font-size: 16px;
    font-weight: 600;
    z-index: 99;
    padding: 0;
}

.cs-product-page .pr-item.product-price .discount::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 52.3125C13.0815 52.3125 12.6698 52.1572 12.3458 51.8603C11.799 51.3473 11.6573 50.544 11.988 49.8758L19.2038 35.4442H3.37501C2.80126 35.4442 2.26801 35.154 1.95751 34.6748C1.64701 34.1955 1.59976 33.5948 1.82926 33.0683L15.336 2.6865C15.606 2.079 16.2135 1.6875 16.875 1.6875H43.875C44.4825 1.6875 45.0428 2.0115 45.3465 2.54475C45.6435 3.07125 45.6368 3.726 45.3263 4.24575L40.2638 12.6833C39.7845 13.4797 38.745 13.743 37.9485 13.2638C37.152 12.7845 36.8888 11.745 37.368 10.9485L40.8983 5.06925H17.9753L5.97376 32.0625H21.9375C22.5248 32.0625 23.0648 32.3663 23.3753 32.8658C23.6858 33.3653 23.7128 33.9863 23.4495 34.506L17.5635 46.278L41.337 32.292C42.1403 31.8195 43.173 32.0895 43.6455 32.8927C44.118 33.696 43.848 34.7288 43.0448 35.2013L14.3573 52.0763C14.094 52.2315 13.797 52.3125 13.5 52.3125Z' fill='%23F9572B'/%3E%3C/svg%3E%0A");
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -20px;
    top: -12px;
}

.cs-product-page .pr-item.product-price span {
    font-family: "Sansita", sans-serif !important;
    font-style: italic;
    font-weight: 800;
}

.cs-product-page .pr-item.product-feature {
    margin: 50px 0 0;
}

.cs-product-page .pr-item.product-feature h2 {
    font-size: 22px;
    font-weight: 500;
    color: #323232;
    margin: 0 0 30px;
}

.cs-product-page .pr-item.product-feature .feature-list {}

.cs-product-page .pr-item.product-feature .feature-list .feature-item {
    background-color: #F9572B;
    color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    border-radius: 15px 0 0 15px;
    position: relative;
    font-weight: 400;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item::before {
    content: "";
    width: 1000%;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    background-color: #F9572B;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item:nth-child(even) {
    padding: 20px 15px;
    background-color: transparent;
    color: #323232;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item:nth-child(even)::before {
    display: none;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item .icon {}

.cs-product-page .pr-item.product-feature .feature-list .feature-item .icon img {
    width: 26px;
    height: 26px;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item span {}

.cs-product-page .pr-item.product-feature .feature-list .feature-item span.alert {
    padding: 0;
    font-size: inherit;
    margin: 0 0 0 5px;
    color: #F9572B;
}

.cs-product-page .pr-item.product-feature .feature-list .feature-item span strong {}

.cs-product-page .pr-item.product-installment {
    margin: 30px 0;
}

.cs-product-page .pr-item.product-installment .installment-box {
    background-color: rgb(249 87 43 / 7%);
    padding: 30px 30px 0;
    border-radius: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cs-product-page .pr-item.product-installment .installment-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cs-product-page .pr-item.product-installment .installment-box span {
    color: #323232;
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0 15px;
    display: block;
}

.cs-product-page .pr-item.product-installment .installment-box a {
    background-color: #f9572b;
    width: fit-content;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 15px;
    border-radius: 20px 20px 0 0;
}

.cs-product-page .pr-item.product-installment .installment-box a i {}

.social-share-special {
    position: absolute;
    left: 100%;
    margin: 0 0 0 20px;
    top: 50%;
    transform: translate(0, -50%);
    display: none;
}

.social-share-special .jssocials-shares {
    display: flex;
    align-items: center;
}

.social-share-special .jssocials-shares .jssocials-share {}

.social-share-special .jssocials-shares .jssocials-share .jssocials-share-link {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    padding: 10px;
}

.social-share-special .jssocials-shares .jssocials-share .jssocials-share-link i {
    font-size: 18px;
}

.cs-product-page .carousel.slide {
    height: 100%;
}

.cs-product-page .carousel.slide .row {
    height: 100%;
}

.cs-product-page .carousel.slide .row .col-md-10 {
    height: 100%;
}

body .product-customer-actions {
    display: none;
}

.cs-tab-product {
    margin: 50px 0 100px;
}

.cs-tab-product .pattern-group-body {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav {
    border: unset;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav {
    border: unset;
    justify-content: flex-start;
    gap: 50px;
    margin: 0 0 20px;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    margin: 0;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    padding: 0 !important;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link.active {
    color: #F9572B;
    font-weight: 500;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link span {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content {
    border: unset;
    background-color: #F7F7F7;
    padding: 30px;
    border-radius: 30px;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body {
    padding: 0;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .raw-content {
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 24px;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .raw-content h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    margin: 20px 0 10px;
    color: #323232;
}


.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment {}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment .description {
    background-color: rgb(249 87 43 / 6%);
    color: #F9572B;
    padding: 10px 15px;
    border-radius: 10px;
}

.cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment button {
    background-color: #F9572B;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
}

.cs-blog-page {
    background: linear-gradient(0deg, rgb(249 87 43 / 5%) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 0 20px 20px;
    padding: 40px 0;
    margin: 0 20px;
    border-top: 1px solid #F9572B;
}

.cs-blog-page .title-bread {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cs-blog-page-main {
    margin: 50px 0 0;
}

/*
.cs-blog-page-main .pattern-group-body > .row >.col-xl-3{
    display: none !important;
}

.cs-blog-page-main .pattern-group-body > .row >.col-xl-9{
    width: 100%;
    max-width: 100%;
}
*/
.cs-blog-page-main .p-g-b-c-wrapper {}

.cs-blog-page-main .p-g-b-c-wrapper .p-g-b-c-inner {}

.cs-blog-page-main .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {}

.cs-blog-page-main .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-header {
    border: unset;
    display: none;
}

.cs-blog-page-main .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-header .p-g-m-h-info {}

.cs-blog-page-main .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {}

body .p-g-m-h-i-title {}

.cs-blog-detail-page {
    border-top: 1px solid #e0e0e0;
    position: relative;
}

.cs-blog-detail-page.pattern-group .p-g-mod .p-g-mod-header {
    border: unset;
    padding: 30px 15px 0;
    height: auto;
}

.cs-blog-detail-page.pattern-group .p-g-mod .p-g-mod-body {}

.cs-blog-detail-page.pattern-group .p-g-mod .p-g-mod-body .date {
    width: fit-content;
    background-color: #f9572b12;
    padding: 10px;
    border-radius: 10px;
    color: #F9572B;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 20px;
}

.cs-blog-detail-page.pattern-group .p-g-mod .p-g-mod-body .date i {
    font-size: 17px;
    line-height: 1;
    position: relative;
    top: -1px;
}

.cs-blog-detail-page.pattern-group .social-share {
    border: unset !important;
}

.cs-blog-detail-page.pattern-group .social-share .jssocials-shares {}

.cs-blog-detail-page.pattern-group .social-share .jssocials-shares .jssocials-share {}

.cs-blog-detail-page.pattern-group .social-share .jssocials-shares .jssocials-share a {
    font-size: 12px;
    border-radius: 10px;
}

.cs-blog-detail-page.pattern-group .p-g-mod .image {
    width: 50%;
}

.cs-blog-detail-page.pattern-group .p-g-mod .image img {
    border-radius: 30px;
}

body .cs-blog-detail-page.pattern-group .p-g-mod {
    border: unset;
}

body .cs-static {
    margin: 60px 0;
}

body .cs-static .p-g-mod {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 30px;
}

body .cs-static .p-g-mod .p-g-mod-header {
    border: unset;
    height: unset;
    padding: unset;
}

body .cs-static .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 20px;
    color: #F9572B;
    margin-bottom: 25px;
}

body .cs-static .p-g-mod .p-g-mod-body {
    padding: unset;
}

body .cs-static .p-g-mod .p-g-mod-body .list-menu {}

body .cs-static .p-g-mod .p-g-mod-body .list-menu a {
    background-color: #FDF1EE;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #F9572B;
}

body .cs-static .p-g-mod .p-g-mod-body .list-menu a:not(:last-child) {
    margin-bottom: 15px;
}

body .cs-static .p-g-mod .p-g-mod-body .list-menu a:hover {
    background-color: #F9572B;
    border-color: #F9572B;
    color: #fff;
}

body .cs-static .p-g-mod .p-g-mod-body .order-detail-form {}

body .cs-static .p-g-mod .p-g-mod-body .order-detail-form label {
    font-size: 14px;
    font-weight: 500;
    color: #323232;
}

body .cs-static .p-g-mod .p-g-mod-body input,
.p-g-mod-body select {
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
}

body .cs-static .p-g-mod .p-g-mod-body input,
.p-g-mod-body select:focus {
    border: 1px solid #E9E9E9 !important;
}

body .cs-static .p-g-mod .p-g-mod-body .btn.btn-success {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
}

body .cs-static .p-g-mod .p-g-mod-body .table-responsive {
    border: 1px solid #e0e0e0;
    border-width: 1px;
}

body .cs-static .p-g-mod .p-g-mod-body .table-responsive table {
    border: unset;
}

body .cs-static .p-g-mod .p-g-mod-body .table-responsive table thead {
    border: unset;
}

body .cs-static .p-g-mod .p-g-mod-body .table-responsive table thead tr {
    border: unset;
}

body .cs-static .p-g-mod .p-g-mod-body .table-responsive table thead tr th {
    padding: 10px;
    border-color: #e0e0e0;
    border-width: 1px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    box-shadow: unset;
}

body .owl-wrapper .owl-single-button {
    border: 1px solid #e0e0e0;
    box-shadow: unset;
}

body .owl-wrapper .owl-single-button button {}

body .owl-wrapper .owl-single-button button i {
    font-size: 18px;
    color: #323232;
}

body .cs-help {}

body .cs-help .p-g-mod.p-g-mod-trans {
    margin: 0 20px;
}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body {
    background: #F9572B;
    background: linear-gradient(0deg, rgb(249 87 43 / 5%) 0%, rgba(255, 255, 255, 0) 100%);
    height: 400px;
    border-radius: 0 0 20px 20px;
    margin: unset;
}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper {}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .title {
    font-size: 24px;
    color: #323232;
    margin-bottom: 20px;
}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper form {
    box-shadow: unset;
    border-radius: 20px;
}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .input-box {}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .input-box input {
    border: 1px solid #E9E9E9;
    height: 60px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #CACACA;
}

body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .btn-send {
    background-color: #F9572B;
    font-size: 16px;
}

.cs-main-help {
    margin: 60px 0;
}

.cs-main-help .p-g-mod.p-g-mod-trans .p-g-m-h-info {
    border-color: #e0e0e0;
}

.cs-main-help .p-g-mod.p-g-mod-trans .p-g-m-h-info .p-g-m-h-i-title {
    margin-bottom: 20px;
}

body.e404-body {
    background: url();
}

.cs-404 {
    margin: 60px 0;
}

.cs-404 .e404-page-type-1 {}

.cs-404 .e404-page-type-1 .e404-pic {
    object-fit: contain;
    width: max-content;
    border-color: #e0e0e0;
}

.cs-404 .e404-page-type-1 .e404-title {
    font-size: 24px;
    font-weight: 500;
    color: #323232;
    margin: 20px 0 0 0;
}

.cs-404 .e404-page-type-1 .e404-description {
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    margin: 10px 0;
}

.cs-404 .e404-page-type-1 .e404-btn {
    background-color: #F9572B;
    border-radius: 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 10px 0;
    box-shadow: unset;
}

body .cs-member {
    margin: 60px 0;
}

body .cs-member .p-g-mod {
    margin: 60px 0 0;
    border: unset;
    background-color: #fff;
    border-radius: 30px;
    padding: 40px;
}

body .cs-member .p-g-mod .p-g-mod-header {
    border: unset;
    padding: unset;
    height: unset;
}

body .cs-member .p-g-mod .p-g-mod-header .p-g-m-h-info {
    margin-bottom: 20px;
}

body .cs-member .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 20px;
}

body .cs-member .p-g-mod .p-g-mod-body {
    padding: unset;
}

body .cs-member .p-g-mod .p-g-mod-body input.form-control {
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    height: 55px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 300;
    color: #CACACA;
}

body .cs-member .p-g-mod .p-g-mod-body input.form-control:focus {
    border: 1px solid #E9E9E9 !important;
}

body .cs-member .p-g-mod .p-g-mod-body label {
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    margin-bottom: 5px;
}

body .cs-member .p-g-mod .p-g-mod-body .btn-success {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 15px;
    width: 200px;
    height: 50px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 40px;
}

body .cs-member .p-g-mod .p-g-mod-body .register_description {
    margin-bottom: 20px;
}

body .cs-member .p-g-mod .p-g-mod-body .register_description .alert {
    background-color: #ca450024;
    border-color: #CA4500;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #CA4500;
    margin-bottom: unset;
    padding: 10px 15px;
}

body .cs-member .p-g-mod .p-g-mod-body .iti {}

body .cs-member .p-g-mod .p-g-mod-body .iti .iti__flag-container {}

body .cs-member .p-g-mod .p-g-mod-body .iti .iti__flag-container .iti__selected-flag {
    padding: 0 15px;
}

body .cs-member .p-g-mod .p-g-mod-body .iti input {
    padding-left: 60px;
}

body .cs-member .p-g-mod .p-g-mod-body input.ibutton[type=checkbox] {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    appearance: unset;
    cursor: pointer;
}

body .cs-member .p-g-mod .p-g-mod-body input.ibutton[type=checkbox]:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

body .cs-member .p-g-mod .p-g-mod-body input.ibutton[type=checkbox]:checked::before {
    border: 1px solid #F9572B;
    background-color: #F9572B;
}

body .cs-payment-steps {
    margin: 60px 0 0;
}

body .cs-payment-steps .payment-steps-1 {}

body .cs-payment-steps .payment-steps-1 .step {
    color: #323232;
}

body .cs-payment-steps .payment-steps-1 .step.completed:before {
    background-color: #FDF1EE;
}

body .cs-payment-steps .payment-steps-1 .step.completed:after {
    background-color: #FDF1EE;
}

body .cs-payment-steps .payment-steps-1 .step:before {
    background-color: #FDF1EE;
}

body .cs-payment-steps .payment-steps-1 .step:after {
    background-color: #FDF1EE;
}

body .cs-payment-steps .payment-steps-1 .step.active {}

body .cs-payment-steps .payment-steps-1 .step.active:before {
    background-color: #FDF1EE;
}

body .cs-payment-steps .payment-steps-1 .step .circle {
    background-color: #FDF1EE;
    border: 2px solid #F9572B;
    font-size: 14px;
    color: #F9572B;
}

body .cs-payment-steps .payment-steps-1 .step.active .circle {
    background-color: #F9572B;
    color: #fff;
}

body .cs-payment {
    margin: 60px 0;
}

body .cs-payment .p-g-mod-base-content {
    background-color: #fff;
    border-color: #e0e0e0;
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-header {
    border: unset;
    padding: unset;
    height: fit-content;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info {
    margin-bottom: 20px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 16px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title i {
    font-size: 18px;
    color: #F9572B;
    margin-right: 10px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body {
    padding: unset;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body label {
    font-size: 12px;
    font-weight: 400;
    color: #323232;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body input.form-control {
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body input.form-control:focus {
    border: 1px solid #E9E9E9 !important;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti {}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti input {
    padding-left: 55px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti .iti__flag-container {}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti .iti__flag-container .iti__selected-flag {
    padding: 0 15px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info-description {
    background-color: unset;
    border-radius: unset;
    padding: unset;
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info-description input#orderInputInvoice {
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    appearance: unset;
    cursor: pointer;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info-description input#orderInputInvoice:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info-description input#orderInputInvoice:checked::before {
    border: 1px solid #F9572B;
    background-color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info-description label {
    margin: unset;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body textarea.form-control {
    border: 1px solid #E9E9E9;
    border-radius: 15px;
    height: 100px;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body textarea.form-control:focus {
    border: 1px solid #E9E9E9 !important;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info {}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check {
    margin: unset !important;
    padding: unset;
    display: flex;
    align-items: center;
    gap: 10px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check input {
    float: unset;
    margin: unset;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    appearance: unset;
    cursor: pointer;
    border-radius: 5px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check input:focus {
    border: unset;
    box-shadow: unset;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check input:checked {
    background-color: #F9572B;
    border-color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check input:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check input:checked:before {
    border: 1px solid #F9572B;
    background-color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .p-g-mod-body .invoice-info .invoice-type .form-check label {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list-button {
    padding: 10px 0 0;
    color: #323232;
    display: flex;
    align-items: center;
    gap: 5px;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list-button i {
    font-size: 12px;
    color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list-button span {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list .table {
    border-bottom: unset;
    margin-bottom: 20px;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list .table tr {
    border-bottom: 1px solid #e0e0e0;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list .table tr th {
    font-size: 12px;
    color: #323232;
    padding: 10px 0;
    box-shadow: unset;
    border: unset;
    border-color: #e0e0e0;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .p-list .table tr td {
    padding: 10px 0;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .table.summary {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .table.summary tr {}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .table.summary tr th {
    padding: 10px 0;
    font-size: 12px;
}

body .cs-payment .p-g-mod-base-content .payment-cart-summary-1 .table.summary tr th .final {
    font-size: 14px;
    color: #02BB24;
}

body .cs-payment .p-g-mod.p-g-mod-trans {}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-final-buttons-1 {}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-final-buttons-1 button {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 15px;
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 14px;
}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-final-buttons-1 button i {
    margin-left: 10px;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 {
    font-size: 12px;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs {
    background-color: unset;
    padding: unset;
    height: fit-content;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs .nav-item {}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs .nav-item .nav-link {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #F9572B;
    border-color: #F9572B;
    color: #fff;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form {
    padding: 20px 0;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .alert.alert-success {
    background-color: #DBF3DF;
    border: 1px solid #02BB24;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #02BB24;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .table-responsive {}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .table-responsive table {}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .table-responsive table tr {}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .table-responsive table tr th {
    padding: 10px 0;
    border-color: #e0e0e0;
    font-size: 12px;
    font-weight: 400;
    color: #323232;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-width: 1px;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .alert.alert-light {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #323232;
}

body .cs-payment .p-g-mod-base-content .payment-form-group-1 .tab-content .payment-method-form .alert.alert-light a {}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 {
    font-size: 12px;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: unset;
    padding: unset;
    min-height: fit-content;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check:not(:last-child) {
    margin-bottom: 10px;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check input {
    float: unset;
    margin: unset;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    appearance: unset;
    cursor: pointer;
    border-radius: 5px;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check input:checked {
    background-color: #F9572B;
    border-color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check input:focus {
    box-shadow: unset;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check input:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffff;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check input:checked:before {
    background-color: #F9572B;
    border-color: #F9572B;
}

body .cs-payment .p-g-mod-base-content .payment-agreement-checbox-1 .form-check label {
    margin: unset !important;
}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-control-buttons-1 {}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-control-buttons-1 a {
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    width: max-content;
    margin: 0 auto;
}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-control-buttons-1 a:hover {
    background-color: unset;
    border: unset;
    color: #F9572B;
}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-control-buttons-1 a:hover i {
    color: #F9572B;
}

body .cs-payment .p-g-mod.p-g-mod-trans .payment-control-buttons-1 a i {
    font-size: 12px;
    color: #323232;
}

body .cs-empty-basket {
    margin: 60px 0;
}

body .cs-empty-basket .p-g-mod {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
}

body .cs-empty-basket .p-g-mod .p-g-mod-body {
    padding: unset;
}

body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert {}

body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert h6 {
    font-size: 20px;
    font-weight: 500;
    color: #323232;
    margin-bottom: 15px;
}

body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert span {
    font-size: 14px;
    font-weight: 400;
    color: #323232;
}

body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a {
    background-color: #F9572B;
    border-color: #F9572B;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    font-size: 14px;
    color: #fff;
}

body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a i {
    font-size: 14px;
    color: #fff;
}

body .cs-order-completed {
    margin: 60px 0;
}

body .cs-order-completed .p-g-mod {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body {
    padding: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert {
    min-height: 400px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .check-icon {
    font-size: 50px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .bg-dark {
    background-color: #F9572B !important;
    border-radius: 10px;
    padding: 0 20px !important;
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert p {
    font-size: 14px !important;
    font-weight: 400;
    color: #323232;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert div {
    font-size: 14px !important;
    font-weight: 500;
    color: #323232;
}

body .cs-order-completed .p-g-mod .p-g-mod-header {
    border: unset;
    padding: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-header .p-g-m-h-info {
    margin-bottom: 20px;
}

body .cs-order-completed .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 20px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table {
    border: unset;
    border-color: #fff;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product {
    padding: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product {
    align-items: center;
    gap: 20px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product .image {
    margin: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product .image a {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product .image a img {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product .p-info {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .td-product .product .p-info a {
    font-size: 14px;
    color: #323232;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table td {
    padding: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info {
    min-width: fit-content;
    justify-content: space-between;
    height: 100px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .price {
    margin: unset;
    flex: unset;
    gap: 10px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .price>div {
    font-size: 14px;
    font-weight: 500;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .final-price {
    font-size: 18px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .final-price .old-price {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom {
    margin: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .row {
    margin: unset;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info .title {
    font-size: 16px;
    margin-bottom: 15px;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info .item {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info .item span {
    font-size: 14px;
    font-weight: 500;
    color: #323232;
}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .table-footer {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .table-footer .table {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .table-footer .table tr {}

body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .table-footer .table tr th {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #323232;
}

body .cs-forgot-password {
    margin: 60px 0;
}

body .cs-forgot-password .p-g-mod-base-content {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 30px;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-header {
    padding: unset;
    border: unset;
    height: unset;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info {}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 20px;
    margin-bottom: 20px;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body {
    padding: unset;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body input {
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    height: 45px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 300;
    color: #323232;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body input:focus {
    border: 1px solid #E9E9E9 !important;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body label {
    font-size: 12px;
    font-weight: 400;
    color: #323232;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body .btn-success {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 20px;
    width: max-content;
    height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right {}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle {
    font-size: 14px;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle h4 {
    font-size: 20px;
    font-weight: 500;
    color: #323232;
}

body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle a {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 20px;
    width: max-content;
    height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
}

body .cs-contact {
    margin: 60px 0;
}

body .cs-contact .p-g-mod {
    background-color: unset;
    border: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body {
    padding: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container {
    padding: unset !important;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper {
    background-color: #FBEEEA;
    padding: 30px;
    height: fit-content;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper h3 {
    font-size: 16px;
    font-weight: 500;
    color: #F9572B;
    margin-bottom: 30px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item {
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: unset;
    margin: 15px 0;
    gap: 10px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item.background {
    background-color: #fff;
    padding: 10px 0;
    position: relative;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item.background:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #fff;
    border-radius: 0 20px 20px 0;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item.background:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .icon {
    background-color: #F9572B;
    border-radius: 15px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    margin: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .icon img {
    width: 20px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .text {
    font-size: 14px;
    color: #323232;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .text a {}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons a {
    margin: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons a img {
    width: 24px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper {
    background-color: unset;
    padding: unset;
    box-shadow: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper h6 {
    font-size: 24px;
    font-weight: 500;
    color: #323232;
    text-align: end;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper p {
    font-size: 14px;
    font-weight: 300;
    color: #323232;
    text-align: end;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-label {}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper {}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper img {
    width: 24px;
    position: absolute;
    left: 10px;
    top: 15px;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper input {
    border-radius: 15px;
    height: 55px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #CACACA;
    padding-left: 50px;
    border: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper textarea {
    border-radius: 15px;
    height: 120px;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #CACACA;
    padding-left: 50px;
    border: unset;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder {
    background-color: #F9572B;
    border-color: #F9572B;
    border-radius: 15px;
    width: 200px;
    height: 50px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder img {
    margin-left: 5px;
    width: 20px;
}

body.product-body {
    overflow: hidden;
}

.swal-overlay {
    background-color: #ffffff26;
    backdrop-filter: blur(2px);
}

.swal-overlay:before {}

.swal-overlay .swal-modal {
    border: 1px solid #F9572B;
    background-color: #FBECE8 !important;
}

.swal-overlay .swal-modal .swal-icon {}

.swal-overlay .swal-modal .swal-icon:first-child {
    margin-top: 30px;
}

.swal-overlay .swal-modal .swal-icon.swal-icon--success {}

.swal-overlay .swal-modal .swal-icon.swal-icon--success:before {
    background-color: #FBECE8;
}

.swal-overlay .swal-modal .swal-icon.swal-icon--success:after {
    background-color: #FBECE8;
}

.swal-overlay .swal-modal .swal-icon.swal-icon--success .swal-icon--success__ring {
    background: #F9572B;
    border-color: #fff;
}

.swal-overlay .swal-modal .swal-icon.swal-icon--success span {}

.swal-overlay .swal-modal .swal-icon.swal-icon--error {
    background: #F9572B;
    border-color: #fff;
}

.swal-overlay .swal-modal .swal-icon .swal-icon--error__x-mark {}

.swal-overlay .swal-modal .swal-icon .swal-icon--error__x-mark span {}

.swal-overlay .swal-modal .swal-title {
    color: #323232;
    margin-top: 10px !important;
}

.swal-overlay .swal-modal .swal-text {
    color: #323232 !important;
}

.swal-overlay .swal-modal .swal-footer {
    background-color: #fff !important;
    border-top: 1px solid #F9572B;
    margin: 20px 0 0;
}

.swal-overlay .swal-modal .swal-footer .swal-button-container {}

.swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button {
    background-color: #02BB24;
}

.swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button.swal-button--confirm {
    background-color: #F9572B;
}

.swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button .swal-button__loader {}