@import url(external/euclid.css);

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li input {
    display: none
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label {
    text-transform: none
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label:before {
    content: "";
    width: 21px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 4px
}

body {
    font-family: 'Euclid Circular A', sans-serif
}

:root {
    --body-bg: #ffffff;
    --menu-bg-color: #ffffff;
    --menu-color: #000000;
    --menu-color-hover: #000000;
    --main-color: #000000;
    --main-color2: #d94132;
    --header-top-color: #666666;
    --header-top-color-hover: #000000;
    --add-cart-list: #ffffff;
    --add-cart-list-hover: #ffffff;
    --add-cart-list-bg: #000000;
    --add-cart-list-bg-hover: #000000;
    --buy-now: #000000;
    --buy-now-bg: #f4f4f5;
    --buy-now-hover: #000000;
    --buy-now-bg-hover: #e8e8e8;
    --add-cart-detail: #ffffff;
    --add-cart-detail-bg: #000000;
    --add-cart-detail-hover: #ffffff;
    --add-cart-detail-bg-hover: #4f4f4f;
    --complete-payment: #ffffff;
    --complete-payment-bg: #030303;
    --complete-payment-hover: #ffffff;
    --complete-payment-bg-hover: #000000;
    --transition-time: .4s ease-out;
    --main-color: #007bff
}

.preview-mode-toolbar {
    display: none
}

.sidebar-menu-type-2.what-a-menu {
    z-index: 1049;
    padding-top: 0;
    padding-bottom: 80px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll
}

.wam-top-side {
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #f4f4f4
}

.wam-top-side .left,
.wam-top-side .right {
    flex: 0 0 50%
}

.wam-top-side .left {
    display: flex;
    align-items: center;
    padding-left: 16px;
    gap: 10px
}

.wam-top-side .left button {
    outline: 0;
    background: 0 0;
    border: 0;
    padding: 0
}

.wam-top-side .left .logo-block img {
    max-height: 18px
}

.wam-top-side .right {
    display: flex;
    justify-content: flex-end
}

.wam-top-side .right .app-infos,
.wam-top-side .right .app-infos:focus {
    display: flex;
    align-items: center;
    border-left: 1px solid #f4f4f4;
    padding: 0 10px;
    border-right: 1px solid #f4f4f4;
    gap: 10px;
    background: #fff;
    border-top: 0;
    border-bottom: 0;
    outline: 0;
    z-index: 9;
    cursor: pointer
}

.wam-top-side .right .app-infos .text-area {
    color: #040404;
    font-size: 9px;
    font-weight: 500;
    line-height: normal
}

.wam-top-side .right .app-infos .text-area span {
    color: #a1a1a1;
    font-size: 8px;
    font-weight: 300
}

.wam-top-side .right .qk-app-campaign-bell {
    margin: 0 !important
}

.wam-top-side .right .qk-app-campaign-bell .campaign-icon .count {
    top: 2px;
    right: 3px;
    font-size: 11px;
    width: 16px;
    height: 16px
}

.wam-search section.mobile-search {
    background: #fff;
    padding: 0;
    margin: 15px;
    border-radius: 0
}

.wam-search form {
    position: relative
}

.wam-search .input-box {
    width: 100% !important
}

.wam-search form input {
    border: 1px solid #575757;
    background: #fff;
    padding-left: 14px;
    width: 100%;
    height: 46px;
    color: #181818;
    font-size: 11px
}

.wam-search button {
    height: 46px !important;
    top: 0 !important;
    right: 15px !important;
    left: unset !important;
    bottom: 0;
    z-index: 9 !important
}

.wam-search form input:focus {
    border-color: #000 !important;
    border: 0;
    border-bottom: 1px solid
}

.wam-tabs-btn-side {
    display: flex;
    margin: 7px 15px 15px;
    justify-content: space-between
}

.wam-tabs-btn-side button.tablinks,
.wam-tabs-btn-side button.tablinks:focus {
    color: #a1a1a1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 0;
    border-bottom: 1px solid transparent;
    background: #fff;
    padding: 10px;
    box-shadow: unset;
    outline: 0;
    position: relative
}

.wam-tabs-btn-side button.tablinks:nth-child(2)::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #dc2e2e;
    position: absolute;
    border-radius: 100%;
    right: 0;
    animation: 2s infinite pulse-animation
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(255 0 0 / 20%)
    }
    100% {
        box-shadow: 0 0 0 10px rgb(255 255 255 / 0%)
    }
}

.wam-tabs-btn-side button.tablinks.active::after {
    display: none
}

.wam-tabs-btn-side button.tablinks.active {
    border-color: #000;
    color: #000
}

.wam-bottom-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 15px
}

.wam-bot-title {
    color: #161616;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.wam-bottom-side .content-items {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.wam-bottom-side .content-items .items {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 12px;
    color: #575757
}

.wam-tabs-content-side {
    transition: opacity .3s, transform 1s
}

.wam-tabs-content-side .tabcontent {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity .8s, transform .8s;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none
}

.wam-tabs-content-side .tabcontent.active {
    opacity: 1;
    transform: translateX(0);
    display: block;
    position: relative
}

.wam-tabs-content-side .tabcontent.from-bottom {
    transform: translateY(100%);
    opacity: 0;
    z-index: 0;
    transition: opacity .8s, transform .8s
}

.wam-tabs-content-side .tabcontent.from-bottom.active {
    transform: translateY(0);
    opacity: 1;
    display: block;
    position: relative
}

.wam-overlfow {
    margin: 0 15px;
    overflow-x: auto;
    padding-bottom: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.wam-overlfow::-webkit-scrollbar {
    display: none
}

.wam-overlfow .collection {
    display: flex;
    overflow: auto;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap
}

.wam-overlfow .collection a {
    width: 50%
}

.wam-overlfow .collection .collection-items {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    max-width: 320px;
    margin-right: 1px
}

.wam-overlfow .collection .collection-items::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 59px;
    background: linear-gradient(360deg, #00000078, transparent)
}

.wam-overlfow .collection-items .text {
    position: absolute;
    bottom: 15px;
    z-index: 2;
    color: #fff;
    font-size: 12px
}

.wam-highlights {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.wam-highlights .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    color: #575757;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 50%, rgba(255, 255, 255, 1) 100%) 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.wam-highlights .items .right {
    display: flex;
    gap: 20px;
    align-items: center
}

.wam-highlights .items .right .news {
    border-radius: 1px;
    background: #dc2e2e;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: normal;
    padding: 3px 7px
}

.wam-categories-side {
    margin: 0 1px;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.wam-cat-block {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.wam-cat-acco .items {
    display: flex;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 28px;
    height: 90px
}

.wam-cat-acco .items img.cat-img {
    max-width: 60px;
    margin-bottom: 0
}

.wam-cat-acco .items .name-desc {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.28px
}

.wam-cat-acco .items .name-desc .description {
    color: #a1a1a1;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -.22px;
    margin-top: 6px
}

.wam-cat-acco .items .cat-href {
    display: none;
    font-size: 10px;
    font-weight: 300;
    line-height: normal
}

.wam-cat-acco .items .cat-href a {
    color: #a1a1a1
}

.wam-cat-acco .sub-cat-side .item {
    background: #fff;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 50%, rgba(255, 255, 255, 1) 100%) 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-bottom: 10px;
    padding: 15px;
    box-shadow: none
}

.wam-cat-acco .sub-cat-side .item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #575757;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 0 16px
}

.wam-cat-acco .sub-cat-side {
    flex-direction: column;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 5s, opacity 1s
}

.wam-cat-acco .sub-cat-side.active {
    opacity: 1;
    height: auto;
    max-height: 100%
}

.wam-cat-items.diff .items {
    background: #dc2e2e;
    border-color: #dc2e2e;
    position: relative
}

.wam-cat-items.diff .items .name-desc {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal
}

.wam-cat-items.diff .items .description {
    color: #fff;
    font-size: 10px
}

.wam-cat-items.diff .items .wam-badge {
    position: absolute;
    top: 11px;
    right: -2px;
    border-radius: 1.55px 0 0 1.55px;
    background: #fff;
    color: #dc2e2e;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    padding: 4px 10px
}

.wam-cat-acco .items.active {
    margin-bottom: 10px;
    height: 50px
}

.wam-cat-acco .items.active img.cat-img {
    display: none
}

.wam-cat-acco .items.active .cat-href {
    display: block
}

.wam-search-side {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 28px
}

.wam-search-side .bot,
.wam-search-side .top {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.wam-search-side .top .fast-search-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px
}

.wam-search-side .top .fast-search-block .items {
    border: 1px solid #a1a1a1;
    background: #fff;
    color: #a1a1a1;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px
}

.wam-search-side .ss-title {
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    line-height: normal
}

.wam-search-side .bot .fast-product {
    display: flex;
    flex-wrap: wrap
}

.wam-search-side .bot .fast-product .item {
    flex: 0 0 33.33%
}

.mobile-search form input:focus,
.mobile-search form input:hover {
    border-color: #000 !important;
    border: 0;
    border-bottom: 1px solid
}

.wam-bell .campaign-icon {
    width: 45px !important
}

.wam-bell.user-letters .qk-app-campaign-bell .campaign-gifts {
    bottom: unset !important;
    top: 50px !important;
    right: 0 !important;
    left: unset !important;
    box-shadow: unset !important;
    z-index: 9999 !important;
    border: 1px solid #e2e2e2
}

.wam-search .wam-search-noclick {
    display: block;
    padding: 0 15px;
    margin-top: 15px
}

.wam-search section.mobile-search form,
.wam-search.active .wam-search-noclick {
    display: none
}

.wam-search.active section.mobile-search form {
    display: block
}

.wam-search .wam-search-noclick .sides {
    border: 1px solid #575757;
    background: #fff;
    padding-left: 14px;
    width: 100%;
    height: 46px;
    color: #a1a1a1;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 14px
}

.wam-bell.user-letters .qk-app-campaign-bell .campaign-gifts .title {
    background: #fff !important;
    border: 0 !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #f4f4f4 !important
}

.wam-bell.user-letters .qk-app-campaign-bell .campaign-gifts .item {
    font-size: 12px !important;
    font-weight: 400;
    padding: 12px 16px !important;
    border-bottom: 1px solid #f4f4f4 !important;
    color: #575757 !important
}

.wam-cat-acco .items.active .description {
    display: none
}

.wam-app-pop {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #f4f4f4
}

.wam-app-pop.active {
    display: block;
    z-index: 1041
}

.wam-app-pop .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    margin: auto;
    padding: 24px 0 20px;
    gap: 8px;
    position: relative
}

.wam-app-pop .top .titles {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.32px
}

.wam-app-pop .top .titles b {
    font-weight: 500
}

.wam-app-pop .top .description {
    color: #575757;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.1px
}

.wam-app-pop .bot {
    display: flex;
    border-top: 1px solid #f4f4f4;
    flex-wrap: nowrap
}

.wam-app-pop .bot a {
    height: 100%;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #575757;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    gap: 8px;
    width: 100%
}

.wam-app-pop .bot a:first-child {
    border-right: 1px solid #f4f4f4
}

.wam-app-pop .bot img {
    max-width: 150px
}

.wam-app-pop .top button {
    background: #fff;
    border: 0;
    outline: 0;
    position: absolute;
    right: -44px;
    top: 14px
}

.wam-app-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1040;
    display: none
}

.wam-app-backdrop.active {
    display: block;
    animation: .3s fadeIn
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.wam-search section.mobile-search ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px 0;
    border: 0
}

.wam-search section.mobile-search ul li {
    flex: 0 0 33.3%;
    border: 0;
    padding: .5px
}

.wam-search section.mobile-search ul li .spsi-item {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    word-break: auto-phrase
}

.wam-search section.mobile-search .spsi-item img {
    height: unset;
    margin-right: 0;
    width: 100%
}

.wam-cat-acco .items.active .wam-badge {
    display: none
}

.wam-cat-items.diff .items.active .cat-href a {
    color: #fff
}

.wam-bottom-side .content-items .items .icon {
    width: 100%;
    max-width: 30px
}

.wam-bottom-side .content-items .items .icon svg {
    width: 22px;
    height: 100%
}

img,
table {
    max-width: 100%
}

img.img-auto {
    height: auto;
    width: auto
}

.cursor-pointer {
    cursor: pointer
}

.width-auto {
    width: auto
}

.btn-white {
    background-color: #fff;
    border-color: #777
}

.btn-white.focus,
.btn-white:focus,
.btn-white:hover {
    background-color: #777;
    color: #fff
}

[data-toggle=tooltip] {
    position: relative
}

[data-toggle=tooltip]:after {
    background-color: #333;
    border-radius: 6px;
    color: #fff;
    content: attr(title);
    min-width: 150px;
    padding: 3px;
    text-align: center;
    top: calc(100% + 10px);
    width: calc(100% + 50px);
    z-index: 1
}

[data-toggle=tooltip]:after,
[data-toggle=tooltip]:before {
    display: none;
    opacity: 0;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    transition: opacity .3s
}

[data-toggle=tooltip]:before {
    border: 5px solid transparent;
    border-bottom-color: #333;
    content: "";
    top: 100%
}

[data-toggle=tooltip]:hover:after,
[data-toggle=tooltip]:hover:before {
    display: block;
    opacity: 1
}

.line-through {
    text-decoration: line-through
}

.w-30 {
    width: 30%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.font-weight-500 {
    font-weight: 500 !important
}

.height-75 {
    height: 75px !important
}

.height-100 {
    height: 100px !important
}

.height-150 {
    height: 150px !important
}

.resize-none {
    resize: none
}

.word-break-all {
    word-break: break-all
}

.btn-secondary-2 {
    background: #eee
}

.btn-secondary-2:hover {
    background: #d4d4d4
}

.swal-button:focus {
    box-shadow: none
}

.alert {
    font-size: 14px;
    font-weight: 500
}

.modal-xlg {
    max-width: calc(100vw - 1rem);
    width: 1100px
}

.modal-footer .buttons .btn {
    font-size: 14px;
    font-weight: 500
}

.modal-body iframe {
    border: none;
    display: block;
    height: 50vh;
    overflow: auto;
    width: 100%
}

.btn:focus,
.form-control:focus {
    box-shadow: none !important
}

.form-control:focus {
    border-color: #333 !important
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-cs-10,
.col-cs-11,
.col-cs-5,
.col-cs-7,
.col-cs-8,
.col-cs-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-lg-cs-10,
.col-lg-cs-11,
.col-lg-cs-5,
.col-lg-cs-7,
.col-lg-cs-8,
.col-lg-cs-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-md-cs-10,
.col-md-cs-11,
.col-md-cs-5,
.col-md-cs-7,
.col-md-cs-8,
.col-md-cs-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-sm-cs-10,
.col-sm-cs-11,
.col-sm-cs-5,
.col-sm-cs-7,
.col-sm-cs-8,
.col-sm-cs-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xl-cs-10,
.col-xl-cs-11,
.col-xl-cs-5,
.col-xl-cs-7,
.col-xl-cs-8,
.col-xl-cs-9 {
    padding-left: 10px;
    padding-right: 10px
}

.col-list-p-0 {
    padding: 0
}

.col-list-p-v-1 {
    padding-bottom: 10px;
    padding-top: 10px
}

.col-list-p-h-1 {
    padding-left: 10px;
    padding-right: 10px
}

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

.container-full,
.no-container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.container-full .row,
.no-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.container-full .container .row,
.container-full .row .row,
.no-container .container .row,
.no-container .row .row {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.hidden-scroll {
    overflow: hidden !important;
    position: relative !important
}

.page a,
.page a:hover {
    color: var(--main-color)
}

.page.active a {
    background: var(--main-color);
    border-color: var(--main-color)
}

.page a:focus {
    box-shadow: none
}

.page a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.easy-autocomplete-container {
    z-index: 9999
}

.easy-autocomplete .spsi-item {
    align-items: center;
    display: flex;
    font-size: 13px
}

.easy-autocomplete .spsi-item img {
    height: 50px;
    margin-right: 10px
}

.q-form-group .multiple {
    align-items: center;
    display: flex;
    justify-content: center
}

.q-form-group label {
    color: #333;
    display: flex;
    font-size: 14px;
    height: 23px;
    margin-bottom: 5px
}

.q-form-group label.solid {
    font-weight: 500
}

.q-form-group label.font-size-sm {
    font-size: 13px
}

.q-form-group label.font-size-lg {
    font-size: 15px
}

.q-form-group .form-control {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    color: #222;
    font-size: 14px;
    height: 45px;
    padding: .375rem .75rem
}

.q-form-group div.form-control {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: flex-start
}

.q-form-group div.form-control .form-control-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.q-form-group .select-wrapper {
    position: relative
}

.q-form-group .select-wrapper select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px
}

.q-form-group .select-wrapper:after {
    align-items: center;
    bottom: 0;
    color: #8a8b94;
    content: "\f107";
    display: flex;
    font-family: "Font Awesome\ 5 Free";
    font-size: 1rem;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px
}

.q-form-group .form-text {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    color: #222;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 45px;
    padding: .375rem .75rem;
    width: 100%;
    word-break: break-word
}

.q-form-group .form-control.error,
.q-form-group.form-error .form-control {
    border-color: #dc3545 !important
}

.q-form-group .form-control:focus {
    border-color: #000 !important;
    box-shadow: 0 0 0 1px #000 !important
}

.q-form-group .message {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 500
}

.q-form-group.form-error .message,
.q-form-group.form-error div.error {
    color: #dc3545
}

.q-form-group input[type=checkbox],
.q-form-group input[type=radio] {
    appearance: none;
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    outline: 0;
    padding: 0;
    position: relative;
    width: 20px
}

.q-form-group input[type=radio] {
    border-radius: 50%
}

.q-form-group input[type=checkbox]:before,
.q-form-group input[type=radio]:before {
    background-size: 16px 13px;
    height: 13px;
    inset: 3px 2px;
    position: absolute;
    width: 16px
}

.q-form-group input[type=checkbox]:checked,
.q-form-group input[type=radio]:checked {
    background: #000;
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #000 !important
}

.q-form-group input[type=checkbox]:checked:before,
.q-form-group input[type=radio]:checked:before {
    background-image: url(images/checkbox.svg);
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    top: 3px
}

.q-form-group .checkbox-option {
    align-items: center;
    display: flex
}

.q-form-group .checkbox-option.checkbox-option-bordered {
    border: 1px solid #dee2e6;
    padding: 15px
}

.q-form-group .checkbox-option.checkbox-option-bordered:first-child {
    border-bottom: 0
}

.q-form-group .checkbox-option label {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    height: auto;
    margin: 0
}

.q-form-group .checkbox-option .description,
.q-form-group .checkbox-option .info {
    flex: 1;
    font-size: 14px;
    margin: 0 0 0 10px
}

.q-form-group .checkbox-option .info {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.q-form-group .checkbox-option .info .name {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px
}

.q-form-group .radio-options {
    align-items: center;
    display: flex
}

.q-form-group .radio-options label {
    color: #333;
    cursor: pointer;
    margin: 0 15px 0 0
}

.q-form-group .radio-options span {
    font-size: 14px;
    margin: 0 0 0 7px
}

.q-form-group .seperator {
    margin: 0 5px
}

.q-form-group .input-group .input-group-text {
    border: 1px solid #dbdbdb;
    height: 45px
}

.q-form-group .input-icon {
    position: relative
}

.q-form-group .input-icon .icon {
    align-items: center;
    bottom: 0;
    color: #555;
    display: flex;
    font-size: 15px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.q-form-group .input-icon .icon.selectbox-icon {
    color: #8a8b94;
    font-size: 1rem;
    width: 40px
}

.q-form-group .input-icon .form-control {
    padding-right: 60px
}

.lag-checkbox span:after,
.lag-checkbox span:before,
.span_pseudo {
    background: #fff;
    content: "";
    display: inline-block;
    height: .2rem;
    position: absolute;
    transform-origin: 0 0;
    width: 0
}

.lag-checkbox {
    align-items: center;
    display: flex;
    height: 2rem;
    position: relative
}

.lag-checkbox input {
    display: none
}

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

.lag-checkbox input:checked ~ span:before {
    height: .15rem;
    transition: width .1s 0.3s;
    width: .5rem
}

.lag-checkbox input:checked ~ span:after {
    height: .15rem;
    transition: width .1s 0.2s;
    width: .35rem
}

.lag-checkbox input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc
}

.lag-checkbox input:disabled ~ label {
    color: #dcdcdc
}

.lag-checkbox input:disabled ~ label:hover {
    cursor: default
}

.lag-checkbox label {
    cursor: pointer;
    margin-bottom: 0;
    padding-left: 1.8rem;
    position: relative;
    z-index: 2
}

.lag-checkbox span {
    border: 2px solid #ccc;
    border-radius: 5px;
    box-sizing: content-box;
    display: inline-block;
    height: 1rem;
    left: 0;
    position: absolute;
    transition: .2s;
    width: 1rem;
    z-index: 1
}

.lag-checkbox span:before {
    left: .33rem;
    top: .6rem;
    transform: rotate(-55deg)
}

.lag-checkbox span:after {
    bottom: .3rem;
    left: .2rem;
    transform: rotate(35deg)
}

.pattern-group .pattern-group-header {
    display: flex;
    padding: 15px 0
}

.pattern-group .pattern-group-header .p-g-h-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    justify-content: center;
    width: 30px
}

.pattern-group .pattern-group-header .p-g-h-info {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0
}

.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-description {
    font-size: 14px;
    font-weight: 500
}

.pattern-group .pattern-group-header .p-g-h-button {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pattern-group .pattern-group-header .p-g-h-button .btn-mod {
    font-size: 13px
}

.p-g-b-c-loader {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100%
}

.p-g-b-c-loader .pgbcl-spin {
    color: #888;
    font-size: 10px;
    height: 2rem;
    width: 2rem
}

.pattern-group .p-g-tab-wrapper {
    display: flex;
    flex-direction: column
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav {
    display: flex;
    margin-bottom: 10px
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-icon {
    font-size: 20px;
    width: 30px
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-icon,
.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-description {
    font-size: 14px;
    font-weight: 500
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-button {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-button .btn-mod {
    font-size: 13px
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    display: flex;
    margin: 0 10px;
    text-align: center
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-item:last-child {
    border-right: 0
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    align-items: center;
    color: #777;
    display: flex;
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    justify-content: center;
    padding: 10px 0;
    text-align: center
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link i {
    margin-right: 8px
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link img {
    margin-right: 8px;
    max-height: 100%
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    color: #000
}

.pattern-group .p-g-tab-wrapper.p-g-tab-direction-3 {
    flex-direction: column-reverse
}

.pattern-group .p-g-tab-wrapper.p-g-tab-direction-3 .p-g-t-nav {
    display: flex;
    margin-bottom: 10px
}

.pattern-group .p-g-mod {
    background: #fff;

}

.pattern-group .p-g-mod.p-g-mod-trans {
    background: 0 0
}

.pattern-group .p-g-mod .p-g-mod-header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    height: 60px;
    padding: 10px 15px
}

.pattern-group .p-g-mod .p-g-mod-header.p-g-mod-header-p-0 {
    padding: 0
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    justify-content: center;
    width: 28px
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
    font-size: 14px;
    font-weight: 400
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod {
    font-size: 13px
}

.pattern-group .p-g-mod .p-g-mod-body {
    padding: 15px
}

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

.p-g-mod-t-2 .p-g-mod-body a {
    border-bottom: 1px solid #eaeaea;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.p-g-mod-t-2.p-g-mod-trans .p-g-mod-body a {
    border-bottom: none
}

.p-g-mod-t-2.p-g-mod-trans .p-g-mod-body-p-0 a {
    padding: 8px 0
}

.p-g-mod-t-2 .p-g-mod-body a:hover {
    background: #eaeaea
}

.p-g-mod-t-2.p-g-mod-trans .p-g-mod-body a:hover {
    background: 0 0
}

.p-g-mod-t-15 .p-g-mod-body ul,
.p-g-mod-t-16 .p-g-mod-body ul,
.p-g-mod-t-58 .p-g-mod-body ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.p-g-mod-t-15 .p-g-mod-body ul li,
.p-g-mod-t-16 .p-g-mod-body ul li,
.p-g-mod-t-58 .p-g-mod-body ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    display: block;
    margin-bottom: -1px;
    padding: 0;
    position: relative
}

.p-g-mod-t-15 .p-g-mod-body ul li:last-child,
.p-g-mod-t-16 .p-g-mod-body ul li:last-child,
.p-g-mod-t-58 .p-g-mod-body ul li:last-child {
    border-bottom: 0
}

.p-g-mod-t-15 .p-g-mod-body ul li a,
.p-g-mod-t-16 .p-g-mod-body ul li a,
.p-g-mod-t-58 .p-g-mod-body ul li a {
    display: block;
    padding: .75rem 1.25rem
}

.p-g-mod-t-15 .p-g-mod-body ul li a {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.p-g-mod-t-16 .p-g-mod-body ul li a,
.p-g-mod-t-58 .p-g-mod-body ul li a {
    color: #333;
    font-size: 13px
}

.p-g-mod-t-15 .p-g-mod-body li:hover,
.p-g-mod-t-16 .p-g-mod-body li:hover,
.p-g-mod-t-58 .p-g-mod-body li:hover {
    background: #eaeaea
}

.p-g-mod-t-16.p-g-mod-trans .p-g-mod-body li:hover,
.p-g-mod-t-58.p-g-mod-trans .p-g-mod-body li:hover {
    background: 0 0
}

.card-blog {
    background: #fff;
    position: relative
}

.card-blog,
.card-blog .image a {
    display: block
}

.card-blog .image a img {
    width: 100%
}

.card-blog .date {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 20px;
    justify-content: flex-start;
    padding: 5px 10px
}

.card-blog .title {
    font-size: 16px;
    font-weight: 600;
    height: 54px;
    line-height: 18px
}

.card-blog .description,
.card-blog .title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    padding: 0 10px;
    text-align: left;
    text-overflow: ellipsis
}

.card-blog .description {
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    line-height: 16px
}

.card-blog .buttons {
    padding: 10px
}

.card-blog .buttons .btn-read-more {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 13px
}

.card-blog .buttons .btn-read-more:hover {
    background: #333;
    color: #fff
}

.pagination-nav {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.pagination-nav .pagination {
    display: inline-flex
}

.p-g-mod-t-12 .p-g-mod-body .date {
    color: #555;
    font-size: 13px
}

.p-g-mod-t-12 .p-g-mod-body .image {
    margin: 10px 0
}

.p-g-mod-t-12 .p-g-mod-body .image img {
    width: 100%
}

.p-g-mod-t-12 .p-g-mod-body .description {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px
}

.p-g-mod-t-12 .p-g-mod-body .detail {
    color: #000;
    font-size: 14px
}

.p-g-mod-t-12 .p-g-mod-body .social-share {
    font-size: 12px
}

.card-brand {
    background: #fff;
    display: block;
    position: relative
}

.card-brand .image {
    display: block;
    width: 100%
}

.card-brand .image a {
    display: block
}

.card-brand .image a img {
    width: 100%
}

.card-brand .title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    height: 60px;
    justify-content: center;
    padding: 0 10px;
    text-align: center
}

.breadcrumb-wrapper .breadcrumb {
    background: 0 0;
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 500;
    padding: 0
}

.breadcrumb-wrapper .breadcrumb a {
    color: #555
}

.breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item:before {
    color: #8e8e8e;
    content: ">"
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a {
    color: #333
}

.pattern-group .p-g-mod-t-21,
.pattern-group .p-g-mod-t-22,
.pattern-group .p-g-mod-t-23,
.pattern-group .p-g-mod-t-24,
.pattern-group .p-g-mod-t-25,
.pattern-group .p-g-mod-t-35 {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0
}

.pattern-group .p-g-mod-t-21 .p-g-mod-header,
.pattern-group .p-g-mod-t-22 .p-g-mod-header,
.pattern-group .p-g-mod-t-23 .p-g-mod-header,
.pattern-group .p-g-mod-t-24 .p-g-mod-header,
.pattern-group .p-g-mod-t-25 .p-g-mod-header,
.pattern-group .p-g-mod-t-26 .p-g-mod-header {
    border-bottom: 0;
    height: 50px
}

.pattern-group .p-g-mod-t-21 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-22 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-23 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-24 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-25 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 15px;
    font-weight: 500
}

.pattern-group .p-g-mod-t-21 .p-g-mod-body,
.pattern-group .p-g-mod-t-22 .p-g-mod-body,
.pattern-group .p-g-mod-t-23 .p-g-mod-body,
.pattern-group .p-g-mod-t-24 .p-g-mod-body,
.pattern-group .p-g-mod-t-25 .p-g-mod-body {
    padding-top: 0
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .btn {
    font-size: 13px;
    margin: 0 5px
}

.pattern-group .p-g-mod-t-22.p-g-mod-t-cat-display-1,
.pattern-group .p-g-mod-t-23.p-g-mod-t-cat-display-1,
.pattern-group .p-g-mod-t-24.p-g-mod-t-cat-display-1,
.pattern-group .p-g-mod-t-25.p-g-mod-t-cat-display-1,
.pattern-group .p-g-mod-t-26.p-g-mod-t-cat-display-1 {
    display: none
}

.pattern-group .p-g-mod-t-21.p-g-mod-t-cat-display-1 {
    margin-bottom: 20px
}

.category-filter-list .list-wrap[data-simplebar] {
    max-height: 300px
}

.category-filter-list .list-wrap .list li,
.category-filter-list .list-wrap .list li a {
    display: block;
    font-weight: 300;
    color: #000;
    font-size: 14px
}

.category-filter-list .list-wrap .list li a:hover,
.category-filter-list .list-wrap .list li.active a {
    color: #000
}

.category-filter-list.cat-display-type-1 .list-wrap {
    max-height: fit-content
}

.category-filter-list.cat-display-type-1 .list-wrap .list li a {
    font-weight: 400;
    padding: 7px 7px 7px 0
}

.category-filter-list.cat-display-type-1 .list-wrap .list li a i {
    font-size: 11px;
    margin-right: 3px
}

.category-price-inputs {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 15px 0
}

.category-price-inputs .seperator {
    text-align: center;
    width: 20px
}

.category-price-inputs input {
    flex: 4;
    height: 35px;
    font-size: .8rem;
    border-radius: 0;
    border: 1px solid #ececec;
    width: 100px;
    font-weight: 400
}

.category-price-inputs .btn {
    flex: 1;
    margin-left: 5px;
    height: 35px;
    border: 1px solid #ececec;
    border-radius: 0;
    background: #fff;
    font-size: 12px
}

.category-price-inputs .btn svg {
    width: 13px;
    height: 100%
}

.category-search-inputs {
    align-items: center;
    display: flex;
    justify-content: center
}

.category-search-inputs .form-control {
    flex: 4;
    font-size: 13px;
    font-weight: 500;
    height: 35px
}

.category-search-inputs .btn {
    background: #f7f7f7;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    flex: 1;
    height: 35px;
    margin-left: 5px
}

.category-filter-order .list-wrap .list {
    padding: 0;
    margin: 0;
    line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    list-style: none
}

.category-filter-order .list-wrap .list li .lag-checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: center;
    height: auto;
    background: 0 0
}

.category-filter-order .list-wrap .list li.active .lag-checkbox,
.category-filter-order .list-wrap .list li:hover .lag-checkbox {
    color: #575757;
    background: 0 0
}

.category-filter-order .list-wrap .list li span {
    display: none
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox span {
    display: inline-block !important;
    width: .8rem;
    height: .8rem;
    border: 1px solid #ccc;
    border-radius: 0;
    position: absolute;
    left: 0;
    transition: .2s;
    z-index: 1;
    box-sizing: content-box
}

.category-filter-order .list-wrap .list li label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    line-height: normal;
    padding: 0
}

.pattern-group .p-g-mod-t-cat-filter .lag-checkbox label {
    padding-left: 1.4rem !important
}

.category-filter-order .list-wrap .list li label.pl-0-important {
    padding: 0 !important
}

.card-category {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.card-category .image {
    display: block;
    width: 100%
}

.card-category .image a {
    display: block
}

.card-category .image a img {
    width: 100%
}

.card-category .title {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    height: 50px
}

.card-attribute,
.card-category .title {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.card-attribute {
    background: #fff;
    flex-direction: column
}

.card-attribute .image {
    display: block;
    width: 100%
}

.card-attribute .image a {
    display: block
}

.card-attribute .image a img {
    width: 100%
}

.card-attribute .title {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    text-align: center
}

.product-reviews {
    display: flex;
    line-height: 12px
}

.product-reviews .stars .star.fill {
    color: #f78018;
    position: relative
}

.product-reviews .stars .star.fill .fa-star-half {
    bottom: 2px;
    position: absolute
}

.product-reviews .stars .star.fill .dark {
    color: #999
}

.product-reviews .count {
    color: #666;
    font-size: 11px;
    padding-left: 4px
}

.card-product {
    background: #fff
}

.card-product .card-product-inner {
    position: relative
}

.card-product .card-product-inner .c-p-i-link {
    color: #333;
    font-weight: 400
}

.card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    line-height: 11px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1
}

.card-product .card-product-inner .image-wrapper {
    display: block;
    position: relative;
    width: 100%
}

.card-product .card-product-inner .cpi-video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.card-product .card-product-inner .cpi-video video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.card-product .card-product-inner .product-label {
    display: none
}

.card-product .card-product-inner .image-wrapper .image {
    display: block
}

.card-product .card-product-inner .image-wrapper .image .video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.card-product .card-product-inner .image-wrapper .image .video video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.card-product .card-product-inner .title {
    display: -webkit-box;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: normal;
    height: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #171717;
    font-weight: 400
}

.card-product .card-product-inner .price-group {
    display: block
}

.card-product .card-product-inner .price-group .discount {
    align-items: center;
    background: #f6000d;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    width: 50px
}

.card-product .card-product-inner .price-group .prices .list-price {
    font-size: 12px
}

.card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: normal
}

.card-product .card-product-inner .price-group .prices .sale-price.line {
    font-size: 14px;
    font-weight: 100;
    color: #a1a1a1;
    line-height: normal;
    text-decoration: line-through
}

.card-product .card-product-inner .buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px 0
}

.card-product .card-product-inner .buttons .btn-cart {
    background: #fd5b06;
    border-color: #fd5b06;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.card-product .card-product-inner .buttons .btn-cart:hover {
    background: #e25002;
    border-color: #e25002;
    color: #fff
}

.card-product .product-reviews {
    justify-content: center;
    margin: 5px 0
}

.card-product .product-quantity .btn {
    height: 30px
}

.card-product .product-quantity input {
    flex: 1;
    height: 30px
}

.card-product .product-unit {
    display: flex;
    font-weight: 500;
    justify-content: center;
    margin: 2px
}

.card-list-product {
    background: #fff
}

.card-list-product .card-list-product-inner {
    padding: 0;
    position: relative
}

.card-list-product .card-list-product-inner .c-l-p-i-link {
    align-items: flex-start;
    color: #333;
    display: flex;
    font-weight: 400;
    justify-content: flex-start
}

.card-list-product .card-list-product-inner .free-cargo-badge {
    align-items: center;
    background: #535353;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    left: 0;
    line-height: 11px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 65px;
    z-index: 1
}

.card-list-product .card-list-product-inner .image-wrapper {
    display: block;
    flex: 2;
    margin-right: 5px;
    width: 100%
}

.card-list-product .card-list-product-inner .image-wrapper .image {
    display: block
}

.card-list-product .card-list-product-inner .image-wrapper .image img {
    width: 100%
}

.card-list-product .card-list-product-inner .info {
    flex: 3
}

.card-list-product .card-list-product-inner .info .title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 18px;
    margin-bottom: 5px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis
}

.card-list-product .card-list-product-inner .price-group {
    align-items: center;
    color: #333;
    display: flex;
    font-weight: 400;
    justify-content: center;
    margin-left: 5px
}

.card-list-product .card-list-product-inner .price-group .prices {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right
}

.card-list-product .card-list-product-inner .price-group .prices .discount {
    color: #f6000d;
    font-size: 12px
}

.card-list-product .card-list-product-inner .price-group .prices .list-price {
    color: #555;
    font-size: 12px;
    text-decoration: line-through
}

.card-list-product .card-list-product-inner .price-group .prices .sale-price {
    color: #555;
    font-size: 15px;
    font-weight: 500
}

.card-list-product .product-reviews {
    justify-content: flex-start;
    margin-bottom: 5px
}

.cat-responsive-buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px 0
}

.cat-responsive-buttons .btn {
    font-size: 13px
}

.cat-responsive-popup {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding-bottom: 50px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20
}

.cat-responsive-popup .c-r-p-bar {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 21
}

.cat-responsive-popup .c-r-p-bar .p-g-mod {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0
}

.cat-responsive-popup .category-filter-res-order {
    padding: 20px
}

.product-profile-1 .product-label {
    position: absolute;
    z-index: 10
}

.product-profile-1 .product-label img {
    width: 100%
}

.product-profile-1 .product-label.top-left {
    display: none
}

.product-profile-1 .product-label.top-right {
    margin-bottom: 5px;
    right: 0;
    top: 0
}

.product-profile-1 .product-label.bottom-left {
    bottom: 0;
    left: 0;
    margin-top: 5px
}

.product-profile-1 .video video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.product-profile-1 h1.title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 7px
}

.product-profile-1 .special-field-box,
.product-profile-1 .variant-box {
    margin-top: 30px
}

.product-profile-1 .product-quantity {
    margin: 10px 0
}

.product-profile-1 .social-share {
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px
}

.related-products {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.related-products a {
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    height: 100px;
    margin-right: 10px;
    text-align: center;
    width: auto
}

.related-products a img {
    border: 1px solid transparent;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.related-products a.active img {
    border-color: #fc682c
}

.variant-box {
    background: 0 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin-bottom: 15px
}

.variant-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.variant-box ul li {
    margin: 0
}

.variant-box ul li select {
    display: none
}

.variant-box ul li .options {
    display: flex;
    flex-wrap: inherit;
    flex-direction: column;
    position: relative
}

.variant-box ul li .options a {
    display: flex;
    background: #fdffff;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-right: 0;
    position: relative;
    align-items: center;
    justify-content: space-between
}

.variant-box ul li .options a.sold-out {
    color: #bbb;
    border: 1px solid transparent;
    background: 0 0;
    position: relative;
    margin-bottom: 5px
}

.product-quantity-type {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: center;
    text-align: center
}

.product-quantity .btn {
    align-items: center;
    display: flex;
    justify-content: center
}

.product-quantity .btn.btn-minus {
    border-radius: 5px 0 0 5px
}

.product-quantity .btn.btn-plus {
    border-radius: 0 5px 5px 0
}

.product-quantity .btn:hover {
    background: #d3d3d3
}

.product-quantity input {
    align-items: center;
    display: flex;
    justify-content: center;
    -moz-appearance: textfield
}

.product-quantity input::-webkit-inner-spin-button,
.product-quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.product-quantity.product-quantity-sm .btn {
    height: 35px;
    width: 33px
}

.product-quantity.product-quantity-sm input {
    height: 35px;
    width: 40px
}

.native-modal {
    z-index: 1049 !important
}

.modal .native-modal-close,
.native-modal .native-modal-close {
    background: #333;
    border: 3px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    height: 38px;
    position: absolute;
    right: -13px;
    text-align: center;
    top: -13px;
    width: 38px
}

.native-modal .sticky-top {
    background: #fff;
    margin-right: 0 !important;
    position: sticky;
    top: 0;
    z-index: 1020
}

.native-modal .sticky-bottom {
    background: #fff;
    bottom: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1020
}

.native-modal .modal-content .modal-header .close {
    margin: -10px;
    padding: 10px
}

.native-modal .modal-content .modal-header .close:focus {
    outline: 0
}

.native-modal .modal-content .modal-header .modal-title {
    font-size: 15px
}

.product-price-group {
    align-items: center;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    justify-content: flex-start
}

.product-price-group .discount {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-right: 10px;
    text-align: center
}

.product-price-group .free-cargo-badge {
    color: #40903f;
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px;
    width: 60px
}

.product-buttons {
    display: flex;
    flex-wrap: wrap
}

.product-buttons .btn-all-combines,
.product-buttons .btn-cart {
    align-items: center;
    background: #fd5b06;
    border-color: #fd5b06;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin: 10px
}

.product-buttons .btn-all-combines {
    background: #fff;
    border: 1px solid #aaa;
    color: #222;
    margin: 10px 10px 10px 0
}

.product-buttons .btn-cart i {
    margin-right: 5px
}

.product-buttons .btn-cart:hover {
    background: #e25002;
    border-color: #e25002
}

.product-buttons .btn-fast-buy {
    align-items: center;
    background: #5e5e5e;
    border-color: #5e5e5e;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    justify-content: center
}

.product-buttons .btn-fast-buy i {
    margin-right: 5px
}

.product-buttons .btn-fast-buy:hover {
    background: #3b3b3b
}

.product-buttons .btn-wp {
    align-items: center;
    background: #33aa29;
    border-color: #33aa29;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin: 10px 10px 10px 0
}

.product-buttons .btn-wp i {
    font-size: 17px;
    margin-right: 5px
}

.product-buttons .btn-wp:hover {
    background: #26931d
}

.fast-product-cart-box .special-field-box,
.fast-product-cart-box .variant-box {
    margin-top: 15px
}

.fast-product-cart-box .product-quantity {
    margin: 10px 0
}

.product-favourite {
    font-size: 13px
}

.product-favourite a {
    color: #000
}

.product-favourite a i {
    margin-right: 3px
}

.login-form-modal {
    font-size: 13px
}

.product-comment-stars {
    display: flex;
    flex-wrap: wrap
}

.product-comment-stars .star {
    align-items: center;
    color: #333;
    display: inline-flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    padding-right: 7px
}

.product-comment-stars .star i {
    color: #777;
    font-size: 30px;
    margin-bottom: 2px
}

.product-comment-stars .star.active i,
.product-comment-stars .star:hover i {
    color: #f78018
}

.product-comment-list .comment-box {
    background: #eaeaea;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 15px
}

.product-comment-list .comment-box .name {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px
}

.product-comment-list .comment-box .date {
    color: #777;
    font-size: 12px
}

.product-comment-list .comment-box .comment {
    font-size: 15px;
    margin-top: 5px
}

.product-comment-list .comment-box .stars {
    color: #777
}

.product-comment-list .comment-box .stars .active {
    color: #f78018
}

.btn-fb-login i {
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
    padding-right: 10px !important
}

.btn-google-login i {
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
    padding-right: 10px !important
}

.btn-mercanapp-login {
    background: #991ada !important;
    background-image: linear-gradient(#991ada, #aa13dc) !important;
    border: 1px solid #991ada !important;
    color: #fff !important;
    text-shadow: 0 -1px 0 #991ada !important
}

.btn-mercanapp-login i {
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
    padding-right: 10px !important
}

.btn-mercanapp-login:hover {
    background-color: #991ada !important;
    background-image: linear-gradient(#991ada, #991ada) !important
}

.pattern-group .p-g-mod.p-g-mod-t-29 {
    margin-bottom: 0
}

.shopping-cart-1 {
    font-size: 14px
}

.shopping-cart-1 th {
    color: #555;
    padding: 10px 5px
}

.shopping-cart-1 td {
    padding: 5px
}

.shopping-cart-1 .th-price {
    width: 100px
}

.shopping-cart-1 .th-quantity {
    width: 110px
}

.shopping-cart-1 .th-total-price {
    width: 120px
}

.shopping-cart-1 .th-cargo {
    width: 100px
}

.shopping-cart-1 .th-price,
.shopping-cart-1 .th-quantity {
    text-align: center
}

.shopping-cart-1 .th-cargo,
.shopping-cart-1 .th-total-price {
    text-align: right
}

.shopping-cart-1 .td-product {
    font-size: 13px;
    font-weight: 500
}

.shopping-cart-1 .td-price {
    text-align: center
}

.shopping-cart-1 .td-price .old-value {
    color: #666;
    display: block;
    font-size: 12px;
    text-decoration: line-through
}

.shopping-cart-1 .td-cargo,
.shopping-cart-1 .td-total-price {
    text-align: right
}

.shopping-cart-1 .td-total-price {
    font-size: 16px;
    font-weight: 600
}

.shopping-cart-1 .td-total-price .old-value {
    color: #666;
    display: block;
    font-size: 12px;
    text-decoration: line-through
}

.shopping-cart-1 .td-cargo {
    font-size: 14px;
    font-weight: 600
}

.shopping-cart-1 .td-product .product {
    display: flex
}

.shopping-cart-1 .td-product .product .image {
    margin-right: 5px
}

.shopping-cart-1 .td-product .product .image a {
    display: block
}

.shopping-cart-1 .td-product .product .image img {
    max-width: 100px
}

.shopping-cart-1 .td-product .product .p-info .name {
    color: #333;
    font-size: 13px;
    font-weight: 500
}

.shopping-cart-1 .td-product .product .p-info .btn-remove {
    font-size: 11px;
    font-weight: 500;
    margin-top: 3px;
    padding: 3px 5px
}

.shopping-cart-1 .td-product .product .p-info .attributes {
    margin-top: 3px
}

.shopping-cart-1 .product-quantity .btn {
    font-size: 10px;
    height: 30px;
    width: 25px
}

.shopping-cart-1 .product-quantity input {
    font-size: 13px;
    height: 30px;
    width: 40px
}

.shopping-cart-1 .td-cargo .label {
    display: none
}

.shopping-buttons-1 {
    padding: 10px
}

.shopping-buttons-1 .btn-continue {
    font-size: 14px
}

.payment-steps-1 {
    display: flex
}

.payment-steps-1 .step {
    align-items: center;
    color: #777;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    position: relative;
    text-align: center
}

.payment-steps-1 .step.step-1:after,
.payment-steps-1 .step.step-2:after,
.payment-steps-1 .step.step-2:before,
.payment-steps-1 .step.step-3:before {
    background: #c6cacd;
    height: 2px;
    position: absolute;
    top: 28px;
    z-index: 1
}

.payment-steps-1 .step.step-1:after {
    content: " ";
    left: 50%;
    right: 0
}

.payment-steps-1 .step.step-2:before {
    content: " ";
    left: 0;
    right: 50%
}

.payment-steps-1 .step.step-2:after {
    content: " ";
    left: 50%;
    right: 0
}

.payment-steps-1 .step.step-3:before {
    content: " ";
    left: 0;
    right: 50%
}

.payment-steps-1 .step.step-1.completed:after,
.payment-steps-1 .step.step-2.active:before,
.payment-steps-1 .step.step-2.completed:after,
.payment-steps-1 .step.step-2.completed:before,
.payment-steps-1 .step.step-3.active:before {
    background: #747474
}

.payment-steps-1 .step .circle {
    align-items: center;
    background: #c6cacd;
    border-radius: 100%;
    color: #555;
    display: flex;
    font-size: 17px;
    height: 50px;
    justify-content: center;
    margin: 0 auto 5px;
    position: relative;
    text-align: center;
    width: 50px;
    z-index: 2
}

.payment-steps-1 .step.active {
    color: #31ab45
}

.payment-steps-1 .step.active .circle {
    background: #31ab45;
    color: #fff
}

.payment-steps-1 .step.completed {
    color: #747474
}

.payment-steps-1 .step.completed .circle {
    background: #747474;
    color: #fff
}

.payment-cart-summary-1 .title {
    color: #5fab4a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 15px
}

.payment-cart-summary-1 table {
    font-size: 12px
}

.payment-cart-summary-1 table th {
    font-weight: 500;
    padding: 5px
}

.payment-cart-summary-1 table td {
    padding: 5px
}

.payment-cart-summary-1 table .th-quantity {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
    width: 45px
}

.payment-cart-summary-1 table .th-total-price {
    text-align: right;
    width: 100px
}

.payment-cart-summary-1 table .td-quantity {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center
}

.payment-cart-summary-1 table .td-total-price {
    font-weight: 600;
    text-align: right
}

.payment-cart-summary-1 table .td-total-price .old-price {
    display: block;
    font-weight: 400;
    text-decoration: line-through
}

.payment-cart-summary-1 table .td-product a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    height: 32px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis
}

.payment-cart-summary-1 table .td-product .variants span {
    margin: 0 5px 0 0
}

.payment-cart-summary-1 .p-list-button {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 10px
}

.payment-cart-summary-1 .p-list-button i {
    margin-right: 5px
}

.payment-cart-summary-1 .summary {
    background: #f9f9f9
}

.payment-cart-summary-1 .summary tfoot th {
    font-size: 13px
}

.payment-cart-summary-1 .summary tfoot th:last-child {
    text-align: right
}

.payment-cart-summary-1 .summary tfoot .final {
    color: #31ab45;
    font-size: 17px;
    font-weight: 600
}

.payment-form-group-1 {
    font-size: 14px
}

.payment-form-group-1 .form-group label {
    margin-bottom: 5px
}

.payment-form-group-1 .form-group textarea {
    height: 100px;
    resize: none
}

.payment-form-group-1 .form-group .form-control.error {
    border-color: #dc3545 !important
}

.payment-form-group-1 .form-group span.error {
    color: #dc3545;
    display: block;
    font-size: 12px;
    font-weight: 500
}

.payment-form-group-1 .gift-pack-price {
    color: #dc3545;
    font-weight: 500
}

.payment-final-buttons-1 {
    display: block
}

.payment-final-buttons-1 .btn-complete {
    background: #fd5b06;
    border-color: #fd5b06;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px;
    width: 100%
}

.payment-final-buttons-1 .btn-complete:hover {
    background: #e25002;
    border-color: #e25002;
    color: #fff
}

.payment-final-buttons-1 .btn-complete i {
    margin-left: 5px
}

.payment-control-buttons-1 {
    display: block
}

.payment-control-buttons-1 .btn-back {
    display: block;
    font-size: 14px;
    margin: 5px auto 0;
    width: 90px
}

.cart-empty-alert {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    min-height: 300px
}

.cart-empty-alert .btn {
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px
}

.shipment-methods .method {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

.shipment-methods .method:last-child {
    border-bottom: 0
}

.shipment-methods .method:hover {
    background: rgba(0, 0, 0, .05)
}

.shipment-methods .method .checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px
}

.shipment-methods .method .name {
    align-items: center;
    display: flex;
    flex: 1
}

.shipment-methods .method .name .image {
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 5px;
    padding: 5px;
    width: 90px
}

.shipment-methods .method .name .image img {
    max-height: 30px;
    max-width: 80px
}

.shipment-methods .method .name .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shipment-methods .method .name .info span {
    font-size: 13px;
    font-weight: 400
}

.shipment-methods .method .price {
    font-size: 13px;
    font-weight: 500;
    padding-right: 5px
}

.invoice-info-description {
    background: rgba(0, 0, 0, .05);
    border-radius: 5px;
    padding: 8px 8px 3px
}

.invoice-info-description label {
    cursor: pointer;
    font-weight: 500;
    margin-left: 10px
}

.invoice-info {
    margin-top: 20px
}

.invoice-info .invoice-type {
    margin-bottom: 1rem
}

.invoice-info .invoice-type span {
    margin-right: 15px
}

.payment-form-methods .nav-tabs {
    background: #f9f9f9;
    border: 0;
    display: flex;
    flex-wrap: nowrap;
    height: 60px;
    justify-content: center;
    padding: 10px 0 0
}

.payment-form-methods .nav-tabs .nav-item {
    margin: 0 10px
}

.payment-form-methods .nav-tabs .nav-link {
    align-items: center;
    background: #ddd;
    border: 1px solid transparent;
    border-bottom: 0;
    color: #555;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    margin-top: 10px;
    padding: 0 20px;
    text-align: center
}

.payment-form-methods .nav-tabs .nav-link:hover {
    background: rgba(0, 0, 0, .2)
}

.payment-form-methods .nav-tabs .nav-link.active {
    background: #fff;
    border-color: #ddd;
    color: #000;
    height: 50px;
    margin-top: 0
}

.payment-form-methods .tab-content {
    min-height: 300px
}

.payment-method-form {
    padding: 20px 15px
}

.door-payment-methods .title {
    font-weight: 500;
    margin-bottom: 10px
}

.door-payment-methods .method {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

.door-payment-methods .method:last-child {
    border-bottom: 0
}

.door-payment-methods .method:hover {
    background: rgba(0, 0, 0, .05)
}

.door-payment-methods .method .checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px
}

.door-payment-methods .method .name {
    align-items: center;
    display: flex;
    flex: 1
}

.door-payment-methods .method .name .image {
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 5px;
    padding: 5px;
    width: 90px
}

.door-payment-methods .method .name .image img {
    max-height: 30px;
    max-width: 80px
}

.door-payment-methods .method .name .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.door-payment-methods .method .name .info span {
    font-size: 13px;
    font-weight: 400
}

.door-payment-methods .method .price {
    font-size: 13px;
    font-weight: 500;
    padding-right: 5px
}

.credit-card-form .form-group label {
    color: #222;
    font-size: 13px;
    font-weight: 500
}

.credit-card-form .form-group .form-control {
    border-color: rgba(0, 0, 0, .2)
}

.credit-card-form .credit-card-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.credit-card-form .credit-card-wrapper .jp-card-logo.jp-card-visa:before {
    display: none !important
}

.credit-card-form .credit-card-wrapper .jp-card .jp-card-front .jp-card-lower .jp-card-number {
    font-size: 20px
}

.payment-agreement-checbox-1 {
    font-size: 13px
}

.payment-agreement-checbox-1 a {
    font-weight: 500
}

.payment-agreement-text {
    font-size: 13px
}

.payment-success-alert {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    min-height: 300px
}

.payment-success-alert .text-success {
    text-align: center
}

.payment-success-alert .check-icon {
    font-size: 75px;
    margin-bottom: 10px
}

.owl-wrapper {
    position: relative
}

.pattern-group .p-g-mod .p-g-mod-body.p-g-mod-body-p-0 .owl-wrapper {
    margin-top: 10px
}

.owl-wrapper .owl-carousel .owl-dots,
.owl-wrapper .owl-carousel .owl-nav {
    display: none
}

.owl-wrapper .owl-single-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    display: none;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 20px);
    -o-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 40px;
    z-index: 2
}

.owl-wrapper .owl-single-button.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -4px
}

.owl-wrapper .owl-single-button.owl-single-button-next {
    right: -4px
}

.owl-wrapper .owl-single-button button {
    color: #555;
    font-size: 20px
}

.p-g-mod-t-44 .banner-item .image {
    display: block
}

.p-g-mod-t-44 .banner-item .image img {
    max-width: 100%;
    width: 100%
}

.p-g-mod-t-44 .banner-item .title {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 0
}

.p-g-mod-t-44 .banner-item .description {
    color: #000;
    font-size: 12px;
    padding: 3px 0
}

.p-g-mod-t-44 .carousel-type-2 .carousel-item a,
.p-g-mod-t-44 .carousel-type-3 .carousel-item a {
    width: 100%
}

.p-g-mod-t-44 .carousel-type-2 .carousel-item a img,
.p-g-mod-t-44 .carousel-type-3 .carousel-item a img {
    display: block;
    width: 100%
}

.p-g-mod-t-44 .carousel-type-2 .carousel-control-next,
.p-g-mod-t-44 .carousel-type-2 .carousel-control-prev,
.p-g-mod-t-44 .carousel-type-3 .carousel-control-next,
.p-g-mod-t-44 .carousel-type-3 .carousel-control-prev {
    font-size: 25px;
    width: 40px !important
}

.p-g-mod-t-44 .carousel-type-2 .carousel-indicators {
    z-index: 5
}

.p-g-mod-t-44 .carousel-type-2 .carousel-indicators li {
    border-radius: 10px;
    height: 10px;
    width: 10px
}

.p-g-mod-t-44 .carousel-type-3 .carousel-indicators {
    bottom: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    left: auto;
    margin: 10px 0 0;
    position: relative;
    right: auto;
    z-index: 0
}

.p-g-mod-t-44 .carousel-type-3 .carousel-indicators li {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 5px;
    max-width: 60px;
    padding: 0 !important;
    width: 100%
}

.p-g-mod-t-44 .banner-slider-item {
    display: block;
    position: relative
}

.p-g-mod-t-44 .banner-slider-item .image {
    display: block
}

.p-g-mod-t-44 .banner-slider-item .image img {
    max-width: 100%;
    width: 100%
}

.p-g-mod-t-44 .banner-slider-item .title {
    bottom: 80px;
    color: #fff;
    font-size: 17px;
    left: 7%;
    position: absolute;
    right: 7%;
    text-align: center;
    z-index: 10
}

.p-g-mod-t-44 .banner-slider-item .description {
    bottom: 50px;
    color: #fff;
    font-size: 13px;
    left: 7%;
    position: absolute;
    right: 7%;
    text-align: center;
    z-index: 10
}

.p-g-mod-t-45 .carousel-type-1 .carousel-item a {
    width: 100%
}

.p-g-mod-t-45 .carousel-type-1 .carousel-item a img {
    display: block;
    width: 100%
}

.p-g-mod-t-45 .carousel-type-1 .carousel-control-next,
.p-g-mod-t-45 .carousel-type-1 .carousel-control-prev {
    font-size: 25px;
    width: 40px !important
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators {
    z-index: 5
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
    height: 10px;
    width: 10px
}

.p-g-mod-t-45 .headline-button {
    background: hsla(0, 0%, 100%, .8);
    border-radius: 0;
    color: #1c1c1c;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 9px 20px;
    width: auto !important
}

.type-45-swiper {
    width: 100%
}

.p-g-mod-t-45 .swiper-screen-1 {
    height: 100vh
}

.type-45-swiper .swiper-pagination-bullet {
    background: #fff !important;
    opacity: .2 !important
}

.type-45-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 1 !important
}

.type-45-swiper .swiper-button-next,
.type-45-swiper .swiper-button-prev {
    color: hsla(0, 0%, 100%, .6) !important
}

.type-45-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #333 !important
}

.type-45-swiper .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center
}

.type-45-swiper .swiper-slide .swiper-image {
    display: block;
    height: 100%;
    width: 100%
}

.type-45-swiper .swiper-caption {
    color: #fff;
    display: block;
    position: absolute;
    text-align: center
}

.p-g-mod-t-45 .swiper-type-2.swiper-screen-1 h5 {
    font-size: 35px
}

.p-g-mod-t-45 .swiper-type-2.swiper-screen-1 p {
    font-size: 23px
}

.p-g-mod-t-46 .post-item .image {
    display: block
}

.p-g-mod-t-46 .post-item .image img {
    width: 100%
}

.p-g-mod-t-46 .post-item .description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: block;
    display: -webkit-box;
    font-weight: 400;
    height: 39px;
    line-height: 18px;
    max-width: 100%;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis
}

.simplebar-track.horizontal {
    display: none !important
}

.datepicker-days {
    font-size: 13px !important
}

.iti {
    display: block !important
}

.raw-content img,
.raw-content table {
    max-width: 100%
}

.raw-content table {
    margin: 10px 0
}

.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav {
    flex-wrap: nowrap;
    background: #dfdfdf
}

.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    flex: 1;
    margin: 0
}

.product-details-tab .p-g-tab-wrapper .p-g-t-nav {
    margin-bottom: 0
}

.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link {
    align-items: center;
    border-top: 3px solid transparent;
    color: #333;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    padding: 0
}

.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link.active {
    background: #fff;
    border-color: #555;
    border-radius: 0;
    color: #666
}

.product-installments .group {
    box-sizing: border-box;
    padding: 10px
}

.product-installments .title {
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px;
    text-align: center
}

.product-installments table {
    font-size: 13px;
    margin: 0;
    text-align: center
}

.product-installments table tr td,
.product-installments table tr th {
    padding: .45rem .2rem
}

.product-installments table tr td {
    color: #111;
    font-weight: 500
}

.product-installments table tr:not(.rate-0) td:last-child {
    color: #666
}

.category-pg-inner {
    padding: 10px
}

.category-blog-single {
    height: 200px
}

.whatsapp-fixed {
    bottom: 10px;
    left: 10px;
    position: fixed;
    width: 63px;
    z-index: 9999
}

.whatsapp-fixed svg {
    animation: 4s linear infinite wfixed;
    position: relative;
    right: 6px;
    transform: scale(1);
    width: 50px;
    z-index: 9999
}

@keyframes wfixed {
    0%,
    to {
        transform: rotate(0) scale(1)
    }
    50% {
        transform: rotate(10deg) scale(1.2)
    }
}

.whatsapp-fixed span {
    background: #4dca5b;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: -152px;
    opacity: 1;
    padding: 8px 8px 8px 17px;
    position: absolute;
    top: 2px;
    transition: .5s;
    width: 180px
}

.whatsapp-fixed a:hover span {
    opacity: 1
}

.lazy-load {
    background: #f6f7f8
}

.lazy-load.lazy-complete {
    background: inherit;
    min-height: 100%
}

@keyframes LazyLoad {
    0% {
        background-position: -1170px 0
    }
    to {
        background-position: 1170px 0
    }
}

@-webkit-keyframes LazyLoad {
    0% {
        background-position: -1170px 0
    }
    to {
        background-position: 1170px 0
    }
}

.card-help-title {
    background: #fff;
    padding: 20px 0;
    text-align: center
}

.card-help-title .image {
    align-items: center;
    display: block;
    display: flex;
    justify-content: center;
    text-align: center
}

.card-help-title .image img {
    max-height: 60px;
    max-width: 100%
}

.card-help-title .title {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px
}

.card-help-title .entries {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    text-align: center
}

.card-help-title .entries a {
    color: #333;
    display: block;
    font-size: 13px;
    margin: 3px 0
}

.pattern-group .p-g-mod.p-g-mod-t-59 .p-g-mod-header .p-g-m-h-info {
    align-items: center
}

.p-g-mod-t-60 .p-g-mod-body a {
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.p-g-mod-t-60.p-g-mod-trans .p-g-mod-body a {
    border-bottom: none
}

.p-g-mod-t-60 .p-g-mod-body a:hover {
    background: #eaeaea
}

.p-g-mod-t-60.p-g-mod-trans .p-g-mod-body a:hover {
    background: 0 0
}

.p-g-mod-t-60 .p-g-mod-body a .image {
    margin-right: 10px
}

.p-g-mod-t-60 .p-g-mod-body a .image img {
    max-height: 30px;
    max-width: 30px
}

.help-entries .card-header {
    background: #fff;
    padding: 0
}

.help-entries .card-header a {
    display: block;
    font-size: 14px
}

.help-entries .card-header a:after {
    color: #888;
    content: "\f077";
    float: right;
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900
}

.help-entries .card-header a.collapsed:after {
    content: "\f078"
}

.help-entries .card-body {
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.p-g-mod-t-63 .p-g-mod-body {
    align-items: center;
    background: #eee;
    background: -webkit-linear-gradient(0deg, #eee, #fff);
    background: linear-gradient(0deg, #eee, #fff);
    display: flex;
    height: 350px;
    justify-content: center;
    margin-top: -20px
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    width: 90%
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper .title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form {
    border-radius: 15px;
    -webkit-box-shadow: 0 0 41px -3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 41px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 41px -3px rgba(0, 0, 0, .2)
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .input-box {
    box-sizing: border-box;
    width: 100%
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input {
    background: #fff;
    border-right: 0;
    box-shadow: none;
    float: left;
    padding-left: 20px;
    width: 100%
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input::placeholder {
    color: #666
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .btn-send {
    border-width: 0;
    color: #fff;
    font-weight: 500
}

.help-search-tool {
    height: 45px;
    width: 250px
}

.help-search-tool form {
    height: 45px;
    width: 100%
}

.help-search-tool form .input-box {
    box-sizing: border-box;
    padding-right: 45px;
    width: 100%
}

.help-search-tool form input {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 15px 0 0 15px !important;
    border-right: 0;
    box-shadow: none;
    color: #666;
    float: left;
    font-size: 13px;
    font-weight: 500;
    height: 45px;
    padding-left: 10px;
    width: 100%
}

.help-search-tool form input::placeholder {
    color: #666
}

.help-search-tool form .btn-send {
    background: #333;
    border-radius: 0 15px 15px 0 !important;
    border-width: 0;
    color: #fff;
    font-size: 12px;
    height: 45px;
    position: absolute;
    width: 45px
}

.help-search-tool form:hover .btn-send {
    background: #000
}

.user-agreement-text {
    font-size: 13px
}

.modal-body .user-agreement-text {
    max-height: 50vh;
    overflow-y: auto
}

.dropdown-languages-1 {
    height: 100%;
    max-height: 80px
}

.dropdown-languages-1 .dropdown-toggle {
    align-items: center;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 13px;
    height: 100%;
    justify-content: center;
    color: #666
}

.dropdown-languages-1 .dropdown-toggle .flag-icon {
    margin-right: 7px
}

.dropdown-languages-1 .dropdown-menu {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    font-size: 13px;
    margin: 0;
    min-width: 150px;
    padding: 0
}

.dropdown-languages-1 .dropdown-menu .dropdown-item {
    padding: .25rem .5rem
}

.dropdown-languages-1 .dropdown-menu .dropdown-item .flag-icon {
    margin-right: 5px
}

.dropdown-languages-1 .dropdown-menu .dropdown-item:focus,
.dropdown-languages-1 .dropdown-menu .dropdown-item:hover {
    outline: 0 !important
}

.dropdown-languages-1 .dropdown-menu .dropdown-item:active {
    background: #dadada !important;
    color: #212529 !important
}

.language-list-1 {
    display: flex;
    height: 100%;
    max-height: 80px
}

.language-list-1 a {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 15px;
    justify-content: center;
    margin: 0 4px
}

.product-size-box {
    margin: 3px 0
}

.product-size-box a {
    color: #000;
    font-weight: 500
}

.special-field-box {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-size: 14px;
    padding: 0 10px
}

.special-field-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.special-field-box ul li {
    display: flex;
    margin: 10px 0
}

.special-field-box ul li .info {
    flex: 1
}

.special-field-box ul li .info .name {
    font-size: 13px;
    font-weight: 500
}

.special-field-box ul li .info .description {
    font-size: 12px
}

.special-field-box ul li .value {
    flex: 3
}

.special-field-box ul li .value .form-control {
    font-size: 13px
}

.special-field-box ul li .value .image {
    display: inline-block
}

.special-field-box ul li .value .image img {
    width: 50px
}

.special-field-box .multiple-file-wrapper {
    display: block
}

.special-field-box .multiple-file-wrapper .control {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.special-field-box .multiple-file-wrapper .control .btn-upload {
    background: #333;
    border-radius: 50px;
    color: #fff;
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    margin-right: 7px
}

.special-field-box .multiple-file-wrapper .control .btn-upload i {
    margin-right: 5px
}

.special-field-box .multiple-file-wrapper .control .counts {
    font-size: 17px;
    font-weight: 500
}

.special-field-box .multiple-file-wrapper .control .counts i {
    margin: 0 7px
}

.special-field-box .multiple-file-wrapper .items .item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px
}

.special-field-box .multiple-file-wrapper .items .item img {
    height: 50px;
    max-width: 100px
}

.special-field-box .multiple-file-wrapper .items .item .name {
    flex: 1;
    font-size: 13px;
    margin: 0 8px;
    text-align: center
}

.special-field-box .multiple-file-wrapper .items .item .inc {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 7px
}

.special-field-box .multiple-file-wrapper .items .item .inc input {
    -moz-appearance: textfield;
    height: 40px;
    text-align: center;
    width: 60px
}

.special-field-box .multiple-file-wrapper .items .item .inc input::-webkit-inner-spin-button,
.special-field-box .multiple-file-wrapper .items .item .inc input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.special-field-box .multiple-file-wrapper .items .item .inc .buttons {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.special-field-box .multiple-file-wrapper .items .item .inc .buttons .btn-updown {
    background: #777;
    color: #fff;
    height: 20px;
    padding: 0;
    width: 20px
}

.special-field-box .multiple-file-wrapper .items .item .inc .buttons .btn-updown:first-child {
    margin-bottom: 5px
}

.special-field-box .multiple-file-wrapper .items .item .trash .btn-edit {
    color: #555;
    font-size: 13px
}

.special-field-box .multiple-file-wrapper .items .item .trash .btn-trash {
    color: #777;
    font-size: 13px
}

.bill-payment-methods .head {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.bill-payment-methods .head .title {
    flex: 3;
    font-weight: 500
}

.bill-payment-methods .head .price-1,
.bill-payment-methods .head .price-2 {
    flex: 1;
    text-align: center
}

.bill-payment-methods .method {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

.bill-payment-methods .method:last-child {
    border-bottom: 0
}

.bill-payment-methods .method:hover {
    background: rgba(0, 0, 0, .05)
}

.bill-payment-methods .method .checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px
}

.bill-payment-methods .method .name {
    align-items: center;
    display: flex;
    flex: 3
}

.bill-payment-methods .method .name .image {
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 5px;
    padding: 5px;
    width: 90px
}

.bill-payment-methods .method .name .image img {
    max-height: 30px;
    max-width: 80px
}

.bill-payment-methods .method .name .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bill-payment-methods .method .name .info span {
    font-size: 13px;
    font-weight: 400
}

.bill-payment-methods .method .price-1,
.bill-payment-methods .method .price-2 {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    padding-right: 5px;
    text-align: center
}

.bill-payment-methods .method .price-1 {
    color: #fd5b06
}

.bill-payment-methods .method .price-2 {
    color: #fd0606
}

.bill-payment-methods .head .price-1,
.bill-payment-methods .head .price-2,
.bill-payment-methods .method .price-1,
.bill-payment-methods .method .price-2 {
    min-width: 100px
}

.dropdown-currencies-1 {
    height: 100%;
    max-height: 80px
}

.dropdown-currencies-1 .dropdown-toggle {
    align-items: center;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 13px;
    height: 100%;
    justify-content: center
}

.dropdown-currencies-1 .dropdown-toggle .flag-icon {
    margin-right: 7px
}

.dropdown-currencies-1 .dropdown-menu {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
    font-size: 13px;
    margin: 0;
    min-width: 150px;
    padding: 0
}

.dropdown-currencies-1 .dropdown-menu .dropdown-item {
    padding: .25rem .5rem
}

.dropdown-currencies-1 .dropdown-menu .dropdown-item .flag-icon {
    margin-right: 5px
}

.dropdown-currencies-1 .dropdown-menu .dropdown-item:focus,
.dropdown-currencies-1 .dropdown-menu .dropdown-item:hover {
    outline: 0 !important
}

.dropdown-currencies-1 .dropdown-menu .dropdown-item:active {
    background: #dadada !important;
    color: #212529 !important
}

.currency-list-1 {
    display: flex;
    height: 100%;
    max-height: 80px
}

.currency-list-1 a {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 15px;
    justify-content: center;
    margin: 0 4px
}

.p-g-accordion {
    margin-bottom: 20px
}

.p-g-accordion .p-g-a-wrapper {
    margin-bottom: 1px
}

.p-g-accordion .p-g-a-wrapper .p-g-a-w-header a {
    align-items: center;
    background: #ddd;
    color: #333;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: flex-start;
    padding: 5px 10px
}

.p-g-accordion .p-g-a-wrapper .p-g-a-w-header a i {
    font-size: 15px;
    margin-right: 5px
}

.p-g-accordion .p-g-a-wrapper .p-g-a-w-header a img {
    margin-right: 5px;
    max-height: 100%
}

.p-g-accordion .p-g-a-wrapper .p-g-mod {
    margin-bottom: 0 !important
}

.product-piece-list-1 table {
    font-size: 14px
}

.product-piece-list-1 table td {
    vertical-align: middle
}

.product-piece-list-1 .piece-profile {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 16px;
    height: 100%
}

.product-piece-list-1 .piece-profile .sale-price {
    color: #fd5b06;
    font-size: 18px;
    font-weight: 500
}

.adults-only-content {
    flex-direction: column
}

.adults-only-content,
.adults-only-content .info {
    align-items: center;
    display: flex;
    justify-content: center
}

.adults-only-content .info {
    background: #e00000;
    border-radius: 100%;
    color: #fff;
    font-size: 45px;
    font-style: normal !important;
    font-weight: 700;
    height: 100px;
    margin-bottom: 15px;
    width: 100px
}

.adults-only-content .description {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center
}

.adults-only-content .buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.adults-only-content .buttons .btn {
    font-size: 15px;
    font-weight: 500;
    margin: 0 10px
}

.compatibility-filter-box .input-box {
    margin-bottom: 5px
}

.compatibility-filter-box .input-box label {
    font-weight: 500;
    height: 20px;
    margin-bottom: 0 !important
}

.compatibility-filter-box .submit-box button {
    font-size: 14px;
    font-weight: 500;
    margin-top: 22px;
    padding-left: 20px;
    padding-right: 20px
}

.p-g-mod-t-46 .if-user {
    text-align: center
}

.p-g-mod-t-46 .if-user .image img {
    border-radius: 10em;
    max-width: 125px;
    min-width: 50px;
    width: 15%
}

.p-g-mod-t-46 .if-user .username {
    font-size: 1.2em
}

.p-g-mod-t-46 .if-user .bio {
    font-size: 1em
}

.checkbox-info-description {
    background: rgba(0, 0, 0, .05);
    border-radius: 5px;
    padding: 8px 8px 3px
}

.checkbox-info-description label {
    cursor: pointer;
    font-weight: 500;
    margin-left: 10px
}

.product-customer-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.product-customer-actions .action {
    align-items: center;
    display: flex;
    justify-content: center
}

.product-customer-actions .action .button {
    align-items: center;
    border-radius: 10px;
    color: #333;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 5px 10px;
    text-align: center
}

.product-customer-actions .action.favourite .button i {
    color: #e67e22
}

.product-customer-actions .action.recommend .button i {
    color: #8e44ad
}

.product-customer-actions .action.comment .button i {
    color: #2980b9
}

.product-customer-actions .action.compare .button i {
    color: #333
}

.product-customer-actions .action.price-alert .button i {
    color: #27ae60
}

.product-customer-actions .action.quantity-alert .button i {
    color: #e74c3c
}

.product-customer-actions .action.phone-request .button i {
    color: #703ce7
}

.visitor-product-recommend-form .form-control {
    font-size: 13px
}

.visitor-product-recommend-form .buttons {
    display: flex;
    justify-content: flex-end
}

.visitor-product-recommend-form .buttons .btn {
    font-size: 13px;
    font-weight: 500
}

.customer-product-comment-form .form-control {
    font-size: 13px
}

.customer-product-comment-form .buttons {
    display: flex;
    justify-content: flex-end
}

.customer-product-comment-form .buttons .btn {
    font-size: 13px;
    font-weight: 500
}

.customer-product-price-alert-form .description {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 15px
}

.customer-product-price-alert-form .group {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 0
}

.customer-product-price-alert-form .group .name {
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    width: 120px
}

.customer-product-price-alert-form .group .value {
    color: #27a744;
    font-size: 18px;
    font-weight: 600
}

.customer-product-price-alert-form .group .tax-inc {
    font-size: 11px;
    margin-left: 5px
}

.customer-product-price-alert-form .group .price .form-control {
    color: #ab0f0f;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
    padding: .1rem .3rem;
    text-align: right;
    width: 80px
}

.customer-product-price-alert-form .group .price-2 .form-control {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
    padding: .1rem .3rem;
    text-align: left;
    width: 50px
}

.customer-product-price-alert-form .group .days .form-control {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
    padding: .1rem .3rem;
    text-align: center;
    width: 70px
}

.customer-product-price-alert-form .group .comma {
    align-items: flex-end;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    height: 35px;
    margin: 0 5px
}

.customer-product-price-alert-form .buttons {
    display: flex;
    justify-content: flex-start
}

.customer-product-price-alert-form .buttons .btn {
    font-size: 13px;
    font-weight: 500
}

.customer-product-quantity-alert-form .icon {
    align-items: center;
    background: var(--success);
    border-radius: 100%;
    color: #fff;
    display: flex;
    font-size: 25px;
    height: 60px;
    justify-content: center;
    margin: 0 auto;
    width: 60px
}

.customer-product-quantity-alert-form .description {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 15px
}

.customer-product-quantity-alert-form .description-2 {
    font-size: 15px;
    margin: 15px 0
}

.customer-product-quantity-alert-form .buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px
}

.customer-product-quantity-alert-form .buttons .btn {
    font-size: 14px;
    font-weight: 500
}

.checkbox-apple-switch {
    appearance: none;
    background-color: #929292;
    border: 1px solid #929292;
    border-radius: 50px;
    box-shadow: inset -20px 0 0 0 #fff;
    cursor: pointer;
    height: 30px;
    outline: 0;
    position: relative;
    transition-duration: .2s;
    width: 50px
}

.checkbox-apple-switch:after {
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, .2);
    content: "";
    height: 26px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 26px
}

.checkbox-apple-switch:checked {
    background: #fff;
    border-color: #4ed164;
    box-shadow: inset 20px 0 0 0 #4ed164
}

.checkbox-apple-switch:checked:after {
    box-shadow: -2px 4px 3px rgba(0, 0, 0, .05);
    left: 20px
}

.pre-compare-wrapper .message {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.pre-compare-wrapper .message i {
    color: #333;
    font-size: 35px;
    margin-right: 15px
}

.pre-compare-wrapper .message span {
    font-size: 15px;
    font-weight: 500
}

.pre-compare-wrapper .message.success-message i {
    color: #27ae60
}

.pre-compare-wrapper .message.error-message i {
    color: #d02121
}

.pre-compare-wrapper .buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.pre-compare-wrapper .buttons .btn {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 23px
}

.pre-compare-wrapper .list-wrapper {
    height: 300px;
    overflow: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    width: 100%
}

.pre-compare-wrapper .list-wrapper .list {
    display: flex
}

.pre-compare-wrapper .list-wrapper .list .item,
.pre-compare-wrapper .list-wrapper .list .item-fill {
    border: 5px solid #eee;
    display: block;
    height: 275px;
    margin: 0 7px 0 0;
    position: relative;
    width: 200px
}

.pre-compare-wrapper .list-wrapper .list .item:hover {
    border-color: #b3b3b3
}

.pre-compare-wrapper .list-wrapper .list .item a {
    display: block
}

.pre-compare-wrapper .list-wrapper .list .item .image {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center
}

.pre-compare-wrapper .list-wrapper .list .item .image img {
    max-height: 150px;
    width: auto
}

.pre-compare-wrapper .list-wrapper .list .item .name,
.pre-compare-wrapper .list-wrapper .list .item .sale-price {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 5px;
    text-align: center
}

.pre-compare-wrapper .list-wrapper .list .item .sale-price {
    font-style: italic
}

.pre-compare-wrapper .list-wrapper .list .item .btn-remove {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.pre-compare-wrapper .list-wrapper .list .item-fill {
    align-items: center;
    background: #eee;
    color: #999;
    display: flex;
    font-size: 30px;
    justify-content: center
}

.compare-wrapper {
    border: 1px solid #e5e5e5 !important;
    margin: -1rem
}

.compare-wrapper .table-wrapper {
    height: 85vh;
    overflow: auto;
    padding-bottom: 15px
}

.compare-wrapper .table td {
    border: 0 !important;
    font-size: 13px;
    max-width: 220px;
    min-width: 220px;
    padding-left: 15px;
    text-align: center
}

.compare-wrapper .table .columns,
.compare-wrapper .table td {
    border-right: 1px solid #e5e5e5 !important;
    vertical-align: middle
}

.compare-wrapper .table .columns {
    border-bottom: 1px solid #e5e5e5 !important;
    height: 75px;
    padding-top: 13px;
    position: relative
}

.compare-wrapper .table .first-column {
    background: #fff;
    border-bottom: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important;
    font-size: 13px;
    left: 0;
    line-height: 1;
    max-width: 150px;
    min-width: 150px;
    padding: 10px;
    padding-bottom: 13px !important;
    position: sticky;
    text-align: left;
    z-index: 2
}

.compare-wrapper .table .column-name,
.compare-wrapper .table .first-column-name {
    background: #fff;
    font-weight: 500;
    left: 0;
    position: sticky;
    top: 0;
    z-index: 1
}

.compare-wrapper .table .first-column-name {
    z-index: 3
}

.compare-wrapper .table .column-image img {
    max-height: 150px
}

.compare-wrapper .table .column-name div {
    align-items: center;
    display: flex;
    justify-content: center
}

.compare-wrapper .table .column-name div a {
    flex: 1
}

.compare-wrapper .table .column-name div .btn {
    margin-left: 5px
}

.compare-wrapper a {
    color: #333;
    font-size: 13px
}

.compare-wrapper .price-group {
    align-items: center;
    color: #333;
    display: flex;
    font-weight: 400;
    height: 50px;
    justify-content: center
}

.compare-wrapper .price-group .discount {
    align-items: center;
    background: #f6000d;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    width: 50px
}

.compare-wrapper .price-group .prices .list-price {
    color: #555;
    font-size: 12px
}

.compare-wrapper .price-group .prices .sale-price {
    color: #555;
    font-size: 17px;
    font-weight: 500
}

.compare-wrapper .btn-cart {
    background: #333;
    border-color: #333;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.compare-wrapper .btn-cart:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.scrollbar-1::-webkit-scrollbar {
    background-color: #fff;
    height: 12px;
    padding: 0
}

.scrollbar-1::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
    margin: 3px
}

.scrollbar-1::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
    bottom: 20px;
    height: 16px;
    position: fixed
}

.button-shipping-location {
    align-items: center;
    color: #333;
    display: flex;
    justify-content: center;
    width: 120px
}

.button-shipping-location:hover {
    color: #000
}

.button-shipping-location .icon {
    font-size: 30px;
    margin-right: 8px
}

.button-shipping-location .text {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 100%
}

.button-shipping-location .text .name {
    font-size: 15px;
    font-weight: 500
}

.button-shipping-location .text .value {
    display: inline-block;
    max-width: 95%;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button-shipping-location-2 {
    color: #333;
    font-size: 25px
}

.button-shipping-location-2:hover {
    color: #000
}

.shipping-locations-form .description {
    margin-bottom: 15px
}

.shipping-locations-form .buttons .btn-success {
    display: block;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

.shipping-locations-form .form-group .form-control.error {
    border-color: #dc3545 !important
}

.shipping-locations-form .form-group span.error {
    color: #dc3545;
    display: block;
    font-size: 12px;
    font-weight: 500
}

.payment-shipping-time-content .nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px
}

.payment-shipping-time-content .nav-item {
    border: 2px solid #eee;
    border-right: 0;
    flex: 1
}

.payment-shipping-time-content .nav .nav-item:last-child {
    border-right: 2px solid #eee
}

.payment-shipping-time-content .nav-link {
    align-items: center;
    color: #333;
    display: flex;
    flex-flow: column;
    font-size: 13px;
    height: 60px;
    justify-content: center;
    text-align: center
}

.payment-shipping-time-content .nav-link .day {
    font-size: 14px;
    font-weight: 500
}

.payment-shipping-time-content .nav-link.active {
    background: #333;
    color: #fff
}

.payment-shipping-time-content .method {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

.payment-shipping-time-content .method:last-child {
    border-bottom: 0
}

.payment-shipping-time-content .method:hover {
    background: rgba(0, 0, 0, .05)
}

.payment-shipping-time-content .method .checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px
}

.payment-shipping-time-content .method .name {
    align-items: center;
    display: flex;
    flex: 1
}

.payment-shipping-time-content .method .name .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.payment-shipping-time-content .method .name .info span {
    font-size: 13px;
    font-weight: 400
}

.payment-shipping-time-content .method .status {
    font-size: 13px;
    font-weight: 500;
    padding-right: 5px
}

.pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body {
    padding: 5px
}

.free-shipping-limit {
    align-items: center;
    display: flex;
    justify-content: center
}

.free-shipping-limit .icon {
    font-size: 40px;
    margin: 0 15px
}

.free-shipping-limit .info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.free-shipping-limit .info .name {
    font-size: 16px;
    font-weight: 600
}

.free-shipping-limit .info .name span {
    color: #31ab45
}

.free-shipping-limit .info .description {
    font-size: 16px;
    font-weight: 400
}

.free-shipping-limit .info .description span {
    font-weight: 500
}

.shipping-location-bar {
    align-items: center;
    background: #31ab45;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 10px 0
}

.shipping-location-bar .icon {
    font-size: 14px;
    margin: 0 10px
}

.shipping-location-bar .info .value {
    font-weight: 500
}

.shipping-location-bar .info .link-change {
    color: #fff;
    display: inline-block;
    font-style: italic;
    margin-left: 5px
}

.accordion-category-tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.accordion-category-tree .sub-tree {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-top: 8px
}

.accordion-category-tree .parent-tree .parent-cat {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordion-category-tree .parent-tree .parent-cat:after {
    color: #636363;
    content: "\f078";
    font-family: "Font Awesome\ 5 Free";
    font-size: 11px;
    font-weight: 900;
    position: absolute;
    right: 0
}

.accordion-category-tree .parent-tree .active:after {
    color: #1b7ad2;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-category-tree .parent-tree .sub-tree {
    display: none
}

.accordion-category-tree .parent-tree .sub-tree.active {
    display: block
}

.accordion-category-tree a {
    position: relative
}

.accordion-category-tree .parent-tree .level-1 a {
    padding: 8px 0
}

.accordion-category-tree .parent-tree .level-1 a,
.accordion-category-tree .sub-tree a {
    border-bottom: 1px solid #eceaea;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400
}

.accordion-category-tree .sub-tree a {
    padding: 8px 4px
}

.accordion-category-tree .sub-tree li:nth-child(2n) a {
    background-color: #f9f9f9
}

.accordion-category-tree .sub-tree a:hover {
    background: #eee !important
}

.phone-order-request-form .form-control {
    font-size: 13px
}

.phone-order-request-form .buttons {
    display: flex;
    justify-content: flex-end
}

.phone-order-request-form .buttons .btn {
    font-size: 13px;
    font-weight: 500
}

.checkbox-group {
    display: flex;
    margin-bottom: .2rem
}

.product-suggestion-form .description {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 15px
}

.product-suggestion-form .form-control {
    font-size: 13px
}

.product-suggestion-form .buttons {
    display: flex;
    justify-content: flex-end
}

.product-suggestion-form .buttons .btn {
    font-size: 13px;
    font-weight: 500
}

.teqpay-payment-types {
    margin-bottom: 10px
}

.teqpay-payment-types,
.teqpay-payment-types a {
    align-items: center;
    display: flex;
    justify-content: center
}

.teqpay-payment-types a {
    background: rgba(0, 0, 0, .03);
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    height: 55px;
    margin: 0 5px
}

.teqpay-payment-types a.active,
.teqpay-payment-types a:hover {
    background: #fff;
    border-color: #2d7ad0;
    color: #2d7ad0;
    -webkit-filter: none;
    filter: none
}

.teqpay-payment-types a img {
    max-height: 38px
}

.teqpay-payment-types a.type-1 img,
.teqpay-payment-types a.type-1 span {
    margin-right: 5px;
    max-height: 30px
}

.cc-installments .head {
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 10px
}

.cc-installments .head .title {
    flex: 3;
    font-weight: 500
}

.cc-installments .head .price-1,
.cc-installments .head .price-2 {
    flex: 1;
    text-align: center
}

.cc-installments .method {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    justify-content: center;
    padding: 8px 0
}

.cc-installments .method:last-child {
    border-bottom: 0
}

.cc-installments .method:hover {
    background: rgba(0, 0, 0, .05)
}

.cc-installments .method .checkbox {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px
}

.cc-installments .method .name {
    align-items: center;
    display: flex;
    flex: 3
}

.cc-installments .method .name .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cc-installments .method .name .info span {
    font-size: 13px
}

.cc-installments .method .price-1,
.cc-installments .method .price-2 {
    flex: 1;
    padding-right: 5px;
    text-align: center
}

.cc-installments .head .price-1,
.cc-installments .head .price-2,
.cc-installments .method .price-1,
.cc-installments .method .price-2 {
    min-width: 100px
}

.cc-installments .method.active {
    color: #31ab45;
    font-weight: 500
}

.fastpay-body {
    background-color: #e9edf1 !important
}

.fastpay-body .overlay {
    align-items: center;
    background: hsla(0, 0%, 100%, .4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9998
}

.fastpay-body .overlay .spin {
    color: #1c7ad2;
    font-size: 20px;
    height: 3rem;
    width: 3rem
}

.fastpay-body header {
    -webkit-box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1)
}

.fastpay-body header .contents {
    display: flex;
    height: 100px
}

.fastpay-body header .contents .logo a img {
    max-height: 70px;
    max-width: 200px
}

.fastpay-body header .contents .cards,
.fastpay-body header .contents .description,
.fastpay-body header .contents .logo {
    flex: 1
}

.fastpay-body header .contents .logo {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.fastpay-body header .contents .description {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    text-align: center
}

.fastpay-body header .contents .cards {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.fastpay-body header .contents .cards img {
    max-height: 60px;
    max-width: 90%
}

.fastpay-body footer {
    border-top: 1px solid rgba(0, 0, 0, .2);
    font-size: 13px;
    margin-top: 30px;
    padding-top: 50px
}

.fastpay-body footer .cards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.fastpay-body footer .cards img {
    margin: 5px 25px
}

.fastpay-body footer .links {
    margin: 20px 0
}

.fastpay-body footer .links ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.fastpay-body footer .links ul li {
    list-style: none;
    margin: 10px;
    padding: 0
}

.fastpay-body footer .links ul li a {
    color: #000
}

.fastpay-body footer .description {
    color: #000 !important;
    text-align: center
}

.fastpay-body footer .footer-la {
    font-size: 13px;
    padding: 10px 0;
    text-align: center
}

.fastpay-body footer .footer-la a {
    color: #333
}

.fastpay-body footer .footer-la a strong {
    color: #0a75ff
}

.fastpay-body main {
    margin-top: 30px
}

.fastpay-body .steps {
    display: flex
}

.fastpay-body .steps .step {
    align-items: center;
    color: #777;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    position: relative;
    text-align: center
}

.fastpay-body .steps .step.step-1:after,
.fastpay-body .steps .step.step-2:after,
.fastpay-body .steps .step.step-2:before,
.fastpay-body .steps .step.step-3:before {
    background: #c6cacd;
    height: 2px;
    position: absolute;
    top: 28px;
    z-index: 1
}

.fastpay-body .steps .step.step-1:after {
    content: " ";
    left: 50%;
    right: 0
}

.fastpay-body .steps .step.step-2:before {
    content: " ";
    left: 0;
    right: 50%
}

.fastpay-body .steps .step.step-2:after {
    content: " ";
    left: 50%;
    right: 0
}

.fastpay-body .steps .step.step-3:before {
    content: " ";
    left: 0;
    right: 50%
}

.fastpay-body .steps .step.step-1.completed:after,
.fastpay-body .steps .step.step-2.active:before,
.fastpay-body .steps .step.step-2.completed:after,
.fastpay-body .steps .step.step-2.completed:before,
.fastpay-body .steps .step.step-3.active:before {
    background: #747474
}

.fastpay-body .steps .step .circle {
    align-items: center;
    background: #c6cacd;
    border-radius: 100%;
    color: #555;
    display: flex;
    font-size: 17px;
    height: 50px;
    justify-content: center;
    margin: 0 auto 5px;
    position: relative;
    text-align: center;
    width: 50px;
    z-index: 2
}

.fastpay-body .steps .step.active {
    color: #31ab45
}

.fastpay-body .steps .step.active .circle {
    background: #31ab45;
    color: #fff
}

.fastpay-body .steps .step.completed {
    color: #747474
}

.fastpay-body .steps .step.completed .circle {
    background: #747474;
    color: #fff
}

.fastpay-body .fastpay-payment-form {
    font-size: 14px
}

.fastpay-body .fastpay-payment-form .btn-submit {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    padding: 10px 15px
}

.fastpay-body .fastpay-payment-form .buttons {
    align-items: center;
    display: flex;
    justify-content: center
}

.fastpay-body .fastpay-payment-form .buttons .btn {
    font-size: 14px;
    font-weight: 500;
    margin: 0 10px;
    padding: 5px 10px
}

.fastpay-body .fastpay-payment-form .buttons .btn.btn-pay {
    font-size: 17px;
    padding: 10px 20px
}

.fastpay-body .fastpay-payment-form .input-group-text {
    font-size: 13px
}

.fastpay-body .icon-big {
    font-size: 50px
}

.payment-complete-form-wrapper .fields {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-size: 14px;
    padding: 0 10px
}

.payment-complete-form-wrapper .fields ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.payment-complete-form-wrapper .fields ul li {
    display: flex;
    margin: 10px 0
}

.payment-complete-form-wrapper .fields ul li .info {
    flex: 1
}

.payment-complete-form-wrapper .fields ul li .info .name {
    font-size: 13px;
    font-weight: 500
}

.payment-complete-form-wrapper .fields ul li .info .description {
    font-size: 12px
}

.payment-complete-form-wrapper .fields ul li .value {
    flex: 3
}

.payment-complete-form-wrapper .fields ul li .value .form-control {
    font-size: 13px
}

.sodexo-form .form-group label {
    color: #222;
    font-size: 13px;
    font-weight: 500
}

.sodexo-form .logo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sodexo-form .logo img {
    margin-bottom: 15px;
    max-width: 50%
}

.product-shipment-prices .shipment-methods .method {
    cursor: auto
}

.product-shipment-prices .shipment-methods .method:hover {
    background: initial !important
}

.product-shipment-prices .shipment-methods .method .checkbox {
    display: none !important
}

.advanced-product-search {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .4);
    display: none;
    height: 620px;
    position: absolute;
    width: 800px;
    z-index: 99999
}

.advanced-product-search .aps-content .items {
    height: 560px
}

.advanced-product-search .aps-template {
    display: none
}

.advanced-product-search .aps-results,
.advanced-product-search .aps-results .row {
    height: 100%
}

.advanced-product-search .aps-results .row .col-left {
    background: #f5f6f6;
    border-radius: 5px 0 0 5px
}

.advanced-product-search .aps-content,
.advanced-product-search .aps-results .row .col-space {
    padding-top: 20px
}

.advanced-product-search .aps-results .row .col-left .col-space {
    padding-left: 10px
}

.advanced-product-search .aps-results .aps-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

.advanced-product-search .aps-results .aps-cat-list ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.advanced-product-search .aps-results .aps-cat-list ul li {
    display: block
}

.advanced-product-search .aps-results .aps-cat-list ul li a {
    color: #333;
    display: block;
    font-size: 13px;
    padding: 8px 0;
    width: 100%
}

.advanced-product-search .aps-results .aps-cat-list ul li a:hover {
    color: #000
}

.advanced-product-search .aps-content {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 20px
}

.advanced-product-search .aps-content .title {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px
}

.advanced-product-search .aps-content .items {
    clear: both;
    margin: -5px;
    overflow-y: auto
}

.advanced-product-search .aps-content .items .item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    color: #222;
    display: flex;
    float: left;
    height: 100px;
    margin: 5px;
    width: calc(50% - 10px)
}

.advanced-product-search .aps-content .items .item:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.advanced-product-search .aps-content .items .item .image {
    height: 100%;
    margin-right: 10px;
    width: 30%
}

.advanced-product-search .aps-content .items .item .image img {
    height: 100%
}

.advanced-product-search .aps-content .items .item .p-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding-right: 5px
}

.advanced-product-search .aps-content .items .item .p-info .name {
    color: #333;
    font-size: 13px
}

.advanced-product-search .aps-content .items .item .p-info .prices {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5px
}

.advanced-product-search .aps-content .items .item .p-info .prices .list-price {
    color: #777;
    font-size: 13px;
    text-decoration: line-through
}

.advanced-product-search .aps-content .items .item .p-info .prices .price {
    font-size: 14px;
    font-weight: 500
}

.newsletter-body {
    background-color: #e9edf1 !important
}

.newsletter-body main .container {
    max-width: 500px !important;
    width: 100% !important
}

.newsletter-body .overlay {
    align-items: center;
    background: hsla(0, 0%, 100%, .4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9998
}

.newsletter-body .overlay .spin {
    color: #1c7ad2;
    font-size: 20px;
    height: 3rem;
    width: 3rem
}

.newsletter-body header {
    -webkit-box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 22px -8px rgba(0, 0, 0, .1)
}

.newsletter-body header .contents {
    display: flex;
    height: 100px
}

.newsletter-body header .contents .logo a img {
    max-height: 70px;
    max-width: 200px
}

.newsletter-body header .contents .logo {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.newsletter-body footer {
    border-top: 1px solid rgba(0, 0, 0, .2);
    font-size: 13px;
    margin-top: 30px;
    padding-top: 50px
}

.newsletter-body footer .links {
    margin: 20px 0
}

.newsletter-body footer .links ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.newsletter-body footer .links ul li {
    list-style: none;
    margin: 10px;
    padding: 0
}

.newsletter-body footer .links ul li a {
    color: #000
}

.newsletter-body footer .description {
    color: #000 !important;
    text-align: center
}

.newsletter-body footer .footer-la {
    font-size: 13px;
    padding: 10px 0;
    text-align: center
}

.newsletter-body footer .footer-la a {
    color: #333
}

.newsletter-body footer .footer-la a strong {
    color: #0a75ff
}

.newsletter-body main {
    margin-top: 30px
}

.newsletter-body .newsletter-form {
    font-size: 15px
}

.newsletter-body .newsletter-form .btn-submit {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    padding: 10px 25px
}

.qr-box {
    align-items: flex-start;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 10px;
    padding: 20px
}

.qr-box .image img {
    height: 40px
}

.qr-box .title-1 {
    margin-top: 20px
}

.qr-box .title-2 {
    margin-bottom: 20px;
    margin-top: 10px
}

.qr-box .qr {
    text-align: center;
    width: 100%
}

.qr-box .secret {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%
}

.qr-box .secret .i-1 {
    background: #9595954d;
    border-radius: 10px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px
}

.addons-whatsapp-widget {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 9
}

.user-delete-description {
    background: rgba(0, 0, 0, .05);
    border-radius: 5px;
    padding: 8px 8px 3px
}

.user-delete-description label {
    cursor: pointer;
    font-weight: 500;
    margin-left: 10px
}

.addons-whatsapp-widget.aww-direction-0 {
    bottom: 0;
    right: 0
}

.addons-whatsapp-widget.aww-direction-1 {
    bottom: 0;
    flex-direction: row-reverse;
    left: 0
}

.addons-whatsapp-widget.aww-direction-2 {
    right: 0;
    top: 0
}

.addons-whatsapp-widget.aww-direction-3 {
    flex-direction: row-reverse;
    left: 0;
    top: 0
}

.addons-whatsapp-widget.aww-direction-4 {
    right: 0;
    top: 48vh
}

.addons-whatsapp-widget.aww-direction-5 {
    flex-direction: row-reverse;
    left: 0;
    top: 48vh
}

.addons-whatsapp-widget svg {
    animation: 4s linear infinite adonswfixed;
    position: relative;
    transform: scale(1);
    z-index: 9999
}

@keyframes adonswfixed {
    0%,
    to {
        transform: rotate(0) scale(1)
    }
    50% {
        transform: rotate(10deg) scale(1.2)
    }
}

.addons-whatsapp-widget.aww-size-0 svg {
    width: 50px
}

.addons-whatsapp-widget.aww-size-1 svg {
    width: 60px
}

.addons-whatsapp-widget.aww-size-2 svg {
    width: 80px
}

.addons-whatsapp-widget.aww-size-3 svg {
    width: 40px
}

.addons-whatsapp-widget .wp-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, .17);
    box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, .17);
    cursor: pointer;
    display: flex;
    max-height: 100px;
    max-width: 200px;
    padding: 5px 15px 5px 5px;
    position: relative;
    text-align: center
}

.addons-whatsapp-widget.aww-title-0 .wp-title {
    display: none
}

.addons-whatsapp-widget.aww-direction-0 .wp-title,
.addons-whatsapp-widget.aww-direction-2 .wp-title,
.addons-whatsapp-widget.aww-direction-4 .wp-title {
    margin-right: 15px
}

.addons-whatsapp-widget.aww-direction-1 .wp-title,
.addons-whatsapp-widget.aww-direction-3 .wp-title,
.addons-whatsapp-widget.aww-direction-5 .wp-title {
    margin-left: 15px;
    padding-left: 15px
}

.addons-whatsapp-widget .wp-title:after {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    content: "";
    height: 20px;
    position: absolute;
    top: 50%;
    width: 20px
}

.addons-whatsapp-widget.aww-direction-0 .wp-title:after,
.addons-whatsapp-widget.aww-direction-2 .wp-title:after,
.addons-whatsapp-widget.aww-direction-4 .wp-title:after {
    right: -10px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.addons-whatsapp-widget.aww-direction-1 .wp-title:after,
.addons-whatsapp-widget.aww-direction-3 .wp-title:after,
.addons-whatsapp-widget.aww-direction-5 .wp-title:after {
    left: -10px;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg)
}

.addons-campaign-bar {
    position: relative
}

.addons-campaign-bar .url {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-decoration: none
}

.addons-campaign-bar .container {
    height: 100%
}

.addons-campaign-bar .container .text,
.addons-campaign-bar .image {
    align-items: center;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    width: 100%
}

.addons-campaign-bar .image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.addons-campaign-bar .image.imgh-1 img {
    height: 100%
}

.addons-campaign-bar .image.imgw-1 img,
.addons-campaign-bar .image.imgw-2 img {
    width: 100%
}

.addons-mobile-menu {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    box-shadow: 0 -10px 30px -5px rgba(0, 0, 0, .15);
    display: block;
    position: fixed;
    width: 100%;
    z-index: 9
}

.addons-mobile-menu ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.addons-mobile-menu ul li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.addons-mobile-menu ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    -webkit-transition: 75ms ease-out;
    transition: 75ms ease-out;
    width: 100%
}

.addons-mobile-menu ul li a .count {
    align-items: center;
    background: #d21c1c;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    max-width: 25px;
    min-width: 18px;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
    top: 5%
}

.card-voucher {
    border: 1px solid #e5e5e5;
    flex-direction: column
}

.card-voucher,
.card-voucher .meta {
    align-items: center;
    display: flex;
    justify-content: center
}

.card-voucher .meta {
    border-bottom: 1px dashed #d6d6d6;
    border-right: 0;
    flex: 1;
    flex-direction: column;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%
}

.card-voucher .meta .name {
    font-size: 15px;
    font-weight: 500
}

.card-voucher .meta .date {
    font-size: 14px;
    margin: 5px 0
}

.card-voucher .meta .date span {
    font-weight: 500
}

.card-voucher .info {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.card-voucher .info .discount {
    color: #666;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.card-voucher .info .code {
    background: #e5e5e5;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    width: 100%
}

.order-summary-v2 .table-order-v2 {
    border-bottom: 1px solid #eee
}

.order-summary-v2 .table-order-v2 tr:first-child td {
    border-top: 0
}

.order-summary-v2 .td-product .product {
    display: flex
}

.order-summary-v2 .td-product .product .image {
    margin-right: 5px
}

.order-summary-v2 .td-product .product .image a {
    display: block
}

.order-summary-v2 .td-product .product .image img {
    max-width: 100px
}

.order-summary-v2 .td-product .product .p-info .name {
    color: #333;
    font-size: 13px;
    font-weight: 500
}

.order-summary-v2 .td-product .product .p-info .btn-remove {
    font-size: 11px;
    font-weight: 500;
    margin-top: 3px;
    padding: 3px 5px
}

.order-summary-v2 .td-product .product .p-info .attributes {
    margin-top: 3px
}

.order-summary-v2 .table-order-v2 .info {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-width: 300px
}

.order-summary-v2 .table-order-v2 .info .price {
    display: flex;
    flex: 1;
    font-weight: 500
}

.order-summary-v2 .table-order-v2 .info .price .sep {
    margin: 0 7px
}

.order-summary-v2 .table-order-v2 .info .price .value .old-price {
    color: #666;
    margin-right: 3px;
    text-decoration: line-through
}

.order-summary-v2 .table-order-v2 .final-price {
    color: #31ab45;
    font-size: 17px;
    font-weight: 500
}

.order-summary-v2 .table-order-v2 .final-price .old-price {
    color: #666;
    margin-right: 10px;
    text-decoration: line-through
}

.order-summary-v2 .table-footer .table tr th {
    border: 0;
    padding-bottom: .3rem
}

.order-summary-v2 .table-bottom .info .title {
    color: #dc3545;
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0
}

.order-summary-v2 .table-bottom .info .item {
    margin: 5px 0
}

.cart-promotion-list {
    position: relative
}

.cart-promotion-list .selected-box {
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 65px;
    position: relative;
    white-space: normal;
    width: 100%
}

.cart-promotion-list .selected-box:after {
    display: none !important
}

.cart-promotion-list .selected-box .name {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-start
}

.cart-promotion-list .selected-box .name i {
    font-size: 15px;
    margin-left: 15px
}

.cart-promotion-list .selected-box .name span {
    display: block;
    font-size: 13px;
    margin-left: 15px;
    text-align: left
}

.cart-promotion-list .selected-box .icon {
    align-items: center;
    background: #fafafa;
    border-left: 1px solid #eee;
    display: flex;
    font-size: 15px;
    justify-content: center;
    width: 30px
}

.cart-promotion-list .items {
    background: #fff;
    border-bottom: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 0;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 3
}

.cart-promotion-list .items ul,
.cart-promotion-list .items ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.cart-promotion-list .items ul li {
    align-items: center;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    height: 65px
}

.cart-promotion-list .items ul li.active,
.cart-promotion-list .items ul li:hover {
    background-color: #fafafa
}

.cart-promotion-list .items ul li i {
    font-size: 15px;
    margin-left: 15px
}

.cart-promotion-list .items ul li .name {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 15px;
    text-align: left
}

.cart-promotion-list .items ul li .name .d-1 {
    font-size: 13px
}

.cart-promotion-list .items ul li .name .d-2 {
    font-size: 12px;
    font-style: italic
}

.preview-mode-toolbar {
    background: #2e7af0;
    border-radius: 10px 0 0 10px;
    bottom: 20%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    position: fixed;
    right: 0;
    width: 160px;
    z-index: 9999
}

.preview-mode-toolbar.minimize {
    width: 80px
}

.preview-mode-toolbar .min-theme {
    display: none
}

.preview-mode-toolbar .active-theme,
.preview-mode-toolbar.minimize .min-theme {
    display: block
}

.preview-mode-toolbar.minimize .active-theme {
    display: none
}

.preview-mode-toolbar .active-theme .btn-close {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    color: #ffff03 !important;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    padding-top: 5px
}

.preview-mode-toolbar .active-theme .btn-close i {
    margin-right: 4px
}

.preview-mode-toolbar .active-theme .btn-hide {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    color: #ffff03 !important;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    padding-top: 5px
}

.preview-mode-toolbar .active-theme .btn-hide i {
    margin-right: 4px
}

.preview-mode-toolbar .min-theme .btn-show {
    color: #ffff03 !important;
    display: block;
    font-size: 13px
}

.preview-mode-toolbar .min-theme .btn-show i {
    margin-right: 4px
}

.addons-marquee-bar {
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.addons-marquee-bar .item {
    display: inline-block
}

.addons-marquee-bar.amb-direction-0 .js-marquee-wrapper,
.addons-marquee-bar.amb-direction-0 .js-marquee-wrapper .js-marquee,
.addons-marquee-bar.amb-direction-1 .js-marquee-wrapper,
.addons-marquee-bar.amb-direction-1 .js-marquee-wrapper .js-marquee {
    height: 100%
}

.addons-marquee-bar.amb-direction-0 .item,
.addons-marquee-bar.amb-direction-1 .item {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center
}

.addons-marquee-bar.amb-direction-2 .item,
.addons-marquee-bar.amb-direction-3 .item {
    display: block;
    text-align: center
}

.addons-marquee-bar.amb-direction-4 .item {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center
}

.bundle-product-box .bpb-title,
.combine-product-box .bpb-title {
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px
}

.bundle-product-box .bpb-item,
.combine-product-box .bpb-item {
    align-items: flex-start;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding: 10px
}

.combine-product-box .bpb-item {
    border-color: #eaeaea;
    padding: 7px
}

.bundle-product-box .bpb-item .bpb-image,
.combine-product-box .bpb-item .bpb-image {
    flex: 1
}

.combine-product-box .bpb-item .bpb-image {
    flex: 2;
    margin-right: 10px
}

.bundle-product-box .bpb-item .bpb-image img,
.combine-product-box .bpb-item .bpb-image img {
    max-height: 200px;
    min-height: 50px;
    width: 100%
}

.combine-product-box .bpb-item .bpb-image .btn-view {
    color: #444;
    display: block;
    font-size: 12px;
    margin-top: 4px;
    text-align: center
}

.bundle-product-box .bpb-item .bpb-info,
.combine-product-box .bpb-item .bpb-info {
    flex: 4;
    margin-left: 5px
}

.bundle-product-box .bpb-item .bpb-name,
.combine-product-box .bpb-item .bpb-name {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.bundle-product-box .bpb-item .bpb-price,
.combine-product-box .bpb-item .bpb-price {
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px
}

.combine-product-box .bpb-item .bpb-price {
    color: #db2534;
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: 6px
}

.combine-product-box .variant-box ul li {
    margin: 5px 0
}

.combine-product-box .variant-box ul li .name,
.combine-product-box .variant-box ul li .options a {
    font-size: 13px
}

.combine-product-box .btn-buy {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.p-g-mod-t-44 .ban-type .ban-type-description,
.p-g-mod-t-44 .ban-type .ban-type-title {
    display: inline-flex;
    padding: 5px;
    text-align: center;
    width: auto
}

.p-g-mod-t-44 .ban-type .ban-type-btn {
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
    transition: .4s
}

.p-g-mod-t-44 .ban-type .image img {
    max-width: 100%;
    width: 100%
}

.p-g-mod-t-44 .ban-type .ban-type-content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    z-index: 2
}

.p-g-mod-t-44 .ban-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.p-g-mod-t-44 .ban-type-1 .ban-type-content {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%
}

.p-g-mod-t-44 .ban-type-1 .ban-type-description,
.p-g-mod-t-44 .ban-type-1 .ban-type-title {
    text-align: left
}

.p-g-mod-t-44 .ban-type-3 .ban-type-content {
    justify-content: flex-start;
    padding-top: 10px
}

.p-g-mod-t-44 .ban-type-4 .ban-type-content {
    justify-content: flex-end;
    padding-bottom: 10px
}

.p-g-mod-t-44 .ban-type-3 .image,
.p-g-mod-t-44 .ban-type-4 .image,
.p-g-mod-t-44 .ban-type-5 .image {
    position: relative
}

.p-g-mod-t-44 .ban-type-3 .image:after,
.p-g-mod-t-44 .ban-type-4 .image:after,
.p-g-mod-t-44 .ban-type-5 .image:after {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(51, 51, 51, 0) 51%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.p-g-mod-t-44 .ban-type-4 .image:after {
    transform: rotate(180deg)
}

.p-g-mod-t-44 .ban-type-5 .ban-type-content {
    justify-content: flex-end;
    overflow: hidden;
    padding-bottom: 10px
}

.p-g-mod-t-44 .ban-type-5:hover .ban-type-description {
    height: auto;
    opacity: 1
}

.p-g-mod-t-44 .ban-type-5:hover .ban-type-btn {
    margin-bottom: 20px;
    opacity: 1
}

.p-g-mod-t-44 .ban-type-5 .ban-type-btn,
.p-g-mod-t-44 .ban-type-5 .ban-type-description {
    transition: .4s
}

.p-g-mod-t-44 .ban-type-5 .image:after {
    opacity: 0;
    transform: rotate(180deg);
    transition: .4s
}

.p-g-mod-t-44 .ban-type-5:hover .image:after {
    opacity: 1
}

.p-g-mod-t-44 .ban-type-6 {
    flex-direction: column
}

.p-g-mod-t-44 .ban-type-6 .ban-type-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 5px;
    position: relative;
    text-align: left;
    width: 100%
}

.p-g-mod-t-44 .ban-type-6 .ban-type-title {
    text-align: left;
    width: auto
}

.p-g-mod-t-44 .ban-type-6 .ban-type-content .ban-type-description {
    display: none
}

.p-g-mod-t-44 .ban-type-6 .ban-type-btn {
    margin-top: 0;
    padding: 0;
    text-align: center
}

.blog-comment-list .comment-box {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px
}

.blog-comment-list .comment-box:not(.answer):first-child {
    border-top: 0;
    padding-top: 0
}

.blog-comment-list .comment-box.answer {
    margin-left: 30px
}

.blog-comment-list .comment-box .info {
    align-items: center;
    display: flex;
    margin-bottom: 5px
}

.blog-comment-list .comment-box .info .icon {
    align-items: center;
    background: #eee;
    border-radius: 50%;
    display: flex;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin-right: 10px;
    width: 45px
}

.blog-comment-list .comment-box .info .user {
    display: flex;
    flex: 1;
    flex-direction: column
}

.blog-comment-list .comment-box .info .user .name {
    font-size: 14px;
    font-weight: 600
}

.blog-comment-list .comment-box .info .user .date {
    color: #777;
    font-size: 12px
}

.blog-comment-list .comment-box .info .btn-answer {
    font-size: 12px
}

.blog-comment-list .comment-box .comment {
    font-size: 14px;
    margin-top: 5px
}

.btn-category-load-more {
    background: #fefefe;
    border: 1px solid #dedede;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin: 15px auto;
    padding: 10px;
    text-align: center;
    width: 100%
}

.category-load-next-pages {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center
}

.google-review-badge.gwb-bottom-right {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 9
}

.google-review-badge.gwb-bottom-left {
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 9
}

.google-review-badge.gwb-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 0;
    text-align: center
}

.file-uploader {
    display: flex;
    flex-wrap: wrap
}

.file-uploader .box {
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    height: 100px;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 100px
}

.file-uploader .box.btn-upload:focus {
    border: 1px dashed #ddd
}

.file-uploader .box:last-child {
    margin-right: 0
}

.file-uploader .box img {
    border-radius: 10px;
    max-height: 100%;
    max-width: 100%
}

.file-uploader .box .btn-trash {
    background: #333;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 4px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    width: 25px
}

.file-uploader .box.btn-upload {
    border-style: dashed;
    padding: 25px
}

.file-uploader .box.btn-upload i {
    margin-bottom: 5px
}

.modal .comment-form .product-img img {
    border: 1px solid #eee;
    max-height: 140px;
    max-width: 100%;
    padding: 5px;
    width: auto
}

.modal .comment-form .title {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.modal .comment-form .product-comment-stars {
    margin-bottom: 10px
}

.modal .comment-form .description-1 {
    color: #666;
    font-size: 14px;
    font-weight: 500
}

.modal .product-comment-stars .star:not(:hover):not(.active) i {
    color: #b6b6b6
}

.modal .form-group label {
    font-weight: 500
}

.modal .form-group textarea {
    height: 100px
}

.modal .form-group input[type=text],
.modal .form-group textarea {
    background: rgba(0, 0, 0, .015);
    font-size: 14px
}

.product-comment-list-v2 hr {
    border-color: #eee
}

.product-comment-list-v2 .alt-title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.product-comment-list-v2 .no-comment {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.product-comment-list-v2 .no-comment .description {
    font-size: 15px;
    margin: 10px 0
}

.product-comment-list-v2 .summary-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center
}

.product-comment-list-v2 .leave-comment,
.product-comment-list-v2 .score,
.product-comment-list-v2 .summary {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 20px 0;
    text-align: center;
    width: 100%
}

.product-comment-list-v2 .score .total {
    font-size: 35px;
    font-weight: 500
}

.product-comment-list-v2 .score .stars {
    display: flex;
    height: 35px;
    margin-top: 7px
}

.product-comment-list-v2 .score .stars .star {
    color: #b6b6b6;
    display: block;
    font-size: 30px;
    position: relative;
    width: 35px
}

.product-comment-list-v2 .score .stars .star.fill {
    color: #f78018
}

.product-comment-list-v2 .score .stars .star i {
    left: 0;
    position: absolute;
    top: 0
}

.product-comment-list-v2 .score .stars .star.fill .fa-star-half {
    position: absolute
}

.product-comment-list-v2 .score .stars .star.fill .dark {
    color: #b6b6b6
}

.product-comment-list-v2 .score .count {
    color: #666;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    padding-left: 4px
}

.product-comment-list-v2.product-comment-list-t-0 .score {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 146px
}

.product-comment-list-v2.product-comment-list-t-0 .score .total {
    font-size: 20px
}

.product-comment-list-v2.product-comment-list-t-0 .score .stars {
    height: 20px;
    margin: 0 8px
}

.product-comment-list-v2.product-comment-list-t-0 .score .stars .star {
    font-size: 18px;
    width: 20px
}

.product-comment-list-v2.product-comment-list-t-0 .score .count {
    margin: 0
}

.product-comment-list-v2 .leave-comment {
    padding: 0 15px
}

.product-comment-list-v2 .leave-comment .description {
    color: #999;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 65%;
    text-align: center
}

.product-comment-list-v2 .leave-comment .btn {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    max-width: 65%
}

.product-comment-list-v2 .leave-comment .btn i {
    font-size: 20px
}

.product-comment-list-v2.product-comment-list-t-0 .leave-comment {
    padding: 0;
    width: 130px
}

.product-comment-list-v2.product-comment-list-t-0 .leave-comment .btn {
    font-size: 13px;
    height: 35px;
    max-width: 100%;
    width: 130px
}

.product-comment-list-v2.product-comment-list-t-0 .btn i {
    font-size: 15px
}

.product-comment-list-v2 .summary {
    align-items: flex-start
}

.product-comment-list-v2 .summary .item {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    width: 100%
}

.product-comment-list-v2 .summary .item .stars {
    color: #b6b6b6;
    font-size: 15px
}

.product-comment-list-v2 .summary .item .stars i {
    margin-right: 2px
}

.product-comment-list-v2 .summary .item .stars .fill {
    color: #f78018
}

.product-comment-list-v2 .summary .item .rate {
    flex: 1;
    height: 15px;
    margin: 0 10px;
    position: relative
}

.product-comment-list-v2 .summary .item .rate div {
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px
}

.product-comment-list-v2 .summary .item .rate .light {
    background: #b6b6b6
}

.product-comment-list-v2 .summary .item .rate .fill {
    background: #f78018;
    z-index: 1
}

.product-comment-list-v2 .summary .item .count {
    color: #666;
    font-size: 13px;
    font-weight: 500
}

.product-comment-list-v2 .comments {
    display: flex;
    flex-direction: column
}

.product-comment-list-v2 .comments .item {
    border-bottom: 1px solid #eee;
    padding: 25px 10px
}

.product-comment-list-v2 .comments .item:last-child {
    border-bottom: 0
}

.product-comment-list-v2 .comments .item .customer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0
}

.product-comment-list-v2 .comments .item .customer .name {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    min-width: 50px
}

.product-comment-list-v2 .comments .item .customer .stars {
    margin-right: 10px
}

.product-comment-list-v2 .comments .item .customer .stars i {
    color: #b6b6b6
}

.product-comment-list-v2 .comments .item .customer .stars i.fill {
    color: #f78018
}

.product-comment-list-v2 .comments .item .customer .date {
    color: #555;
    font-size: 13px;
    margin-right: 10px
}

.product-comment-list-v2 .comments .item .customer .approved {
    background: #afeec6;
    border-radius: 5px;
    color: #188330;
    padding: 3px 8px
}

.product-comment-list-v2 .comments .item .comment {
    color: #444;
    font-size: 14px;
    margin-top: 10px
}

.product-comment-list-v2 .comments .item .images {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.product-comment-list-v2 .comments .item .images .image {
    margin-right: 5px
}

.product-comment-list-v2 .comments .item .images .image img {
    border-radius: 5px;
    height: 80px;
    width: 80px
}

.product-comment-list-v2 .comments .item .control {
    color: #555;
    display: flex;
    font-size: 12px;
    font-style: italic;
    margin-top: 15px
}

.product-comment-list-v2 .comments .item .control .like {
    flex: 1
}

.product-comment-list-v2 .comments .item .control .like a,
.product-comment-list-v2 .comments .item .control .like span {
    margin-right: 7px
}

.product-comment-list-v2 .comments .item .control .report {
    flex: 1;
    text-align: right
}

.product-comment-list-v2 .comments .item .control a {
    color: #555;
    font-style: normal
}

.product-comment-list-v2 .comments .item .control a:hover {
    color: #000
}

.product-comment-list-v2 .comments .item .control a:first-child {
    margin-left: 10px;
    margin-right: 10px
}

.product-comment-list-v2 .comments .item .control a i {
    color: #777;
    margin-right: 4px
}

.product-comment-list-v2.product-comment-list-t-0 .comments .item {
    padding: 10px 5px
}

.product-comment-list-v2.product-comment-list-t-0 .comments .item .customer .name {
    font-size: 14px
}

.product-comment-list-v2 .comment-photos .item {
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    padding: 3px;
    width: 100%
}

.product-comment-list-v2 .comment-photos .item img {
    max-height: 150px;
    width: 100%
}

.product-comment-photo-modal button.close {
    font-size: 30px
}

.product-comment-photo-modal .image {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 500px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-comment-photo-modal .image .controls {
    cursor: pointer;
    font-size: 30px;
    height: 20px;
    left: -23px;
    position: absolute;
    top: 45%;
    width: 20px;
    z-index: 1
}

.product-comment-photo-modal .image .controls.control-right {
    left: auto;
    right: -23px
}

.card-comment {
    align-items: flex-start;
    background-color: hsla(0, 0%, 7%, .05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px
}

.card-comment .info {
    align-items: center;
    display: flex
}

.card-comment .info .stars {
    color: #999;
    font-size: 16px;
    margin-right: 6px
}

.card-comment .info .stars i.active {
    color: #f78018
}

.card-comment .info .date {
    color: #777;
    font-size: 14px
}

.card-comment .product {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 14px
}

.card-comment .product .image {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    height: 95px;
    margin-right: 8px;
    padding: 3px;
    width: 95px
}

.card-comment .product .image img {
    max-height: 100%;
    width: 100%
}

.card-comment .product .customer {
    flex: 1
}

.card-comment .product .customer .name {
    color: #222;
    font-size: 15px;
    font-weight: 500
}

.card-comment .product .customer .comment {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 72px;
    line-height: 18px;
    margin-top: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-create-collection {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 0
}

.user-create-collection form {
    min-width: 350px
}

.user-create-collection .icon {
    align-items: center;
    background: #eee;
    border-radius: 100%;
    color: #333;
    display: flex;
    font-size: 30px;
    height: 100px;
    justify-content: center;
    margin: 0 auto 20px;
    width: 100px
}

.user-collection-buttons .description {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 0
}

.user-collection-buttons .items {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto
}

.user-collection-buttons .items a {
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 58px;
    justify-content: flex-start;
    padding: 10px 15px;
    transition: .3s ease-out
}

.user-collection-buttons .items a:hover {
    background: #f1f1f1;
    border-color: #000
}

.user-collection-buttons .items a i {
    margin-right: 5px
}

.collection-cover {
    display: flex;
    padding: 20px
}

.collection-cover .info {
    flex: 1
}

.collection-cover .info .title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px
}

.collection-cover .info .stats {
    display: flex
}

.collection-cover .info .stats .item {
    border-right: 1px solid #ccc;
    padding: 0 10px
}

.collection-cover .info .stats .item:first-child {
    padding-left: 0
}

.collection-cover .info .stats .item:last-child {
    border-right: 0
}

.collection-cover .buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.collection-cover .buttons .btn {
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px
}

.collection-cover .buttons .btn:first-child {
    margin-left: 0
}

.collection-filter {
    display: flex
}

.collection-filter .cf-order {
    display: flex;
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    list-style: none;
    margin: 0;
    padding: 0
}

.collection-responsive-popup .cr-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    padding: 15px
}

.collection-responsive-popup .cr-header .title {
    flex: 1;
    font-size: 15px;
    font-weight: 500
}

.collection-responsive-popup .cr-header .button a {
    color: #333;
    font-size: 15px
}

.user-collection-product {
    position: relative
}

.user-collection-product .btn-remove {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .105);
    color: #8c8c8c;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 8px;
    width: 32px;
    z-index: 15
}

.user-collection-product .btn-remove:hover {
    border: 1px solid #bebebe;
    color: #000
}

.toc-wrapper {
    background: #f4f4f4;
    border-radius: 5px;
    display: table;
    margin: 15px 0;
    padding: 15px;
    width: auto
}

.toc-wrapper .toc-title {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.toc-wrapper .toc-list {
    margin: 0;
    padding: 0
}

.toc-wrapper .toc-list .toc-list-item {
    color: #444;
    line-height: 30px;
    margin-left: 15px;
    padding-left: 5px
}

.toc-wrapper .toc-list .toc-list-item .toc-link {
    color: #444;
    font-size: 14px;
    line-height: 30px
}

.toc-wrapper .toc-list .toc-list-item .toc-link:hover {
    text-decoration: underline
}

.modal-verification .modal-content .modal-header {
    align-items: center;
    border-bottom: 0;
    justify-content: center;
    padding: 2rem .5rem 0 0;
    text-align: center
}

.modal-verification .modal-content .modal-header .close {
    border: 0;
    position: absolute;
    right: 20px
}

.modal-verification .modal-content .modal-header .modal-title {
    font-size: 17px
}

.modal-verification .modal-content .modal-body {
    padding-top: .5rem
}

.modal-verification .modal-content .modal-body .description {
    color: #333;
    font-size: 14px;
    padding: 1rem 0;
    text-align: center
}

.modal-verification .modal-content .modal-body form {
    padding: 1rem
}

.modal-verification .modal-content .modal-body form .form-group input.form-control {
    background: #fff;
    font-size: 1rem;
    height: calc(1.8em + .75rem + 2px)
}

.modal-verification .modal-content .modal-body form .form-group input.form-control:disabled,
.modal-verification .modal-content .modal-body form .form-group input.form-control[readonly] {
    background-color: #e9ecef
}

.modal-verification .modal-content .modal-body form .buttons {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1rem
}

.modal-verification .modal-content .modal-body form .buttons .btn-success {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: .6rem;
    width: 100%
}

.modal-verification .modal-content .modal-body form .buttons .btn-light,
.modal-verification .modal-content .threed-verification-wrapper {
    font-size: 14px
}

.modal-verification .modal-content .threed-verification-wrapper h1 {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

.modal-verification .modal-content .threed-verification-wrapper h3 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px
}

.modal-verification .modal-content .threed-verification-wrapper input[type=password] {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #696969;
    border-radius: .25rem;
    color: #495057;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem
}

.modal-verification .modal-content .threed-verification-wrapper input[type=submit] {
    -webkit-appearance: button;
    background: #4dc761;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 10px;
    padding: 8px 15px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.q-form-soft {
    background: #eee;
    border-radius: 10px;
    padding: 15px 20px
}

.q-form .form-title {
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0
}

.q-form .form-title i {
    font-size: 17px;
    margin-right: 5px
}

.q-form .form-description {
    font-size: 15px;
    padding: 10px 0
}

.q-form .btn-group .btn,
.q-form .buttons .btn {
    font-weight: 500;
    min-width: 200px;
    padding: 8px 25px
}

.q-form .btn-group .btn i,
.q-form .buttons .btn i {
    margin-right: 5px
}

.p-g-mod-showcase .owl-carousel .owl-item img.owl-lazy {
    transform-style: unset
}

body {
    background: #eee;
    font-size: 13px;
    overflow-x: hidden;
    background: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: 0;
    transition: .4s
}

a {
    color: #000
}

a:hover {
    text-decoration: none;
    color: #000
}

.overlay {
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    justify-content: center;
    align-items: center
}

.overlay .spin {
    color: var(--main-color);
    width: 3rem;
    height: 3rem;
    font-size: 20px
}

.op-black {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden
}

.op-black.hide {
    visibility: hidden;
    opacity: 0
}

.op-black.show {
    visibility: visible;
    opacity: 1
}

.op-black-2,
.op-black-new {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden
}

.op-black-new {
    z-index: 5
}

.op-black-4 {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 21;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    cursor: url(icons/cursor-close.svg), auto
}

.op-black-2.hide {
    visibility: hidden;
    opacity: 0
}

.op-black-2.show,
.op-black-4.show,
.op-black-new.show {
    visibility: visible;
    opacity: 1
}

header.desktop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10
}

header.desktop .h-contact {
    background: #fff;
    border-bottom: 1px solid #eee
}

.dropdown-languages-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time)
}

.dropdown-languages-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover)
}

.dropdown-currencies-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time)
}

.dropdown-currencies-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover)
}

header.desktop .h-contact .info {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

header.desktop .h-contact .info .item {
    font-size: 13px;
    color: var(--header-top-color);
    transition: all var(--transition-time);
    margin-right: 20px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal
}

header.desktop .h-contact .info .item:hover {
    color: var(--header-top-color-hover)
}

header.desktop .h-contact .info .item i {
    margin-right: 6px;
    font-size: 13px
}

header.desktop .h-contact .info .item.wp i {
    font-weight: 400;
    font-size: 20px
}

header.desktop .h-contact .social-media {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row
}

header.desktop .h-contact .social-media a {
    margin-left: 15px;
    font-size: 14px;
    color: var(--header-top-color)
}

header.desktop .h-contact .social-media a:hover {
    color: var(--header-top-color-hover);
    transition: all var(--transition-time)
}

header.desktop .header-area {
    height: 55px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

header.desktop .header-area.last {
    align-items: flex-end
}

header.desktop .logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

header.desktop .logo img {
    max-width: 215px;
    width: 100%;
    height: 100%
}

header.desktop .menu {
    height: 50px;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-left: 0;
    border-top: 0
}

header.desktop .mega-menu {
    padding: 0;
    position: relative
}

header.desktop .mega-menu .navbar-nav {
    flex-direction: row;
    height: 50px;
    justify-content: flex-start
}

header.desktop .mega-menu .nav-item {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column
}

header.desktop .mega-menu .nav-link {
    padding: 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--menu-color);
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
    white-space: unset !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all var(--transition-time);
    border-bottom: 1px solid transparent
}

header.desktop .mega-menu .nav-item:first-child .nav-link {
    padding-left: 0
}

header.desktop .mega-menu .nav-link::after {
    display: none
}

header.desktop .mega-menu .nav-item:focus .nav-link,
header.desktop .mega-menu .nav-item:hover .nav-link {
    color: var(--menu-color-hover);
    border-bottom: 1px solid #000;
    transition: all var(--transition-time)
}

header.desktop .mega-menu .nav-item:last-child .nav-link {
    border-right: 0
}

header.desktop .mega-menu .dropdown {
    position: static
}

header.desktop .mega-menu .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    width: 100%;
    left: -1px;
    right: 0;
    top: 48px;
    position: absolute;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 5%);
    border: 1px solid #ebebeb;
    border-top: 0
}

header.desktop .mega-menu .dropdown .dropdown-menu:hover,
header.desktop .mega-menu .dropdown:hover .dropdown-menu {
    display: block !important
}

header.desktop .h-banner {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mega-menu-container {
    padding: 20px
}

.mega-menu-container .sub-cat {
    margin-bottom: 15px
}

.mega-menu-container .sub-title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    transition: all var(--transition-time)
}

.mega-menu-container .sub-title:hover {
    color: var(--main-color)
}

.mega-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.mega-menu-container ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

.mega-menu-container ul li a {
    font-size: 13px;
    color: #222;
    font-weight: 400;
    line-height: 25px;
    transition: var(--transition-time)
}

.mega-menu-container ul li a.sub-title {
    color: #333;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px
}

.mega-menu-container ul li a:hover {
    color: var(--main-color)
}

.mega-menu.side .mega-menu-container ul li {
    display: inline-block
}

.mega-menu.side .mega-menu-container .comma {
    margin-right: 4px
}

.mega-menu.side .mega-menu-container ul li:last-child .comma {
    display: none
}

.single-menu-container {
    display: block
}

.single-menu-container .single-menu {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    height: 70px;
    align-items: center
}

.single-menu-container .single-menu li:first-child {
    margin-left: 0
}

.single-menu-container .single-menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
    text-align: center
}

.single-menu-container .single-menu li .sub-single-item {
    font-weight: 400;
    text-decoration: none;
    display: block;
    color: #000;
    transition: .2s ease-in-out;
    font-size: 15px;
    text-align: center
}

.single-menu-container .single-menu li:hover > a:after {
    width: 100%
}

.single-menu-container .single-sub-menu li a {
    border: 1px solid #ebebeb;
    animation: .5s all;
    -webkit-animation: .5s all;
    padding: 20px 15px;
    border-top: 0
}

.single-menu-container .single-menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: .2s ease-out;
    -webkit-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, .75);
    box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, .75)
}

.single-menu-container .single-menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0
}

.single-menu-container .single-menu ul li a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #333;
    background: #fff;
    transition: var(--transition-time)
}

.single-menu ul li:hover > a,
.single-menu-container .single-menu ul li a:hover {
    color: var(--main-color)
}

.single-menu-container .single-menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0)
}

.single-menu-container .single-menu ul ul {
    left: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: .2s ease-out
}

.single-menu-container .single-menu li > ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0)
}

.mobile-header-space {
    height: 56px
}

header.mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12
}

header.mobile .left {
    width: 50%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    gap: 8px
}

header.mobile .center {
    width: 40%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

header.mobile .right {
    width: 50%;
    gap: 8px;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    box-sizing: border-box
}

header.mobile .logo img {
    max-width: 125px;
    width: 100%;
    height: 100%
}

header.mobile .icon-group {
    position: relative;
    background-color: transparent;
    border: 0;
}

header.mobile .icon-group .badge {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 18px;
    max-width: 25px;
    padding: 0;
    text-align: center;
    height: 18px;
    background: #d21c1c;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.sidebar-menu-type-2 {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: .3s;
    z-index: 9999;
    left: 0;
    margin-left: -100%
}

.sidebar-menu-type-2.active {
    margin-left: 0
}

.mobil-area-2 {
    margin: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.mobil-area-footer {
    text-align: center;
    color: #000
}

.product-profile-1 .product-favourite a i {
    margin-right: 0
}

.accordion-product {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0
}

.accordion-product .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: 0
}

.accordion-product .card-header i {
    font-size: 11px;
    padding-top: 3px
}

.accordion-product .card-body {
    padding: 5px 0
}

.accordion-product .btn-link {
    color: #444;
    text-decoration: none !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 500
}

.accordion-product .btn-link:hover {
    text-decoration: none
}

.home-headline {
    margin-top: -20px
}

.p-g-mod-t-45 .carousel-type-1 .carousel-control-next,
.p-g-mod-t-45 .carousel-type-1 .carousel-control-prev {
    display: none
}

.home-headline .carousel-caption {
    position: absolute;
    right: inherit;
    bottom: 40%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left
}

.home-headline .carousel-caption h5 {
    font-size: 27px !important
}

.home-headline .carousel-caption p {
    max-width: 300px;
    font-size: 14px
}

.home-headline .carousel-caption .headline-button {
    display: inline-block;
    width: auto !important;
    font-size: 14px;
    color: #fff;
    padding: 9px 35px;
    font-weight: 500;
    background: 0 0;
    border-radius: 0;
    border: 1px solid #fff;
    transition: all var(--transition-time)
}

.home-headline .carousel-caption .headline-button:hover {
    background: #fff;
    color: #000;
    transition: all var(--transition-time)
}

.sub-title-img-container {
    display: block;
    background: #f4f4f4
}

.sub-title-img-container .sub-title {
    padding: 10px;
    font-weight: 500
}

.home-body .p-g-mod-base-content {
    border: 0
}

.card-product .carousel-indicators .active {
    opacity: 1;
    background-color: #000
}

.card-product .carousel-indicators li {
    background-color: #cbcbcb
}

.gri-arkaplan {
    background: #f4f4f4;
    padding: 20px;
    margin: 20px 0
}

.banner-btn {
    display: none
}

.banner-ozel-yazili-beyaz {
    margin: 0 !important
}

.banner-ozel-yazili-beyaz .banner-btn {
    display: block;
    border: 1px solid #000;
    margin-top: 20px;
    padding: 10px 20px;
    color: #000;
    font-weight: 500;
    transition: .4s
}

.banner-ozel-yazili-beyaz .banner-btn:hover {
    background: #000;
    color: #fff;
    transition: .4s
}

.banner-ozel-yazili-beyaz .col-list-p-v-1 {
    padding: 0
}

.banner-ozel-yazili-beyaz .banner-item .description {
    font-size: 16px;
    color: #000;
    padding: 3px 0;
    text-align: center;
    line-height: 30px
}

.banner-ozel-yazili-beyaz .banner-item .title {
    font-size: 23px;
    color: #000;
    font-weight: 600;
    padding: 3px 0
}

.banner-ozel-yazili-beyaz .banner-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-ozel-yazili-beyaz .col-12:nth-child(2n) .banner-item {
    flex-direction: row-reverse
}

.banner-ozel-yazili-beyaz .banner-item .image {
    display: flex;
    flex: 1
}

.banner-ozel-yazili-beyaz .banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10%;
    width: 50%
}

header.desktop .search {
    width: 80%;
    background: #fff;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden
}

header.desktop .search.focus {
    bottom: 0;
    visibility: visible;
    z-index: 9;
    left: 0;
    right: 0;
    top: -1px;
    height: 55px;
    animation: .6s .3s forwards searchFocus;
    width: calc(100% - 290px)
}

@keyframes searchFocus {
    from {
        opacity: 0;
        visibility: hidden
    }
    to {
        visibility: visible;
        opacity: 1
    }
}

header.desktop .search form {
    width: 100%;
    height: 100%;
    position: relative
}

header.desktop .search form .input-box {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
    height: 100%
}

header.desktop .search form input {
    float: left;
    color: #000;
    width: 100%;
    border-color: transparent !important;
    border-width: 0 !important;
    background: 0 0 !important;
    height: 100%;
    border-right: 0;
    box-shadow: none;
    padding: 0 0 0 50px;
    font-size: 14px;
    font-weight: 300
}

.easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
    font-size: 13px;
    padding: 0;
    border-bottom: none;
    background: 0 0 !important;
    border: none;
    width: calc(20% - 2px)
}

header.desktop .search form input::placeholder {
    color: #666
}

header.desktop .search:active,
header.desktop .search:focus,
header.desktop .search:hover {
    border-color: var(--main-color2)
}

header.desktop .search form .btn-send {
    position: absolute;
    border-width: 0;
    color: #aaa;
    left: 8px;
    border-radius: 50%;
    font-size: 16px;
    line-height: normal;
    top: 0;
    height: 100%;
    padding: 0
}

header.desktop .search form .btn-send i {
    font-size: 25px
}

header.desktop .easy-autocomplete-container {
    top: 37px
}

.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    line-height: initial
}

.product-quantity input,
.product-quantity input:focus {
    width: 50px;
    height: 55px;
    border-radius: 0;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    border-right: 0;
    border-left: 0
}

.product-body .product-title-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 30px
}

.product-price-group {
    justify-content: space-between
}

.product-price-group .discount .rate {
    font-size: 15px
}

.product-price-group .discount {
    background: #000;
    height: 28px;
    width: auto;
    flex-direction: row;
    border-radius: 20px;
    padding: 0 15px
}

.product-price-group .prices {
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: normal
}

.product-price-group .prices .sale-price {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.product-price-group .prices .list-price,
.product-price-group .prices .sale-price.line {
    font-weight: 100;
    color: #a1a1a1;
    font-size: 16px;
    text-decoration: line-through
}

.product-price-group .prices .sale-price.promotion {
    color: #dc2e2e
}

.product-body .product-short-desc {
    border: 1px solid #ebebeb;
    width: 75%;
    padding: 10px
}

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

.variant-box .name {
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    cursor: pointer;
    transition: .5s
}

.variant-box .name svg {
    transform: rotate(0);
    transition: .3s
}

.variant-box .name.active svg {
    transform: rotate(180deg)
}

.variant-box ul li .options a.selected,
.variant-box ul li .options a:hover {
    background: #fafafa;
    font-weight: 500;
    border: 1px solid #d7d7d8;
    padding: 10px 15px
}

.variant-box ul li .form-control {
    border-radius: 0 !important;
    border-color: #000;
    height: 45px;
    font-size: 14px
}

.product-body .p-g-mod-base-content {
    border: 0
}

.page.active a {
    z-index: 3;
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important
}

.page a {
    color: #000 !important;
    box-shadow: none !important
}

.card-product .card-product-inner .price-group .prices {
    display: flex;
    align-items: center;
    gap: 10px
}

header .icon-open {
    display: flex;
    align-items: center;
    cursor: pointer
}

header.desktop .header-area.first {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

header.desktop .header-area.center {
    align-items: center !important
}

header.desktop .header-area.first i {
    font-size: 20px
}

.active-menu {
    position: relative;
    left: 400px;
    transition: .4s
}

.menu-sidebar-button {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
    align-items: center
}

.nav-mobile {
    background: #446cb3;
    color: #fff;
    padding: 0;
    margin: 0;
    cursor: auto;
    font-size: 18px;
    list-style-type: none;
    box-shadow: 0 5px 5px -5px #333
}

.nav-mobile:after {
    content: "";
    display: table;
    clear: both
}

.nav-mobile svg {
    height: 45px;
    width: 65px;
    padding: 9px
}

.nav-mobile svg path {
    fill: #fff
}

.nav-mobile svg.icon-close {
    display: none;
    padding: 15px
}

.nav-mobile li {
    width: 100%;
    height: 45px;
    line-height: 46px;
    text-align: center;
    float: left
}

.nav-mobile li a {
    display: flex;
    color: #333;
    width: 100%;
    height: 100%;
    text-decoration: none;
    align-items: center
}

.nav-mobile img {
    height: 35px;
    margin-right: 7px
}

.nav-mobile .menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    display: block
}

.nav-mobile .menu-button:after {
    opacity: 0;
    top: 45px;
    content: "";
    width: 100vw;
    display: block;
    position: fixed;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    content: "";
    pointer-events: none;
    transition: opacity .2s cubic-bezier(0, 0, .3, 1);
    transition-delay: 0.1s
}

.nav-mobile .menu-sidebar.active {
    transform: translateX(0) !important;
    transition: .4s
}

.nav-mobile .menu-container {
    width: 65px;
    float: left;
    cursor: pointer;
    position: absolute
}

.nav-mobile .menu-container .menu-sidebar {
    box-shadow: 5px 0 5px -5px #333;
    display: block;
    width: 65vw;
    bottom: 0;
    background: #fff;
    color: #333;
    position: fixed;
    transform: translateX(-405px);
    transition: .4s;
    top: 0;
    z-index: 1002;
    list-style-type: none;
    padding: 0;
    max-width: 400px;
    left: 0;
    overflow: auto
}

.nav-mobile .menu-container .menu-sidebar .arrow {
    position: absolute;
    line-height: 50px;
    font-size: 32px;
    color: #555;
    top: 0;
    z-index: 0
}

.nav-mobile .menu-container .menu-sidebar .arrow.left {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.nav-mobile .menu-container .menu-sidebar .arrow.right {
    right: 25px
}

.nav-mobile .menu-container .menu-sidebar li {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-left: 20px
}

.nav-mobile .menu-container .menu-sidebar li:hover {
    background: #eee
}

.nav-mobile .menu-container .menu-sidebar li .menu-sub {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    overflow: hidden;
    background: #fff;
    visibility: hidden;
    transition: .3s cubic-bezier(0, 0, .3, 1);
    border-left: 1px solid #ccc;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    max-width: 400px
}

.nav-mobile .menu-container .menu-sidebar li .menu-sub li {
    overflow: hidden
}

.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {
    padding-left: 0
}

.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title .submenu-label {
    padding: 10px 20px
}

.nav-mobile .menu-container .menu-sidebar li .submenu-label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle {
    display: none
}

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub,
.nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {
    width: 65vw;
    visibility: visible;
    z-index: 1;
    transition: width .35s cubic-bezier(0, 0, .3, 1);
    height: 100vw;
    overflow-y: scroll
}

.card-product .card-product-inner {
    padding: 0 !important
}

.card-product {
    border: none !important
}

.info-bar-1 {
    border-top: 1px solid #ebebeb;
    padding: 20px 0
}

.info-bar-1 .icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #000;
    padding: 10px 0
}

.info-bar-1 .icons .icon-group {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px
}

.info-bar-1 .icons .icon-group:last-child {
    border-right: 0
}

.info-bar-1 .icons .icon-group i {
    font-size: 26px;
    margin-right: 25px;
    color: #000
}

.info-bar-1 .icons .icon-group .inf .name {
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #000
}

.info-bar-1 .icons .icon-group .inf .description {
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.footer-app-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ebebeb;
    padding: 30px 0;
    color: #6d6d6d
}

footer .footer-contact,
footer .footer-contact * {
    color: #6d6d6d !important
}

.login-body .p-g-mod-t-4 {
    padding: 0;
    border: none
}

.login-body .p-g-mod-t-4 .p-g-mod-body {
    padding: 0
}

.login-body .p-g-mod-t-4 .nav-tabs {
    border: 0 !important;
    background: 0 0 !important;
    border-radius: 4px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item,
.register-body .p-g-mod-t-4 .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    color: #8f8f8f;
    font-weight: 400;
    font-size: 14px;
    transition: all var(--transition-time);
    padding: 10px 0;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.login-body .p-g-mod-t-4 .btn-without-login {
    color: #fff;
    background: var(--main-color) !important;
    border: none;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px
}

.login-body .p-g-mod-t-4 .btn-without-login i {
    line-height: 0
}

.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active,
.register-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.register-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    border-bottom: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important
}

.login-body .p-g-mod-t-4 .btn-success,
.register-body .p-g-mod-t-4 .btn-success {
    color: #fff;
    background-color: #000;
    border-color: #000;
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 13px;
    height: 44px;
    align-items: center;
    font-weight: 500;
    border-radius: 0
}

.login-body .p-g-mod-t-4 .btn-fb-login {
    background: #4c69ba !important;
    background-image: linear-gradient(#4c69ba, #3b55a0) !important;
    text-shadow: 0 -1px 0 #354c8c !important;
    color: #fff !important;
    border: 1px solid #4c69ba !important;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px
}

.login-body .p-g-mod-t-4 .btn-fb-login i {
    padding-right: 10px !important;
    border-right: 0 !important
}

.login-body .p-g-mod-t-4 .btn-google-login {
    background: #db4437 !important;
    background-image: linear-gradient(#db4437, #cc3e32) !important;
    text-shadow: 0 -1px 0 #db4437 !important;
    color: #fff !important;
    border: 1px solid #db4437 !important;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px
}

.login-body .p-g-mod-t-4 .btn-google-login i {
    padding-right: 10px !important;
    border-right: 0 !important
}

.p-g-mod-t-12 .p-g-mod-body .social-share {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 10px
}

.p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a {
    padding: .75rem 10px
}

.card-blog .buttons .btn-read-more {
    border-radius: 3px;
    padding: 5px 15px
}

.card-blog .buttons .btn-read-more i {
    font-size: 9px;
    margin-left: 5px
}

.category-filter-order-desktop {
    display: inline-block;
    width: 170px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 35px;
    font-size: 13px;
    color: #4a4a4a !important;
    font-weight: 400;
    padding-left: 14px;
    border: 1px solid #e7e3e3 !important;
    border-radius: 3px;
    background: url(images/select-arrow.svg) right 10px center no-repeat #fff;
    outline: 0
}

.category-filter-order-desktop:focus {
    border-color: #e7e3e3 !important
}

.product-view-select .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.product-view-select {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: normal
}

.product-view-select .product-filter-look {
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.categories-body .product-view-select a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

.categories-body .product-view-select a div {
    width: 1px;
    height: 16px;
    background: #939393;
    border-radius: 1px;
    margin: 0
}

.categories-body .product-view-select a.active div {
    background: #000
}

.categories-body .pattern-group .p-g-mod-t-20 > .p-g-mod-header {
    border-bottom: 0;
    padding-left: 0 !important
}

.category-filter-order .list-wrap .list li {
    flex: inherit;
    display: block
}

.category-filter-order .list-wrap .list li.category-filter-order-mobile {
    display: none
}

.pattern-group .p-g-mod-showcase .p-g-mod-header {
    border-bottom: 0;
    height: auto;
    padding: 0;
    margin-bottom: 20px
}

.card-product-content {
    text-align: center;
    color: #555
}

.category-filter-order .list-wrap .list li .lag-checkbox {
    transition: all var(--transition-time)
}

.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 100%;
    margin: 0 !important;
    border-radius: 0
}

.categories-body .p-g-mod-t-cat-filter .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000
}

.categories-body .p-g-mod-t-cat-filter {
    border: none;
    height: auto;
    flex: 1
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 0;
    margin-bottom: 0
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    height: 50px
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    text-align: center;
    display: flex;
    margin: 0 30px 0 0
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    text-align: center;
    transition: var(--transition-time);
    border-bottom: 1px solid transparent
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active,
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover {
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color)
}

.product-details-tab-product-details-tab-colorful .tab-content {
    border: 0;
    border-top: 0;
    margin-bottom: 50px;
    margin-top: 30px
}

.p-g-mod-base-content {
    border: 1px solid #ebebeb
}

.p-g-mod-t-10 .p-g-mod-body a,
.p-g-mod-t-2 .p-g-mod-body a {
    transition: all var(--transition-time)
}

.contact-info {
    display: flex;
    flex-direction: column
}

.contact-info .contact-item {
    margin: 5px 0;
    display: flex;
    align-content: center;
    cursor: pointer
}

.contact-info .contact-item i {
    margin-right: 10px;
    font-size: 17px;
    transition: all var(--transition-time)
}

.contact-info .contact-item a {
    color: #fff
}

.contact-info .contact-item:hover i {
    color: var(--main-color)
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
    border-radius: 50%
}

.hizli-sepet .sale-price-discount {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px
}

.hizli-sepet .sale-price {
    font-size: 20px;
    font-weight: 600
}

.card-product .sale-price-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 5px 0;
    margin: 3px 0;
    flex-direction: column
}

.card-product .sale-price-basket .sale-price {
    font-weight: 500;
    font-size: 15px
}

.native-modal.show .hizli-sepet .related-products {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: inherit
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(181 181 181 / 50%);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.hizli-sepet {
    max-width: 960px !important
}

.native-modal.show .hizli-sepet .modal-content {
    border: 0;
    border-radius: 0;
    position: relative
}

.native-modal.show .hizli-sepet .modal-content .prices {
    display: flex;
    align-items: center
}

.native-modal.show .hizli-sepet .modal-content .fast-product-title {
    font-size: 19px;
    color: #151515;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 25px
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars .star {
    color: #dbdbdb;
    font-size: 12px;
    margin-right: 1px
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars {
    margin: 15px 0
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler {
    color: #858585;
    font-weight: 600
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler .value {
    color: #000
}

.native-modal.show .hizli-sepet .modal-content .product-price-group .prices .list-price {
    font-size: 19px;
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    margin-right: 10px
}

.native-modal.show .hizli-sepet .modal-content .short-desc {
    color: #454545;
    font-size: 14px;
    margin-bottom: 15px
}

.native-modal.show .hizli-sepet .carousel-indicators li {
    width: 10px;
    height: 10px;
    background-color: #898989;
    border-radius: 50%;
    border: 4px solid transparent
}

.native-modal.show .hizli-sepet .carousel-indicators li.active {
    opacity: 1;
    background-color: #000 !important;
    border: 4px solid #c3c3c3
}

.native-modal.show .hizli-sepet .product-favourite2 {
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding-top: 3px;
    -webkit-box-shadow: 0 -2px 18px -3px rgb(0 0 0 / 58%);
    box-shadow: 0 -2px 18px -3px rgb(0 0 0 / 58%)
}

.native-modal.show .hizli-sepet .product-buttons {
    display: inline-flex;
    flex-wrap: nowrap
}

.native-modal .native-modal-close {
    z-index: 9;
    outline: 0
}

.native-modal.show .hizli-sepet .fast-product-cart-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto
}

.native-modal.show .hizli-sepet .modal-body {
    padding: 0 !important
}

.product-body .product-profile-1 .product-unit {
    display: flex;
    justify-content: center;
    font-weight: 500;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    width: 95px;
    padding: 5px 0;
    margin-right: 10px !important;
    height: 46px;
    margin: 10px 0
}

.product-body .product-profile-1 .product-unit input[type=checkbox],
.product-body .product-profile-1 .product-unit input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px
}

.product-body .product-profile-1 .product-unit input[type=radio]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #96be67;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #ebebeb
}

.card-product .card-product-inner .quantity {
    margin: 5px 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-basis: auto;
    justify-content: center
}

.card-product .card-product-inner .quantity .btn {
    display: flex;
    width: 35px;
    height: 35px;
    color: #555;
    font-size: 10px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    align-items: center;
    justify-content: center
}

.card-product .card-product-inner .quantity .btn:first-child {
    border-radius: 0
}

.card-product .card-product-inner .quantity .btn:hover {
    color: #333;
    background: #f2f2f2;
    border-color: #f5f5f5
}

.card-product .card-product-inner .quantity input {
    min-width: 35px;
    max-width: 50px;
    height: 35px;
    border-radius: 0;
    border-color: #dbdbdb !important;
    background: #fff;
    color: #555;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-right: 0;
    border-left: 0
}

.subtitle-img {
    max-height: 25px;
    margin-bottom: 5px
}

header.desktop .mega-menu .nav-link {
    flex: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%
}

.single-menu-container .single-menu li .sub-single-item {
    padding: 0 15px
}

.e404-body {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, #f8f8f8 10px, #f8f8f8 20px), linear-gradient(to bottom, #fff, #fff)
}

.e404-btn {
    background: #fff;
    border-radius: 45px;
    color: #212121;
    padding: 20px 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    -moz-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, .35);
    -webkit-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, .35);
    box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, .35);
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    text-decoration: none
}

.e404-btn:hover {
    color: var(--main-color);
    -moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, .35);
    -webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, .35);
    box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, .35)
}

.e404-content .e404-logo img {
    max-height: 100px;
    border: none !important
}

.e404-page-type-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0
}

.e404-page-type-1 .e404-pic {
    height: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px
}

.e404-page-type-1 .e404-title {
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0 0
}

.e404-description {
    color: grey;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300
}

.e404-page-type-2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0
}

.e404-page-type-2 .e404-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 100px;
    padding: 0 10%;
    border-top: 0;
    border-left: 0
}

.e404-page-type-2 .e404-pic {
    height: 400px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px
}

.e404-page-type-2 .e404-title {
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0 0
}

.product-customer-actions {
    padding: 10px 0;
    background: #f5f5f5
}

.product-customer-actions .action .button i {
    font-size: 15px;
    margin-right: 10px
}

.product-customer-actions .action:first-child {
    border-left: 0
}

.product-customer-actions .action {
    border-right: 0
}

.product-transfer-discount {
    background: #f2f2f2;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border-left: 5px solid var(--main-color);
    font-size: 14px;
    color: #7a7a7a
}

.card-product .card-product-inner .price-group .prices .list-price {
    color: #727272;
    margin-right: 10px;
    text-decoration: line-through
}

.card-blog,
.card-brand,
.card-category,
.card-product {
    border: 1px solid #e0e0e0;
    border-radius: 5px
}

.card-product .card-product-inner .free-cargo-badge {
    left: 10px;
    right: inherit;
    top: 10px;
    width: 95px;
    background: #000;
    border-radius: 20px
}

.card-product .card-product-inner .discount {
    position: absolute;
    z-index: 9;
    background: #000;
    top: 10px;
    right: 10px;
    color: #fff;
    border-radius: 14px;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 14px
}

.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart {
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time)
}

.card-product .card-product-inner .buttons .btn-cart i,
.modal-content .buttons .btn-cart i {
    margin-right: 7px
}

.card-product .card-product-inner .buttons .btn-cart:hover,
.modal-content .buttons .btn-cart:hover {
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important
}

.card-product .down-to-top .btn-cart {
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
    font-size: 13px
}

.card-product .down-to-top .btn-cart:hover {
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important
}

.product-buttons .btn-cart {
    background: var(--add-cart-detail-bg);
    border-color: var(--add-cart-detail-bg);
    color: var(--add-cart-detail);
    transition: all var(--transition-time);
    flex: 1;
    border-radius: 0;
    text-transform: uppercase;
    height: 54px;
    margin: 0
}

.product-buttons .btn-cart:hover {
    background: var(--add-cart-detail-bg-hover);
    border-color: var(--add-cart-detail-bg-hover);
    color: var(--add-cart-detail-hover)
}

.product-buttons .btn-fast-buy {
    background: var(--buy-now-bg);
    border-color: var(--buy-now-bg);
    color: var(--buy-now);
    transition: all var(--transition-time);
    flex: auto;
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px !important
}

.product-buttons .btn-fast-buy:hover {
    background: var(--buy-now-bg-hover);
    border-color: var(--buy-now-bg-hover);
    color: var(--buy-now-hover)
}

.payment-final-buttons-1 .btn-complete {
    background: var(--complete-payment-bg);
    border-color: var(--complete-payment-bg);
    color: var(--complete-payment);
    transition: all var(--transition-time)
}

.payment-final-buttons-1 .btn-complete:hover {
    background: var(--complete-payment-bg-hover);
    border-color: var(--complete-payment-bg-hover);
    color: var(--complete-payment-hover)
}

.product-favourite-kart {
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 2
}

.product-favourite-kart a {
    font-size: 28px
}

header.desktop .header-bar .bar-link .icon {
    position: relative
}

header.desktop .header-bar .bar-link .icon,
header.desktop .header-bar .bar-link .name {
    transition: all var(--transition-time)
}

header.desktop .header-bar .bar-link:hover .icon,
header.desktop .header-bar .bar-link:hover .name {
    color: var(--main-color2)
}

header.desktop .header-bar .bar-user .link a .name {
    color: #222 !important
}

header.desktop .header-bar .bar-user .link a:hover .name {
    color: var(--main-color2) !important
}

header.desktop .header-bar .bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: normal;
    transition: all var(--transition-time)
}

header.desktop .header-bar .bar-link a {
    color: #222
}

header.desktop .header-bar .bar-user .link {
    display: flex
}

header.desktop .header-bar .bar-link i {
    font-size: 19px
}

header.desktop .header-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px
}

header.desktop .header-bar .bar-cart .icon .count {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #db2534;
    color: #fff;
    font-size: 11px;
    border-radius: 50%
}

.card-product .it-over {
    position: absolute;
    bottom: 95px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
    padding: 14px 40px;
    background: #ffffff24;
    color: #fff;
    border: 1px solid #fff;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    backdrop-filter: blur(9px)
}

.card-product .carousel-control-next i,
.card-product .carousel-control-prev i {
    font-size: 18px;
    color: #000
}

.card-product .buttons-wrapper.right-to-left {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: -30px;
    transition: .4s;
    background: #fff;
    z-index: 9;
    border: 1px solid #ebebeb;
    border-radius: 5px
}

.card-product .right-to-left .button-group {
    background: 0 0;
    padding: 7px
}

.card-product .right-to-left .cart-group {
    display: flex;
    flex-direction: column
}

.card-product .right-to-left .cart-group a {
    padding: 0;
    margin: 5px 0
}

.card-product .right-to-left .cart-group a i {
    font-size: 17px;
    transition: all var(--transition-time)
}

.card-product .right-to-left .cart-group a:hover i {
    color: var(--main-color)
}

.card-product:hover .right-to-left {
    opacity: 1;
    right: 0;
    transition: all var(--transition-time)
}

.card-product .buttons-wrapper.down-to-top {
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: -1
}

.card-product .down-to-top .button-group {
    background: 0 0;
    padding: 7px
}

.card-product .btn-cart {
    display: flex;
    justify-content: center;
    align-items: center
}

.card-product:hover .down-to-top {
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%, -100%, 0);
    transition: .4s;
    z-index: 999
}

.card-product:hover .down-to-top .button-group {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: .4s;
    margin: 0;
    padding: 3px 0
}

.video-play {
    position: relative
}

.video-play i {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 28px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-indent: 1px
}

header.desktop .header-cart-hover .nav-link::after {
    display: none
}

header.desktop .header-cart-hover {
    position: relative;
    display: flex;
    flex: 1
}

header.desktop .header-cart-hover .btn-remove {
    background: #dedede;
    border: none;
    color: #000;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

.ajax-cart-empty {
    font-size: 13px !important;
    text-align: center;
    padding: 20px 0
}

.sidebar-menu-type-2 .logo-area a img {
    max-height: 40px
}

.sidebar-menu-type-2 .mobil-area-title {
    font-size: 16px
}

.sidebar-menu-type-2 .categories ul li a {
    font-size: 15px;
    font-weight: 500
}

.sidebar-menu-type-2 .categories ul .multi a {
    padding: 6px 0;
    font-size: 14px;
    font-weight: 400
}

.sidebar-menu-type-2 .categories ul .multi .multi a {
    font-size: 14px
}

.mobile-menu-close i {
    border: 1px solid #b8b8b8;
    color: #b8b8b8
}

.sidebar-menu-type-2 .categories ul .multi li:first-child {
    display: block
}

.p-g-mod.p-g-mod-t-39 {
    margin-bottom: 10px;
    margin-top: -10px;
    border: 0 !important
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header {
    height: 35px !important;
    padding: 10px !important;
    color: #333
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 14px !important
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body:not(.p-g-mod-body-p-0) {
    padding: 0 !important
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
    padding: .275rem .7rem !important;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    font-size: 13px;
    font-weight: 500;
    background: #818181;
    border-color: #818181
}

.product-carousel-desktop.normal .carousel-item a img {
    width: 100%
}

@media (max-width: 1440px) {
    .card-product .it-over {
        padding: 13px 33px;
        font-size: 13px
    }
}

@media (min-width: 1240px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1220px !important
    }
}

@media (max-width: 1200px) {
    .payment-cart-summary-1 .summary tfoot th {
        font-size: 12px
    }

    .payment-cart-summary-1 .summary tfoot .final {
        font-size: 16px
    }
}

@media (min-width: 1130px) {
    .container-fluid.container-fluid-relative {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
}

@media (max-width: 995px) {
    .owl-wrapper .owl-single-button {
        height: 25px;
        top: calc(50% - 13px);
        width: 25px
    }

    .owl-wrapper .owl-single-button.owl-single-button-prev {
        left: 0
    }

    .owl-wrapper .owl-single-button.owl-single-button-next {
        right: 0
    }

    .owl-wrapper .owl-single-button button {
        font-size: 15px
    }
}

@media (min-width: 992px) {
    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 {
        flex-direction: row
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav {
        flex-direction: column;
        margin-right: 10px;
        max-width: 280px
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .p-g-t-n-header {
        margin-bottom: 10px
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav .nav-item {
        margin: 0
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav .nav-link {
        text-align: left
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .tab-content {
        flex: 1;
        max-width: 80%
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-n-button {
        align-items: flex-start;
        justify-content: flex-start
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 {
        flex-direction: row-reverse
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav {
        flex-direction: column;
        margin-left: 10px;
        max-width: 280px
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .p-g-t-n-header {
        flex-direction: row-reverse;
        justify-content: flex-start;
        margin-bottom: 10px
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .p-g-t-n-header .p-g-t-n-icon {
        align-items: flex-end;
        font-size: 20px;
        width: 30px
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .p-g-t-n-header .p-g-t-n-info {
        align-items: flex-end
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .nav {
        align-items: flex-end;
        flex-direction: column;
        justify-content: flex-end
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .nav .nav-item {
        margin: 0
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .nav .nav-link {
        flex-direction: row-reverse;
        text-align: right
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-nav .nav .nav-link i {
        margin-left: 8px;
        margin-right: 0
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .tab-content {
        flex: 1
    }

    .pattern-group .p-g-tab-wrapper.p-g-tab-direction-2 .p-g-t-n-button {
        align-items: flex-end;
        justify-content: flex-end
    }

    .sticky-sidebar-992-2 {
        margin-bottom: 50px
    }

    .sticky-sidebar-992-2 .p-g-b-c-1 .p-g-b-c-wrapper {
        will-change: min-height
    }

    .sticky-sidebar-992-2 .p-g-b-c-1 .p-g-b-c-wrapper .p-g-b-c-inner {
        transform: translate(0);
        transform: translateZ(0);
        will-change: position, transform
    }

    .addons-campaign-bar.acb-desktop-0,
    .addons-mobile-menu.amm-desktop-0,
    .addons-whatsapp-widget.aww-desktop-0,
    .google-review-badge.gwb-hide-desktop {
        display: none
    }

    .collection-responsive-popup {
        background: rgba(0, 0, 0, .4);
        display: flex;
        padding-bottom: 0
    }

    .collection-responsive-popup .cr-content {
        align-items: flex-end;
        display: flex;
        flex: 1;
        flex-direction: column
    }

    .collection-responsive-popup .cr-header {
        width: 350px
    }

    .cat-responsive-popup .c-r-p-bar,
    .cat-responsive-popup .c-r-p-content {
        background: #fff;
        width: 350px
    }

    .cat-responsive-popup .c-r-p-content {
        flex: 1;
        overflow-y: auto
    }

    .cat-responsive-popup .c-r-p-bar {
        left: auto
    }

    .addons-marquee-bar.amb-desktop-0 {
        display: none
    }
}

@media (max-width: 991px) {
    .category-price-inputs {
        margin-top: 0
    }

    .card-product .it-over {
        padding: 8px 19px;
        font-size: 10px;
        bottom: 60px
    }

    .product-body .mobile-header-space {
        display: none
    }

    .variant-box ul li .options a {
        background: #fdffff;
        padding: 11px 12px;
        font-size: 12px;
        color: #000
    }

    .variant-box .name {
        color: #000;
        text-align: center;
        font-size: 12px;
        line-height: normal
    }

    .variant-box {
        border: none;
        padding: 12px
    }

    .product-profile-1 .special-field-box,
    .product-profile-1 .variant-box {
        margin: 0
    }

    .dropdown-languages-1 .dropdown-toggle {
        font-size: 11px
    }

    .ppc-ctype-2 .row:first-of-type,
    .ppc-ctype-3 .row:first-of-type {
        flex-direction: column-reverse
    }

    .pattern-group .pattern-group-header .p-g-h-icon {
        font-size: 17px;
        width: 27px
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
        font-size: 16px
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-description {
        font-size: 13px
    }

    .pattern-group .pattern-group-header .p-g-h-button .btn-mod {
        font-size: 12px
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-icon {
        font-size: 17px;
        width: 27px
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title {
        font-size: 15px
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-description {
        font-size: 13px
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-button .btn-mod {
        font-size: 12px
    }

    .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
        font-size: 13px
    }

    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
        font-size: 16px;
        width: 25px
    }

    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 15px
    }

    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod,
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
        font-size: 12px
    }

    .payment-final-buttons-1 {
        background: #fff;
        border-top: 1px solid #e2e6eb;
        bottom: 0;
        height: 70px;
        left: 0;
        padding: 10px;
        position: fixed;
        right: 0;
        z-index: 999
    }

    .payment-control-buttons-1 .btn-back {
        width: 100%
    }

    .p-g-mod-t-45 .headline-button {
        padding: 6px 14px
    }

    .p-g-mod-t-45 .swiper-type-2.swiper-screen-1 h5 {
        font-size: 25px
    }

    .p-g-mod-t-45 .swiper-type-2.swiper-screen-1 p {
        font-size: 17px
    }

    .product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link {
        font-size: 12px
    }

    .cart-body .whatsapp-fixed,
    .payment-body .whatsapp-fixed {
        display: none
    }

    .p-g-mod-t-63 .p-g-mod-body {
        height: 200px
    }

    .p-g-mod-t-63 .p-g-mod-body .help-search-wrapper .title {
        font-size: 18px
    }

    .product-customer-actions .action {
        flex: 1
    }

    .product-customer-actions .action .button {
        padding: 5px
    }

    .product-customer-actions .action .button span {
        display: none
    }

    .product-customer-actions .action .button i {
        font-size: 20px
    }

    .pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body {
        padding: 5px
    }

    .free-shipping-limit .icon {
        font-size: 25px;
        margin: 0 8px
    }

    .free-shipping-limit .info .name {
        font-size: 13px
    }

    .free-shipping-limit .info .description {
        font-size: 14px
    }

    .teqpay-payment-types a.type-1 img {
        margin-right: 0 !important;
        max-height: 20px
    }

    .teqpay-payment-types a.type-1 span {
        display: none
    }

    .fastpay-body header .contents {
        height: 80px
    }

    .fastpay-body header .contents .logo a img {
        max-height: 60px;
        max-width: 170px
    }

    .fastpay-body header .contents .description {
        font-size: 17px
    }

    .fastpay-body header .contents .cards img {
        max-height: 60px
    }

    .newsletter-body header .contents {
        height: 80px
    }

    .newsletter-body header .contents .logo a img {
        max-height: 60px;
        max-width: 170px
    }

    .addons-whatsapp-widget.aww-mobile-0 {
        display: none
    }

    .addons-whatsapp-widget.aww-size-0 svg {
        width: 40px
    }

    .addons-whatsapp-widget.aww-size-1 svg {
        width: 50px
    }

    .addons-whatsapp-widget.aww-size-2 svg {
        width: 70px
    }

    .addons-whatsapp-widget.aww-size-3 svg {
        width: 30px
    }

    .addons-campaign-bar.acb-mobile-0,
    .addons-marquee-bar.amb-mobile-0,
    .addons-mobile-menu.amm-mobile-0 {
        display: none
    }

    .swal-footer {
        padding: 10px
    }

    .google-review-badge.gwb-hide-mobile {
        display: none
    }

    .product-comment-list-v2 .comments .item {
        padding: 20px 10px
    }

    .product-comment-list-v2 .comments .item .control .like span {
        display: none
    }

    .product-comment-list-v2 .comments .item .customer .name {
        font-size: 14px
    }

    .user-collection-buttons .items {
        max-height: 400px
    }

    .collection-cover,
    .collection-cover .info {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    .collection-cover .info {
        display: flex;
        width: 100%
    }

    .collection-cover .buttons {
        justify-content: center;
        margin-top: 10px
    }

    .collection-cover .buttons .btn {
        font-size: 13px
    }

    .q-form .btn-group,
    .q-form .buttons {
        text-align: center
    }

    .banner-ozel-yazili-beyaz .banner-item .description {
        font-size: 14px;
        line-height: 25px
    }

    .banner-ozel-yazili-beyaz .banner-item,
    .banner-ozel-yazili-beyaz .col-12:nth-child(2n) .banner-item {
        flex-direction: column
    }

    .banner-ozel-yazili-beyaz .banner-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 7%;
        width: 100%;
        margin: 20px;
        justify-content: center;
        text-align: center
    }

    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 17px;
        padding: 10px 20px
    }

    .product-price-group .prices .sale-price,
    .product-profile-1 h1.title {
        font-size: 14px
    }

    .product-price-group .prices .list-price,
    .product-price-group .prices .sale-price.line {
        font-size: 13px
    }

    .product-price-group .prices {
        flex-direction: column-reverse
    }

    .product-body .product-title-container {
        margin-bottom: 20px
    }

    .footer-app-link {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #ebebeb;
        padding: 30px 0;
        flex-direction: column
    }

    .footer-app-link .mobile-app {
        display: flex;
        align-items: center;
        margin-left: 0 !important
    }

    .info-bar-1 .icons {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        color: #000;
        padding: 10px 0;
        flex-direction: column
    }

    .card-product .card-product-inner .price-group .prices {
        gap: 7px
    }

    .card-product .card-product-inner .price-group .prices .sale-price,
    .card-product .card-product-inner .price-group .prices .sale-price.line {
        font-size: 10px
    }

    .login-body .p-g-mod-t-4 {
        padding: 7px
    }

    .category-filter-order-desktop {
        display: none
    }

    .product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
        height: auto
    }

    .product-profile-1 .product-quantity {
        margin-right: 10px
    }

    .product-buttons .btn-fast-buy {
        flex: 1
    }

    .product-buttons .btn-cart {
        flex: 1;
        margin-left: 0
    }

    .product-buttons .btn-wp {
        width: 100%
    }

    .card-product .right-to-left {
        display: none !important
    }

    .product-view-select.mobil-sec {
        display: flex;
        gap: 5px
    }

    .categories-body .product-view-select a {
        background: #fff;
        border-radius: 0;
        border: 1px solid #a1a1a1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        margin-left: 0;
        transition: var(--transition-time);
        padding: 0;
        flex-flow: wrap;
        width: 19px !important;
        height: 19px !important;
        gap: 0
    }

    .categories-body .product-view-select a.active {
        border-color: #000
    }

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

    .categories-body .product-view-select a:nth-child(2) {
        border: none
    }

    .categories-body .product-view-select a div {
        height: 9px;
        background: 0 0;
        border: 1px solid #a1a1a1;
        border-radius: 0;
        width: 50%
    }

    .categories-body .product-view-select a:last-child .top .box:first-child {
        border-right: none
    }

    .categories-body .product-view-select a:last-child .bottom {
        width: 100%;
        border-top: none
    }

    .categories-body .product-view-select a:last-child {
        border: none
    }

    .categories-body .product-view-select a:last-child .top {
        display: flex;
        flex-direction: row;
        width: 100%;
        border: none
    }

    .categories-body .product-view-select a:first-child {
        width: 24px;
        height: 24px
    }

    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
        width: auto;
        margin: 5px;
        border-radius: 3px
    }

    .categories-body .p-g-mod-t-cat-filter {
        margin: 0;
        width: 100%
    }

    .product-carousel-desktop.normal {
        display: none
    }

    .mobile-header-space {
        display: block
    }

    header.desktop {
        display: none
    }

    .desktop-sec.web-manset-sec {
        display: block
    }

    header.mobile {
        display: block
    }

    .stores .cards {
        display: block;
        text-align: center
    }

    .stores .card {
        display: inline-block;
        margin: 0;
        max-width: 45%;
        height: 50px;
        border: 0
    }
}

@media (max-width: 767px) {
    .form-control {
        font-size: .9rem
    }

    .pattern-group.p-g-mobile-scroll .p-g-tab-wrapper .p-g-t-nav .nav {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .card-blog .title {
        font-size: 14px;
        height: 48px;
        line-height: 16px
    }

    .card-blog .description {
        font-size: 12px;
        height: 42px;
        line-height: 14px
    }

    .card-blog .buttons .btn-read-more {
        font-size: 12px
    }

    .card-product .card-product-inner .free-cargo-badge {
        font-size: 10px;
        height: 25px;
        line-height: 10px;
        width: 60px
    }

    .card-product .card-product-inner .price-group .discount {
        font-size: 12px;
        height: 30px;
        margin-right: 4px;
        width: 37px
    }

    .card-product .card-product-inner .title {
        margin-bottom: 2px;
        font-size: 12px;
        -webkit-line-clamp: 1
    }

    .card-product .card-product-inner .buttons .btn-cart,
    .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 11px
    }

    .card-list-product .card-list-product-inner .info .title {
        font-size: 13px;
        height: 39px;
        line-height: 16px
    }

    .card-list-product .card-list-product-inner .price-group .prices .discount {
        font-size: 12px
    }

    .card-list-product .card-list-product-inner .price-group .prices .sale-price {
        font-size: 14px
    }

    .product-quantity-type {
        text-align: left
    }

    .product-quantity,
    .product-quantity-type {
        justify-content: flex-start
    }

    .shopping-cart-1 .table thead {
        display: none
    }

    .shopping-cart-1 .table tr td {
        border: none;
        display: block;
        width: 100%
    }

    .shopping-cart-1 .table tr .td-product {
        float: left;
        width: 100%
    }

    .shopping-cart-1 .table tr .td-product .image-left {
        width: 30%
    }

    .shopping-cart-1 .table tr .td-product .image-right {
        width: 70%
    }

    .shopping-cart-1 .table tr .td-price {
        display: none
    }

    .shopping-cart-1 .table tr .td-quantity,
    .shopping-cart-1 .table tr .td-total-price {
        float: left;
        width: 50%
    }

    .shopping-cart-1 .table tr .td-cargo {
        width: 100%
    }

    .shopping-cart-1 .table tr .td-cargo .label {
        display: block
    }

    .shopping-cart-1 .table tbody tr {
        border-top: 1px solid #eaeaea
    }

    .shopping-buttons-1 .btn-continue {
        display: none
    }

    .payment-form-group-1,
    .payment-steps-1 .step {
        font-size: 13px
    }

    .payment-form-methods .nav-tabs .nav-item {
        margin: 0 3px
    }

    .payment-form-methods .nav-tabs .nav-link {
        font-size: 12px;
        padding: 0 5px
    }

    .credit-card-form .credit-card-wrapper,
    .help-search-tool {
        display: none
    }

    .fastpay-body header .contents .logo a img {
        max-height: 40px;
        max-width: 90%
    }

    .fastpay-body header .contents .description {
        font-size: 16px
    }

    .fastpay-body header .contents .cards img {
        max-height: 40px
    }

    .fastpay-body footer {
        margin-top: 30px;
        padding-top: 30px
    }

    .fastpay-body footer .cards img {
        margin: 3px 10px
    }

    .fastpay-body footer .links {
        margin: 5px 0
    }

    .fastpay-body footer .links ul li {
        margin: 3px 5px
    }

    .fastpay-body .steps .step {
        font-size: 13px
    }

    .fastpay-body .steps .step.step-1:after,
    .fastpay-body .steps .step.step-2:after,
    .fastpay-body .steps .step.step-2:before,
    .fastpay-body .steps .step.step-3:before {
        top: 20px
    }

    .fastpay-body .steps .step .circle {
        font-size: 16px;
        height: 40px;
        width: 40px
    }

    .newsletter-body header .contents .logo a img {
        max-height: 40px;
        max-width: 90%
    }

    .order-summary-v2 .table-order-v2 td {
        display: flex;
        flex-direction: column
    }

    .order-summary-v2 .table-bottom {
        flex-direction: column-reverse
    }

    .order-summary-v2 .table-order-v2 .info .price {
        flex-direction: column
    }

    .order-summary-v2 .table-order-v2 .info .price .sep {
        display: none
    }

    .order-summary-v2 .table-order-v2 .info .price .value {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }

    .order-summary-v2 .table-order-v2 .final-price {
        align-items: flex-end;
        display: flex;
        flex-direction: column
    }

    .order-summary-v2 .table-order-v2 .final-price .old-price {
        margin-right: 0
    }

    .product-comment-list-v2 .leave-comment .description {
        font-size: 15px;
        max-width: 100%
    }

    .product-comment-list-v2 .leave-comment .btn {
        font-size: 15px;
        height: 40px;
        max-width: 170px
    }

    .product-comment-photo-modal .image {
        min-height: 300px
    }

    .product-comment-list-v2 .score .total {
        font-size: 25px
    }

    .product-comment-list-v2 .score .stars {
        height: 25px
    }

    .product-comment-list-v2 .score .stars .star {
        font-size: 20px;
        width: 25px
    }

    .product-comment-list-v2 .summary .item .stars {
        font-size: 13px
    }

    .product-comment-list-v2 .summary .item .rate {
        height: 10px
    }

    .product-comment-list-v2 .leave-comment,
    .product-comment-list-v2 .score,
    .product-comment-list-v2 .summary {
        padding: 10px 0
    }

    .q-form .btn-group .btn,
    .q-form .buttons .btn {
        min-width: auto;
        width: 100%
    }
}

@media (max-width: 700px) {
    .native-modal .native-modal-close {
        height: 30px;
        right: -3px;
        top: -3px;
        width: 30px
    }
}

@media (max-width: 400px) {
    .credit-card-form {
        font-size: 13px
    }

    .cc-installments .head .title,
    .cc-installments .method,
    .credit-card-form .form-group label {
        font-size: 12px
    }
}

body.modal-open {
    padding: 0 !important;
    overflow-y: hidden !important
}

.product-body body.modal-open {
    overflow-y: auto !important
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #000
}

::-webkit-scrollbar-thumb:hover {
    background: #000
}

.login-form-modal .modal-body .buttons {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px
}

.hizli-uyelik-btn {
    display: flex;
    width: 100%
}

.modal-body .buttons button.btn.btn-success.btn-sm.mr-1 {
    padding: .5rem;
    width: 50%;
    margin-bottom: 0 !important;
    font-size: 15px;
    border-radius: .2rem;
    color: #fff;
    border: 1px solid #000 !important;
    background: #000 !important
}

.modal-body .buttons button.btn.btn-success.btn-sm.mr-1:hover {
    color: #000 !important;
    border: 1px solid #000 !important;
    background: 0 0 !important
}

.modal-body .buttons a.btn.btn-secondary.btn-sm.ml-1 {
    padding: .5rem;
    width: 50%;
    border-radius: .2rem;
    color: #383838;
    border: 1px solid #383838;
    background: 0 0;
    font-size: 15px;
    font-weight: 500
}

.modal-body .login-form .buttons .login_btn {
    display: flex;
    gap: 10px;
    width: 100%
}

.modal-body .login-form .buttons .login_btn a {
    width: 50%;
    font-size: 16px;
    padding: 6px;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 10px
}

.btn-fb-login,
.btn-fb-login:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #e2e2e2 !important;
    text-shadow: none !important;
    flex: 0 0 49%;
    gap: 10px !important;
    padding: .5rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-google-login {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #e2e2e2 !important;
    text-shadow: none !important;
    gap: 8px !important;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 13px;
    height: 44px;
    width: 100%
}

.social-giris a span img {
    width: 20px;
    height: 20px
}

.btn-google-login:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #e2e2e2 !important;
    text-shadow: none !important;
    gap: 8px !important;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    height: 44px
}

.modal-body .form-control-hizli {
    padding: 22px;
    font-size: 13px
}

.form-control-hizli {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.fast-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.social-giris {
    display: flex;
    margin-top: 10px;
    gap: 7px
}

.native-modal .modal-content .modal-header .close {
    border: none;
    border-radius: 99px;
    color: #000;
    font-size: 16px;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-success {
    background-color: #000 !important;
    border-color: #000 !important;
    border-radius: 0 !important
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success:target {
    background-color: #000 !important;
    border-color: #000 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.btn-primary {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:target {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.btn-secondary {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:target {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.btn-secondary-2 {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important
}

.btn-secondary-2:active,
.btn-secondary-2:hover,
.btn-secondary-2:target,
.btn-secondary-2y:focus {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
    outline: 0 !important
}

btn {
    border-radius: 0 !important
}

.hsearch-wrapper-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 35px
}

.hsearch-wrapper-title h4 {
    color: #181818;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.hsearch-wrapper-title span {
    color: #a1a1a1;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form {
    width: 100%;
    box-shadow: none;
    position: relative
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .input-box {
    padding-right: 0
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input {
    height: 48px;
    border: 1px solid #a1a1a1 !important;
    border-radius: 0 !important;
    color: #a1a1a1;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input:hover {
    background: 0 0 !important
}

.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .btn-send {
    position: absolute;
    width: auto;
    height: auto;
    font-size: 0;
    border-radius: 0 !important;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 20px;
    background: 0 0
}

.helpcenter-body-section .container {
    max-width: 1300px !important
}

.helpcenter-body-section .p-g-b-c-0 .p-g-mod {
    margin: 0;
    border: none
}

.helpcenter-body-section .p-g-b-c-0 .p-g-mod .p-g-mod-header {
    border: none;
    margin-bottom: 30px
}

.helpcenter-body-section .p-g-b-c-0 .p-g-mod-header {
    height: auto;
    padding: 0
}

.helpcenter-body-section .p-g-b-c-0 .p-g-mod-header .p-g-m-h-i-title,
.helpcenter-body-section .p-g-b-c-1 .p-g-mod-header .p-g-m-h-i-title {
    color: #181818 !important;
    font-size: 16px !important;
    line-height: normal !important
}

.helpcenter-body-section .list-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px
}

.helpcenter-body-section .list-menu a {
    padding: 0;
    border-bottom: 1px solid transparent;
    color: #575757;
    font-weight: 300
}

.helpcenter-body-section .list-menu a.active,
.helpcenter-body-section .list-menu a:hover {
    background: 0 0;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #000
}

.helpcenter-body-section .list-menu a .image img {
    max-width: 26px;
    max-height: 26px
}

.helpcenter-body-section .list-menu a.active img,
.helpcenter-body-section .list-menu a:hover img {
    filter: brightness(0) saturate(100%)
}

.help-entries .accordion .card {
    border: none;
    margin-bottom: 25px
}

.help-entries .card-header {
    margin: 0;
    margin-bottom: 0 !important
}

.help-entries .card-header a {
    color: #000;
    padding: 15px 10px
}

.help-entries .card-header a.collapsed {
    color: #181818;
    font-size: 14px;
    font-weight: 300
}

.help-entries .card-body {
    background: 0 0;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 30px;
    color: #575757;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.helpcenter-body-section .p-g-b-c-1 .p-g-mod-header {
    padding: 0;
    height: auto;
    border: none;
    margin-bottom: 30px
}

.helpcenter-search-section .p-g-b-c-0 .p-g-mod .p-g-mod-body {
    background: 0 0;
    border: 1px solid #e2e2e2
}

.helpcenter-search-section {
    margin-top: 50px
}

.helpcenter-search-section .p-g-b-c-0 .p-g-mod {
    margin-bottom: 40px
}

.helpcenter-body-section.out .list-menu-scroll .list-menu {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.helpcenter-body-section.out .p-g-mod-header .p-g-m-h-info {
    justify-content: center;
    align-items: center
}

@media (max-width: 991px) {
    .p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .btn-send img {
        width: 15px;
        height: 100%
    }

    .p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input {
        border: 1px solid #e2e2e2 !important;
        font-size: 11px;
        padding-left: 15px
    }

    .p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form {
        max-width: 275px
    }

    .hsearch-wrapper-title {
        margin-bottom: 20px
    }

    .hsearch-wrapper-title span {
        font-size: 13px
    }

    .hsearch-wrapper-title h4 {
        font-size: 16px
    }

    .helpcenter-search-section {
        margin-top: 25px
    }

    .helpcenter-search-section .p-g-b-c-0 .p-g-mod {
        margin-bottom: 25px
    }

    .helpcenter-body-section .p-g-b-c-0,
    .helpcenter-body-section .p-g-b-c-0 .p-g-mod .p-g-mod-header {
        margin-bottom: 15px
    }

    .list-menu-scroll {
        overflow: auto
    }

    .helpcenter-body-section .list-menu {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        width: max-content
    }

    .helpcenter-body-section .list-menu a {
        font-size: 13px
    }

    .helpcenter-body-section .list-menu a .image {
        margin-right: 5px
    }

    .helpcenter-body-section .list-menu a .image img {
        max-width: 24px;
        max-height: 24px
    }
}

header.desktop .container-fluid {
    padding: 0 50px !important
}

header.desktop .h-center {
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: relative
}

header.desktop .hamburger-btn {
    display: block
}

header.desktop .hamburger-btn .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: .5s;
    height: 13px;
    width: 22px
}

header.desktop .hamburger-btn .icon .item {
    height: 1px;
    width: 100%;
    background: #000;
    transition: .5s
}

header.desktop .hamburger-category.active .hamburger-btn .icon {
    gap: 0
}

header.desktop .hamburger-category.active .hamburger-btn .icon .item:first-child {
    transform: rotate(45deg)
}

header.desktop .hamburger-category.active .hamburger-btn .icon .item:nth-child(2) {
    height: 0;
    opacity: 0
}

header.desktop .hamburger-category.active .hamburger-btn .icon .item:nth-child(3) {
    transform: rotate(-45deg)
}

.desktop-sidebar {
    max-width: 500px;
    min-width: 500px;
    position: fixed;
    left: 118px;
    top: 0;
    bottom: 0;
    background: 0 0;
    z-index: 10;
    height: 100%;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
    display: none;
    opacity: 0
}

.hamburger-category.active .desktop-sidebar {
    display: flex;
    opacity: 1
}

.desktop-sidebar .head {
    height: 55px
}

.desktop-sidebar .tab-links {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.desktop-sidebar .tab-links .link {
    padding: 20px 0;
    flex: 1;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: silver;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    border: none;
    border-right: 1px solid #f4f4f4;
    background: 0 0;
    opacity: 0;
    cursor: pointer;
    transition: .5s
}

.desktop-sidebar .tab-links .link.active {
    color: #040404;
    font-size: 14px;
    font-weight: 500
}

.desktop-sidebar .body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 30px;
    background: #fff;
    border-top: 1px solid #f4f4f4;
    opacity: 0;
    height: 0
}

.desktop-sidebar .body .tabs {
    height: 100%
}

.desktop-sidebar .body .tabs .tabcontent {
    display: none
}

.desktop-sidebar .body .tabs .tabcontent.active {
    display: block;
    height: 100%
}

.desktop-sidebar .tab-links .tablinks {
    padding: 20px 0;
    flex: 1;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: silver;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    border: none;
    border-right: 1px solid #f4f4f4;
    background: 0 0;
    opacity: 0;
    cursor: pointer;
    transition: .5s
}

.desktop-sidebar .tab-links .tablinks.active {
    color: #040404;
    font-size: 14px;
    font-weight: 500
}

.hamburger-category.active .desktop-sidebar .tab-links .tablinks:first-child,
.hamburger-category.active .desktop-sidebar .tab-links .tablinks:nth-child(2) {
    animation: 1s .2s forwards dSidebarOpacityAni;
    will-change: transform, opacity
}

.hamburger-category.active .desktop-sidebar .tab-links .tablinks:nth-child(3) {
    animation: 1s .5s forwards dSidebarOpacityAni;
    will-change: transform, opacity
}

.hamburger-category.active .desktop-sidebar .body {
    animation: .6s .6s forwards dSidebarHeightOpen;
    height: 100%
}

.desktop-sidebar .body .tabs .sidebar-category {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 30px
}

.desktop-sidebar .body .tabs .sidebar-category .first {
    width: 45%
}

.desktop-sidebar .body .tabs .sidebar-category .last {
    width: 55%
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    padding: 0;
    margin: 0
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item {
    display: block
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item a {
    color: #040404;
    font-size: 14px;
    font-weight: 300;
    line-height: normal
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item a.active {
    font-weight: 400
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item a.superdeal {
    color: #dc2e2e
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item .discount-bdage {
    display: flex;
    flex-direction: column;
    margin-top: 7px;
    gap: 5px
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item .discount-bdage .item {
    padding: 5px 10px;
    background: #dc2e2e;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.desktop-sidebar .body .tabs .sidebar-category .cat-links .item .discount-bdage .item:Last-child {
    color: #dc2e2e;
    background: 0 0;
    border: 1px solid #dc2e2e
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab {
    transform: translateX(70px);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    display: none
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab.active {
    animation: 1s .2s forwards scaleAnimation;
    will-change: transform, opacity;
    display: flex;
    flex-direction: column
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .highlight-block {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .highlight-block .block-title {
    color: #040404;
    font-size: 12px;
    font-weight: 500;
    line-height: normal
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .highlight-block .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    align-items: center
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .highlight-block .items a img {
    width: 100%;
    height: 100%
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .bottom-cat-links {
    gap: 20px 0;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .bottom-cat-links li {
    display: block;
    width: 100%
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .bottom-cat-links li a {
    color: #040404;
    font-size: 13px;
    font-weight: 300;
    line-height: normal
}

.desktop-sidebar .body .tabs .sidebar-category .bottom-tabs .bottom-tab .all-category-btn {
    margin-top: 20px;
    border: .5px solid silver;
    background: #fff;
    padding: 6px 10px;
    color: silver;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    width: fit-content
}

.desktop-sidebar .body .app-info {
    padding: 22px 35px 35px;
    border-top: 1px solid #f4f4f4;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.desktop-sidebar .body .app-info .title-contianer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 10px
}

.desktop-sidebar .body .app-info .title-contianer .title {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.3px;
    margin: 0
}

.desktop-sidebar .body .app-info .title-contianer .desription {
    color: #575757;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.13px
}

.desktop-sidebar .body .app-info .links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px
}

.desktop-sidebar .body .app-info .links .item img {
    max-width: 135px;
    width: 100%;
    height: 100%
}

.desktop-sidebar .body .overflow-content {
    overflow: auto;
    height: 100%
}

.desktop-sidebar .body .overflow-content .content {
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    max-height: 450px
}

.desktop-sidebar .body .overflow-content .content .item {
    width: calc(50% - 2px);
    position: relative
}

.desktop-sidebar .body .overflow-content .content .item::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 59px;
    background: linear-gradient(360deg, #00000078, transparent)
}

.desktop-sidebar .body .overflow-content .content .item .title {
    position: absolute;
    bottom: 12px;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500
}

.desktop-sidebar .body .tabs .tabcontent .content {
    padding: 0 20px
}

.desktop-sidebar .body .tabs .tabcontent .content ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 10px
}

.desktop-sidebar .body .tabs .tabcontent .content ul li {
    display: block
}

.desktop-sidebar .body .tabs .tabcontent .content ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    padding: 18px 20px;
    border: 1px solid #f4f4f4
}

.desktop-sidebar .body .tabs .tabcontent .content ul li a .left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    color: #575757;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: normal
}

.desktop-sidebar .body .tabs .tabcontent .content ul li a .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px
}

.desktop-sidebar .body .tabs .tabcontent .content ul li a .right .new-badge {
    background: #dc2e2e;
    padding: 3px 7px;
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    line-height: normal
}

@keyframes scaleAnimation {
    to {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }
}

@keyframes dSidebarOpacityAni {
    to {
        opacity: 1
    }
}

@keyframes dSidebarHeightOpen {
    from {
        max-height: 0;
        opacity: 0
    }
    to {
        max-height: 1200px;
        opacity: 1
    }
}

.header-cart-hover {
    position: relative;
    display: flex;
    flex: 1
}

.header-cart-hover .dropdown-menu.active {
    opacity: 1;
    right: 0;
    transition: .4s
}

.header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 400px;
    left: inherit;
    right: -400px;
    top: 0;
    position: fixed;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0;
    height: 100%;
    z-index: 999;
    transition: .4s;
    display: flex;
    flex-direction: column
}

.header-cart-hover .dropdown-menu .top-header {
    background: 0 0;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center
}

.header-cart-hover .dropdown-menu .top-header .title {
    font-size: 16px;
    padding: 5px 0;
    font-weight: 500
}

.header-cart-hover .dropdown-menu .close-cart svg {
    width: 22px;
    height: 100%
}

.close-cart i {
    line-height: normal;
    font-size: 18px
}

.header-cart-hover .products {
    flex: 1;
    display: flex;
    flex-direction: column
}

.ajax-shopping-cart {
    font-size: 12px;
    height: 100%;
    flex: 1;
    position: relative
}

.ajax-shopping-cart .items {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    overflow-y: auto;
    padding: 10px 0
}

.ajax-shopping-cart .product,
.ajax-shopping-cart .product:last-child {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 0;
    border: 1px solid #f4f4f4;
    background: #fff;
    padding: 6px
}

.ajax-shopping-cart .product .image {
    flex: unset;
    max-width: 112.5px;
    margin-right: 8px
}

.ajax-shopping-cart .product .image img {
    height: auto
}

.ajax-shopping-cart .product .info {
    flex: 3;
    text-align: left;
    padding-top: 6px
}

.ajax-shopping-cart .product .info .name {
    color: #000;
    font-size: clamp(12px, 2vw, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ajax-shopping-cart .product .info .variants {
    display: flex;
    margin: 18px 0;
    gap: 14px
}

.ajax-shopping-cart .product .info .variants .variant {
    display: flex;
    flex-direction: column
}

.ajax-shopping-cart .product .info .variants .variant span.name {
    color: #a1a1a1;
    font-size: clamp(12px, 2vw, 13px);
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.ajax-shopping-cart .product .info .variants .variant span.value {
    color: #000;
    font-size: clamp(12px, 2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.header-cart-hover .btn-remove {
    border: none;
    width: 32px;
    height: auto;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    background: 0 0 !important;
    margin-right: 3px;
    padding: 0
}

.ajax-ozet-bottom {
    padding: 20px 24px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.ajax-ozet-bottom .total-price {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ajax-ozet-bottom a.gotocart {
    background: #000;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .64px;
    text-align: center
}

.ajax-ozet-bottom a.gotopayment {
    width: 100%;
    border: 1px solid #000;
    padding: 14px;
    color: #050505;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .64px;
    text-align: center
}

.h-search-sec {
    display: none;
    height: calc(100vh - 55px);
    overflow: auto;
    position: fixed;
    top: 55px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #fff
}

.header-search-block {
    position: relative;
    z-index: 4
}

.h-search-sec.active {
    display: block
}

.header-search-block .content-block {
    display: block;
    background: 0 0;
    padding: 30px 0;
    border: none;
    overflow: hidden;
    box-shadow: unset
}

.overflow-block {
    transition: .5s
}

.header-search-block .content-block .brands-block,
.header-search-block .content-block .keywords {
    margin-bottom: 30px
}

.header-search-block .content-block .title-block {
    margin-bottom: 15px;
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.header-search-block .content-block .keywords .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 20px;
    flex-wrap: wrap
}

.header-search-block .content-block .keywords .items a {
    padding: 10px 26px;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize
}

.header-search-block .content-block .keywords .items a[href="/super-firsat"] {
    color: #dc2e2e
}

.header-search-block .content-block .products-block .swiper {
    overflow: unset
}

.header-search-block .content-block .products-block .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px
}

.header-search-block .content-block .products-block .item .title {
    color: #575757;
    font-size: 11px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

header.desktop .easy-autocomplete {
    max-width: 100%;
    width: 100% !important;
    height: 100%
}

.header-search-block .content-block .easy-autocomplete-container ul {
    display: flex !important;
    flex-direction: row;
    gap: 10px 2px;
    max-height: 100%;
    overflow: auto;
    border: none;
    flex-wrap: wrap;
    height: calc(100vh - 140px)
}

.easy-autocomplete-container ul li .spsi-item {
    color: #575757;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.easy-autocomplete-container ul li div img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 7px;
    border: 1px solid #f4f4f4
}

header.mobile .h-mobil {
    display: flex;
    height: 52px;
    position: relative;
    z-index: 2;
    padding: 0 10px
}

header.mobile .icon-group svg.close {
    width: 19px
}

header.mobile .mobile-search {
    display: none
}

header.mobile .mobile-search.active {
    display: block;
    position: relative;
    z-index: 2
}

header.mobile .mobile-search .easy-autocomplete {
    width: 100% !important;
    height: 100%;
    display: flex;
    flex-direction: column
}

header.mobile .mobile-search form {
    width: 100%;
    position: relative;
    border-top: 1px solid #f4f4f4
}

header.mobile .mobile-search form .input-box {
    width: 100%;
    height: 100%
}

header.mobile .mobile-search form input {
    float: left;
    color: #181818;
    width: 100%;
    font-size: 12px;
    height: 45px;
    box-shadow: none;
    outline: 0 !important;
    background: #fff;
    padding-left: 13px;
    border-radius: 0;
    border-color: #f4f4f4;
    border-top: 0;
    border-right: 0;
    border-left: 0
}

header.mobile .mobile-search form input:active,
header.mobile .mobile-search form input:focus,
header.mobile .mobile-search form input:target {
    border-color: #f4f4f4 !important
}

.mobile-search form .btn-send img {
    width: 15px;
    height: 100%
}

header.mobile .icon-group svg {
    width: 32px;
    height: 100%
}

header.mobile .icon-group .count {
    position: absolute;
    top: -2px;
    right: -3px;
    width: 14px;
    height: 14px;
    background: #dc2e2e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2000px;
    font-size: 8px
}

header.mobile::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    transition: height .5s;
    z-index: 1
}

header.mobile.fixed-mobile::after {
    height: 0;
    top: -1px
}

.categories-body header.mobile.fixed-mobile::after {
    height: 100%;
    top: 0
}

header.mobile .mobile-search .btn-send {
    padding: 0 0 3px;
    background: 0 0;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal
}

.home-body header.mobile.fixed-mobile .left .icon-group img,
.home-body header.mobile.fixed-mobile .logo img {
}

.home-body header.mobile.fixed-mobile .icon-group svg path {
    stroke: #fff
}

.home-body header.mobile.search-active .left .icon-group img,
.home-body header.mobile.search-active .logo img {
    filter: unset
}

.home-body header.mobile.search-active .icon-group svg path {
    stroke: #000
}

.home-body header.mobile.fixed-mobile {
    background: linear-gradient(180deg, #00000030, transparent)
}

.home-body header.mobile.search-active,
header.mobile.search-active {
    background: #fff
}

.qk-app-campaign-bell .campaign-icon::before {
    height: 28px
}

.qk-app-campaign-bell .campaign-icon i.far.fa-bell.bell-icon {
    display: none
}

.wam-categories-side .wam-cs.first-img a img {
    width: 100%;
    height: 100%
}

.cstm-manset-block {
    position: relative;
    margin-top: -20px
}

.cstm-manset-block .bg,
.cstm-manset-block .bg img {
    width: 100%;
    height: 100%
}

.cstm-manset-block .write {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px 90px;
    text-shadow: 1px 1px #0000004f;
}

.cstm-manset-block .write .title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.cstm-manset-block .write .title-container .title {
    margin-bottom: 20px;
    font-size: 37px;
    color: #fff;
    font-weight: 500;
}

.cstm-manset-block .write .title-container .title img {
    max-width: 790px;
    width: 100%;
    height: 100%
}

.cstm-manset-block .write .title-container .description {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.72px
}

.cstm-manset-block .write .links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    line-height: normal;
    margin-top: 50px
}

.cstm-manset-block .write .links .item {
    padding: 12px 24px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.32px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .03);
    backdrop-filter: blur(5.142857074737549px)
}

.cstm-manset-block .write .info {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    margin-top: 30px
}

.cstm-manset-line {
    height: 40px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;

}

.cstm-manset-line:hover {
    color: #fff
}

.swiper .progress-wrap {
    width: 100%;
    height: 2px;
    background: rgb(0 0 0);
    overflow: hidden;
    display: none
}

.swiper #progress {
    width: 0%;
    height: 100%;
    background: #fff
}

.mobil-manset-sec .p-g-mod {
    margin: 0
}

.mobil-manset-sec .swiper .swiper-wrapper {
    align-items: stretch
}

.mobil-manset-sec .swiper .swiper-wrapper .swiper-slide {
    height: auto
}

.mobil-manset-sec .swiper .swiper-wrapper .swiper-slide .content {
    height: 100%
}

.web-manset-sec {
    margin-top: -76px
}

.home-body header.desktop.fixed-desktop {
    background: linear-gradient(180deg, #00000030, transparent)
}

.home-body header.desktop.fixed-desktop .h-center {
    background: 0 0;
    border: 1px solid transparent
}

.home-body header.desktop.fixed-desktop .h-center .header-area .hamburger-btn .icon .item {
    background: #fff
}

.home-body header.desktop.fixed-desktop .logo img {
}

.home-body header.desktop.fixed-desktop .header-bar .bar-link .icon svg path {
    stroke: #fff
}

header.desktop.fixed-desktop.hover .h-center {
    background: #fff;
    border: 1px solid #f4f4f4
}

header.desktop.fixed-desktop.hover .h-center .header-area .hamburger-btn .icon .item {
    background: #000
}

header.desktop.fixed-desktop.hover .logo img {
    filter: unset
}

header.desktop.fixed-desktop.hover .header-bar .bar-link .icon svg path {
    stroke: #000
}

.index-banners-block .twobanner-section .item {
    position: relative;
    display: flex;
    flex-direction: column
}

.index-banners-block .twobanner-section .write {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 50px;
    font-size: 17px;
    color: #fff;
    justify-content: space-between;
    padding: 0 60px 75px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 170%);
    font-weight: 500;
    text-transform: uppercase
}

.index-banners-block .twobanner-section .col-list {
    padding: 0
}

.index-banners-block .bigbanner-section img,
.index-banners-block .twobanner-section .item .bg,
.index-banners-block .twobanner-section .item .bg img {
    width: 100%;
    height: 100%
}

.index-sfirsat {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 200px 0
}

.index-sfirsat .first {
    position: relative;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-sfirsat .write {
    position: absolute;
    right: 0;
    left: 0;
    top: -4%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1;
    color: #dc2e2e;
    font-size: 119.037px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -7.142px;
    width: 100%;
    flex-direction: row;
    gap: 100px
}

.index-sfirsat img {
    position: relative;
    z-index: 2;
    max-width: 582px;
    width: 100%;
    height: 100%
}

.index-sfirsat .last {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.index-sfirsat .last .badge {
    padding: 15px 40px;
    border-radius: 4px;
    background: #dc2e2e;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px
}

.index-sfirsat .last .description {
    color: #dc2e2e;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px
}

.index-sfirsat .last .description b {
    font-weight: 600
}

.index-sfirsat .last .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.index-sfirsat .last .items .item {
    width: calc(33.3333333333% - 13.4px);
    padding: 13px 0;
    border: 1px solid #dc2e2e;
    background: rgba(255, 255, 255, .03);
    backdrop-filter: blur(5.142857074737549px);
    color: #dc2e2e;
    text-align: center;
    font-size: 16.17px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.323px
}

.category-pd-row .col-list-p-v-1 {
    padding: .5px
}

.category-short-description {
    display: none
}

.catpage-filter-sec {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.category-filter-order.active .catpage-filter-sec {
    height: fit-content;
    animation: 1s forwards categoryTabHeight;
    will-change: transform, opacity
}

@keyframes categoryTabHeight {
    to {
        height: fit-content;
        opacity: 1;
        visibility: visible
    }
}

.categories-body header.desktop {
    position: absolute
}

.category-main-block-sec {
    margin-top: -20px
}

.cat-filter-sticky {
    margin: 0 -10px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 6;
    padding: 15px 50px;
    transition: .5s
}

.category-filter-order .category-filter-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #000;
    line-height: normal
}

.catpage-filter-sec .p-g-b-c-wrapper {
    overflow: auto;
    width: 100%
}

.catpage-filter-sec .p-g-b-c-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2.5%;
    overflow: auto;
    width: 100%
}

.category-filter-order .list-wrap .list.main-list {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-header {
    height: auto;
    margin-bottom: 15px
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list {
    line-height: normal;
    gap: 10px
}

.cat-filter-sticky .category-filter-order.active {
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: .5s
}

.categories-body .catpage-filter-btns {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.category-filter-order .list-wrap .list li label .picture-box img {
    width: 20px;
    height: 20px;
    border-radius: 200px;
    aspect-ratio: 1;
    object-fit: cover
}

.catpage-filter-sec .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 3px;
    min-height: 10px;
    background: #000
}

body.categories-body header.mobile {
    position: absolute
}

.category-filter-order .list-wrap .list li.selected {
    font-weight: 400
}

.pattern-group .p-g-mod-t-cat-filter-cstm {
    margin: 0
}

.pattern-group .p-g-mod-t-cat-filter-cstm .p-g-mod-header {
    height: auto;
    border: none;
    padding: 0;
    margin-bottom: 15px
}

.pattern-group .p-g-mod-t-cat-filter-cstm .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000
}

.pattern-group .p-g-mod-t-cat-filter-cstm .p-g-mod-body {
    padding: 0
}

.pattern-group .p-g-mod-t-cat-filter-cstm .list {
    gap: 5px
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-icon {
    display: none
}

.categories-body .as-overlay,
.categories-body .quickview-add-modal:not([data-auto-slide-open]) {
    display: none !important
}

.categories-body .as-overlay--active {
    display: block !important
}

.p-g-mod-t-cat-filter-cstm .p-g-m-h-button {
    display: none !important
}

.product-image {
    position: relative;
    width: 100%;
    overflow: hidden
}

.product-image .main-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hover-zones {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 1
}

.hover-zone {
    flex: 1
}

.image-dots {
    display: flex;
    justify-content: center;
    gap: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    margin: auto;
    width: 100%;
    right: 0;
    left: 0
}

.image-dots .dot {
    width: auto;
    height: 3px;
    border-radius: 0;
    background: #e1e1e1;
    transition: background .3s;
    flex: 1
}

.image-dots .dot.active {
    background: #333
}

.quick-view-kart {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    opacity: .8;
    z-index: 2
}

.card-product:hover .quick-view-kart {
    opacity: 1
}

.quick-view-btn {
    width: 35px;
    height: 35px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    cursor: pointer
}

.quick-view-btn svg {
    width: 19px;
    height: 100%
}

.renkSecenek {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    right: 12px;
    padding: 5px 10px;
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 12px;
    justify-content: center;
    border-radius: 20px;
    flex-direction: row;
    gap: 6px
}

.renkSecenek img {
    width: 22px !important
}

.kart-collection-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

.kart-collection-btn img {
    width: 27px !important;
    height: 100%
}

.card-product .body-block {
    padding: 10px;
    min-height: 190px;
}

.card-product .card-product-inner .price-group .prices .sale-price.prom-fiyat {
    color: #dc2e2e;
    font-weight: 500
}

.card-product .card-product-inner .price-group .prices .prom-oran {
    font-size: 14px;
    font-weight: 500
}

.banner-badges-block {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

.banner-badges-block .item img {
    max-width: 100px;
    width: 100%;
    height: 100%
}

.quick-view-block .content {
    background: #fff;
    border-left: 1px solid #e2e2e2;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto
}

.quick-view-block .pd-info .image img {
    width: 90px;
    height: 100%
}

.quick-view-block .pd-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px
}

.quick-view-block .body,
.quick-view-block .footer,
.quick-view-block .pd-info {
    padding: 0 30px
}

.quick-view-block .content .bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 30px 30px
}

.quick-view-block .content .bottom .return-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    line-height: normal;
    background: 0 0;
    border: 1px solid #e2e2e2;
    padding: 9px 50px;
    border-radius: 0;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 100%;
    justify-content: center;
    height: 47px
}

.quick-view-block .content .bottom .return-product svg {
    width: 19px;
    height: 100%
}

.quick-view-block .content .bottom .btn-cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: normal;
    background: #000;
    padding: 9px 50px;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 100%
}

.quick-view-block .content .bottom .btn-cart svg {
    width: 27px;
    height: 100%;
    fill: #fff
}

.quick-view-block .product-profile-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 5px;
    margin-bottom: 5px;
    justify-content: flex-start;
    padding: 0;
    list-style: none
}

.quick-view-block .product-profile-info li {
    padding: 0;
    font-size: 12px;
    color: #a1a1a1
}

.quick-view-block .pd-info .last .title {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px
}

.quick-view-block .pd-info .last .prices {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    justify-content: flex-end
}

.quick-view-block .pd-info .last .prices .sale-price {
    font-size: 14px;
    color: #000;
    font-weight: 100
}

.quick-view-block .pd-info .last .prices .sale-price.line {
    color: #a1a1a1;
    text-decoration: line-through;
    font-weight: 100
}

.quick-view-block .pd-info .last .prices .sale-price.discount {
    color: #dc2f2f;
    background: 0 0;
    padding: 0;
    font-weight: 500
}

.quick-view-block .pd-info .last {
    flex: 1
}

.quick-view-block .pd-info .cargo-count {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    margin-top: 10px
}

.quick-view-block .pd-info .cargo-count svg {
    width: 23px;
    height: 100%
}

.quick-view-block .pd-info .cargo-count b {
    font-weight: 600
}

.rl-pd-block .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.quick-view-block .related-pd-overflow {
    margin-bottom: 10px
}

.quick-view-block .related-products {
    display: flex;
    height: auto;
    justify-content: flex-start;
    margin-bottom: 0;
    gap: 6px 13px;
    flex-direction: row;
    flex-wrap: wrap
}

.quick-view-block .related-products a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    height: fit-content;
    width: fit-content;
    gap: 8px
}

.quick-view-block .related-products a .image img {
    max-width: 70px;
    width: 100%;
    height: 100%
}

.quick-view-block .related-products a.active .image img {
    border-color: #000
}

.kart-collection-btn .svg-filled,
.kart-collection-btn.added .svg-empty {
    display: none
}

.kart-collection-btn.added .svg-filled {
    display: block
}

.quick-view-block .related-products a .title {
    margin: 0;
    font-size: 12px
}

.varyant-container.quickview-varyant-item .quantity-alert {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    left: 0;
    justify-content: flex-end
}

.varyant-container.quickview-varyant-item .quantity-alert button::after,
.varyant-container.quickview-varyant-item .quantity-alert button::before {
    display: none
}

.varyant-container.quickview-varyant-item .quantity-alert button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: none;
    background: 0 0;
    outline: 0;
    font-size: 13px;
    font-weight: 300;
    color: #000
}

.varyant-container.quickview-varyant-item {
    position: relative
}

.card-product .auto-date-info {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 2;
    background: #fff;
    font-size: 11px;
    font-weight: 400;
    color: #000;
    padding: 6px 12px 6px 9px
}

.card-product.complement .body-block {
    padding: 0
}

.card-product.complement .card-product-inner .title {
    -webkit-line-clamp: 1
}

.card-product.complement .view-btn {
    color: #000;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #f4f4f4;
    margin: 6px 0
}

.quick-view-block .rl-pd-block .related-products {
    flex-direction: row;
    align-items: center;
    line-height: normal;
    flex-wrap: nowrap;
    gap: 4px
}

.quick-view-block .rl-pd-block .related-products .item {
    border: 1px solid transparent
}

.quick-view-block .rl-pd-block .related-products .item.item1 {
    border-color: #000
}

.quick-view-block .rl-pd-block .related-products .item img {
    width: 70px;
    height: 100%
}

.quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
    padding: 17px 15px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 30px
}

.quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
    display: none
}

.quickview-add-modal .main-body div .mcol-first {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px
}

.quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .close-btnn svg {
    width: 19px;
    height: 100%
}

.quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .title {
    font-size: 13px
}

.samepdquick-add-modal[data-auto-slide-open] {
    width: 100%
}

.samepdquick-add-modal .content .same-products-block {
    padding: 15px
}

.samepdquick-add-modal .content .same-products-block .top .title {
    font-size: 13px
}

.samepdquick-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
    width: 100%
}

.samepdquick-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
    display: none
}

.quickview-add-modal {
    width: 100%
}

.quick-view-block .badges-block,
.quick-view-block .mobil-top-block {
    display: none
}

.quick-view-block .pd-mobil-photos {
    display: none !important
}

#product-profile-carousel .carousel-inner .col-md-3,
#product-profile-carousel .carousel-inner .col-md-6 {
    padding: 0
}

#product-profile-carousel .carousel-inner .carousel-item .img-auto {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-profile-1 .col-lg-4.col-list,
.product-profile-1 .col-lg-8.col-list {
    padding: 0
}

.product-detail-sec {
    margin-top: -20px
}

#dynamic-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s linear;
    pointer-events: none;
    display: none
}

.mobil-product-buttons {
    display: none
}

@keyframes soldOutAlert {
    0%,
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(1px)
    }
}

.product-body .product-social-hover .social-link {
    display: block;
    overflow: hidden;
    color: #6d6f71;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d8;
    outline: 0;
    cursor: pointer;
    height: auto;
    width: 100%;
    padding: 10px 16px;
    margin: 20px 0
}

.product-body .product-social-hover {
    position: absolute;
    top: unset;
    bottom: 110%;
    background: #fff;
    z-index: 9;
    padding: 20px;
    border: 1px solid #d7d7d8;
    left: 0;
    right: unset;
    display: none;
    width: 300px
}

.product-body .product-social-hover.show {
    display: flex;
    flex-direction: column
}

.product-body .product-social-hover::after,
.product-body .product-social-hover::before {
    position: absolute;
    top: 100%;
    left: 13px;
    border: solid transparent;
    content: " ";
    pointer-events: none
}

.product-body .product-social-hover:before {
    margin-left: -6px;
    border-color: rgba(215, 215, 216, 0);
    border-width: 6px;
    border-top-color: #d7d7d8
}

.product-body .product-social-hover::after {
    margin-left: -5px;
    border-color: rgba(255, 255, 255, 0);
    border-width: 5px;
    border-top-color: #fff
}

.product-body .product-short-link {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    align-items: center
}

.product-link-close-btn {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 15px;
    color: #b2b2b2;
    cursor: pointer
}

.product-body .product-short-link span {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: fit-content
}

.product-body .product-short-link span i {
    font-size: 18px;
    margin-right: 0
}

.product-profile-1 .slide-panel {
    padding: 20px 55px 0;
    position: relative;
    top: 0px
}

.product-profile-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    line-height: normal
}

.product-profile-info .product-code {
    text-transform: uppercase;
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 400
}

.product-profile-info .product-next-prev {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 4px;
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 400
}

.product-profile-info .product-next-prev a {
    color: #9f9f9f
}

.product-profile-1 .main-col-last {
    /* height: 100%; */
}

.product-profile-1 .slide-panel .slide-panel-head {
    margin-bottom: 30px
}

.same-products-block {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.same-products-block .overflow-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 10px;
    flex-wrap: wrap
}

.same-products-block .overflow-flex .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: normal;
    gap: 1px;
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.same-products-block .overflow-flex .item .img-block {
    border: 1px solid #ebebeb
}

.same-products-block .overflow-flex .item.active .img-block {
    border-color: #000
}

.same-products-block .overflow-flex .item .img-block img {
    width: 70px;
    height: 100%
}

.variant-box .variant-renk {
    display: none
}

.product-body .varyant-container {
    position: relative
}

.product-body .add-quantity-alert,
.product-body .remove-quantity-alert {
    display: inline-flex;
    position: absolute !important;
    right: 10px;
    top: 50%;
    bottom: 50%;
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
    gap: 5px
}

.pdetail-bade-block .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
}

.pdetail-bade-block .item .title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    line-height: normal
}

.pdetail-bade-block .item .title-container .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    line-height: normal;
    gap: 2px
}

.pdetail-bade-block .item .title-container .content .title {
    color: #181818;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.28px
}

.pdetail-bade-block .item .title-container .content .description {
    color: #a1a1a1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.24px
}

.pdetail-bade-block .item .title-container .content .description .btnn {
    color: #a1a1a1;
    font-size: 10px;
    letter-spacing: -.2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.pdetail-bade-block .item .last {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.profil-detail-info {
    margin-top: 50px
}

.productcare-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px
}

.pcare-item {
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    position: relative
}

.pcare-item-img img {
    margin: 0 !important;
    max-height: 100% !important;
    height: 37px
}

.pcare-item .pcare-item-write {
    display: none
}

.pcare-item:hover {
    border-bottom: 1px solid #000
}

.pcare-item:hover .pcare-item-write {
    display: block;
    position: absolute;
    left: 0;
    top: 120%;
    width: max-content;
    font-size: 12px;
    font-weight: 400
}

.profil-detail-info .df-detail-item .head-block .title {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: normal
}

.profil-detail-info .df-detail-item .head-block {
    margin-bottom: 20px
}

.attributes-side {
    background: #fbfbfb;
    margin: 20px 0 0;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 70%
}

.attributes-side .items {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 14px;
    justify-content: space-between
}

.attributes-side .items .name {
    font-size: 14px;
    font-weight: 500;
    flex: 0 0 25%
}

.attributes-side .items .d-flex {
    gap: 2px
}

.attributes-side .items:last-child {
    padding: 0;
    border: 0
}

.p-g-mod-showcase .p-g-mod-body {
    padding: 0 !important
}

.cstm-productsno-section .row-wrapper .row {
    margin: 0 -.5px
}

.cstm-productsno-section .row-wrapper .row .col-list-p-v-1 {
    padding: .5px
}

.return-inf-process {
    position: relative;
    z-index: -2;
    bottom: -200%;
    opacity: 0;
    height: 0;
    transition: .5s
}

.returnpopup-modal div[data-auto-slide-body] .return-inf-process {
    z-index: 2;
    bottom: 0;
    opacity: 1;
    height: 100%
}

.retinf-process-block .right .item:last-child {
    margin: 0
}

.eclipse-popup-close {
    position: absolute;
    top: 0;
    left: -49px;
    background: #000;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.retinf-process-block .right .item span b {
    font-weight: 500
}

.retinf-process-block .right .item .alert2 {
    color: #a1a1a1;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.product-body .product-title-container .comment-value-block {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.profil-detail-info .comment-block {
    border-top: 1px solid #f4f4f4;
    padding: 55px 0;
    margin-top: 25px
}

.product-page-installments .product-installments {
    padding: 5px
}

.product-body .product-installments .col-lg-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0
}

.product-installments .group {
    margin-bottom: 2px
}

div[data-auto-slide] .main-body {
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

div[data-auto-slide] .main-body div[data-auto-slide-body] {
    flex: 1;
    min-height: 0;
    overflow-y: auto
}

div[data-auto-slide] .main-body div[data-auto-slide-head] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    padding: 15px;
    border-bottom: 1px solid #f4f4f4
}

div[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
    width: 40px;
    height: 2px;
    background: #e7e6e6;
    margin: 0 auto;
    display: none
}

div[data-auto-slide] .main-body div[data-auto-slide-head] .title {
    font-size: 15px;
    font-weight: 400;
    color: #000
}

div[data-auto-slide] .main-body div[data-auto-slide-head] .close-btnn {
    cursor: pointer;
    user-select: none
}

div[data-auto-slide] .main-body div[data-auto-slide-head] .close-btnn svg {
    width: 21px;
    height: 100%
}

.returnpopup-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
    border: none;
    padding: 10px 15px 0
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
    padding: 8px 0;
    border: none
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content {
    display: flex;
    flex-direction: column
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .top-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 12px 12px
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .titlee {
    color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    line-height: normal
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .top-block .same-pd-count {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: normal
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .top-block .same-pd-count svg {
    width: 23px;
    height: 100%
}

.human-size-toolbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    padding: 12px;
    border-bottom: 1px solid #f4f4f4;
    background: #fbfbfb
}

.human-size-toolbox .info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    color: #575757;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.human-size-toolbox .size-btnn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .badges-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding-bottom: 15px
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .badges-block .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    color: #0b0f0b;
    font-size: 11px;
    font-weight: 400;
    line-height: normal
}

.basket-add-modal[data-auto-slide] .main-body div[data-auto-slide-body] .content .badges-block .item.timeout {
    border-left: 1px solid #f4f4f4;
    padding-left: 12px
}

.pd-mobil-photos {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pinch-zoom;
    scroll-snap-type: x mandatory;
    display: flex;
    scroll-behavior: smooth
}

.pd-mobil-photos .overflow-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    width: max-content
}

.pd-mobil-photos .overflow-block .item {
    display: block;
    scroll-snap-align: start;
    flex-shrink: 0
}

.pd-mobil-photos .overflow-block .item .img-auto {
    width: 92px;
    height: 140px;
    aspect-ratio: 1;
    object-fit: cover;
    display: block
}

.wish-list-toolbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px
}

.product-body .product-profile-1 .product-favourite a {
    color: #000;
    line-height: normal;
    font-size: 13px;
    font-weight: 400
}

.product-body .product-profile-1 .product-favourite a .icon svg {
    width: 20px;
    height: 100%
}

.product-body .product-profile-1 .product-favourite a .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px
}

.wish-list-toolbox .profil-collection-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    line-height: normal;
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.wish-list-toolbox .profil-collection-btn svg {
    width: 20px;
    height: 100%
}

.wish-list-toolbox .item:last-child {
    padding-left: 20px;
    border-left: 1px solid #f4f4f4
}

.cargo-modal .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 15px
}

.cargo-modal .content .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    line-height: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #f4f4f4
}

.cargo-modal .content .item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.cargo-modal .content .item .title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 500
}

.cargo-modal .content .item .description {
    font-size: 13px;
    color: #000;
    font-weight: 300
}

.samepd-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
    border-bottom: 0
}

.mobil-overview-products {
    padding: 0 13px;
    display: none;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

.mobil-overview-products .items-block .content .row {
    margin: 0 !important
}

.mobil-overview-products .items-block .content .row .col-6 {
    padding: 0
}

.mobil-overview-products .items-block .titlee {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px
}

.complement-product-block .step .title-container {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.complement-product-block .step .title-container .title {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.complement-product-block .step .calculation-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    justify-content: space-between
}

.complement-product-block .step .calculation-block .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal
}

.complement-product-block .step .calculation-block .item .img-auto {
    max-width: 200px;
    width: 100%;
    height: 100%
}

.complement-product-block .step .btnn {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 15px 0;
    width: 100%;
    display: flex;
    background: #000;
    justify-content: center;
    align-items: center;
    margin-top: 25px
}

.complement-product-block {
    margin-top: 20px;
    padding: 0 15px;
    display: none
}

.complement-product-block .step {
    display: none
}

.complement-product-block .step.active,
.complement-product-block .step.one {
    display: block
}

.complement-product-block .step .finish-products {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.complement-product-block .step .finish-products .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px
}

.complement-product-block .step .finish-products .item .image img {
    width: 95px;
    height: 145px;
    aspect-ratio: 1;
    object-fit: cover
}

.complement-product-block .step .finish-products .item .col-last {
    flex: 1;
    display: flex;
    flex-direction: column
}

.complement-product-block .step .finish-products .item .titlee {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.complement-product-block .step .finish-products .item .variant-box {
    margin: 0;
    border: none
}

.complement-product-block .step .finish-products .item .variant-box .name {
    display: none
}

.complement-product-block .step .finish-products .item .variant-box ul li .options {
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 8px
}

.complement-product-block .step .finish-products .item .variant-box ul li .options a {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #f4f4f4
}

.complement-product-block .step .finish-products .item .variant-box ul li .options a.selected {
    background: #000;
    color: #fff;
    border-color: #000
}

.complement-product-block .step .finish-products .item .varyant-container.quickview-varyant-item .quantity-alert button span {
    display: none
}

.complement-product-block .step .finish-products .item .varyant-container.quickview-varyant-item .quantity-alert button {
    position: absolute;
    right: -5px;
    top: -13px
}

.complement-product-block .step .finish-products .item .change-btn {
    margin-top: 6px;
    color: #000;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #f4f4f4;
    background: #fff;
    padding: 10px 0
}

.complement-product-block .step .badges {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
    gap: 12px
}

.complement-product-block .step .badges .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    color: #0b0f0b;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: normal
}

.complement-product-block .step .badges .item.cargo {
    padding-right: 12px;
    border-right: 1px solid #f4f4f4
}

.complement-product-block .step .finish-products .item:first-child {
    padding-bottom: 7px;
    border-bottom: 1px solid #f4f4f4
}

.complement-product-block .step .finish-products .item .col-last .btn-cart {
    display: none
}

.product-body .quick-view-block.active {
    z-index: 9999
}

.product-body .basket-confirm-alert.active {
    z-index: 999
}

.product-body .product-short-link .up-scroll {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500
}

.product-body .product-title-container .free-cargo {
    color: #00cc14;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    display: none
}

.mobil-product-buttons .variants-block .content .item:first-child {
    border: 1px solid #000
}

.mobil-product-buttons .variants-block .content .item {
    border: 1px solid transparent
}

.product-body .product-title-container .col-first {
    flex: 1
}

header.mobile .icon-group .product-favourite {
    font-size: 0;
    line-height: normal
}

.product-body header.mobile .left {
    width: 65%
}

.product-body header.mobile .right {
    width: 35%
}

.product-body header.mobile .btn {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: normal
}

.product-body header.mobile .icon-group svg {


}

.product-body header.mobile .icon-group {
    height: 100%;
    display: flex;
    align-items: center;
    line-height: normal;
    border: 0;
    background-color: transparent;
}


.product-body header.mobile .left .btn-sidebar-menu img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(653%) hue-rotate(208deg) brightness(116%) contrast(100%)
}

.product-body header.mobile {
    background: #fff;
    position: relative;
}

.profil-detail-info .mobil-app-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f4f4f4;
    background: #fff;
    margin: 0 12px 12px
}

.profil-detail-info .mobil-app-block .col-first {
    display: flex;
    flex-direction: column;
    padding: 15px;
    flex: 1
}

.profil-detail-info .mobil-app-block .col-first .title {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .26px;
    margin-bottom: 5px
}

.profil-detail-info .mobil-app-block .col-first .description {
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px
}

.profil-detail-info .mobil-app-block .col-first .btnn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
    background: #000;
    gap: 8px;
    color: #fff;
    font-size: 9.853px;
    font-weight: 500;
    line-height: normal;
    width: fit-content;
    letter-spacing: .197px
}

.profil-detail-info .mobil-app-block .col-last img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 135px
}

.kombin-add-modal .main-body div[data-auto-slide-body] {
    padding: 0 15px 10px
}

.kombin-add-modal .main-body div[data-auto-slide-head] {
    border: none !important
}

.profil-detail-info .mobil-app-block .col-first .btnn .icon svg {
    width: 16px;
    height: 100%
}

.profil-detail-info .mobil-app-block .col-first .btnn .icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px
}

#product-profile-carousel .carousel-inner .carousel-item {
    height: 100%
}

#product-profile-carousel .carousel-inner .carousel-item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

#product-profile-carousel .carousel-inner .carousel-item .video {
    height: 100%
}

body.cart-body {
    background: #fbfbfb
}

.gift-code-block {
    border: none;
    background: 0 0;
    margin-bottom: 20px
}

.gift-code-block .head-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    padding: 19px 20px;
    background: #fff;
    cursor: pointer;
    user-select: none;
    border: 1px solid #f4f4f4
}

.gift-code-block .head-block .first-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.gift-code-block .head-block .first-col svg {
    width: 22px;
    height: 100%
}

.gift-code-block .body-block .menu-sticky {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    padding: 20px 50px;
    position: sticky;
    top: 55px;
    z-index: 5;
    background: #ffff;
    border-bottom: 1px solid #f4f4f4
}

.gift-code-block .body-block .menu-sticky .first-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.gift-code-block .body-block .menu-sticky .first-col svg {
    width: 21px;
    height: 100%
}

.gift-code-block .body-block .menu-sticky .close {
    opacity: 1;
    font-size: 0;
    line-height: normal;
    cursor: pointer;
    user-select: none
}

.gift-code-block .body-block .top-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 50px;
    background: #fff
}

.gift-code-block .body-block .bloc-title {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: normal
}

.voucher-code-form .input-group {
    gap: 10px
}

.voucher-code-form .input-group .form-control {
    border: 1px solid #f4f4f4;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: .24px;
    padding-left: 12px;
    height: 46px
}

.voucher-code-form .input-group .input-group-append {
    margin: 0
}

.cart-right-ticket button.btn.btn-secondary.btn-sm {
    background: #1e1e1e !important;
    color: #fff !important;
    text-transform: uppercase;
    height: 45px;
    width: 100px;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .26px
}

.gift-code-block .body-block .top-block .info {
    color: #a1a1a1;
    font-size: 10px;
    font-weight: 400;
    line-height: normal
}

.new-cart-age .cart-top-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    align-items: center
}

.new-cart-age .cart-top-area .title {
    color: #000;
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.new-cart-age .cart-top-area button {
    border: 1px solid #f4f4f4;
    background: #fff;
    color: #a1a1a1;
    font-size: clamp(12px, 2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .28px;
    padding: 9px 20px
}

.new-cart-age .cart-products {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: nowrap
}

.new-cart-age .cart-products .items {
    display: flex;
    border: 1px solid #f4f4f4;
    background: #fff;
    padding: 12px
}

.new-cart-age .cart-products .items .cp-image {
    padding-right: 14px;
    width: max-content;
    min-width: 164px
}

.new-cart-age .cart-products .items .cp-image img.img-auto {
    min-height: auto;
    max-height: 225px
}

.new-cart-age .cart-products .items .cp-name-variants {
    display: flex;
    flex-direction: column
}

.new-cart-age .cart-products .items .cp-name-variants a.name {
    color: #000;
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 10px 0;
    margin-top: 9px
}

.new-cart-age .cart-products .items .cp-name-variants .variants {
    margin: 14px 0;
    padding: 10px;
    display: flex;
    gap: 54px
}

.new-cart-age .cart-products .items .cp-name-variants .variants .variant .title {
    color: #a1a1a1;
    font-size: clamp(12px, 2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px
}

.new-cart-age .cart-products .items .cp-name-variants .variants .variant .value {
    color: #000;
    font-size: clamp(12px, 2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.new-cart-age .quantitys {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 0 10px
}

.new-cart-age .quantitys span.title {
    color: #a1a1a1;
    font-size: clamp(12px, 2vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.new-cart-age .quantitys .product-quantity {
    border: 1px solid #f4f4f4
}

.product-quantity {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.new-cart-age .quantitys .product-quantity .btn {
    height: 35px;
    border: 0;
    width: 30px
}

.product-quantity .btn {
    background: #fff;
    color: #484848;
    border-color: #ebebeb !important;
    font-size: 11px;
    font-weight: 500;
    width: 45px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 0 !important
}

.new-cart-age .quantitys .product-quantity input {
    height: 35px;
    border: 0 !important;
    width: 40px;
    font-weight: 400
}

.new-cart-age .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px
}

.new-cart-age .price .old-value {
    color: #a1a1a1;
    text-align: right;
    font-size: clamp(12px, 2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through
}

.new-cart-age .price .value {
    color: #000;
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.new-cart-age .cart-products .items .cp-price-del {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    align-items: flex-end;
    padding-right: 28px;
    padding-top: 26px
}

.new-cart-age .cart-products .items .cp-price-del .fav-del {
    padding-bottom: 16px;
    display: flex;
    gap: 6px;
    align-items: center
}

.new-cart-age .cart-products .items .cp-price-del .fav-del .fav-add a {
    color: #a1a1a1;
    font-size: clamp(12px .2vw, 14px);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: underline;
    display: flex;
    align-items: center;
    height: 100%
}

.modal-for-favadd {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    justify-content: center;
    align-items: center
}

.modal-for-favadd .modal-content {
    background: #fff;
    padding: 27px;
    border-radius: 0;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    width: 19%;
    border: 1px solid #f4f4f4
}

.modal-for-favadd .modal-content .title {
    font-size: clamp(14px, 2vw, 18px);
    color: #000;
    font-weight: 500
}

.modal-for-favadd .btn-area {
    margin-top: 20px
}

.modal-for-favadd #yes {
    border: 1px solid #000;
    color: #000;
    background: #fff;
    border-radius: 0;
    font-size: clamp(12px, 2vw, 14px);
    padding: 8px 28px;
    font-weight: 500
}

.modal-for-favadd #no {
    border: 1px solid #000;
    color: #fff;
    background: #000;
    border-radius: 0;
    font-size: clamp(12px, 2vw, 14px);
    padding: 8px 28px;
    font-weight: 500
}

.modal-for-favadd .btn-area button {
    margin: 0 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer
}

.new-cart-age .cart-products .items .cp-price-del .fav-del button.btn.btn-remove svg {
    width: 30px;
    height: 100%
}

.new-cart-age-right .cart-right-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px
}

.new-cart-age-right .cart-right-top .title {
    color: #000;
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.new-cart-age-right .cart-right-top .total {
    color: #a1a1a1;
    font-size: clamp(12px, 2vw, 13px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.new-cart-main .p-g-mod {
    background: 0 0 !important;
    margin: 0 !important
}

.new-cart-main {
    margin-top: -20px
}

.new-cart-main .p-g-mod-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.new-cart-age-block .col-main-first {
    padding-top: 15px
}

.new-cart-age-block .col-main-last {
    margin-right: calc((100vw - 1500px) / -2);
    background: #fff;
    padding-top: 20px;
    height: 100%;
    padding-right: calc((100vw - 1500px) / 2);
    padding-left: 30px;
    padding-bottom: 20px
}

.new-cart-age-right .cart-right-ozet {
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    margin: 20px 0 26px;
    padding: 30px;
    display: flex;
    flex-direction: column
}

.new-cart-age-right .cart-right-ozet .items:first-child {
    padding-top: 0
}

.new-cart-age-right .cart-right-ozet .items {
    border-bottom: 1px solid #f4f4f4;
    padding: 20px 10px;
    display: flex;
    justify-content: space-between
}

.new-cart-age-right .cart-right-ozet .items .name {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 1
}

.new-cart-age-right .cart-right-ozet .items .price {
    color: #a1a1a1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 8px
}

.new-cart-age-right .cart-right-ozet .items .price.green {
    color: #4dc762;
    font-weight: 500
}

.new-cart-age-right .cart-right-ozet .items .price.black {
    color: #000
}

.btn-block {
    display: block;
    width: 100%
}

.new-cart-age-right .cart-right-ozet .btn-block a.btn.btn-complete.btn-theme-1 {
    background: #000;
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .36px;
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.basket-tax-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 20px;
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    margin-bottom: 10px
}

.basket-tax-block .text b {
    font-weight: 500
}

div#acco-cart-help-side .card {
    border: 0;
    background: #fff
}

div#acco-cart-help-side .card .card-header {
    background: #fff;
    border-bottom: 1px solid #e2e2e2 !important;
    margin: 0;
    padding: 16px 0
}

div#acco-cart-help-side .card .card-header button.btn.btn-link.btn-block.text-left,
div#acco-cart-help-side .card .card-header button.btn.btn-link.btn-block.text-left.collapsed {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .32px;
    text-decoration: none
}

div#acco-cart-help-side .card .card-header button.btn.btn-link.btn-block.text-left::after {
    content: url('icons/down.svg');
    position: absolute;
    right: 20px;
    top: 26px;
    rotate: 180deg
}

div#acco-cart-help-side .card .card-header button.btn.btn-link.btn-block.text-left.collapsed::after {
    content: url('icons/down.svg');
    rotate: 0deg
}

div#acco-cart-help-side .card .card-body {
    position: relative
}

div#acco-cart-help-side .card .card-body .title {
    color: #181818;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px
}

div#acco-cart-help-side .card .card-body .text {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 34px
}

div#acco-cart-help-side .card .card-body .contact-block .items,
div#acco-cart-help-side .card .items {
    display: flex;
    gap: 12px;
    border: 1px solid #f4f4f4;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    color: #181818;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 12px 24px
}

.pd-freecargo-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
}

div#acco-cart-help-side .card .text.sec {
    width: 76%
}

div#acco-cart-help-side .card .text.sec img {
    position: absolute;
    right: 0;
    top: 44px
}

.return-inf-process-mobil {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: -2;
    transition: .5s;
    height: 100%
}

.return-inf-process-mobil .return-inf-process {
    z-index: 2;
    opacity: 1;
    bottom: -100%;
    height: fit-content;
    background: #ffff;
    border-top: 1px solid #e2e2e2;
    position: absolute;
    transition: .5s
}

.retinf-popup-close {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2
}

.retinf-process-block {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 35px;
    padding: 30px
}

.return-inf-process-mobil .retinf-process-block {
    padding: 30px 25px;
    overflow: auto;
    height: 70vh
}

.retinf-process-block .left {
    width: 1px;
    background: #e2e2e2;
    height: auto
}

.retinf-process-block .right {
    height: 100%
}

.retinf-process-block .right .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    margin-bottom: 50px
}

.retinf-process-block .right .item .eclipse {
    position: absolute;
    top: 0;
    left: -49px;
    background: #000;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center
}

.retinf-process-block .right .item a {
    color: #a1a1a1;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.retinf-process-block .right .item .alert {
    background: #f4f4f4;
    padding: 5px 15px;
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #575757;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 0;
    cursor: pointer
}

.eclipse-popup {
    position: absolute;
    background: #fff;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    height: 0;
    transition: .5s
}

.eclipse-popup.active {
    z-index: 2;
    height: 100%;
    opacity: 1
}

.retinf-process-block .right .item h4 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px
}

.retinf-process-block .right .item .eclipse-popup h4 {
    color: #181818;
    font-size: 13px
}

.retinf-process-block .right .item span {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px
}

.retinf-process-block .right .item .eclipse-popup span {
    font-size: 13px;
    line-height: 17px
}

.eclipse-popup-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    margin-top: 10px
}

.retinf-process-block .right .item .eclipse-popup .eclipsep-bottom-item h4 {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 11px
}

.retinf-process-block .right .eclipsep-bottom-item a {
    border: 1px solid #f4f4f4;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #181818;
    font-size: 12px;
    font-style: normal;
    line-height: normal
}

div#acco-cart-help-side .card .card-body .contact-block {
    display: flex;
    justify-content: space-between
}

.cart-right-ticket {
    padding-left: 0
}

.gift-code-block .head-block .length-value {
    color: #4dc762;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .28px;
    border-radius: 2px;
    border: 1px solid #4dc762;
    background: rgba(77, 199, 98, .05);
    padding: 6px 11px
}

.gift-code-block .body-block {
    position: absolute;
    right: 0;
    left: unset;
    margin-right: -130%;
    bottom: 0;
    top: 0;
    z-index: 6;
    background: #fff;
    transition: .5s;
    height: 100%
}

.gift-code-block.active .body-block {
    display: block;
    left: 0;
    margin-right: 0
}

.gift-code-block .body-block .bottom-block {
    padding: 20px 50px 0;
    background: #fbfbfb;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4
}

.gift-code-block .body-block .bottom-block .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 -50px;
    overflow: auto;
    max-height: calc(100vh - 240px)
}

.card-voucher {
    border-radius: 0;
    border: none;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    padding: 0;
    border-left: 0
}

.card-voucher .topp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 50px;
    width: 100%
}

.card-voucher .topp .first-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

.card-voucher .topp .first-col .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.card-voucher .topp .first-col .title svg {
    width: 27px;
    height: 100%
}

.card-voucher .topp .first-col .date {
    color: #a1a1a1;
    font-size: 11px;
    font-weight: 300;
    line-height: normal
}

.card-voucher .topp .last-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px
}

.card-voucher .topp .last-col .btn,
.card-voucher .topp .last-col .voucher-code {
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    width: 65px;
    height: 24px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.card-voucher .topp .last-col .voucher-code {
    color: #a1a1a1;
    background: rgba(102, 102, 102, .05)
}

.card-voucher .topp .last-col .btn {
    background: #1e1e1e;
    color: #fff
}

.card-voucher .botttom {
    border-top: 1px solid #f4f4f4;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    width: 100%
}

.card-voucher .botttom .item {
    color: #666;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    border-right: 1px solid #e2e2e2;
    padding-right: 10px
}

.card-voucher .botttom .item:last-child {
    padding: 0;
    border: none
}

.gift-code-block .deactive-side {
    border: 1px solid #f4f4f4;
    border-top: 0;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between
}

.gift-code-block .deactive-side .remove-vocuher {
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 10px;
    border: 1px solid #f4f4f4;
    font-size: 13px;
    font-weight: 300;
    color: #000
}

.gift-code-block .deactive-side .remove-vocuher .close {
    width: 12px;
    height: 100%;
    opacity: 1
}

.basket-summary-acco .content {
    flex-direction: column;
    padding: 5px 15px 15px;
    gap: 16px;
    display: none
}

.basket-summary-acco.active .content {
    display: flex
}

.basket-summary-acco .content .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px
}

.basket-summary-acco .content .items .name {
    font-size: 12px;
    font-weight: 300;
    color: #000
}

.basket-summary-acco .content .items .price {
    font-size: 12px;
    color: #575757;
    font-weight: 300
}

.basket-summary-acco .content .items .price.green {
    color: #0e9200
}

.basket-summary-acco .content .items:last-child {
    border: none;
    padding: 0
}

.basket-summary-acco .header-blokc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-top: 1px solid #f4f4f4
}

.basket-summary-acco .header-blokc .first {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 5px
}

.basket-summary-acco .header-blokc .first .title {
    font-size: 13px;
    font-weight: 300;
    color: #000
}

.basket-summary-acco .header-blokc .first .small-title {
    font-size: 11px;
    font-weight: 200;
    color: #575757
}

.basket-summary-acco .header-blokc .last svg {
    width: 15px;
    height: 100%
}

.login-body .tab-content input.form-control,
.register-body .tab-content input.form-control {
    height: 44px;
    border-radius: 0;
    padding: 10px 8px;
    font-size: 13px;
    color: #000;
    border-color: #b8b8b8
}

.login-body .password-link,
.register-body .password-link {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.login-body .password-link a,
.register-body .password-link a {
    font-size: 12px;
    border-bottom: 1px solid #000;
    color: #000
}

.login-body #nav-register .form-phone-control,
.register-body #nav-register .form-phone-control {
    padding-left: 50px
}

.login-body .common-register-form .mws-form-inline .d-flex,
.register-body .common-register-form .mws-form-inline .d-flex {
    margin-bottom: 20px
}

.register-contract {
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 300
}

.login-body .common-register-form .mws-form-inline .d-flex input[type=checkbox],
.register-body .common-register-form .mws-form-inline .d-flex input[type=checkbox] {
    accent-color: #000
}

.login-body .common-register-form .mws-form-inline .d-flex input,
.register-body .common-register-form .mws-form-inline .d-flex input {
    width: 20px
}

.login-body .common-register-form .mws-form-inline .d-flex label,
.register-body .common-register-form .mws-form-inline .d-flex label {
    margin-bottom: 0
}

.login-body-block {
    max-width: 350px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.loginpage-title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

.forgot-pass-body-section .p-g-mod-base-content .p-g-mod-body {
    padding: 0
}

.forgot-pass-body-section .p-g-mod-base-content .p-g-mod-header {
    border: none;
    margin-bottom: 20px
}

.forgot-pass-body-section .p-g-mod-header {
    height: auto !important;
    padding: 0 !important
}

.forgot-pass-body-section .p-g-mod-base-content {
    border: none;
    max-width: 350px;
    height: 100%;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.password-form input {
    height: 44px;
    border-radius: 0;
    padding: 10px 8px;
    font-size: 13px;
    color: #000;
    border-color: #b8b8b8
}

.forgot-pass-body-section .password-form button {
    color: #fff;
    background-color: #000;
    border-color: #000;
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 13px;
    height: 44px;
    align-items: center;
    font-weight: 500;
    border-radius: 0;
    margin-top: 1rem !important
}

.forgot-pass-body-section .p-g-mod-base-content .p-g-mod-header .p-g-m-h-i-title {
    font-size: 20px !important;
    font-weight: 400 !important
}

.collection-cover {
    border-radius: 0;
    background: #fff;
    border: 1px solid #a1a1a1;
    margin-top: 25px
}

.collection-cover .info {
    flex: 1;
    color: #000
}

.collection-filter .cf-filter .btn {
    padding: 5px 20px;
    background: 0 0;
    border: 1px solid #000;
    color: #000;
    font-size: 13px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    line-height: normal
}

.collection-filter .cf-filter .btn::before {
    content: "";
    background: url('icons/collection-filter.svg') 0 0/contain no-repeat;
    width: 18px;
    height: 18px
}

.collection-filter {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    align-items: center
}

.collection-filter .cf-order select {
    padding: 7px 15px;
    height: 44px;
    border: 1px solid #ebebeb;
    font-size: 13px
}

.collection-responsive-popup .p-g-mod-t-cat-filter .lag-checkbox label img {
    width: 16px;
    height: 100%
}

.cat-responsive-popup .c-r-p-content {
    padding: 0
}

.cf-filter .product-view-select {
    display: none
}

.complement-product-block-pc {
    margin-bottom: 10px;
    cursor: pointer
}

.comp-product-btn-pc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border: 1px solid #e2e2e2
}

.comp-product-btn-pc .left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #181818;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.2px
}

.complement-product-block-pc.active .right img {
    transform: rotate(180deg)
}

.complement-product-block-pc .products {
    opacity: 0;
    z-index: -1;
    height: 0;
    position: relative;
    display: none
}

.complement-product-block-pc.active .products {
    opacity: 1;
    z-index: 1;
    height: 100%;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-top: 0;
    display: block
}

.card-product.complement .card-product-inner .image {
    margin-bottom: 10px;
    position: relative
}

.card-product.complement .card-product-inner .image .image-co {
    display: block
}

.card-product.complement .card-product-inner .image .quick-view-kart {
    bottom: 20px
}

.card-product.complement .card-product-inner .image .quick-view-kart .quick-view-btn {
    width: 29px;
    height: 29px
}

.card-product.complement .card-product-inner .image .quick-view-kart .quick-view-btn svg {
    width: 15px
}

header.hstatic {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99
}

.h-static {
    padding: 20px 0;
    position: relative
}

.h-static .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.h-static .logo a img {
    max-width: 255px
}

.new-about-manset {
    position: relative;
    margin-bottom: 90px
}

.nam-img::after {
    content: "";
    background: #000;
    z-index: 1;
    width: 100%;
    height: calc(100% - 5.5px);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: .5
}

.nam-write {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.nam-write h1 {
    color: #fff;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.881px;
    margin: 0
}

.nam-write h1 span {
    font-weight: 300
}

.nabout-dtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px
}

.nabout-dtitle h4 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    margin: 0
}

.nabout-dtitle span {
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    width: 80%
}

.nabout-dftitle-block {
    margin-bottom: 200px
}

.nabout-banner1,
.nabout-banner2 {
    margin-bottom: 60px
}

.nab1-left {
    padding: 100px 0 0 140px;
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px
}

.nab1-left h4 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0
}

.nab1-left span {
    color: #181818;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    width: 80%
}

.nabout-bigbanner {
    position: relative;
    margin-bottom: 75px
}

.nabout-bbanner-write {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.nabout-bbanner-write span {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    width: 80%
}

.nabout-banner2 .nab1-left {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    padding: 100px 140px 0 0
}

.nabout-styleblock .nabout-dftitle-block {
    margin-bottom: 50px
}

.nabout-styleblock .nabout-dftitle-block .nabout-dtitle {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left
}

.nabout-styleblock {
    margin-bottom: 175px
}

.nabout-shopping {
    margin-bottom: 70px
}

.nas-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    justify-content: center;
    height: 100%;
    padding-left: 100px
}

.nas-left h4 {
    color: #000;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    margin: 0
}

.nas-left span {
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    width: 80%
}

.nas-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.nas-item {
    position: relative
}

.nas-item-write {
    position: absolute;
    left: 35px;
    bottom: 35px
}

.nas-item-write h4 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.nabout-banner1 .row .col-lg-6,
.nabout-banner2 .row .col-lg-6,
.nabout-shopping .row .col-lg-6 {
    padding: 0
}

.nbstyle-inside {
    max-width: 100%
}

.wb-scroller--inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.nbstyle-inside[data-animated=true] {
    overflow: hidden
}

.nbstyle-inside[data-animated=true] .wb-scroller--inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 65s) var(--_animation-direction, forwards) linear infinite
}

.nbstyle-inside[data-direction=right] {
    --_animation-direction: reverse
}

.nbstyle-inside[data-animated=true] .wb-scroller--inner:hover {
    animation-play-state: paused
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - .5rem))
    }
}

.nam-img video {
    width: 100%;
    max-height: 600px;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover
}

.nbstyle-item img {
    max-width: 400px;
    width: 100%;
    height: 100%
}

.pages-body.about-body .pattern-group:nth-child(2) .container {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100%
}

.pages-body.about-body .pattern-group:nth-child(2) .p-g-mod .p-g-mod-header {
    display: none
}

.pages-body.about-body .pattern-group:nth-child(2) .container .static-df-container .container {
    max-width: 1500px !important
}

.hstatic-backpage {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    height: 100%;
    position: absolute;
    left: 50px;
    top: 0;
    bottom: 0
}

.hstatic-backpage:hover {
    color: #fff
}

.h-static .container-full {
    padding: 0 50px !important
}

.pages-body .about-page-section .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0;
    width: 100%
}

.about-page-section .container .p-g-mod-body {
    padding: 0 !important
}

.pages-body .container {
    max-width: 1000px !important
}

.ip-lp-page .container {
    max-width: 960px !important
}

.mobil-sec {
    display: none
}

.basket-confirm-alert {
    position: fixed;
    right: -100%;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 10px;
    border: 1px solid #f4f4f4;
    transition: .5s;
    z-index: 10;
    opacity: 0;
    visibility: hidden
}

.basket-confirm-alert.active {
    right: 10px;
    opacity: 1;
    visibility: visible
}

.basket-confirm-alert .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.basket-confirm-alert .top .image img {
    width: 80px;
    height: 100%
}

.basket-confirm-alert .top .last {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px
}

.basket-confirm-alert .top .last .sale-price {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.basket-confirm-alert .top .title-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1
}

.basket-confirm-alert .top .title-container .title {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.basket-confirm-alert .top .title-container .small-title {
    font-size: 13px;
    color: #9d9d9d;
    font-weight: 300
}

.basket-confirm-alert .bottom .btnn {
    width: 50%;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 8px 15px
}

.basket-confirm-alert .bottom .btnn.basket-btnn {
    background: #000;
    color: #fff
}

.basket-confirm-alert .bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

footer {
    margin-top: 60px
}

footer .bb .container,
footer .seo-text-block .container {
    max-width: 1200px !important
}

footer .seo-text-block {
    margin-bottom: 30px
}

footer .seo-text-block .content {
    text-align: center;
    height: 150px;
    overflow: auto
}

footer .seo-text-block .content h1,
footer .seo-text-block .content h2 {
    color: #000;
    font-size: 1rem;
    font-weight: 300
}

footer .seo-text-block .content a,
footer .seo-text-block .content li,
footer .seo-text-block .content p {
    font-size: 12px;
    font-weight: 200;
    color: #575757
}

footer .seo-text-block .content h3,
footer .seo-text-block .content h4,
footer .seo-text-block .content h5,
footer .seo-text-block .content h6 {
    font-size: .8rem
}

footer .seo-text-block .content a b,
footer .seo-text-block .content a div,
footer .seo-text-block .content a span,
footer .seo-text-block .content a strong {
    color: #000 !important
}

footer .bb .content .half {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 40px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

footer .bb .content .half .col-first,
footer .bb .content .half .col-last {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .mobil-app-block .cont-block .item {
    display: block
}

footer .mobil-app-block .cont-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px
}

footer .mobil-app-block .cont-block .item img {
    max-width: 135px;
    width: 100%;
    height: 100%
}

footer .bb .content .half .col-first .mobil-app-block {
    width: fit-content
}

footer .bb .content .half .title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 10px;
    margin-bottom: 20px
}

footer .bb .content .half .title-container .title {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.3px
}

footer .bb .content .half .title-container .description {
    color: #575757;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.13px
}

footer .newsletter-block .newsletter-form {
    position: relative;
    width: fit-content
}

footer .newsletter-block .newsletter-form .newsletter-input {
    max-width: 295px;
    width: 100vw;
    height: 53px;
    border: 1px solid #e2e2e2;
    backdrop-filter: blur(27px);
    color: #1e1e1e;
    font-size: 12px;
    font-weight: 400;
    padding-left: 16px;
    border-radius: 0
}

footer .newsletter-block .newsletter-form .btn {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center
}

footer .bb .content .half .col-first {
    border-right: 1px solid #e2e2e2
}

footer .bb .middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 30px
}

footer .bb .middle .category-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 500px;
    text-align: center;
    padding: 0;
    justify-content: center;
    margin-bottom: 20px
}

footer .bb .middle .category-block li {
    display: block
}

footer .bb .middle .category-block li a {
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 500
}

footer .social-media {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    gap: 15px
}

footer .social-media a {
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .636px solid #a1a1a1
}

footer .copyright {
    width: 100%;
    color: #575757;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: normal
}

footer .bb .end {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #e2e2e2
}

footer .bb .end .cal-first ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    margin: 0;
    padding: 0;
    gap: 30px
}

footer .bb .end .cal-first ul li {
    display: block
}

footer .bb .end .cal-last {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 20px
}

footer .bb .end .cal-first ul li a {
    color: #575757;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal
}

footer .bb .end .cal-last .bank-logo img {
    max-width: 167px;
    width: 100%;
    height: 100%
}

@media (max-width: 1680px) {
    .nas-item-write {
        left: 25px;
        bottom: 25px
    }

    .nas-item-write h4 {
        font-size: 22px
    }
}

@media (max-width: 1440px) {
    .index-sfirsat {
        padding: 150px 0
    }

    .cstm-manset-block .write .links .item {
        font-size: 14px
    }

    .cstm-manset-block .write .title-container .description {
        font-size: 17px
    }

    .cstm-manset-block .write .title-container .title img {
        max-width: 650px
    }

    .index-sfirsat img {
        max-width: 480px
    }

    .index-sfirsat .write {
        top: 6%;
        font-size: 98.037px
    }

    .index-sfirsat .last .items .item {
        font-size: 15.17px
    }

    .index-sfirsat .last .description {
        font-size: 16px
    }

    .index-sfirsat .last .badge {
        padding: 15px 30px;
        font-size: 14px
    }

    .new-about-manset {
        margin-bottom: 60px
    }

    .nab1-left {
        padding: 50px 0 0 100px;
        top: 20px;
        gap: 20px
    }

    .nab1-left h4,
    .nabout-dtitle h4,
    .nas-left h4 {
        font-size: 24px
    }

    .nab1-left span,
    .nabout-bbanner-write span,
    .nabout-dtitle span,
    .nas-left span {
        font-size: 18px;
        line-height: normal
    }

    .nas-item-write {
        left: 25px;
        bottom: 25px
    }

    .nas-item-write h4 {
        font-size: 22px
    }

    footer .seo-text-block .content {
        height: 60px
    }
}

@media (max-width: 1366px) {
    .index-sfirsat {
        padding: 120px 0
    }

    .index-sfirsat .write {
        top: 3%;
        font-size: 80.037px
    }

    .index-sfirsat img {
        max-width: 455px
    }
}

@media (max-width: 1280px) {
    .index-sfirsat .write {
        top: 0;
        font-size: 98px
    }

    .card-product .auto-date-info {
        padding: 5px 11px 5px 8px
    }
}

@media (max-width: 1024px) {
    .index-sfirsat {
        padding-top: 80px
    }

    .index-sfirsat img {
        max-width: 450px;
        width: 100%;
        height: 100%
    }

    .index-sfirsat .last .items .item {
        font-size: 13.17px
    }

    .index-sfirsat .last .description {
        font-size: 15px
    }

    .index-sfirsat .last .badge {
        font-size: 13px
    }

    footer .bb .end {
        padding: 15px 0
    }

    footer .bb .end .cal-first ul {
        gap: 20px
    }

    footer .bb .end .cal-first ul li a {
        font-size: 11px
    }
}

@media (max-width: 991px) {
    .h-search-sec {
        height: calc(100vh - 98px);
        top: 98px
    }

    .header-search-block .content-block {
        padding: 10px 0 100px
    }

    .header-search-block .content-block .brands-block,
    .header-search-block .content-block .keywords {
        margin-bottom: 20px
    }

    .header-search-block .content-block .keywords .items {
        gap: 8px
    }

    .header-search-block .content-block .keywords .items a {
        padding: 9px 21px;
        font-size: 11px
    }

    .header-search-block .content-block .keywords .items a[href="/super-firsat"] {
        color: #dc2e2e
    }

    .header-search-block .content-block .title-block {
        margin-bottom: 12px;
        font-size: 14px
    }

    .header-search-block .content-block .easy-autocomplete-container ul {
        height: 100%
    }

    .easy-autocomplete-container ul .eac-category,
    .easy-autocomplete-container ul li {
        width: calc(50% - 2px)
    }

    .product-body .product-social-hover {
        bottom: unset;
        top: 80%;
        left: unset;
        right: 0
    }

    .product-body .product-social-hover::after,
    .product-body .product-social-hover::before {
        top: -11px;
        left: unset;
        right: 5px;
        border: .5px solid transparent;
        transform: rotate(180deg);
        width: 12px;
        height: 12px
    }

    .cstm-manset-line {
        height: 37px;
        font-size: 14px
    }

    .cstm-manset-block {
        margin-top: 0;
        height: 100%
    }

    .cstm-manset-block .write .title-container .title img {
        max-width: 250px
    }

    .cstm-manset-block .write .title-container .description {
        font-size: 12px
    }

    .cstm-manset-block .write .links {
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 30px;
        justify-content: center
    }

    .mobil-manset-sec {
        margin-top: -76px
    }

    .cstm-manset-block .write .info {
        font-size: 12px;
        margin-top: 15px;
        text-align: center
    }

    .cstm-manset-block .write .links .item {
        width: calc(40% - 8px);
        font-size: 12px
    }

    .profil-detail-info {
        /* display: none; */
    }

    .product-profile-1 .slide-panel {
        padding: 0;
        /* position: relative !important; */
    }

    .slide-panel-head {
        flex: 0 0 auto;
        min-height: 30px;
        cursor: grab;
        background: #fff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;

        z-index: 10;
        padding: 20px;
        margin: 0
    }

    .slide-panel-body {
    }

    .product-detail-sec {
        margin-top: 0px
    }

    .product-carousel .carousel-inner {
        overflow: auto
    }

    .product-carousel .carousel-inner .row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        width: max-content;
        flex-wrap: nowrap
    }

    #product-profile-carousel .carousel-inner .carousel-item .img-auto,
    #product-profile-carousel .carousel-inner .carousel-item .video video {
        max-width: 350px;
        width: 100%;
        height: calc(100dvh - 140px - env(safe-area-inset-bottom));
        aspect-ratio: 1;
        object-fit: cover;
        object-position: top
    }

    .mobil-sec {
        display: block
    }

    .desktop-sec {

        display: none;
    }

    .index-sfirsat .write {
        letter-spacing: -.142px;
        line-height: 1;
        top: -2%;
        font-size: 50px;
        gap: 32px;
        flex-direction: row
    }

    .index-sfirsat img {
        max-width: 325px
    }

    .index-sfirsat {
        flex-direction: column-reverse;
        gap: 50px;
        height: fit-content;
        justify-content: center;
        padding: 80px 0 30px
    }

    .index-sfirsat .last .items {
        gap: 15px
    }

    .index-sfirsat .last .items .item {
        width: calc(33.3333333333% - 10px);
        font-size: 12.17px
    }

    .index-sfirsat .last .description {
        font-size: 14px;
        margin-bottom: 15px
    }

    .index-sfirsat .last .badge {
        padding: 12px 20px;
        font-size: 11px;
        margin-bottom: 20px
    }

    .index-sfirsat .first,
    .index-sfirsat .last {
        width: 100%
    }

    .product-profile-info {
        display: none
    }

    .mobil-product-buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        max-height: 50px;
        opacity: 1;
        overflow: hidden;
        transition: max-height .3s, opacity .3s
    }

    .slide-panel.scroll-low-active .mobil-product-buttons {
        max-height: 0;
        opacity: 0;
        pointer-events: none
    }

    .mobil-product-buttons .variants-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        line-height: normal;
        gap: 6px
    }

    .mobil-product-buttons .variants-block .content {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3px
    }

    .product-body div#qpien-widget {
        display: none
    }

    .mobil-product-buttons .size-btn {
        padding: 14px 0;
        flex: 1;
        background: #000;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .mobil-product-buttons .variants-block span {
        color: #000;
        font-size: 10px;
        font-weight: 400;
        line-height: normal
    }

    .mobil-product-buttons .variants-block .content .item img {
        width: 30px;
        height: 100%
    }

    .product-profile-1 .slide-panel .slide-panel-head {
        margin-bottom: 0;
        padding: 8px 15px 15px
    }

    .product-profile-1 .slide-panel .slide-panel-head .notch {
        border-radius: 40px;
        background: #e7e6e6;
        width: 40px;
        height: 2px;
        margin: 0 auto 10px
    }

    .attributes-side,
    .product-body .product-short-link {
        display: none
    }

    .df-detail-items-block .p-g-mod,
    .profil-detail-info {
        margin: 0
    }

    .df-detail-items-block .df-detail-item {
        border-bottom: 1px solid #f4f4f4
    }

    .df-detail-items-block .df-detail-item .head-block {
        padding: 15px;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: normal;
        margin: 0
    }

    .df-detail-items-block .df-detail-item .head-block .product-code {
        color: #a1a1a1;
        font-size: 11px;
        font-weight: 400;
        line-height: normal;
        border-left: 1px solid #f4f4f4;
        padding-left: 12px
    }

    .df-detail-items-block .df-detail-item .head-block .title {
        font-size: 13px;
        font-weight: 400
    }

    .df-detail-items-block .df-detail-item .body-block {
        padding: 15px
    }

    .df-detail-items-block .df-detail-item .body-block .raw-content {
        color: #575757;
        font-size: 12px;
        font-weight: 400;
        line-height: 200%
    }

    .df-detail-items-block .df-detail-item.care .head-block {
        border-top: none
    }

    .df-detail-items-block .df-detail-item .body-block .title {
        color: #000;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 10px
    }

    .df-detail-items-block .df-detail-item .body-block .description p {
        color: #575757;
        font-size: 12px;
        font-weight: 400;
        line-height: 180%
    }

    .pcare-item-img img {
        height: 31px
    }

    .profil-detail-info .df-detail-items-block {
        margin-bottom: 15px
    }

    .pcare-item:hover .pcare-item-write {
        top: 107%;
        font-size: 11px
    }

    .df-detail-items-block .df-detail-item.care .body-block {
        padding-bottom: 20px
    }

    .pdetail-bade-block {
        padding: 0 12px
    }

    .product-body .product-title-container .comment-value-block.desktop-sec {
        display: none
    }

    .product-body .varyant-container {
        border-bottom: 1px solid #f4f4f4
    }

    .wish-list-toolbox {
        display: none
    }

    .profil-detail-info .comment-value-block {
        margin-bottom: 10px;
        padding: 0 13px;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        overflow: auto
    }

    .index-banners-block .twobanner-section .write {
        height: 45px;
        font-size: 14px;
        padding: 0 20px 20px
    }

    .cat-filter-sticky {
        padding: 15px
    }

    .card-product .card-product-inner .price-group .prices .prom-oran {
        font-size: 10px
    }

    .renkSecenek {
        bottom: 6px;
        right: 6px;
        padding: 2px 5px 2px 3px;
        font-size: 10px;
        gap: 4px
    }

    .renkSecenek svg {
        width: 23px;
        height: 100%
    }

    .quick-view-kart {
        bottom: 20px
    }

    .quick-view-btn {
        width: 23px;
        height: 23px
    }

    .quick-view-btn svg {
        width: 13px;
        height: 100%
    }

    .banner-badges-block {
        left: 8px;
        top: 8px
    }

    .banner-badges-block .item img {
        max-width: 70px
    }

    .kart-collection-btn {
        right: 8px;
        top: 8px
    }

    .kart-collection-btn svg {
        width: 19px;
        height: 100%
    }

    .category-filter-order .category-filter-btn {
        font-size: 13px;
        gap: 5px
    }

    .category-filter-order .category-filter-btn .icon svg {
        width: 20px;
        height: 100%
    }

    .quick-view-block .content .bottom .btn-cart svg {
        width: 23px
    }

    .quick-view-block .content .bottom {
        gap: 10px;
        padding: 0 15px 15px
    }

    .quick-view-block .content .bottom .return-product svg {
        width: 16px
    }

    .quick-view-block .pd-info {
        margin-bottom: 15px;
        gap: 15px
    }

    .quick-view-block .pd-info .last .title {
        font-size: 15px;
        margin-bottom: 4px
    }

    .quick-view-block .pd-info .cargo-count svg {
        width: 19px
    }

    .quick-view-block .pd-info .last .prices .sale-price {
        font-size: 13px
    }

    .quick-view-block .pd-info .cargo-count {
        margin-bottom: 17px;
        gap: 6px;
        font-size: 12px;
        margin-top: 5px;
        line-height: normal
    }

    .quick-view-block .body,
    .quick-view-block .footer,
    .quick-view-block .pd-info {
        padding: 0
    }

    .new-cart-age-block .col-main-last {
        background: #fff;
        height: 100%;
        padding: 20px;
        margin: 0 -15px
    }

    .new-cart-age-block .col-lg-8.col-12 {
        padding: 0
    }

    .new-cart-age-block .row {
        gap: 15px
    }

    .new-cart-age-block .col-lg-4.col-12 {
        padding: 0
    }

    .new-cart-age {
        padding: 14px 4px 0
    }

    .new-cart-age .cart-products .items {
        padding: 6px;
        flex-wrap: wrap
    }

    .new-cart-age .cart-products .items .cp-image {
        padding-right: 8px;
        min-width: 83px;
        max-width: 125px
    }

    .new-cart-age .cart-products .items .cp-name-variants {
        flex: 1
    }

    .new-cart-age .cart-products .items .cp-price-del {
        flex-direction: row;
        flex: unset;
        align-items: center;
        width: 100%;
        padding: 10px 6px 2px
    }

    .new-cart-age .cart-products .items .cp-name-variants a.name {
        padding: 8px;
        margin-top: 6px
    }

    .new-cart-age .quantitys {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        padding: 0
    }

    .new-cart-age .quantitys .product-quantity .btn {
        height: 30px;
        border: 0;
        width: 25px
    }

    .new-cart-age .quantitys .product-quantity input {
        height: 30px;
        width: 30px
    }

    .new-cart-age .price {
        flex-direction: row;
        gap: 9px;
        padding-left: 10px
    }

    .new-cart-age .cart-products .items .cp-price-del .fav-del {
        padding-bottom: 0
    }

    .gift-code-block.active .body-block {
        bottom: 0;
        overflow: auto
    }

    .gift-code-block .body-block {
        position: fixed;
        right: 0;
        left: 0;
        bottom: -100%;
        top: unset;
        height: calc(100% - 150px)
    }

    .gift-code-block .body-block .menu-sticky {
        padding: 20px 30px;
        position: unset;
        border-top: 1px solid #f4f4f4
    }

    .gift-code-block .body-block .top-block {
        padding: 20px 30px
    }

    .voucher-code-form .input-group {
        gap: 6px
    }

    .voucher-code-form .input-group .form-control {
        margin: 0
    }

    .gift-code-block .body-block .bottom-block {
        overflow: unset;
        height: 100%
    }

    .gift-code-block .body-block .bottom-block .content {
        max-height: max-content;
        margin: 0 -30px;
        overflow: unset;
        height: 100%
    }

    .card-voucher .topp {
        padding: 15px 30px
    }

    .card-voucher .botttom {
        gap: 10px;
        padding: 10px
    }

    .card-voucher .topp .first-col .title {
        font-size: 14px;
        gap: 7px
    }

    .card-voucher .topp .first-col .title svg {
        width: 25px
    }

    .card-voucher .botttom .item,
    .card-voucher .topp .last-col .btn,
    .card-voucher .topp .last-col .voucher-code {
        font-size: 10px
    }

    .new-cart-age-block .col-main-first {
        padding: 0
    }

    .new-cart-age .cart-products .items .cp-price-del .fav-del .btn {
        padding: 0;
        width: auto;
        height: auto;
        border: none;
        outline: 0
    }

    .new-cart-age .quantitys .product-quantity .btn svg {
        width: 11px;
        height: 100%
    }

    .new-cart-age-right .cart-right-ozet,
    .new-cart-age-right .cart-right-top {
        display: none
    }

    .basket-tax-block {
        font-size: 12px;
        gap: 8px;
        padding: 18px 15px
    }

    .basket-tax-block svg {
        width: 23px;
        height: 100%
    }

    .mobil-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 2;
        display: flex;
        flex-direction: column;
        border: 0
    }

    .mobil-fixed-bottom .price-and-btn {
        padding: 10px 14px;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #f4f4f4
    }

    .mobil-fixed-bottom .price-and-btn .price-block {
        flex: 0 0 50%
    }

    .mobil-fixed-bottom .price-and-btn .items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    .mobil-fixed-bottom .price-and-btn .items .name {
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .mobil-fixed-bottom .price-and-btn .items .price.black.green {
        color: #4dc762
    }

    .mobil-fixed-bottom .price-and-btn .btn-block a.btn.btn-complete.btn-theme-1 {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: .28px;
        width: 100%;
        background: #000;
        border-radius: 0;
        padding: 12px
    }

    .same-products-block .top .title {
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .same-products-block {
        gap: 15px;
        padding: 15px
    }

    .same-products-block .overflow-flex .item {
        color: #a1a1a1;
        gap: 5px;
        max-width: 70px;
        width: 100%;
        text-align: center
    }

    .same-products-block .overflow-flex .item.active {
        color: #000
    }

    .same-products-block .overflow-flex .item span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .product-profile-1 .slide-panel .slide-panel-head {
        border-bottom: 1px solid transparent;
        transition: .5s
    }

    .product-profile-1 .slide-panel.scroll-low-active .slide-panel-head {
        border-bottom: 1px solid #f4f4f4
    }

    .mobil-overview-products {
        display: flex
    }

    .card-product .auto-date-info {
        font-size: 9px;
        bottom: 8px;
        padding: 3px 8px 3px 6px
    }

    .index-banners-block .twobanner-section .write .btnn {
        display: none
    }

    .product-body .product-title-container .free-cargo {
        display: block
    }

    .basketalert-add-modal .main-body div[data-auto-slide-head] {
        border: none !important
    }

    .basket-confirm-alert.active {
        gap: 6px;
        padding: 12px;
        max-width: 100%;
        position: unset;
        border: none
    }

    .basket-confirm-alert .top .last .sale-price,
    .basket-confirm-alert .top .title-container .title {
        font-size: 13px
    }

    .basket-confirm-alert .top .title-container .small-title {
        font-size: 12px
    }

    .basket-confirm-alert .bottom .btnn {
        font-size: 13px;
        padding: 7px 15px
    }

    .categories-body .p-g-mod-t-cat-filter {
        width: 100%
    }

    .complement-product-block-pc {
     
    }

    .profil-detail-info.mobil-sec .complement-product-block-pc {
        margin: 0;
        display: block
    }

    .comp-product-btn-pc {
        border-color: #f4f4f4;
        border-right: 0;
        border-bottom: 0;
        border-left: 0
    }

    .comp-product-btn-pc .right {
        border-left: 1px solid #f4f4f4;
        padding-left: 15px
    }

    .complement-product-block-pc.active .products {
        border-color: #f4f4f4;
        border-right: 0;
        border-left: 0;
        border-top: 0;
        border-bottom: 0
    }

    .complement-product-block-pc.active .comp-product-btn-pc .right svg {
        transform: rotate(45deg)
    }

    .card-product.complement .card-product-inner .image .quick-view-kart .quick-view-btn {
        width: 25px;
        height: 25px
    }

    .card-product.complement .card-product-inner .image .quick-view-kart .quick-view-btn svg {
        width: 13px
    }

    .card-product.complement .card-product-inner .image .quick-view-kart {
        bottom: 15px
    }

    .h-static .logo a img {
        width: 100%;
        max-width: 169px
    }

    .hstatic-backpage {
        left: 30px
    }

    .hstatic-backpage .hsbp-right {
        display: none
    }

    .nabout-banner1,
    .nabout-banner2,
    .nabout-bigbanner,
    .nabout-dftitle-block,
    .nabout-styleblock,
    .new-about-manset {
        margin-bottom: 40px
    }

    .nam-img video {
        max-height: 100%;
        height: 500px
    }

    .nam-write h1 {
        font-size: 36px;
        width: 85%
    }

    .nabout-dtitle h4 {
        font-size: 18px
    }

    .nabout-dtitle span {
        font-size: 15px;
        width: 100%
    }

    .nabout-banner1 .row {
        flex-direction: column-reverse
    }

    .nabout-banner1 .row .col-lg-6,
    .nabout-banner2 .row .col-lg-6,
    .nabout-shopping .row .col-lg-6 {
        padding: 0 20px
    }

    .nab1-left {
        padding: 0;
        gap: 10px
    }

    .nab1-left h4,
    .nas-left h4 {
        font-size: 18px
    }

    .nab1-left span {
        font-size: 15px;
        width: 100%
    }

    .nabout-bbanner-img img {
        aspect-ratio: 1;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .nabout-bbanner-write {
        bottom: 50px
    }

    .nabout-bbanner-write span,
    .nas-left span {
        font-size: 15px;
        width: 100%;
        padding: 0 15px
    }

    .nabout-banner1 .row,
    .nabout-banner2 .row {
        gap: 15px
    }

    .nabout-banner1 .row .col-lg-6:last-child,
    .nabout-banner2 .nab1-left,
    .nabout-banner2 .row .col-lg-6:first-child {
        padding: 0
    }

    .nabout-styleblock .nabout-dftitle-block {
        margin-bottom: 30px
    }

    .nabout-dtitle {
        padding: 0 10px
    }

    .nabout-styleblock .nabout-dftitle-block .nabout-dtitle h4 {
        font-size: 18px
    }

    .nabout-styleblock .nabout-dftitle-block .nabout-dtitle span {
        font-size: 15px
    }

    .wb-scroller--inner {
        gap: 5px
    }

    .nbstyle-item img {
        max-width: 200px
    }

    .nas-right {
        flex-direction: column;
        gap: 0
    }

    .nas-item-write {
        left: 35px;
        bottom: 15px
    }

    .nas-item-write h4 {
        font-size: 20px
    }

    .nas-left {
        gap: 10px;
        padding-left: 0
    }

    .nas-left span {
        padding: 0
    }

    .banner-badges-block.profil {
        left: 8px;
        top: calc(100dvh - 190px - env(safe-area-inset-bottom));
        bottom: unset
    }

    .mobil-overview-products .items-block .content {
        margin: 0 -13px
    }

    .catpage-filter-sec {
        opacity: 1;
        visibility: visible;
        height: fit-content;
        display: none;
    }

    .category-filter-order.active .catpage-filter-sec {
        bottom: 0;
        display: block;
    }

    .catpage-filter-sec .p-g-b-c-inner {
        gap: 15px;
        flex-direction: column;
        width: 100%;
        max-height: 362px;
        overflow-x: hidden;
        padding: 15px 10px
    }

    .categories-body .catpage-filter-btns {
        position: unset;
        margin: 0;
        width: 100%
    }

    .categories-body .catpage-filter-btns .buttons .btn {
        font-size: 12px
    }

    body.categories-body #qpien-widget {
        position: relative;
        z-index: 4
    }

    .categories-body .catpage-filter-btns .buttons {
        width: 100%;
        gap: 5px;
        justify-content: flex-start !important
    }

    .categories-body .catpage-filter-btns .buttons .btn:last-child {
        margin: 0;
        display: none !important
    }

    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #f4f4f4;
        padding: 0 0 10px !important
    }

    .categories-body .p-g-mod-t-cat-filter .p-g-mod-body {
        display: none;
        padding-top: 10px !important
    }

    .pattern-group .p-g-mod-t-cat-filter-cstm.mobil-sec {
        display: none
    }

    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-icon {
        display: block;
        font-size: 13px
    }

    .cat-filter-sticky.fixed {
        padding: 10px 15px
    }

    .categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list {
        gap: 6px;
        padding-left: 0;
        display: flex;
        flex-direction: column
    }

    .category-filter-list .list-wrap .list li .lag-checkbox .picture-box img {
        width: 16px
    }

    .category-filter-list .list-wrap .list li .lag-checkbox label {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px
    }

    .quickview-add-modal .main-body div .mcol-first {
        display: none
    }

    .quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
        display: block
    }

    .quickview-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] {
        margin-bottom: 0;
        border-bottom: 0
    }

    .samepdquick-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .mcol-first,
    .samepdquick-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .mcol-last {
        display: none
    }

    .samepdquick-add-modal[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
        display: block
    }

    div[data-auto-slide] .main-body div[data-auto-slide-head] .mcol-first,
    div[data-auto-slide] .main-body div[data-auto-slide-head] .mcol-last {
        display: none
    }

    div[data-auto-slide] .main-body div[data-auto-slide-head] .notch {
        display: block
    }

    div[data-auto-slide] .main-body div[data-auto-slide-head] {
        border-bottom: none
    }

    .quick-view-block .content .bottom,
    .quick-view-block .pd-info,
    .quick-view-block .rl-pd-block {
        display: none
    }

    .quick-view-block .variant-box {
        padding: 12px 10px 15px;
        margin: 0
    }

    .quick-view-block .badges-block,
    .quick-view-block .mobil-top-block {
        display: flex
    }

    .varyant-container.quickview-varyant-item {
        border-bottom: 1px solid #f4f4f4
    }

    .quick-view-block .pd-mobil-photos {
        display: flex !important
    }

    .quick-view-block .mobil-top-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: normal;
        margin-bottom: 0;
        padding: 5px 12px 12px
    }

    .quick-view-block .mobil-top-block .titlee {
        color: #000;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
        line-height: normal
    }

    .quick-view-block .mobil-top-block .same-pd-count {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        line-height: normal
    }

    .quick-view-block .badges-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        justify-content: center;
        padding-bottom: 15px
    }

    .quick-view-block .badges-block .item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        color: #0b0f0b;
        font-size: 11px;
        font-weight: 400;
        line-height: normal
    }

    .quick-view-block .badges-block .item.timeout {
        border-left: 1px solid #f4f4f4;
        padding-left: 12px
    }

    footer .bb .middle {
        padding-top: 20px
    }

    footer .bb .content .half {
        flex-direction: column;
        padding: 20px 0
    }

    footer .bb .content .half .title-container {
        align-items: center;
        gap: 7px;
        margin-bottom: 15px;
        text-align: center
    }

    footer .bb .content .half .col-first {
        border-right: none;
        margin-bottom: 25px;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 25px
    }

    footer .mobil-app-block .cont-block {
        gap: 5px
    }

    footer .newsletter-block .newsletter-form .newsletter-input {
        height: 48px;
        font-size: 10px;
        padding-left: 12px
    }

    footer .newsletter-block .newsletter-form .btn {
        right: 12px
    }

    footer .newsletter-block .newsletter-form .btn svg {
        width: 21px;
        height: 100%
    }

    footer .bb .middle .category-block li a {
        font-size: 12px
    }

    footer .bb .middle .category-block {
        width: 95%
    }

    footer .social-media a {
        width: 27px;
        height: 27px
    }

    footer .social-media a svg {
        width: 14px;
        height: 100%
    }

    footer .social-media {
        margin-bottom: 15px
    }

    footer .copyright {
        font-size: 10px
    }

    footer .bb .end {
        flex-direction: column-reverse;
        gap: 15px
    }

    footer .bb .end .cal-first ul {
        gap: 4px 10px;
        flex-wrap: wrap;
        width: 80%;
        justify-content: center;
        text-align: center;
        margin: 0 auto
    }

    footer .bb .end .cal-first ul li a {
        font-size: 10px
    }

    footer .bb .end .cal-last {
        gap: 15px
    }

    footer .bb .end .cal-last .bank-logo img {
        width: 135px;
        height: 100%
    }

    body {
        padding-bottom: 50px
    }
}

@media (min-width: 1240px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px !important;
        width: 97%
    }

    .product-container .container,
    .product-container .container-lg,
    .product-container .container-md,
    .product-container .container-sm,
    .product-container .container-xl {
        max-width: 1200px !important;
        width: 97%
    }
}

.addons-mobile-menu {
    height: 50px;
    background: #fff;
    border-top: 1px solid #cfcfcf
}

.addons-mobile-menu ul li a .icon {
    color: #333;
    font-size: 14px
}

.addons-mobile-menu ul li a .title {
    color: #333;
    font-size: 9px
}

.copyright-33-sec-889 {
    border-top: 1px solid #eee;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    color: #000 !important;
    height: 45px !important;
    width: 100% !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    background: #fff
}

.copyright-33-sec-889 a {
    color: #000 !important
}

.copyright-33-sec-889 .copyright-33-sec-889-link-1 {
    color: #0552c6 !important;
    font-weight: 600
}

@media (max-width: 991px) {
    .copyright-33-sec-889 {
        font-size: 11px !important
    }
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.bej:before {
    background-color: beige;
    border-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.kirmizi:before {
    background-color: #d32f2f
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah:before {
    background-color: #111
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.fusya:before {
    background-color: #d81b60
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.haki:before {
    background-color: #687158
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.saks:before {
    background-color: #233774
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.yesil:before {
    background-color: #388e3c
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.lila:before {
    background-color: #c8a2c8
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.beyaz:before {
    background-color: #fff;
    border-color: #d1d1d1
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.cagla-yesili:before {
    background-color: #a0c5a8
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.pudra:before {
    background-color: #f0d1d8;
    border-color: #e6c2ca
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.kiremit:before {
    background-color: #b24035
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.lacivert:before {
    background-color: #1a237e
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.indigo:before {
    background-color: #3f51b5
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.bordo:before {
    background-color: #7b1fa2
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.gri:before {
    background-color: #9e9e9e
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.zumrut-yesili:before {
    background-color: #00796b
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.yag-yesili:before {
    background-color: #667332
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.bebe-mavisi:before {
    background-color: #a4c8e1
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.sari:before {
    background-color: #fbc02d
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.turuncu:before {
    background-color: #f57c00
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.vizon:before {
    background-color: #a58b70
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.oranj:before {
    background-color: #ff5722
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.mavi:before {
    background-color: #1976d2
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.mor:before {
    background-color: #8e24aa
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.krem:before {
    background-color: #fffdd0;
    border-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.pembe:before {
    background-color: #f06292
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.turkuaz:before {
    background-color: #00acc1
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.camel:before {
    background-color: #c19a6b
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.kahverengi:before {
    background-color: #5d4037
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.tas:before {
    background-color: #b2aca6
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.murdum:before {
    background-color: #5a2e46
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.ekru:before {
    background-color: #f3efe0;
    border-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.petrol:before {
    background-color: #005f69
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.mercan:before {
    background-color: coral
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.acik-gri:before {
    background-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.gri-pudra:before {
    background: linear-gradient(135deg, #9e9e9e 50%, #f0d1d8 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-pudra:before {
    background: linear-gradient(135deg, #111 50%, #f0d1d8 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.beyaz-mavi:before {
    background: linear-gradient(135deg, #fff 50%, #1976d2 50%);
    border-color: #d1d1d1
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.bej-lacivert:before {
    background: linear-gradient(135deg, beige 50%, #1a237e 50%);
    border-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.bej-vizon:before {
    background: linear-gradient(135deg, beige 50%, #a58b70 50%);
    border-color: #e0e0e0
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-saks:before {
    background: linear-gradient(135deg, #111 50%, #233774 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-bej:before {
    background: linear-gradient(135deg, #111 50%, beige 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-beyaz:before {
    background: linear-gradient(135deg, #111 50%, #fff 50%);
    border-color: #111
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-kiremit:before {
    background: linear-gradient(135deg, #111 50%, #b24035 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-oranj:before {
    background: linear-gradient(135deg, #111 50%, #ff5722 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-sari:before {
    background: linear-gradient(135deg, #111 50%, #fbc02d 50%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.multicolor:before {
    background: linear-gradient(135deg, #d32f2f 25%, #fbc02d 25%, #fbc02d 50%, #388e3c 50%, #388e3c 75%, #1976d2 75%)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.beyaz-desenli:before {
    background: repeating-linear-gradient(45deg, #fff, #fff 5px, #d1d1d1 5px, #d1d1d1 8px);
    border-color: #d1d1d1
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-desenli:before {
    background: repeating-linear-gradient(45deg, #111, #111 5px, #444 5px, #444 8px)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-cicek-desenli:before {
    background: radial-gradient(circle, #d32f2f 25%, #111 26%);
    background-size: 10px 10px
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-beyaz-desenli:before {
    background: repeating-linear-gradient(45deg, #111, #111 5px, #fff 5px, #fff 10px);
    border-color: #111
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label.siyah-sari-desen:before {
    background: repeating-linear-gradient(45deg, #111, #111 5px, #fbc02d 5px, #fbc02d 10px)
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li input:checked + label:before {
    border-radius: 6px;
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111;
    transition: .2s ease-in-out
}

.categories-body .p-g-mod-t-cat-filter .simplebar-scroll-content .list li label:before {
    transition: .2s ease-in-out
}

.product-video-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    background-color: #ffffffba;
    border-radius: 10px;
}

/* Custom Inline Refactored Styles */
.header-user-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: -10px;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 15px;
    z-index: 9999;
}

.header-user-dropdown-item {
    display: block;
    padding: 12px;
    color: #444;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 500;
    transition: all 0.2s;
}

.header-user-dropdown-item:hover {
    color: #000;
    padding-left: 5px;
}

.header-user-dropdown-item-danger {
    display: block;
    padding: 12px;
    color: #e74c3c;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
}

.header-user-dropdown-item-danger:hover {
    color: #c0392b;
    padding-left: 5px;
}

.custom-breadcrumb-wrapper {
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 30px;
}

.custom-breadcrumb-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
    align-items: center;
    font-size: 13px;
    color: #666;
}

.custom-breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.custom-breadcrumb-link {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.custom-breadcrumb-link:hover {
    color: #000;
}

.custom-breadcrumb-icon {
    margin-right: 5px;
}

.custom-breadcrumb-current {
    color: #111;
    font-weight: 600;
}

.user-dashboard-sidebar {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 100px;
}

.user-dashboard-sidebar-title {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-weight: 700;
    color: #111;
}

.user-dashboard-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-dashboard-sidebar-item {
    display: block;
    padding: 12px 0;
    color: #444;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s;
    font-weight: 500;
}

.user-dashboard-sidebar-item-danger {
    display: block;
    padding: 12px 0;
    color: #e74c3c;
    text-decoration: none;
    font-weight: 600;
}

.custom-empty-alert {
    margin: 20px;
    text-align: center;
    border-radius: 10px;
    background-color: #fff3cd;
    color: #856404;
    padding: 20px;
}

.custom-empty-alert-btn {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s;
}

.custom-empty-alert-btn:hover {
    background-color: #333;
    color: #fff;
}

.quickview-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.quickview-modal-custom {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: -450px;
    width: 430px;
    height: 100%;
    background: #fff;
    transition: right 0.3s ease;
}

.quickview-modal-head {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
}

.quickview-modal-close {
    cursor: pointer;
}

.quickview-modal-title {
    font-weight: 600;
}

.quickview-modal-loading {
    text-align: center;
    padding: 50px;
}

/* Utility Classes for lib.php */
.cursor-pointer {
    cursor: pointer;
}

.w-0 {
    width: 0px;
}

/* Modal popup content styles for UrunGoster.php */
.popup-modal-content {
    padding: 20px;
}

.popup-modal-title {
    margin-bottom: 15px;
    font-weight: 600;
}

.popup-modal-text {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #444;
}

.popup-modal-list {
    padding-left: 20px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 15px;
}

.svg-text-transition {
    transition: fill 0.3s;
}

/* CatList Styles */
.ml-10 {
    margin-left: 10px;
}

.cat-body-title {
    font-size: 18px;
}

.cat-submenu-title {
    font-size: 12px;
}

/* Additional Dropdown Wrapper Styles */
.user-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

/* Scrolled Header CSS */
header.desktop.fixed-desktop.scrolled .h-center {
    background: #fff;
    border: 1px solid #f4f4f4;
}

header.desktop.fixed-desktop.scrolled .h-center .header-area .hamburger-btn .icon .item {
    background: #000;
}

header.desktop.fixed-desktop.scrolled .logo img {
    filter: unset;
}

header.desktop.fixed-desktop.scrolled .header-bar .bar-link .icon svg path {
    stroke: #000;
}

header.mobile.fixed-mobile.scrolled {
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}

header.mobile.fixed-mobile.scrolled .left .icon-group img,
header.mobile.fixed-mobile.scrolled .logo img {
    filter: unset;
}

header.mobile.fixed-mobile.scrolled .icon-group svg path {
    stroke: #000;
}


/* Flaş Ürünler Section Styles (Trendyol Style) */
.flash-products-section {
    background: #9153cda8;

    border-radius: 8px;
    margin: 20px 0;
    padding: 10px 10px 0 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.flash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.flash-header-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.flash-title {
    font-size: 22px;
    font-weight: 800;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
}

.flash-timer {
    display: flex;
    align-items: center;
    gap: 5px;
}

.timer-box {
    background: #fff;
    color: #ff523b;
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 16px;
    min-width: 32px;
    text-align: center;
}

.timer-colon {
    font-weight: bold;
    font-size: 18px;
}

.flash-see-all {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
}

.flash-see-all:hover {
    text-decoration: underline;
    color: #fff;
}

.card-flash-product {
    transition: transform 0.2s ease;
}

.card-flash-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.swiper-flash-products .swiper-button-prev,
.swiper-flash-products .swiper-button-next {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.swiper-flash-products .swiper-button-prev::after,
.swiper-flash-products .swiper-button-next::after {
    font-size: 18px;
    color: #333;
}

/* Sana Ozel Blok CSS */
.sana-ozel-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.sana-ozel-block {
    border-radius: 12px;
    padding: 15px 15px 25px 15px;
    height: 100%;
}

.sana-ozel-pink {
    background-color: #e12222a8;
}

.sana-ozel-purple {
    background-color: #020202a8;
}

.sana-ozel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sana-ozel-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.sana-ozel-see-all {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.sana-ozel-see-all:hover {
    text-decoration: underline;
    color: #fafafa;
}

.card-sana-ozel {
    background: #fff;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.card-sana-ozel:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.sana-ozel-link {
    text-decoration: none;
    display: block;
}

.sana-ozel-image img {
    border-radius: 6px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 10px;
}

.sana-ozel-price-pill {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 6px 10px;
    color: #e63946;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    min-width: 80px;
}

/* Süper Fırsat (Trendyol Stili) Kart CSS */
.super-firsat-card {
    border: 3px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ff9e00 0%, #ff0054 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.sf-badge {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ff9a26 0%, #ff3b68 100%);
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: bold;
    border-bottom-right-radius: 8px;
    z-index: 5;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.sf-heart-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.sf-heart-btn:hover svg path {
    fill: #e63946;
    stroke: #e63946;
}

.sf-dots-container {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
}

.sf-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 0 2px;
}

.sf-dot.active {
    background: #fff;
    width: 15px;
    border-radius: 10px;
}

.sf-fenomen-banner {
    background: linear-gradient(90deg, #ff8da1 0%, #ff3bc7 100%);
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 0;
}

.sf-body-block {
    padding: 12px !important;
}

.sf-title {
    font-size: 13px;
    line-height: 1.4;
    height: 36px;
    overflow: hidden;
    margin-bottom: 5px;
    color: #333;
}

.sf-social-proof {
    font-size: 11px;
    color: #333;
    margin-bottom: 5px;
}

.sf-rating {
    font-size: 11px;
    margin-bottom: 5px;
}

.sf-score {
    color: #555;
    font-weight: bold;
}

.sf-stars {
    color: #fca311;
    letter-spacing: -1px;
}

.sf-count {
    color: #888;
}

.sf-kupon-badge {
    color: #ff0054;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.sf-price-group {
    margin-top: 5px;
}

.sf-sepette-text {
    font-size: 12px;
    color: #008744;
    font-weight: bold;
}

.sf-green-price {
    font-size: 18px;
    color: #008744;
}

.sf-old-price {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-top: -2px;
}

/* Story (Hikaye) Menüsü CSS */
.story-section {
    margin-bottom: 20px;
}

.swiper-story {
    padding-bottom: 5px !important;
}

.story-slide {
    width: 85px !important;
    text-align: center;
    margin-right: 15px;
}

.story-link {
    display: block;
    text-decoration: none;
    color: #333;
}

.story-circle-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
}

.story-circle {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(45deg, #fe6d00 0%, #e6683c 25%, #fe6d00 50%, #fe6e00 75%, #816046 100%);
    box-sizing: border-box;
}

.story-circle img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    object-fit: cover;
}

.story-badge {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background: #ff0054;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 6px;
    border-radius: 8px;
    border: 1px solid #fff;
    white-space: nowrap;
}

.story-title-text {
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.story-link:hover .story-circle {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.story-nav-next {
    right: 0 !important;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 34px !important;
    height: 34px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    top: 35px !important;
}

.story-nav-next::after {
    font-size: 14px !important;
    color: #333;
    font-weight: bold;
}


.sh-breadcrumb {
    background-color: #f9f9f9;
    border-bottom: 1px solid #939393;
}

.sh-breadcrumb ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sh-breadcrumb ul {
    display: flex;
    gap: 9px;
}

.flash-products-section .swiper-slide {
    max-width: 251px;
    margin-right: 10px;
}

.card-product .card-product-inner .title {
    height: 45px;
}

@media only screen and (max-width: 968px) {


    .pattern-group-p-home {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .flash-products-section {

        margin: 0 0 20px 0;
    }

    .pattern-group-p-home-banner {
        margin-bottom: 20px !important;
    }

    .product-profile-1 .slide-panel {
        postion: relative !important;
    }


}

.color-icon {
    width: 25px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ccircle cx='17.2609' cy='9.00123' r='7.22291' fill='url(%23p0)'/%3E%3Ccircle cx='9.55662' cy='9.00123' r='7.9452' fill='url(%23p1)' stroke='white' stroke-width='1.44458'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='p0' x1='11.9641' y1='3.70443' x2='22.0762' y2='14.298' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFDC98'/%3E%3Cstop offset='0.355' stop-color='%23F5D1AF'/%3E%3Cstop offset='0.625' stop-color='%23F39CF4'/%3E%3Cstop offset='0.98' stop-color='%23D68FF7'/%3E%3C/linearGradient%3E%3ClinearGradient id='p1' x1='4.25981' y1='3.70443' x2='14.3719' y2='14.298' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5E5AD'/%3E%3Cstop offset='0.5' stop-color='%23A7EFF9'/%3E%3Cstop offset='1' stop-color='%236AAAF6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;

}

.kart-collection-btn .icon-bookmark {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 256 256'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5E5AD'/%3E%3Cstop offset='0.5' stop-color='%23A7EFF9'/%3E%3Cstop offset='1' stop-color='%236AAAF6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z' fill='url(%23g1)'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;


}

.kart-collection-btn.active .icon-bookmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 256 256'%3E%3Cdefs%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5E5AD'/%3E%3Cstop offset='0.5' stop-color='%23A7EFF9'/%3E%3Cstop offset='1' stop-color='%236AAAF6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Z' fill='url(%23g2)'/%3E%3C/svg%3E");

}

.kart-collection-btn .icon-heart {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 256 256'%3E%3Cdefs%3E%3ClinearGradient id='g3' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFDC98'/%3E%3Cstop offset='0.355' stop-color='%23F5D1AF'/%3E%3Cstop offset='0.625' stop-color='%23F39CF4'/%3E%3Cstop offset='0.98' stop-color='%23D68FF7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M240,102c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,228.66,16,172,16,102A62.07,62.07,0,0,1,78,40c20.65,0,38.73,8.88,50,23.89C139.27,48.88,157.35,40,178,40A62.07,62.07,0,0,1,240,102Zm-16,0a46.06,46.06,0,0,0-46-46c-19.45,0-35.78,10.36-42.6,27a8,8,0,0,1-14.8,0c-6.82-16.64-23.15-27-42.6-27a46.06,46.06,0,0,0-46,46c0,53.61,72.42,102.26,96,114.22C192.42,204.26,224,155.61,224,102Z' fill='url(%23g3)'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
);

}

.kart-collection-btn.active .icon-heart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 256 256'%3E%3Cdefs%3E%3ClinearGradient id='g4' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFDC98'/%3E%3Cstop offset='0.355' stop-color='%23F5D1AF'/%3E%3Cstop offset='0.625' stop-color='%23F39CF4'/%3E%3Cstop offset='0.98' stop-color='%23D68FF7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M240,102c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,228.66,16,172,16,102A62.07,62.07,0,0,1,78,40c20.65,0,38.73,8.88,50,23.89C139.27,48.88,157.35,40,178,40A62.07,62.07,0,0,1,240,102Z' fill='url(%23g4)'/%3E%3C/svg%3E");


}

.complement-product-block-pc.active .products p {
    margin: 10px 0px 0px;
    background-color: #ff6d00;
    padding: 10px;
    color: #ffff;
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
}

.complement-product-block-pc.active .products .body-block {
    min-height: inherit;
}
.variant-box-p{
    background-color: #ff6d00;
    padding: 5px;
    font-size: 12px;
    margin: 5px 0px;
    border-radius: 3px;
    color: white;
}