@import "vazirmatn.css";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

body {
    font-family: Vazirmatn RD FD, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    background-color: #fff;
    /* background-color: #efeff0; */

    /* max-width */
    max-width: 100vw;
    overflow-x: clip;
    box-sizing: border-box;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

:root {
    --main-color: #000814;
    --second-color: #001d3d;
    --third-color: #003566;
    --link-color: #ffd60a;
    --fourth-color: #ffc300;
    --barenj-primary: #f8cd30;
    --barenj-primary-hsl: 47, 93%, 58%;
    --barenj-secondary: #004a4b;
    --barenj-secondary-h: 181;
    --barenj-secondary-s: 100%;
    --barenj-secondary-l: 15%;
    --barenj-secondary-hsl: hsl(
        var(--barenj-secondary-h),
        var(--barenj-secondary-h),
        var(--barenj-secondary-h)
    );
    --barenj-hfc: #42c42f;
    --main-red: #ff2828;
    --soft-green: #12c569;
    --soft-yellow: #f69d05;
}

img {
    max-width: 100%;
}

/* image global styles */
/* img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	display: inline-block;
} */
a {
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    outline: 0 !important;
}

.bg-001 {
    background-color: #ceffac;
}

a:hover,
a:focus {
    text-decoration: none;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.d-table {
    width: 100%;
    height: 80%;
}

.d-table-cell {
    vertical-align: middle;
}

p {
    line-height: 1.9;
}

p:last-child {
    margin-bottom: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1d1d1d;
    font-weight: 500;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

:focus {
    outline: 0 !important;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
    line-height: 0.01;
}

.owl-theme .owl-dots {
    margin-top: 20px;
    line-height: 0.01;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #d6d6d6;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
    background: #ffdd59;
}

.btn-primary {
    color: #272726;
    background-color: #ffdd59;
    -webkit-box-shadow: 0 13px 27px 0 rgb(255 221 89 / 22%);
    box-shadow: 0 13px 27px 0 rgb(255 221 89 / 22%);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #ffffff;
    background: #8e44ad;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background: #0e314c;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #3a3a3a;
    background-color: #ffdd59;
    -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
    box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
    opacity: 1;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus {
    background: rgba(14, 49, 76, 0.581);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}

.btn {
    font-weight: 600;
    font-size: 14px;
    border: none;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn::after,
.btn::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #ffffff;
    z-index: -1;
    border-radius: 15px;
}

.btn::after {
    left: 0;
    border-radius: 15px 0 0 15px;
}

.btn::before {
    right: 0;
    border-radius: 15px;
}

/* .btn:hover::after, .btn:hover::before {
	width: 50%
} */
.btn:hover::before {
    width: 80%;
}

.btn.btn-secondary {
    text-transform: capitalize;
    border-radius: 0;
    background-color: #44ce6f;
    padding: 13px 30px;
    -webkit-box-shadow: 5px 5px 5px #a6f5be;
    box-shadow: 5px 5px 5px #a6f5be;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}

.btn.btn-secondary::before {
    border-radius: 0;
    background: #c679e3;
}

.btn.btn-secondary::after {
    border-radius: 0;
    background: #c679e3;
}

.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #44ce6f;
    border-color: #44ce6f;
}

.btn.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 5px 5px 5px #e9caf5;
    box-shadow: 5px 5px 5px #e9caf5;
}

.btn.btn-secondary:focus {
    color: #fff;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    -webkit-box-shadow: 5px 5px 5px #e9caf5;
    box-shadow: 5px 5px 5px #e9caf5;
}

.form-group {
    margin-bottom: 18px;
}

label {
    color: #0e314c;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.form-control {
    height: 45px;
    padding: 10px;
    font-size: 14px;
    color: #0e314c;
    border-radius: 10px;
    background: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 2px solid #00446d29;
}

.form-control:focus {
    outline: 0;
    background: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-color: #ffdd59;
}

.form-select {
    height: 45px;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    color: #0e314c;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.section-title {
    margin-bottom: 50px;
}

.section-title h2 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}

.section-title p {
    max-width: 520px;
    margin: 0 auto;
}

.section-title .bar {
    height: 5px;
    width: 90px;
    background: #bfdeef;
    margin: 12px 0;
    position: relative;
    border-radius: 30px;
}

/* .section-title .bar::before {
	content: '';
	position: absolute;
	right: -1px;
    top: -2.7px;
    height: 9px;
    width: 30px;
    border-radius: 10px;
	background: #ffdd59;
} */
.section-title .sub-title {
    display: inline-block;
    color: #c679e3;
    background-color: #f5dffd;
    margin-bottom: 18px;
    border-radius: 30px;
    padding: 5px 20px 4px;
    font-size: 13px;
}

.section-title.text-start h2 {
    font-weight: 500;
}

.section-title.text-start h2 span {
    display: inline-block;
    font-weight: 700;
}

.section-title.text-start p {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    color: black !important;
}

.swiper-pagination-bullet {
    background-color: #fff !important;
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #d2dae2;
}

.preloader .spinner {
    width: 60px;
    height: 60px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.132);
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.132);
    top: 50%;
    margin-top: -75px;
    border-radius: 50%;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.startp-responsive-nav {
    display: none;
}
.menu-active{
    display: block !important;
    position: absolute;
    top: 0 !important;
    right: 102%;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.max-over{
    overflow-x: visible !important;
    overflow-y: visible !important;
}

#header.headroom {
    /* position: fixed; */
    width: 100%;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 8px 30px;
    border-bottom: 1px solid #edeaea;
    transition: 0.55s;
}

#header.headroom.move {
    transform: translateY(-100%);
}

#header.headroom.is-sticky {
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 23%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 23%);
    background-color: var(--barenj-hfc) !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#header.headroom.is-sticky .btn-basket {
    color: #fff;
}

#header.headroom.is-sticky .others-option a img {
    width: 50px;
}

.navbar-brand img {
    width: 50px;
}

#header.headroom.is-sticky .navbar-brand img {
    width: 35px;
}

#header.headroom.is-sticky .support-tell-box {
    margin-left: 15px;
}

#header.headroom.is-sticky
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu {
    background: linear-gradient(109deg, #eefcf4, #fff);
}

#header.headroom.is-sticky .btn-guide {
    border-color: #fff;
}

#header.headroom.is-sticky
.startp-responsive-nav
.mean-container
a.meanmenu-reveal
span {
    background: #ffffff;
}

#header.headroom.is-sticky
.startp-responsive-nav
.mean-container
a.meanmenu-reveal {
    color: #fff;
}

#header.headroom.navbar-style-two {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

#header.headroom--pinned {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

#header.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}

.startp-nav {
    background: 0 0;
}

.startp-nav nav {
    padding: 0;
}

.startp-nav nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.startp-nav nav .navbar-nav .nav-item {
    position: relative;
    padding: 15px 0;
}

.startp-nav nav .navbar-nav .nav-item a {
    font-weight: 600;
    font-size: 15px;
    color: #121212;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 14px;
    margin-right: 14px;
}

.startp-nav nav .navbar-nav .nav-item a:hover,
.startp-nav nav .navbar-nav .nav-item a:focus,
.startp-nav nav .navbar-nav .nav-item a.active {
    color: var(--barenj-primary);
}

.startp-nav nav .navbar-nav .nav-item a svg {
    width: 14px;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu {
    background: #fff;
    border: 1px solid #ffe1e1;
    position: absolute;
    top: 80px;
    left: 0;
    width: 280px;
    overflow-y: scroll !important;
    z-index: 99;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: none !important;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li {
    position: relative;
    padding: 0;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 13px;
    margin: 0;
    display: block;
    color: #707070;
    transition: all 0.3s ease-in-out;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a i {
    margin-left: 5px;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover i{
    margin-right: 8px;
    transition: all .3s ease-in;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active {
    color: #ff0000;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu {
    position: absolute;
    left: 220px;
    top: 0;
    opacity: 0 !important;
    visibility: hidden !important;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
    color: #4a6f8a;
}

.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu
li
.dropdown_menu
li
a:hover,
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu
li
.dropdown_menu
li
a:focus,
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu
li
.dropdown_menu
li
a.active {
    color: #d2dae2;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover .dropdown_menu {
    opacity: 1 !important;
    visibility: visible !important;
    top: -20px !important;
}

/* .startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a {
	color: var(--link-color);
} */
.startp-nav nav .navbar-nav .nav-item:hover ul {
    opacity: 1;
    visibility: visible;
    /* top: 100%; */
    top: 61px;
}

.startp-nav nav .others-option {
    margin-left: 20px;
}

.startp-nav nav .others-option .cart-wrapper-btn {
    position: relative;
    margin-right: 20px;
}

.startp-nav nav .others-option .cart-wrapper-btn svg {
    width: 15px;
}

.startp-nav nav .others-option .cart-wrapper-btn span {
    display: inline-block;
    background-color: #ffdd59;
    color: #615d5d;
    font-size: 9px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    position: relative;
    top: -7px;
    right: 4px;
}

.startp-nav nav .others-option .btn.btn-light {
    background: 0 0;
    border: 2px dashed #ffdd59;
    padding: 12px 33px;
    margin-right: 10px;
}

.startp-nav nav .others-option .btn.btn-light:focus {
    color: #0e314c !important;
}

.startp-nav nav .others-option .btn.btn-light:hover,
.startp-nav nav .others-option .btn.btn-light:focus {
    color: #524b4b;
    border-color: #ffdd59;
}

.startp-nav nav .others-option .btn.btn-light::after,
.startp-nav nav .others-option .btn.btn-light::before {
    background: #ffdd59;
}

.startp-nav nav .others-option .btn.btn-primary {
    background: #8e44ad;
    color: #fff;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}

.startp-nav nav .others-option .btn.btn-primary::after,
.startp-nav nav .others-option .btn.btn-primary::before {
    background: #ffdd59;
    -webkit-box-shadow: 0 13px 27px 0 rgba(255, 222, 89, 0.363);
    box-shadow: 0 13px 27px 0 rgba(255, 222, 89, 0.318);
}

.navbar-style-three .startp-nav {
    padding-left: 25px;
    padding-right: 25px;
}

.responsive-header {
    position: fixed;
    inset: 0;
    background: #f8cd3048;
    z-index: 999999999999999999;
    max-height: 100vh;
    overflow-x: clip;
    overflow-y: auto;
    transform: translateX(100%);
    transition: 0.75s;
}

.responsive-header.active {
    transform: translateX(0px);
}

.responsive-header-exit {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 99999999999999999999;
}

.responsive-header-exit button {
    border: none;
    outline: none;
    background-color: transparent;
}

.responsive-header-exit button i {
    font-size: 40px;
    rotate: 45deg;
}

.responsive-header .accordion#myAccordion,
.responsive-header .accordion#myAccordion :is(*) {
    border-radius: 0px;
    border: none;
}

.responsive-header .accordion#myAccordion .accordion-item {
    margin-bottom: 0px !important;
}

.responsive-header
.accordion#myAccordion
.accordion-item
.accordion-header
.accordion-button::after {
    margin-right: 10px !important;
}

.responsive-header-listItem {
    padding-inline: 20px;
    padding-block: 16px;
    background: #fff;
    width: 100%;
}

.others-option-for-responsive {
    display: none;
}

.others-option-for-responsive .dot-menu {
    padding: 0 10px;
    height: 30px;
    cursor: pointer;
    z-index: 9991;
    position: absolute;
    right: 60px;
    top: -29px;
}

.others-option-for-responsive .dot-menu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
    height: 11px;
    width: 11px;
    border-radius: 100%;
    margin: 0 2px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 2px solid #fbd52f;
    background-color: #fff3c4;
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: #44ce6f;
}

.others-option-for-responsive .container {
    position: relative;
}

.others-option-for-responsive .container .container {
    position: absolute;
    right: 0;
    top: 10px;
    max-width: 320px;
    margin-left: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.others-option-for-responsive .option-inner {
    padding: 15px 15px 8px;
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
    background-color: #fff;
}

.others-option-for-responsive .option-inner .others-option .cart-wrapper-btn {
    position: relative;
    margin-right: 15px;
}

.others-option-for-responsive
.option-inner
.others-option
.cart-wrapper-btn
svg {
    width: 15px;
}

.others-option-for-responsive
.option-inner
.others-option
.cart-wrapper-btn
span {
    display: inline-block;
    background-color: red;
    color: #fff;
    font-size: 9px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    position: relative;
    top: -7px;
    right: 4px;
}

.others-option-for-responsive .option-inner .others-option .btn.btn-light {
    background: 0 0;
    border: 2px dashed #ffdd59;
    padding: 12px 23px;
    margin-right: 10px;
}

.others-option-for-responsive
.option-inner
.others-option
.btn.btn-light:focus {
    color: #0e314c !important;
}

.others-option-for-responsive .option-inner .others-option .btn.btn-light:hover,
.others-option-for-responsive
.option-inner
.others-option
.btn.btn-light:focus {
    color: #fff;
    border-color: #44ce6f;
}

.others-option-for-responsive
.option-inner
.others-option
.btn.btn-light::after,
.others-option-for-responsive
.option-inner
.others-option
.btn.btn-light::before {
    background: #44ce6f;
}

.others-option-for-responsive .option-inner .others-option .btn.btn-primary {
    background: #c679e3;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    padding: 13px 23px;
}

.others-option-for-responsive
.option-inner
.others-option
.btn.btn-primary::after,
.others-option-for-responsive
.option-inner
.others-option
.btn.btn-primary::before {
    background: #44ce6f;
    -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
    box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
}

.navbar-color-white .startp-nav nav .navbar-nav .nav-item a {
    color: #fff;
}

.navbar-color-white .startp-nav nav .navbar-nav .nav-item a:hover,
.navbar-color-white .startp-nav nav .navbar-nav .nav-item a:focus,
.navbar-color-white .startp-nav nav .navbar-nav .nav-item a.active {
    color: #44ce6f;
}

.navbar-color-white .startp-nav nav .others-option .cart-wrapper-btn {
    color: #fff;
}

.navbar-color-white .startp-nav nav .others-option .btn.btn-primary {
    background: #c679e3;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}

.navbar-color-white .startp-nav nav .others-option .btn.btn-primary::after,
.navbar-color-white .startp-nav nav .others-option .btn.btn-primary::before {
    background: #44ce6f;
    -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
    box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
}

.navbar-color-white#header.headroom.is-sticky {
    background-color: var(--third-color) !important;
}

#header.headroom.is-sticky .startp-nav nav .navbar-nav .nav-item a {
    color: #fff;
}

#header.headroom.is-sticky .navbar-light .navbar-brand {
    display: none;
}

#header.headroom.is-sticky .btn-login {
    color: #fff5c2;
}

#header.headroom.is-sticky
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu
a {
    color: #666666;
}

#header.headroom.is-sticky
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu
a:hover {
    color: #ff0000;
}

#header.headroom.is-sticky
.startp-nav
nav
.navbar-nav
.nav-item
.dropdown_menu {
    border: 1px solid #dadada;
}

@media (width > 991px) {
    .detailProduct__responsive-cart {
        min-height: 450px;
    }
}

@media only screen and (max-width: 991px) {
    #header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #header.headroom {
        width: 100%;
    }

    #header.headroom.is-sticky {
        border-bottom: none;
    }

    .startp-responsive-nav {
        display: block;
    }

    .startp-responsive-nav .startp-responsive-menu {
        position: relative;
    }

    .startp-responsive-nav .startp-responsive-menu .navbar-nav {
        display: block;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }

    .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px;
    }

    .startp-responsive-nav
    .startp-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a {
        font-size: 14px;
    }

    .startp-responsive-nav
    .startp-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a.active {
        color: #8e44ad;
    }

    .startp-responsive-nav
    .startp-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a
    svg {
        display: none;
    }

    .startp-responsive-nav
    .startp-responsive-menu.mean-container
    .mean-nav
    ul
    li
    li
    a {
        font-size: 14px;
    }

    .startp-responsive-nav .startp-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        max-height: 70vh;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eeeaea;
    }

    .startp-responsive-nav
    .startp-responsive-menu.mean-container
    .others-options {
        display: none;
    }

    .startp-responsive-nav .mean-container a.meanmenu-reveal {
        color: #ff0000;
        font-size: 45px !important;
    }

    .startp-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #ff0000;
    }

    .startp-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999;
    }

    .startp-nav {
        display: none;
    }

    .others-option-for-responsive {
        display: block;
    }

    .mean-container a.meanmenu-reveal {
        padding-top: 0 !important;
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.navbar-light .navbar-brand,
.logo a,
.logo-register a {
    color: var(--barenj-secondary);
    font-family: "segoe print";
    font-weight: 600;
}

.logo {
    /* margin-right: 70px; */
}

.hero-box {
    position: relative;
}

.myshape1 {
    width: 15px;
    height: 15px;
    background-color: #e0b4fa;
    border-radius: 50%;
    position: absolute;
    left: 30%;
    top: 20%;
}

.myshape2 {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 2px;
    position: absolute;
    left: 45%;
    top: 30%;
    border: 3px solid #8f66ff;
}

.myshape3 {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 60%;
    border: 3px solid #dfb180;
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ////////////////////////////////////////////////////////////////////////////////////////my styles code */
.shape-header-main {
    width: 735px;
    height: 610px;
    background-image: linear-gradient(
        to top,
        var(--second-color),
        var(--third-color)
    );
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.support-btns-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.support-btns-header > .nav-overlay {
    width: 75%;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.nav-container {
    width: 1300px;
    margin: auto;
}

.support-tell-box {
    display: flex;
    align-items: center;
    color: #fff;
    margin-left: 150px;
}

.support-tell-box:hover {
    color: #ffffffc3;
}

.support-tell-box img {
    width: 28px;
    margin-left: 5px;
}

.btn-guide {
    background: #fff;
    color: var(--barenj-secondary);
    border-radius: 25px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-guide i {
    margin-left: 8px;
    font-size: 20px;
}

.btn-guide:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    background-position: right center;
    color: var(--barenj-primary);
    border-color: var(--barenj-primary);
}

.btn-basket {
    color: var(--barenj-secondary);
    font-size: 22px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
}

.btn-basket:hover {
    filter: drop-shadow(0px 10px 9px -4px #22222233);
    color: var(--barenj-primary);
    border-color: var(--barenj-primary);
}

#btn-basket.btn-basket span.badge {
    width: 1rem;
    /* aspect-ratio: 1/1; */
    height: 1rem;
    border-radius: 50%;
    font-size: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    padding-block-start: 0.4rem;
    background-color: #dc3545;
}

/* .offcanvas > .offcanvas-header{
    width: 217px;
    height: 100%;
    background-color: #595555;
} */


/* .btn-basket:hover {
	color: #252525;
} */
.btn-login {
    background-color: transparent;
    color: #0f0f0f;
    border-radius: 10px;
    padding: 8px 20px;
    font-weight: bold;
}

.btn-login:hover {
    background: -webkit-linear-gradient(45deg, #d02a7b, #f5852b 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slider-caption {
    margin-top: 150px;
}

.slider-hero {
    position: relative;
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
}

.slider-hero .swiper {
    width: 100%;
    height: 100%;
    position: initial;
}

.slider-hero .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-hero .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    position: relative;
}

.slider-hero .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to bottom, #00315fcf, transparent);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.slider-hero .swiper-button-prev {
    background-image: url("/assets/img/icons/arrow-right.svg");
    position: absolute !important;
    background-size: cover;
    padding: 28px;
    background-repeat: no-repeat;
    bottom: -10px !important;
    top: auto !important;
    left: 140px !important;
    right: auto !important;
}

.slider-hero .swiper-button-next {
    background-image: url("/assets/img/icons/arrow-left.svg");
    position: absolute !important;
    background-size: cover;
    padding: 28px;
    background-repeat: no-repeat;
    bottom: -10px !important;
    top: auto !important;
    left: 75px !important;
}

.slider-hero .swiper-button-next:after,
.swiper-rtl #swiper-wrapper-818a9ebb3c77df23 .swiper-button-prev:after {
    content: "" !important;
}

.count-organs {
    margin: 20px 0;
}

.count-organs div {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.count-organs div img {
    width: 30px;
    margin-left: 10px;
}

.count-organs h5 {
    color: #779cbd;
    font-size: 20px;
    margin-top: 5px;
}

.desc-hero {
    margin-top: 30px;
    padding-right: 15px;
}

.desc-hero p {
    color: #829ba9;
}

.btn-record {
    background-color: var(--link-color);
    color: var(--second-color);
    border-radius: 10px;
    padding: 10px 17px 10px 37px;
    font-weight: bold;
    margin-left: 15px;
    position: relative;
    display: inline-flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

/* .btn-record::after {
	content: '';
	background-color:transparent;
	display: block;
	position: absolute;
	left: 13px;
	top: 12px;
	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;
  	border-right:11px solid var(--main-color);
} */
.btn-event {
    color: var(--link-color);
    border-radius: 10px;
    font-weight: bold;
    background-color: var(--second-color);
    padding: 10px 17px 10px 37px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

/* .btn-event::after {
	content: '';
	background-color:transparent;
	display: block;
	position: absolute;
	left: 13px;
	top: 12px;
	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;
  	border-right:11px solid var(--link-color);
} */
.btn-record:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    border-radius: 8px;
    opacity: 0.8;
    color: var(--main-color);
}

.btn-event:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    border-radius: 8px;
    opacity: 0.8;
    color: var(--link-color);
}

.img-colleague img {
    width: 70px;
}

.section-steps-karasan {
    margin-top: 100px;
}

.head-steps-karasan {
    color: var(--main-color);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.head-steps-karasan::before {
    content: "";
    background-color: var(--main-color);
    width: 25px;
    height: 5px;
    display: block;
    border-radius: 5px;
    margin-bottom: 10px;
}

.triangle,
.triangle:before,
.triangle:after {
    width: 1em;
    height: 1em;
}

.triangle {
    overflow: hidden;
    position: relative;
    border-radius: 20%;
    transform: translateY(50%) rotate(180deg) skewY(30deg) scaleX(0.866);
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    top: 4px;
    left: 12px;
}

.search-box {
    /* margin-top: 70px; */
    padding: 40px 15px;
    /* background-image: url('../img/bg-search.png'); */
    /* background: var(--barenj-primary); */
    background: var(--barenj-hfc);
    /* background-size: cover; */
    overflow: clip;
}

.search-box i {
    font-size: 18px;
    color: #004a4b15;
}

.form-searchbox {
    display: flex;
    width: 80%;
    margin: 0 auto;
    background: #f7f7fc;
    padding: 7px;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
}

.form-searchbox:hover {
    scale: 1.03;
}

.form-searchbox input {
    width: 100%;
    background-color: #f7f7fc;
    border: none;
    padding-right: 15px;
}

.form-searchbox input::before {
    content: "";
    display: block;
    background-color: #caccdc;
    width: 2px;
    height: 10px;
}

.form-searchbox .form-select {
    width: 160px;
    height: 50px;
    border-radius: 0 25px 25px 0;
    outline: none !important;
    background-color: #f7f7fc;
    border: none;
    border-left: 2px solid #f1f1f1;
}

.form-searchbox button {
    border: none;
    background: #f7f7fc;
    width: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px 0 0 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-right: 1px solid #f1f1f1;
}

.form-searchbox button:hover {
    opacity: 0.8;
}

.form-searchbox button i {
    font-size: 22px;
    color: #252525;
}

.products-category {
    transition: 0.5s;
}

.products-category:hover {
    transform: translateY(-10px);
}

.products-category-img-mobile {
    transition: 0.5s;
}

.products-category-img__container a {
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.products-category-img__container a:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.products-category-img__container:nth-child(odd)
.products-category-img-mobile:hover {
    box-shadow: 0px 0px 9px 0px #04a64e;
}

.products-category-img__container:nth-child(even)
.products-category-img-mobile:hover {
    box-shadow: 0px 0px 9px 0px #eda62f;
}

.bg-products {
    padding: 0 15px;
    margin-top: 30px;
}

.footer {
    border-top: 1px solid #edeaea;
    background-color: #fff;
    /* background-color: #d70505; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    padding: 30px 15px 15px 15px;
}

footer.hidden {
    padding: 0px !important;
    margin: 0px !important;
}

#responsive-footer {
    background-color: transparent;
    border: none;
}

.navigation {
    --item-width: 70px;
}

.navigation {
    position: relative;
    transform: translateY(15px);
    width: 410px;
    border-radius: 10px 10px 0px 0px;
    /* border-radius: 10px; */
    /* width: 100%; */
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--barenj-hfc);
    transition: 0.7s;
}

.navigation.move {
    transform: translateY(7rem);
}

.navigation ul {
    display: flex;
    width: 100%;
    border-radius: 10px;
    justify-content: center;
}

.navigation ul li {
    position: relative;
    list-style: none;
    width: var(--item-width);
    height: 60px;
    z-index: 2;
}

.navigation ul li a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: var(--item-width);
    text-align: center;
}

.navigation ul li a .footer-icon {
    position: relative;
    display: block;
    line-height: 83px;
    font-size: 1.5em;
    transition: 0.5s;
    /* color: #00b894; */
    color: var(--barenj-secondary);
}

.navigation ul li.active a .footer-icon {
    transform: translateY(-40px);
}

.navigation ul li a .footer-text {
    position: absolute;
    transform: translateY(15px);
    transition: 0.5s;
    opacity: 0;
    /* color: #00b894; */
    color: var(--barenj-secondary);
}

.navigation ul li.active a .footer-text {
    transform: translateY(0px);
    opacity: 1;
}

.navigation ul .footer-indicator {
    position: absolute;
    top: -35px;
    width: var(--item-width);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: var(--barenj-hfc);
    transition: 0.5s;
    z-index: 1;
}

.navigation ul .footer-indicator::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -28px;
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 15px 18px var(--barenj-hfc);
}

.navigation ul .footer-indicator::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -28px;
    width: 30px;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: -15px 18px var(--barenj-hfc);
}

.navigation ul li:nth-child(1).active ~ .footer-indicator {
    transform: translateX(calc(var(--item-width) * 0));
}

.navigation ul li:nth-child(2).active ~ .footer-indicator {
    transform: translateX(calc(var(--item-width) * -1));
}

.navigation ul li:nth-child(3).active ~ .footer-indicator {
    transform: translateX(calc(var(--item-width) * -2));
}

.navigation ul li:nth-child(4).active ~ .footer-indicator {
    transform: translateX(calc(var(--item-width) * -3));
}

.navigation ul li:nth-child(5).active ~ .footer-indicator {
    transform: translateX(calc(var(--item-width) * -4));
}

.footer-indicator {
    right: var(--distance-right);
}

@media (width < 411px) {
    body {
        height: 100dvh;
        overflow-y: auto;
    }

    .navigation {
        width: 100dvw;
        --item-width: 60px;
    }

    .navigation ul .footer-indicator {
        top: calc(var(--item-width) / -1.75);
    }

    .navigation ul .footer-indicator::after {
        top: 4px;
        right: -29px;
    }

    .navigation ul .footer-indicator::before {
        top: 4px;
        left: -29px;
    }

    .navigation ul {
        justify-content: center;
    }

    .footer-indicator {
        right: var(--distance-right);
    }
}

@media (411px < width < 450px) {
    body {
        height: 100dvh;
        overflow-y: auto;
    }

    .navigation {
        width: 100dvw !important;
        --item-width: 70px;
    }

    .navigation ul .footer-indicator {
        top: calc(var(--item-width) / -2.1);
    }

    .navigation ul .footer-indicator::after {
        /* top: 3px; */
        top: 0.25rem;
        right: -27px;
    }

    .navigation ul .footer-indicator::before {
        /* top: 3px; */
        top: 0.25rem;
        left: -27px;
    }

    .footer-indicator {
        right: var(--distance-right);
    }
}

@media (451px < width < 520px) {
    body {
        height: 100dvh;
        overflow-y: auto;
    }

    .navigation {
        width: 100dvw !important;
        --item-width: 80px;
    }

    .navigation ul .footer-indicator {
        top: calc(var(--item-width) / -2.1);
    }

    .navigation ul .footer-indicator::after {
        top: 8px;
        right: -27px;
    }

    .navigation ul .footer-indicator::before {
        top: 8px;
        left: -27px;
    }

    .footer-indicator {
        right: var(--distance-right);
    }
}

@media (521px < width < 577px) {
    body {
        height: 100dvh;
        overflow-y: auto;
    }

    .navigation {
        width: 100dvw !important;
        --item-width: 90px;
    }

    .navigation ul .footer-indicator {
        top: calc(var(--item-width) / -2.1);
    }

    .navigation ul .footer-indicator::after {
        top: 13px;
        right: -28px;
    }

    .navigation ul .footer-indicator::before {
        top: 13px;
        left: -28px;
    }

    .footer-indicator {
        right: var(--distance-right);
    }
}

.bg-videos {
    padding: 40px 15px;
    background-color: #f7f7fc;
    margin-top: 60px;
    position: relative;
}

.selected-videos-container {
    padding: 0px 15px;
    position: relative;
}

.head-videos h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.box-video {
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
}

.box-video:hover {
    transform: translateY(-10px);
}

.shape-leaf {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: auto;
    height: 100%;
}

.zi-10 {
    position: relative;
    z-index: 10;
}

.box-product img {
    border-radius: 15px;
}

.box-product {
    margin-bottom: 20px;
}

.box-product:hover {
    transform: translateY(-10px);
}

.css-sprite-icon-socialmedia1 {
    background: url("../img/icons/css-sprite-combined.png") 0px -0px;
    width: 80px;
    height: 54px;
    display: inline-block;
}

.css-sprite-icon-socialmedia2 {
    background: url("../img/icons/css-sprite-combined.png") 76px -0px;
    width: 80px;
    height: 54px;
    display: inline-block;
}

.css-sprite-icon-socialmedia3 {
    background: url("../img/icons/css-sprite-combined.png") 261px -0px;
    width: 80px;
    height: 54px;
    display: inline-block;
}

.top-content-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.top-content-footer a {
    color: rgb(18, 18, 18);
    margin-left: 15px;
}

.top-content-footer p {
    padding-bottom: 0;
    margin-right: 15px;
}

.support-icons {
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
}

.support-icons div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e0e0ef;
    padding: 10px;
    border-radius: 10px;
}

.support-icons div span {
    margin-bottom: 10px;
}

.box-links-footer {
    margin-top: 20px;
}

.box-links-footer h4,
.box-email-footer h4 {
    font-size: 17px;
    margin-bottom: 15px;
}

.box-links-footer a {
    font-size: 15px;
    color: rgb(81 80 80);
    display: block;
    margin-bottom: 10px;
}

.box-links-footer a:hover,
.icons-social-media-footer a:hover {
    color: var(--barenj-hfc);
}

.sub-footerr {
    text-align: center;
    border-top: 1px solid #edeaea;
    margin-top: 20px;
    padding-top: 20px;
    color: #767575;
}

.icons-social-media-footer {
    display: flex;
    justify-content: space-between;
}

.icons-social-media-footer a {
    color: #ccc9c9;
    font-size: 30px;
}

.box-email-footer h5 {
    font-size: 15px;
    color: rgb(81 80 80);
    text-align: center;
    margin-bottom: 15px;
}

.box-email-footer form {
    display: flex;
}

.box-email-footer form input {
    width: 100%;
    border-radius: 0 20px 20px 0;
    padding: 10px 15px;
    border: none;
    background: #f1f1f9;
}

.box-email-footer form button {
    border-radius: 20px 0 0 20px;
    padding: 10px 15px;
    border: none;
    background: var(--barenj-hfc);
    color: #fff;
    font-weight: bold;
}

.app-footer {
    background: #42c42f1f;
    padding: 15px 30px;
    border-radius: 15px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-footer .logo-footer a {
    color: var(--barenj-hfc);
    font-family: "segoe print";
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.logo-footer {
    text-align: center;
}

.app-icon-footer a img {
    width: auto;
    border-radius: 8px;
}

.head-category {
    font-size: 20px;
}

.home-head-category {
    /* transform: translateX(-30px); */
    position: relative;
}

@media (width < 769px) {
    .home-head-category {
        transform: translateX(0px);
    }
}

.home-head-category::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    right: 0;
    width: 2rem;
    height: 0.15rem;
    border-radius: 100vw;
    background-color: var(--barenj-hfc);
    transition: 0.5s;
}

.home-head-category:hover::after {
    width: 100%;
}

.breadcrumb .breadcrumb-item a {
    color: #ff8c5a;
}

.breadcrumb {
    background: linear-gradient(45deg, #f6f6f6, transparent);
    width: max-content;
    border-radius: 5px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
}

.breadcrumb .active,
.breadcrumb-item + .breadcrumb-item::before {
    color: #929191;
}

.breadcrumb i {
    margin: 0 2px;
    color: #c0c0c0;
}

.category-box {
    /*width: 200px;*/
    height: 250px;
    background: #d3d1d118;
    /*border: 0.5px solid #a1dd70;*/
    border-radius: 8px;
}

.category-box:hover {
    box-shadow: 1px 1px 3px 3px #a1dd70;
}

.box-category {
    display: flex;
    flex-direction: column;
    background: transparent;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    color: #000;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.category-box .box-category img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100% !important;
    height: 75% !important;
}
.category-box .box-category div {
    background: #c3ff93;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.related-box-category {
    display: flex;
    flex-direction: column;
    background: #00000005;
    box-shadow: 0px 5px 0px -1px rgba(0, 0, 0, 0.1);
    width: 200px;
    height: 200px;
    padding: 20px 10px;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;

    & h3 {
        font-size: 16px;
        font-weight: bold;
    }

    & img {
        width: 110px;
    }
}

.box-category h3 {
    font-size: 16px;
    font-weight: bold;
}

.box-category img {
    width: 100px;
}

.bg-slider {
    padding: 0 15px;
    /* margin-top: 100px; */
}

.img-slider-main {
    border-radius: 20px;
}

.bg-bestsale,
.bg-best-sellers {
    margin-top: 40px;
    padding: 0 15px;
}

@media (width < 576px) {
    .padding-b-100 {
        padding-block-end: 5.2rem !important;
    }
}

.box-best-sale {
    box-shadow: 0 0 6px 1px #0505051c;
    background-color: #fff;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    width: 100%;
    height: 19rem;
    max-height: 19rem;
    overflow: clip;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media (width < 576px) {
    .box-best-sale {
        height: 15rem;
        max-height: 15rem;
    }
}

@media (650px < width < 750px) {
    .box-best-sale {
        height: 19rem;
        max-height: 19rem;
    }
}

@media (750px < width < 900px) {
    .box-best-sale {
        height: 16.5rem;
        max-height: 16.5rem;
    }
}

@media (900px < width < 960px) {
    .box-best-sale {
        height: 17.5rem;
        max-height: 17.5rem;
    }
}

@media (960px < width < 1025px) {
    .box-best-sale {
        height: 18.5rem;
        max-height: 18.5rem;
    }
}

@media (1025px < width < 1285px) {
    .box-best-sale {
        height: 15rem;
        max-height: 15rem;
    }
}

.box-best-sale:hover {
    box-shadow: none;
    background-color: #f1fcf4;
}

.box-best-sale img {
    width: 100%;
    border-radius: 10px;
}

.box-best-sale h3 {
    font-size: calc(clamp(0.75rem, 0.447vw + 0.463rem, 1rem));
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limits the text to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis; /* Adds ellipsis (...) at the end if text is clipped */
    /* height: 3em; */ /* Adjust based on the line-height to ensure 2 lines are shown */
    /* line-height: 1.5em; */ /* Adjust line-height as needed */
    /* max-height: 3em;  */
}

.box-best-sale div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-best-sale div i {
    color: var(--barenj-primary);
    font-size: 25px;
    border: 1px solid #f9e2e2;
    padding: 2px;
    border-radius: 3px;
    background-color: #f9e2e2b6;
}

.box-best-sale div span {
    color: #989797;
}

.bestSaleSlider {
    /* background-color: #18a24d; */
    background-color: #f0f0f0;
    border-radius: 10px;
    padding-block: 0.5rem;
}

.similar-products-box {
    background-color: #fff;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #d6d6d6;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 342px;
}

.similar-products-box::before {
    content: attr(data-content);
    display: flex;
    color: #00000010;
    position: absolute;
    bottom: 8px;
    right: 1rem;
    background-color: transparent;
    font-size: 3rem;
}

.similar-products-box img {
    width: 100%;
    border-radius: 10px;
}

.similar-products-box h3 {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 1rem;
}

.similar-products-box * {
    color: #000;
}

.similar-products-box h2 :is(strong, i) {
    color: #a52a2a !important;
}

.similar-products-box h2 {
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
}

.similar-products-box p {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 0.5rem;
}

.similar-products-box p :is(span, i) {
    color: #a52a2a;
}

.similar-products-box .price-add-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
}

.similar-products-box .price-add-btn:has(del) :is(del, i) {
    color: #00000030;
}

.similar-products-box .price-add-btn:has(ins) :is(ins, i) {
    color: #a52a2a;
}

.similar-products-box .price-add-btn ins {
    text-decoration: none;
}

.similar-products-box p span {
    display: flex;
    flex-direction: row;
    gap: 0.35rem;
    justify-content: center;
    align-items: center;
}

.box-best-sellers {
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(45deg, #e1ffd7, transparent);
    padding: 10px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    background-size: 115% auto;
}

.box-best-sellers:hover {
    background-position: right center;
}

.img-user-best-sellers {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.icon-name-best-sellers span,
.box-best-sellers span {
    color: #989797;
    font-size: 15px;
    margin-bottom: 4px;
    margin: 0 5px;
}

.icon-name-best-sellers {
    color: #989797;
    display: flex;
    align-items: center;
}

.icon-name-best-sellers i {
    color: red;
    margin-left: 6px;
}

.link-to-products {
    color: #ff1605;
    display: flex;
    align-items: center;
}

.link-to-products:hover i {
    transform: translateX(-6px);
}

.link-to-products span {
    font-weight: 600;
    margin-left: 6px;
    font-size: 18px;
}

.link-to-products span,
.link-to-products i {
    color: #ff1605;
    transition: all 0.3s ease-in-out;
}

.link-to-products i {
    font-size: 22px;
}

.box-filter {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: sticky;
    top: 80px;
}

.bg-products-filter {
    margin-top: 30px;
    padding: 0 15px;
    position: relative;
}

.tab-products {
    background: #fff;
    box-shadow: 0 0 3px 1px #43434326;
    padding: 5px;
    border-radius: 6px;
}

.tab-products .nav-link.active,
.tab-products .show > .nav-link {
    color: var(--barenj-primary);
    border-radius: 5px;
    background-color: #f7f7fc;
}

.page-link {
    color: #121212;
}

.page-item.active .page-link {
    color: #565151;
    background-color: #fbeaea;
    border-color: #f9e2e2;
}

.accordion-button {
    border: none;
}

.accordion-button:not(.collapsed) {
    color: #2a2a2a;
    background-color: #f7f7f7;
    border-radius: 10px 10px 0 0;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-width: 1px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.accordion-button:focus {
    border-color: #ccc;
    outline: none !important;
    box-shadow: none;
}

.accordion-body ul li a {
    color: #000814;
    margin-bottom: 10px;
}

.accordion-body ul {
    list-style-type: circle;
    margin-bottom: 0;
}

.accordion-item {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    margin-bottom: 10px;
}

.filter-price .btn-filter-price {
    background: #fff;
    color: var(--barenj-primary);
    border-radius: 25px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

.filter-price .slider {
    width: 100%;
    height: auto;
}

.filter-price .range-slider {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.filter-price .range-slider .rangeValues {
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}

.filter-price input[type="range"] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 100%;
    position: absolute;
    left: 0;
}

.filter-price .slider {
    width: 100%;
    height: auto;
}

.filter-price .range-slider {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.filter-price .range-slider .rangeValues {
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}

.filter-price input[type="range"] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 100%;
    position: absolute;
    left: 0;
}

.filter-price input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.filter-price input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #00c077;
    margin-top: -6px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.filter-price input[type="range"]:focus {
    outline: none;
}

.filter-price input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

.filter-price input[type="range"]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.filter-price input[type="range"]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
}

.filter-price input[type="range"]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.filter-price input[type="range"]::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    z-index: -4;
}

.filter-price input[type="range"]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

.filter-price input[type="range"]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

.filter-price input[type="range"]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
}

.filter-price input[type="range"]:focus::-ms-fill-lower {
    background: #888;
}

.filter-price input[type="range"]:focus::-ms-fill-upper {
    background: #ccc;
}

.bg-detail-product .swiper {
    width: 100%;
    height: 100%;
}

.bg-detail-product .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-detail-product .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.bg-detail-product .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.bg-detail-product .swiper-pagination-bullet-active {
    color: #ff0000;
    background-color: #86c46c96 !important;
    border: 1px solid #ff0000;
}

.bg-detail-product .swiper-pagination-bullet {
    background-color: #ffffffd9 !important;
}

.bg-detail-product,
.main-product-container{
    padding: 0 15px 0 30px;
    margin-top: 20px;
}

.content-detail-product {
    padding-inline-end: 1.5rem;
    /* background: #fff; */
    /* box-shadow: 0 0 6px 1px #43434326; */
    /* border: 1px solid #ffe1e1; */
    /* border-radius: 15px; */
    /* height: 100%; */
    height: fit-content;
    /* display: flex; */
    /* flex-direction: column; */
    justify-content: flex-end;
    /* background-Image: url('../img/bg-register.jpg');
	background-size: cover; */
}

@media (200px < width < 680px) {
    .content-detail-product {
        margin-inline: 0px !important;
    }
}

@media (width < 1200px) {
    .content-detail-product {
        padding-inline-end: 0.25rem;
    }
}

/* Start Radio Button */

.custom-radio-btn {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.custom-select-btn {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (width <= 1210px) {
    .custom-select-btn {
        gap: 1rem;
    }
}

.select-wrapper {
    position: relative;
    width: fit-content;
}

.select-icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    padding-right: 1rem;
    padding-left: 3rem;
    width: 100%;
}

.select-arrow {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
    transition: transform 0.3s ease;
}

.select-wrapper.open .select-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.custom-radio-btn .custom-control {
    width: 3rem;
}

.custom-control-input {
    appearance: none;
    position: relative;
}

.custom-control-input::after {
    content: "";
    position: absolute;
    top: -0.3rem;
    right: -1rem;
    width: 1rem;
    aspect-ratio: 1/1;
    outline: 1px solid black;
    outline-offset: 3px;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.custom-radio .custom-control-input:checked::after {
    background-color: currentColor;
    outline: 1px solid #b4b3b3;
}

.radio-blue .custom-control-input:checked::after {
    color: blue;
}

.radio-green .custom-control-input:checked::after {
    color: green;
}

.radio-red .custom-control-input:checked::after {
    color: red;
}

/* End Radio Button */
.item-icons-detail-product {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 30px;
}

.item-icons-detail-product a {
    color: #505050;
    font-size: 28px;
    margin-right: 15px;
    padding: 4px;
    border-radius: 5px;
    background-color: #fafafa;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    transition: 0.15s;
}

.item-icons-detail-product a:hover {
    color: var(--barenj-hfc);
}

.content-detail-product h2 {
    margin-bottom: 15px;
    font-size: 22px;
    /* border-bottom: 1px dashed #ffe1e1; */
    padding-bottom: 20px;
    width: max-content;
    /* border-bottom: 1px solid rgba(0,0, 0, 0.1); */
}

.content-detail-product .txt {
    font-size: 16px;
    color: #515050;
    margin-bottom: 10px;
}

.profile-box {
    width: 300px;
    height: 100%;
    position: fixed;
    left: 0;
    background-color: #f7f7fc;
    z-index: 1000;
    top: 0;
    transform: translateX(-300px);
    transition: all 0.3s;
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 23%);
}

.info-profile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
}

.img-info-profile {
    width: 100px;
    height: 100px;
    background: rgb(228 228 228);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    overflow: hidden;
}

.img-info-profile img {
    border-radius: 50%;
}

.info-profile span {
    font-size: 15px;
    color: #121212;
    margin: 10px 0;
}

.info-profile a {
    color: #fff;
    background-color: var(--barenj-primary);
    border-radius: 25px;
    padding: 6px 15px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fade-profile {
    transform: translateX(0px);
}

.close {
    font-size: 40px;
    margin: 0 20px;
    border: none;
    background: transparent;
    padding: 0;
    color: #121212;
}

.bg-register {
    padding: 0 15px;
    height: auto;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-register {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #ffffffbd;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 20px;
    backdrop-filter: blur(20px);
}

.shape-register {
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
}

.shape-register img {
    width: 60%;
}

.form-register label {
    font-size: 15px;
    color: rgb(81 80 80);
}

.form-register .input-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 10px;
}

.form-register .input-box i {
    color: #757575;
    font-size: 20px;
}

.form-register .input-box input {
    background-color: transparent;
    border: none;
    width: 100%;
}

.form-register button,
.form-register .send-code-btn {
    color: #fff;
    background-color: var(--barenj-primary);
    border-radius: 25px;
    padding: 8px 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-primary);
    margin: 0 auto;
    display: block;
    width: max-content;
}

.form-register button:hover,
.form-register .send-code-btn:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    background-position: right center;
}

.if-register {
    margin-bottom: 10px;
}

.if-register a {
    color: var(--barenj-primary);
    border-bottom: 1px solid #ffa19b;
}

.if-register a:hover {
    color: #ff8178;
}

.internal-header {
    border-bottom: 1px solid #edeaea;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #fff;
}

.popup .button {
    color: #fff;
    background-color: var(--barenj-primary);
    border-radius: 25px;
    padding: 8px 25px;
    border: none;
    text-align: center;
    text-decoration: none;
    margin-top: 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-primary);
    margin: 0 auto;
    display: block;
    width: max-content;
}

.popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.853);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup:target {
    opacity: 1;
    visibility: visible;
}

.popup__content {
    position: absolute;
    width: 75%;
    padding: 20px;
    background-color: white;
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.popup__text {
    font-size: 1.4rem;
    margin-bottom: 4rem;
}

.form-send-code {
    display: flex;
    justify-content: space-between;
}

.form-send-code input {
    border-radius: 10px;
    padding: 10px;
    height: 80px;
    width: 100%;
    border: 1px solid rgb(206, 205, 205);
    margin: 10px 3px;
    text-align: center;
    font-size: 22px;
}

.swal2-popup {
    border-radius: 20px !important;
    background-image: url("../img/bg-alert.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.swal2-styled.swal2-confirm {
    border-radius: 25px !important;
    background-color: #4fbb4f !important;
    border-color: transparent !important;
}

.swal2-title {
    color: #232323 !important;
    font-size: 20px !important;
}

.swal2-content {
    color: #232323 !important;
    font-size: 16px !important;
}

.bg-slider .swiper-button-next:after,
.bg-slider .swiper-button-prev:after {
    display: none;
}

.page-link:hover {
    color: #373737;
    background-color: #f4f4f4;
}

.head-filter-txt h3 {
    font-size: 14px;
    color: #3e3e3e;
}

.head-filter-txt i {
    color: #3e3e3e;
    font-size: 20px;
}

.head-filter-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 3px 1px #43434326;
    padding: 5px;
    border-radius: 6px;
    padding: 10px;
}

.box-switch-filter .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.box-switch-filter .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.box-switch-filter .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.box-switch-filter .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.box-switch-filter input:checked + .slider {
    background-color: #29bd70;
}

.box-switch-filter input:focus + .slider {
    box-shadow: 0 0 1px #29bd70;
}

.box-switch-filter input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.box-switch-filter .slider.round {
    border-radius: 34px;
}

.box-switch-filter .slider.round:before {
    border-radius: 50%;
}

.box-switch-filter {
    background: #f7f7f7;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 10px;
}

.box-switch-filter label {
    margin-bottom: 0;
}

.box-switch-filter span {
    font-size: 15px;
}

.link-add-basket {
    color: #fff;
    background-color: #e73e3d;
    /* border-radius: 25px; */
    border-radius: 0.3rem;
    padding: 8px 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid #e73e3d;
    display: block;
    width: max-content;
    margin-inline: auto;
    margin-top: 1rem;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
}

.link-add-basket:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    color: #fff;
}

.features-product {
    /* background: linear-gradient(58deg, #f5fef6, white); */
    background-color: color-mix(in lab, #000 3%, white);
    border-radius: 15px;
    margin-top: 20px;
    box-shadow: 0 0 3px 1px #43434326;
    padding: 20px;
}

.features-product h3 {
    font-size: 18px;
    /* border-bottom: 1px dashed #ff8178; */
    width: max-content;
    padding-bottom: 10px;
}

.features-product ul {
    list-style-type: numeric;
    margin-top: 15px;
}

.features-product ul li {
    margin-bottom: 6px;
    color: #707070;
    font-size: 15px;
}

.features-product p {
    margin-bottom: 6px;
    color: #707070;
    font-size: 14px;
}

.case-shopping-cart {
    width: 100%;
    height: auto;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    background: transparent;
    border: 1px solid #efefff;
    border-radius: 10px;
}

.image-shopping-cart {
    width: 150px;
    height: 150px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    padding: 5px;
    align-items: center;
    border-radius: 8px;
}

.image-shopping-cart img {
    width: 100%;
    border-radius: 8px;
}

.description-shopping-box {
    margin-right: 20px;
    height: 100%;
}

.description-shopping-box h3 {
    font-size: 18px;
    color: #121212;
    margin-top: 10px;
}

.description-shopping-box span {
    color: #7b7b7b;
    font-size: 14px;
}

.quantity {
    display: flex;
    margin-right: 5px;
}

.quantity button {
    background-color: #fff;
    border: 1px solid #eeeaea;
    padding: 0 12px;
    font-family: "yekanbakh-bl";
}

.quantity input {
    border-radius: 0;
    border-left: none;
    border-right: 0;
    border-top: 1px solid #eeeaea;
    border-bottom: 1px solid #eeeaea;
    text-align: center;
    width: 80px;
    font-size: 15pt;
}

.final-price {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ffffffcc;
    padding: 10px 20px;
    width: max-content;
    color: #ff0000;
    border-radius: 0 10px;
    border: 2px solid #ff0000;
}

.final-price span {
    font-size: 15px;
    color: #ff0000;
}

.delete-shopp-product {
    position: absolute;
    left: 10px;
    top: 10px;
    border: none;
    background: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 5px;
    font-size: 30px;
}

.delete-shopp-product i {
    color: var(--barenj-secondary);
    transition: 0.25s;
}

.delete-shopp-product i:hover {
    color: var(--barenj-primary);
}

.bg-shopping-cart {
    padding: 0 15px;
}

.plus-btn,
.minus-btn {
    font-size: 20px;
    color: #ff0000;
}

.plus-btn {
    border-radius: 0 6px 6px 0;
}

.minus-btn {
    border-radius: 6px 0 0 6px;
}

.btn-add-shopping-cart button {
    color: #fff;
    background-color: var(--barenj-primary);
    border-radius: 25px;
    padding: 8px 30px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-primary);
    display: block;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: clamp(0.75rem, 0.447vw + 0.463rem, 1rem);
}

.btn-add-shopping-cart a:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
    color: #fff;
}

.quantity-per-product {
    margin-right: 0;
    margin-bottom: 18px;
}

@media only screen and (max-width: 992px) {
    .form-searchbox {
        width: 100%;
    }

    .box-video {
        margin-bottom: 20px;
    }

    .bg-register {
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .bg-slider {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 768px) {
    #header.headroom {
        padding: 10px 0px 8px 5px;
    }

    .logo {
        /* margin-right: 50px; */
    }
    .startp-responsive-nav {
        display: block;
    }
    .startp-responsive-nav .startp-responsive-menu {
        position: relative;
    }
    .startp-responsive-nav .startp-responsive-menu .navbar-nav {
        display: block;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
    .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px;
    }
    .startp-responsive-nav
        .startp-responsive-menu.mean-container
        .mean-nav
        ul
        li
        a {
        font-size: 14px;
    }
    .startp-responsive-nav
        .startp-responsive-menu.mean-container
        .mean-nav
        ul
        li
        a.active {
        color: #8e44ad;
    }
    .startp-responsive-nav
        .startp-responsive-menu.mean-container
        .mean-nav
        ul
        li
        a
        svg {
        display: none;
    }
    .startp-responsive-nav
        .startp-responsive-menu.mean-container
        .mean-nav
        ul
        li
        li
        a {
        font-size: 14px;
    }
    .startp-responsive-nav .startp-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        max-height: 70vh;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eeeaea;
    }
    .startp-responsive-nav
        .startp-responsive-menu.mean-container
        .others-options {
        display: none;
    }
    .startp-responsive-nav .mean-container a.meanmenu-reveal {
        color: #ff0000;
        font-size: 45px !important;
    }
    .startp-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #ff0000;
    }
    .startp-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999;
    }
    .startp-nav {
        display: none;
    }
    #header.headroom > .support-btns-header {
        width: 70%;
        justify-content: flex-end;
    }
    #btn-basket {
        display: none;
    }
    .log-btn {
        display: none;
    }
    #res-menu {
        display: flex !important;
        cursor: pointer;
    }

    .bg-products {
        padding: 0;
    }

    .search-box {
        padding: 30px 0;
    }

    .bg-videos {
        padding: 20px 0px;
        margin-top: 30px;
    }

    .box-video {
        margin-bottom: 15px;
    }

    .footer {
        padding: 30px 0 15px 0;
    }

    .box-email-footer {
        margin-top: 20px;
    }

    .app-footer {
        margin: 30px auto 20px auto;
    }

    .bg-slider {
        padding: 0;
    }

    .box-category {
        width: 100%;
    }

    .bg-bestsale,
    .bg-best-sellers {
        margin-top: 45px;
        padding: 0;
    }

    .head-category {
        font-size: 18px;
    }

    .link-to-products span {
        font-size: 16px;
    }

    .link-to-products i {
        font-size: 18px;
    }

    .breadcrumb-internal-page {
        overflow: auto;
    }

    .bg-products-filter {
        margin-top: 10px;
        padding: 0;
    }

    .bg-detail-product,
    .main-product-container{
        padding: 0;
        margin-top: 10px;
    }

    .content-detail-product {
        margin-top: 15px;
        height: auto;
    }

    .bg-shopping-cart {
        padding: 0;
    }

    .final-price {
        position: initial;
        width: 100%;
        border-radius: 10px;
        margin-top: 8px;
        text-align: center;
    }

    .image-shopping-cart {
        width: 100px;
        height: 100px;
    }

    .description-shopping-box h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .search-box {
        padding: 30px 8px;
    }

    .btn-guide {
        padding: 7px 12px;
    }

    .box-product {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-searchbox .form-select {
        height: 45px;
        width: 190px;
        padding: 0 3px 0 0;
    }

    .form-searchbox input {
        padding-right: 7px;
    }

    .top-content-footer {
        flex-direction: column;
    }

    .top-content-footer a {
        margin-left: 0;
        font-size: 13px;
    }

    .top-content-footer p {
        font-size: 13px;
    }

    .support-icons {
        flex-direction: column;
    }

    .support-icons div {
        margin-bottom: 10px;
    }

    .support-icons div p {
        font-size: 13px;
    }

    .box-links-footer h4,
    .box-email-footer h4 {
        font-size: 16px;
    }

    .box-links-footer a {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .box-links-footer {
        border-bottom: 1px solid #f0f0f0;
    }

    .icons-social-media-footer a {
        font-size: 26px;
    }

    .box-email-footer h5 {
        font-size: 14px;
    }

    .sub-footerr {
        padding-top: 15px;
        font-size: 13px;
    }

    .app-footer {
        padding: 12px 15px;
        flex-direction: column;
    }

    .app-footer .logo-footer a {
        font-size: 18px;
    }

    .logo-footer h6 {
        font-size: 15px;
    }

    .logo-footer p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .app-icon-footer a img {
        width: 98%;
    }

    .app-icon-footer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup__content {
        width: 90%;
    }

    .form-register label {
        font-size: 14px;
    }

    .bg-register {
        padding: 0;
    }

    .form-register {
        padding: 10px;
        background-color: #ffffffd9;
    }

    .img-slider-main {
        border-radius: 8px;
    }

    .head-category {
        font-size: 17px;
    }

    .breadcrumb .breadcrumb-item a,
    .breadcrumb .active,
    .breadcrumb-item + .breadcrumb-item::before {
        font-size: 13px;
    }

    .box-category h3 {
        font-size: 15px;
    }

    .box-best-sale h3 {
        font-size: 15px;
    }

    .box-best-sale div span {
        font-size: 14px;
    }

    .content-detail-product h2 {
        font-size: 18px;
        padding-bottom: 0;
    }

    .content-detail-product .txt {
        font-size: 15px;
    }

    .description-shopping-box span {
        font-size: 13px;
    }

    .image-shopping-cart {
        height: auto;
    }

    .delete-shopp-product {
        width: 30px;
        height: 30px;
        font-size: 28px;
    }

    .final-price {
        padding: 8px 20px;
    }

    .final-price span {
        font-size: 14px;
    }
}

.h_iframe-aparat_embed_frame {
    position: relative;
    border-radius: 10px;
    overflow: clip;
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100% !important;
    aspect-ratio: 16 / 9;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    aspect-ratio: 16 / 9;
}

/* @media (width < 460px) {
	.h_iframe-aparat_embed_frame .ratio {
		width: 100% !important;
	}

	.h_iframe-aparat_embed_frame iframe {
		width: 100% !important;
	}
} */
.quality {
    border-radius: 15px;
    background: linear-gradient(45deg, var(--barenj-primary), transparent 100%);
    box-shadow: 0 0 6px 1px #43434326;
    border: 1px solid #ffe1e1;
}

.quality::selection {
    background-color: #1d1d1d;
    color: #21c1ff;
}

.barenj-primary {
    color: var(--barenj-primary);
}

.barenj-secondary {
    color: var(--barenj-secondary);
}

#color-dis {
    display: inline-block;
    width: 1rem;
    aspect-ratio: 1 / 1;
    border: 1px solid black;
    border-radius: 50%;
    background-color: #001d3d;
}

.discount-code-box {
    width: 98%;
    height: fit-content;
    background-color: transparent;
    border: 1px solid #efefff;
    border-radius: 0.5rem;
    padding-block: 1.5rem;
    padding-inline: 0.5rem;
    margin-inline: auto;
    overflow-y: clip;
    position: relative;
}

@media (width > 960px) {
    .discount-code-box {
        width: 95%;
    }
}

.discount-code-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    background-color: #fff;
    border-radius: 50%;
    z-index: 10;
    border: 1px solid #efefff;
    clip-path: polygon(100% 46%, 100% 100%, 0 100%, 0 46%);
}

.discount-code-box::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%) rotate(90deg);
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    background-color: #fff;
    border-radius: 50%;
    z-index: 10;
    border: 1px solid #efefff;
    clip-path: polygon(100% 46%, 100% 100%, 0 100%, 0 46%);
}

.barenj-coupon-input {
    width: 100%;
    padding-bottom: 10px;
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

@media (width < 578px) {
    .barenj-coupon-input {
        flex-direction: column;
        gap: 0.5rem;
    }

    .barenj-coupon-input-container {
        padding-inline: 2rem !important;
    }
}

.barenj-coupon-input input {
    width: 100% !important;
    background: #f9fafb;
    border: none;
    height: 35px;
    border-radius: 6px;
    padding-inline-start: 0.35rem;
}

.barenj-coupon-divider {
    border-top: 2px dashed #d1d5db;
    opacity: 1;
    margin: 0px;
}

.barenj-product-coupon-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 0.5rem;
}

.barenj-product-coupon-submit {
    translate: 6px;
}

.barenj-coupon-input button {
    width: 8rem;
    background-color: transparent;
    color: var(--barenj-secondary);
    font-size: 12px;
    height: 20px !important;
    border-radius: 6px !important;
    padding: 15px 10px !important;
    border: 1px solid var(--barenj-secondary);
    line-height: 0;
    font-weight: bold;
    transition: 0.3s;
}

@media (width < 576px) {
    .barenj-coupon-input button {
        width: 100%;
    }

    .card-container {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .container.custom-size-container {
        max-width: 90vw !important;
    }
}

@media (min-width: 576px) {
    .container.custom-size-container {
        max-width: 90vw !important;
    }
}

.barenj-coupon-input button:hover {
    color: var(--barenj-primary);
    border-color: var(--barenj-primary);
}

.barenj-coupon-icon {
    position: relative;
    container-type: inline-size;
}

.barenj-coupon-icon i {
    font-size: 100px;
    color: #efefff !important;
}

@media (min-width: 768px) {
    .barenj-coupon-icon {
        display: flex !important;
    }

    .barenj-coupon-icon i {
        font-size: clamp(0.75rem, 90cqw, 5.1rem);
        color: #efefff !important;
    }
}

@media (310px < width < 700px) {
    .barenj-coupon-icon i {
        font-size: 11vw !important;
    }
}

.barenj-coupon-icon::before {
    content: "";
    position: absolute;
    top: -2rem;
    bottom: -2rem;
    /* width: 2px; */
    left: 0;
    background: transparent;
    border-left: 2px dashed #d1d5db;
}

@media (width < 990px) {
    .cart-container {
        padding-inline: 10px !important;
    }
}

.send-time.active,
.send-time.active :is(span) {
    color: #00c077 !important;
}

.send-time.active::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1px;
    background: #00c077;
    bottom: -0rem;
    left: 50%;
    z-index: 20;
    transform: translateX(-50%);
}

.checkout__address {
    padding-inline-start: 20px;

    & span {
        color: #81858b;
        font-size: 0.8rem;
    }
}

.checkout__address--bxs {
    box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.1);
}

.checkout__address--edit :is(span, button, i) {
    color: #91afda !important;
}

.checkout__address--edit button {
    border: none;
    outline: none;
    background: transparent;
}

.modal-normal {
    max-width: 630px;
}

.text-gray,
.text-gray * > * {
    color: #81858b !important;
    font-size: 0.9rem;
}

.chekcout__address--button {
    background: linear-gradient(45deg, #ff6ec4, #7873f5);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
    color: white;
    padding-inline: 1.5rem;
    padding-block: 0.8rem;
    border-radius: 0.4rem;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 0;
}

.chekcout__address--button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(45deg, #ff6ec4, #7873f5);
    z-index: -1;
    filter: blur(2px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: 15px;
}

.chekcout__address--button:hover {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
}

.chekcout__address--button:hover:before {
    opacity: 0.5;
}

.barenj-recieve-button {
    border: none;
    outline: none;
    background: transparent;
    color: #21c1ff;
}

.barenj-modal-button {
    color: var(--barenj-secondary);
    background-color: transparent;
    border-radius: 8px;
    padding: 8px 30px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid var(--barenj-secondary);
    display: block;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    transition: 0.4s;
}

.barenj-modal-button:hover {
    color: #fff;
    background-color: var(--barenj-primary);
    border: 2px solid var(--barenj-primary);
}

@media (width < 600px) {
    .map_modal {
        width: 100% !important;
    }
}

line {
    animation: menuBlink 0.5s linear infinite;
}

@keyframes menuBlink {
    0% {
        box-shadow: 0px 1px 15px 15px #e73e3d;
    }
    100% {
        box-shadow: 0px 1px 45px 30px #f67676;
    }
}

/* employment form */
.employment-form-bg {
    background: radial-gradient(
        50% 50% at 100% 0,
        #ffffff 0% 5%,
        #f6f5f5 6% 15%,
        #ffffff 16% 25%,
        #f6f5f5 26% 35%,
        #ffffff 36% 45%,
        #f6f5f5 46% 55%,
        #ffffff 56% 65%,
        #f6f5f5 66% 75%,
        #ffffff 76% 85%,
        #f6f5f5 86% 95%,
        #0000 96%
    ),
    radial-gradient(
        50% 50% at 0 100%,
        #ffffff 0% 5%,
        #f6f5f5 6% 15%,
        #ffffff 16% 25%,
        #f6f5f5 26% 35%,
        #ffffff 36% 45%,
        #f6f5f5 46% 55%,
        #ffffff 56% 65%,
        #f6f5f5 66% 75%,
        #ffffff 76% 85%,
        #f6f5f5 86% 95%,
        #0000 96%
    ),
    radial-gradient(
        50% 50%,
        #ffffff 0% 5%,
        #f6f5f5 6% 15%,
        #ffffff 16% 25%,
        #f6f5f5 26% 35%,
        #ffffff 36% 45%,
        #f6f5f5 46% 55%,
        #ffffff 56% 65%,
        #f6f5f5 66% 75%,
        #ffffff 76% 85%,
        #f6f5f5 86% 95%,
        #0000 96%
    ),
    radial-gradient(
        50% 50%,
        #ffffff 0% 5%,
        #f6f5f5 6% 15%,
        #ffffff 16% 25%,
        #f6f5f5 26% 35%,
        #ffffff 36% 45%,
        #f6f5f5 46% 55%,
        #ffffff 56% 65%,
        #f6f5f5 66% 75%,
        #ffffff 76% 85%,
        #f6f5f5 86% 95%,
        #0000 96%
    ) 32px 32px;
    background-size: 64px 64px;
    background-color: #ffffff;
}

.employment-form-head {
    background-color: #00c741;
    top: -20px;
    padding-inline: 2.5rem;
    padding-block: 0.5rem;
    border-radius: 100vw;
    width: fit-content;
}

.employment-form-head::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: 0.75rem;
    aspect-ratio: 1/1;
    background-color: #ff860c;
    border-radius: 100%;
}

.employment-form-head::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 0.75rem;
    aspect-ratio: 1/1;
    background-color: #ff860c;
    border-radius: 100%;
}

.input-container {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.input-container label {
    margin: 0px !important;
    font-weight: bold;
    width: max-content;
    white-space: nowrap;
    padding-inline: 1rem;
    text-align: center;
    border-left: 1px solid #ccd4da;
}

.input-container .form-control {
    border: none;
    box-shadow: none;
    outline: none;
    flex-grow: 1;
}

.input-container .input-group-text {
    background: none;
    border: none;
    border-right: 1px solid #ccd4da;
    border-radius: 0px;
}

.select-container {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.select-container label,
.radio-container > label {
    margin: 0px !important;
    font-weight: bold;
    width: max-content;
    white-space: nowrap;
    padding-inline: 1rem;
    text-align: center;
    border-left: 1px solid #ccd4da;
}

.select-container select {
    border: none;
    box-shadow: none;
    outline: none;
    flex-grow: 1;
    appearance: none;
    background: none;
}

.select-container .input-group-text {
    background: none;
    border: none;
    border-right: 1px solid #ccd4da;
    border-radius: 0px;
}

.radio-container {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.radio-container .form-check {
    display: flex;
    align-items: center;
    margin-right: 5px;
    gap: 1rem;
}

.form-check-skills {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.radio-container .form-check-input {
    margin-right: 10px;
}

.form-check .form-check-label {
    font-size: clamp(0.625rem, 0.5421rem + 0.4145vw, 0.875rem) !important;
}

.upload-container {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.upload-container label {
    margin: 0px !important;
    font-weight: bold;
    flex-grow: 1;
    font-size: clamp(0.625rem, 0.5421rem + 0.4145vw, 0.875rem) !important;
}

.upload-container input[type="file"] {
    display: none;
}

.upload-container .custom-file-upload {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    margin-inline-end: 1rem !important;
    text-align: center;
}

.upload-container .input-group-text {
    background: none;
    border: none;
    border-right: 1px solid #ccd4da;
    border-radius: 0px;
}

.employment-btn {
    padding-inline: 4rem;
    padding-block: 0.8rem;
    border: none;
    outline: none;
    background: #00ca50;
    color: #fff;
    border-radius: 100vw;
    box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.7);
    transition: 0.5s;
}

.employment-btn:hover {
    box-shadow: none;
    scale: 0.97;
}

.feature-box {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    display: flex;
}

.product-detail-content {
    padding: 1.5rem;
    /* flex: 1; */
}

.product-detail-content > h2 {
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 1rem;
    width: 100%;
}

/*.checkbox-wrapper {*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.5rem;*/
/*}*/

/*.checkbox-wrapper [type="radio"] {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    cursor: pointer;*/
/*    opacity: 0;*/
/*}*/

/*.checkbox-wrapper .fake-checkbox {*/
/*    color: white;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    border-radius: 100vw;*/
/*    transition: all 250ms ease-in-out;*/
/*}*/

.color-fake-checkbox {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    margin: 0 5px;
}

.size-fake-checkbox {
    border: 2px solid #87A2FF;
    padding: 2px 8px;
    border-radius: 10px;
    margin: 0 5px;
}

/* .product-cart {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: fit-content;
    min-height: 76%;
    max-height: fit-content;
    padding-block: 2rem;
    padding-inline: 2rem;
    background-color: #FAFAFA;
    border-radius: 15px;
    border: 1px solid #e0e0e2;
} */
.product-cart {
    position: sticky;
    top: 4.4rem;
    height: fit-content;
    max-height: 100%;
    overflow-y: auto;
    padding-block: 2rem;
    padding-inline: 2rem;
    background-color: #f9f9f9db;
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.product-cart form > h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding-block-end: 1rem !important;
}

.more-features {
    width: fit-content;
    border: 1px solid lightgray;
    padding: 0.5rem 1rem;
    border-radius: 100vw;
    color: currentColor;
}

.more-features-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 3;
    background-color: transparent;
    border: none;
    outline: none;
    height: 3rem;
}

.more-features-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    border: none;
    outline: none;
    height: 3rem;
}

.more-features-2.activate,
.more-features-3.activate {
    display: flex;
}

.more-features-2 i {
    color: currentColor;
}

.dots {
    width: 0.3rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: transparent;
    transition: 0.5s;
    transition-delay: calc(var(--i) * 0.1);
    border: 1px solid lightgray;
}

.dots.activated {
    transform: scale(2);
}

.more-features-dots-container:nth-of-type(1) {
    margin-left: 0.2rem;
}

.more-features-dots-container:nth-of-type(2) {
    margin-right: 0.2rem;
}

.more-features-dots-container.activated:nth-of-type(1) {
    margin-left: 0.75rem;
}

.more-features-dots-container.activated:nth-of-type(2) {
    margin-right: 0.75rem;
}

.more-features-dots-container {
    transition: 1s;
}

.more-features-dots-container.activated {
    gap: 1rem !important;
}

.short-product-description {
    width: 100%;
    /* border: 1px solid color-mix(in lab, currentColor 7%, white); */
    border: 1px solid color-mix(in oklab, #ae405c 50%, white);
    border-radius: 0.4rem;
    padding: 1.5rem;
}

.short-product-description h2 {
    color: #ae405c;
}

.short-product-description p {
    color: color-mix(in oklab, #ae405c 50%, black);
    text-align: justify;
    text-wrap: balance;
}

.product-quality {
    background: #f6d600;
    width: 1.5rem;
    /* aspect-ratio: 2/0; */
    /* clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block-start: 0.2rem;
    height: 1.5rem;
    clip-path: polygon(
        50% 0%,
        69% 23%,
        98% 35%,
        85% 63%,
        83% 100%,
        50% 86%,
        17% 100%,
        17% 64%,
        2% 35%,
        30% 24%
    );
    color: white;
}

.text-g-1 {
    background: #669640;
    background: linear-gradient(to right, #669640 50%, #ea793c 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mini-product-card {
    background-color: color-mix(in lab, #f9f9f9db 100%, white);
    border-radius: 0.5rem;
    padding-inline: 1.5rem !important;
    padding-block: 0.75rem !important;
    z-index: 3;
}

.mini-product-card img {
    max-width: 3rem;
    height: 100%;
    display: inline-block;
    object-fit: contain;
}

.mini-product-card h2 {
    /* color: white; */
    margin: 0px !important;
    font-size: 1.2rem;
}

@media (width < 576px) {
    .mini-product-card h2 {
        font-size: clamp(0.813rem, 2.734vw + 0.266rem, 1.25rem);
    }
}

.product-description__container {
    position: relative;
    background-color: color-mix(in lab, #000 3%, white);
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 0.5rem;
    padding-inline: 1.5rem !important;
    padding-block: 1.5rem 3.5rem !important;
    max-height: 20rem;
    overflow: hidden;
    transition: 0.5s;
}

.product-description__container.activate {
    max-height: fit-content !important;
}

.product-description__container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5rem;
    background-image: linear-gradient(
        360deg,
        rgb(246 246 246) 70%,
        transparent 100%
    );
    border-radius: 0.5rem;
}

.product-description__container.activate::after {
    content: none;
}

.product-description {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px;
    grid-auto-rows: auto;
    row-gap: 1rem;
    margin-top: 2rem;
}

/* .product-description__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-block-end: 0.75rem;
    padding-inline: 1rem;
    border-bottom: 1px solid lightgray;
} */

.product-description__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-inline: 1rem;
    align-items: flex-start;
    gap: 1rem;
    background: #fff;
    border-radius: 0.3rem;
    padding-block: 0.85rem;
}

.product-description__item span:first-child {
    font-size: 1rem;
    font-weight: 900;
    flex: 2;
}

.product-description__item span:last-child {
    flex: 10;
    text-align: justify;
    text-wrap: balance;
}

.product_specifications {
    padding-left: 0px !important;
    padding-right: 0.5rem;
}

.product-comments {
    height: auto;
}

.product-comments__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 3rem; */
    padding-block: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-comments__header-users-comment-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3rem;
}

.product-comments__header button {
    color: #fff;
    background-color: transparent;
    border-radius: 0.3rem;
    padding: 8px 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    border: 2px solid #e73e3d;
    display: block;
    width: max-content;
    color: #e73e3d;
}

.product-comments__header button:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
}

.question-submit {
    color: #fff;
    background-color: transparent;
    border-radius: 0.3rem;
    padding: 8px 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    border: 2px solid #e73e3d;
    display: block;
    width: max-content;
    color: #e73e3d;
}

.question-submit:hover {
    box-shadow: 0px 10px 9px -4px #22222233;
}

.users-points {
    width: 1.5rem;
    height: 1.5rem;
    clip-path: polygon(
        50% 0%,
        69% 28%,
        98% 35%,
        72% 60%,
        79% 91%,
        50% 78%,
        21% 91%,
        28% 59%,
        2% 35%,
        31% 28%
    );
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    z-index: 1;
}

.users-points span {
    flex: 1;
    width: 100%;
    height: 100%;
    background-color: #daa52032;
}

.users-points span.bold {
    background-color: #daa520;
}

.users-points__float {
    /* --this-bg: #fcab58; */
    --this-bg: #641068;
    width: fit-content;
    height: fit-content;
    padding-inline: 0.6rem;
    padding-block: 0.45rem;
    background: color-mix(in lab, var(--this-bg) 8%, white);
    color: var(--this-bg);
    border: 1px solid color-mix(in lab, var(--this-bg) 70%, white);
    display: flex;
    flex-direction: column;
    border-radius: 0.3rem;
    justify-content: center;
    align-items: center;
    position: fixed;
    transition: opacity 0.1s;
    margin-left: 0.5rem;
    opacity: 0;
}

@media (width <= 768px) {
    .users-points__float {
        display: none !important;
        width: 0px !important;
        height: 0px !important;
    }
}

.users-points__float span:first-child {
    border-bottom: 2px solid var(--this-bg);
}

.users-comments-wrapper {
    margin-top: 1rem;
    height: auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-comment-container {
    position: relative;
    width: 100%;
    height: fit-content;
    padding: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    isolation: isolate;
    border-radius: 0.25rem;
    overflow: clip;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

/* .user-comment-container::before {
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 70%;
    background-image: linear-gradient(
        to top,
        rgba(255, 255, 255, 0.85) 65%,
        transparent
    );
    z-index: -1;
} */

/* .user-comment-container.buyer {
    background-color: color-mix(in lab, var(--soft-green) 15%, white);
    border: 1px solid color-mix(in lab, var(--soft-green) 70%, white);
}

.user-comment-container.opposing {
    background-color: color-mix(in lab, var(--main-red) 15%, white);
    border: 1px solid color-mix(in lab, var(--main-red) 70%, white);
}

.user-comment-container.n-user {
    background-color: color-mix(in lab, var(--soft-yellow) 25%, white);
    border: 1px solid color-mix(in lab, var(--soft-yellow) 70%, white);
} */

.user-comment > p:first-child {
    translate: -10px 0px;
    font-weight: 800;
    font-size: 1rem;
}

.user-comment p:not(:first-child) {
    text-align: justify;
    text-wrap: balance;
}

.user-comment .was {
    width: 100%;
    height: auto;
}

.user-comment .was div > h3 {
    text-align: center;
}

.strengths-list h3 {
    color: var(--soft-green);
}

.Weaknesses-list h3 {
    color: var(--main-red);
}

.Weaknesses-list__items,
.strengths-list__items {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.Weaknesses-list__item,
.strengths-list__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.Weaknesses-list__item span.square,
.strengths-list__item span.square {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 0.1rem;
}

.Weaknesses-list__item span.square {
    /* background-color: var(--main-red); */
}

.strengths-list__item span.square {
    /* background-color: var(--soft-green); */
}

.Weaknesses-list__item span.square::before,
.strengths-list__item span.square::before {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.1rem;
    translate: 0 -0.25rem;
}

.Weaknesses-list__item span.square::before {
    content: "\2718";
    color: var(--main-red);
}

.strengths-list__item span.square::before {
    content: "\2714";
    color: var(--soft-green);
}

.my-gray-color-generate {
    color: color-mix(in lab, currentColor 75%, white);
}

.user-info {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.user-info > span {
    position: relative;
}

.user-info > span::after {
    content: "\2714";
    position: absolute;
    width: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -0.7rem;
    top: 0;
}

.opposing .user-info > span::after {
    content: "\2716";
    font-size: 0.7rem;
}

.n-user .user-info > span::after {
    content: "\270E";
    transform: rotateY(180deg);
}

.user-points-star__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.star {
    display: flex;
    flex-direction: row;
    width: 1rem;
    height: 1rem;
    background: color-mix(in lab, #ee9c1f 55%, white);
    clip-path: polygon(
        50% 0%,
        68% 24%,
        100% 40%,
        80% 65%,
        80% 100%,
        50% 85%,
        20% 100%,
        20% 65%,
        0 40%,
        28% 25%
    );
    transform: translateY(-3px);
}

.star > span {
    flex-grow: 1;
    background-color: transparent;
}

.star > span.full {
    background-color: #ee9c1f;
}

.star.full {
    width: 1rem;
    height: 1rem;
    background: color-mix(in lab, #ee9c1f 100%, white);
    clip-path: polygon(
        50% 0%,
        68% 24%,
        100% 40%,
        80% 65%,
        80% 100%,
        50% 85%,
        20% 100%,
        20% 65%,
        0 40%,
        28% 25%
    );
    transform: translateY(-2px);
}

@media (width < 980px) {
    .product-cart {
        /*margin-inline-start: 0.5rem;*/
    }
}

@media (width < 1200px) {
    .product-cart {
        /*margin-inline-start: 0.85rem;*/
    }
}

@media (width < 992px) {
    .product-cart {
        /*margin-inline-end: 1.3rem;*/
    }

    .product-cart h2 {
        font-size: clamp(0.825rem, 2.1vw, 1rem);
    }

    .product-cart :is(div.txt, .link-add-basket) {
        font-size: clamp(0.7rem, 2vw, 0.825rem);
    }
}

@media (width <= 768px) {
    .link-add-basket {
        margin-inline: auto !important;
    }

    .product-cart {
        /*margin-inline: auto !important;*/
    }

    .centered.mobile-device-mt-2 {
        margin-top: 2rem !important;
    }
}

@media (width <= 768px) {
    .products-description__wrapper.container-fluid {
        width: 92vw !important;
    }

    .products-description__wrapper {
        margin-inline: auto;
    }

    .mini-product-card {
        padding-inline: 0.5rem !important;
        margin-right: -0.5rem !important;
        width: 94vw;
    }

    .mini-product-card .mini-product-card__firstDiv {
        width: 100%;
    }

    .mini-product-card .link-add-basket {
        margin-inline-start: auto !important;
        font-size: clamp(0.769rem, 1.339vw + 0.44rem, 0.915rem);
        width: 12rem;
    }

    .product-comments__header {
        flex-wrap: wrap;
        padding: 16px 10px;
    }

    .product-comments__header-users-comment-info {
        width: 100%;
        justify-content: space-between;
    }

    .comment-modal__btn.modal_item-1 {
        margin-block-start: 0.75rem;
        margin-inline-start: auto;
    }

    .user-info {
        flex-wrap: wrap;
    }

    .users-comments-wrapper {
        margin-block-end: 2rem;
    }

    .container-fluid {
        width: 96vw;
        margin-inline: auto;
        padding-inline: 0px;
        transform: translateX(5px);
    }

    .container-fluid.container_fluid {
        width: 94vw;
        transform: translateX(0px) !important;
    }

    .container-fluid.container_fluid-2 {
        width: 98vw;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        transform: translateX(0px) !important;
    }

    .product_specifications {
        padding-left: 0px !important;
        padding-right: 0 !important;
    }

    .short-product-description p {
        font-size: clamp(0.769rem, 1.339vw + 0.44rem, 1.231rem);
    }

    .short-product-description h2 {
        font-size: clamp(0.75rem, 0.4295rem + 1.7094vw, 1.25rem) !important;
    }
}

@media (width < 576px) {
    .mini-product-card {
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: flex-end !important;
    }

    .product_specifications {
        margin-block-end: 7rem;
    }

    .mini-product-card .link-add-basket {
        font-size: clamp(0.8rem, 2vw + 0.25rem, 1.25rem);
    }
}

.products-description__wrapper.container-fluid {
    margin-inline: auto !important;
}

.del-price {
    color: #a52a2a !important;
    opacity: 0.5;
    font-size: 0.8rem;
}

.discount-box {
    width: fit-content;
    padding-inline: 0.4rem;
    font-size: 0.6rem;
    padding-block: 0.2rem;
    /* background-color: #a52a2a; */
    background-color: #e73e3d;
    color: #fff;
    border-radius: 0.2rem;
}

.product-comments__help-box {
    /* --this-color: currentColor; */
    --this-color: #0f27d5;
    width: 100%;
    height: 3.5rem;
    background-color: color-mix(in lab, var(--this-color) 15%, white);
    border: 1px solid var(--this-color);
    display: flex;
    align-items: center;
    padding-inline-start: 0.9rem;
    border-radius: 0.4rem;
    margin-block-start: 1rem;
    transition: 0.5s;
    justify-content: space-between;
    padding-inline-end: 1.1rem;
    color: var(--this-color);
    cursor: context-menu;
}

.product-comments__category {
    position: relative;
    padding-right: 1.3rem;
}

.product-comments__category.n-user {
    color: #f69d05;
}

.product-comments__category.opposing {
    color: var(--main-red);
}

.product-comments__category.buyer {
    color: #12c569;
}

.product-comments__category::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    transform: translate(0, -50%);
}

.product-comments__category.n-user::before {
    background-color: #f69d05;
}

.product-comments__category.opposing::before {
    background-color: var(--main-red);
}

.product-comments__category.buyer::before {
    background-color: #12c569;
}

/* product-questions */
.product-questions {
    width: 100%;
    height: auto;
    /* background-color: red; */
    padding-block-start: 1rem;
}

.product-questions__header {
    position: relative;
}

.product-questions__header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 5rem;
    height: 0.15rem;
    background-color: var(--barenj-hfc);
}

.product-questions__header h2 {
    font-size: 1.3rem;
}

.users-questions__wrapper {
    height: auto;
    margin-block-start: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    width: 100%;
}

@media (width < 576px) {
    .users-questions__wrapper {
        margin-block-end: 1rem;
    }

    .product-questions__header h2 {
        /* font-size: clamp(0.9rem, 2vw + 0.4rem, 1.2rem); */
        font-size: clamp(0.9rem, 2.8vw + 0.425rem, 1.2rem);
    }

    .product-questions .product-questions__header .question-submit {
        font-size: clamp(0.7rem, 2vw + 0.35rem, 1rem);
    }
}

.user-question-container {
}

.user-question__grid {
    display: grid;
    grid-template-columns: 30px 1fr;
}

.user-question__grid :first-child {
    grid-column: 1 / 2;
}

.user-question__grid :nth-child(2) {
    grid-column: 2 / -1;
}

.user-answer {
    color: #62666d;
}

.more-user-answers {
    grid-column: 2 / -1;
    color: #19bfd3;
}

.add-new-asnwer {
    transform: translateX(-60px);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-block-start: 1rem;
    width: calc(100% - 60px);
}

.user-answer__info {
    font-size: 0.9rem;
    font-weight: 400;
    color: #c2c4c9;
}

.buyer-badge {
    background-color: rgba(76, 175, 80, 0.1);
    color: #2e7b32;
    padding-inline: 0.5rem;
    padding-block: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    border-radius: 8px;
}

#users-questions-firstLook.hide,
#users-questions-finalLook.hide {
    display: none !important;
}

#users-questions-firstLook.show,
#users-questions-finalLook.show {
    display: grid !important;
}

#users-questions-finalLook .user-question__grid:not(:first-child) {
    margin-block-start: 0.75rem;
}

#users-questions-finalLook .user-question__grid:last-child .user-question,
#users-questions-finalLook
.user-question__grid:has(+ .more-user-answers)
.user-question {
    border-bottom: none;
}

.user-question {
    padding-block-end: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    grid-column: 2 / -1;
}

.user-question:not(:first-of-type) {
    margin-block-start: 0.75rem;
}

.cursor-pointer {
    cursor: pointer;
}

/* shopping cart */
.card-container {
    width: 500px;
    height: fit-content;
    background-color: #fefefe;
    border-radius: 1rem;
    padding-inline: 1rem;
    box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 50px;
    left: 28px;
    z-index: 1000000;
    display: none;
}

.card-container.activate {
    display: block;
}

.card-container img {
    width: 100%;
    object-fit: contain;
    display: block;
}

.card-container h2 strong {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.6;
}

.card-container p {
    /* font-size: 1rem; */
}

.ppo-box {
    width: 100%;
    height: 100%;
    /* background: red; */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 30% 70%;
    gap: 0.25rem;
}

.ppo-box :first-child {
    grid-row: 1 / 2;
    font-size: 0.9rem;
    color: #a52a2a;
}

.ppo-box :last-child {
    grid-row: 2 / 3;
    font-size: 1.1rem;
    color: #0b063a;
}

.counter-box {
    width: 150px;
    border-radius:10px;
    height: fit-content;
    display: grid;
    grid-template-columns: 25% auto 25%;
}

.counter-box * {
    margin: 0px;
    padding: 0px;
    font-size: 1.3rem;
}

.counter-box button {
    border: none;
    outline: none;
    /* color: var(--barenj-hfc) !important; */
    background-color: transparent;
    background-color: #87A2FF;
    border-radius:10px
}

.counter-box p {
    text-align: center;
    color: var(--barenj-hfc);
}

.centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.total-price {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.total-price * {
    margin: 0px;
    padding: 0px;
}

.total-price p {
    font-size: 0.8rem;
}

.total-price span {
    font-size: 1.2rem;
    /* color: var(--barenj-hfc); */
    font-weight: bold;
}

.card-container .buy-btn {
    border: none;
    outline: none;
    /* background: var(--barenj-hfc); */
    border-radius: 10px;
    position: relative;
    padding-block: 0.8rem;
    padding-inline: 1.45rem;
    color: #fcfcff;
}

.bbc {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.mpi {
    width: fit-content;
    height: auto;
    /* padding-block: 0.5rem; */
    /* padding-inline: 1rem; */
    /* background-color: green; */
    /* border-radius: 10px; */
    color: #87cefa;
    gap: 0.25rem;
    border-bottom: 1px solid #87cefa;
}

/* shopping cart end */

/* cotact us start */
.fixed-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: color-mix(in lab, currentColor 15%, rgb(255, 255, 255));
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #00c741;
    cursor: pointer;
    z-index: 1000;
    transition: background-color 0.3s;
    border: 2px solid color-mix(in lab, currentColor 85%, white);
}

.fixed-button:hover .tooltip-text {
    display: block;
}

.tooltip-text {
    display: none;
    position: absolute;
    bottom: 5px;
    left: -7.5rem;
    transform: translateX(50%);
    background-color: #333;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    white-space: nowrap;
    line-height: 3;
}

.popup-menu {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1001;
    padding-inline: 1rem;
    padding-block: 1.2rem;
    width: 15rem;
}

.popup-menu a {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

.popup-menu a img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.popup-menu a:hover {
    background-color: #f1f1f1;
}

/* cotact us end */

.product-authenticity-guarantee-badge {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.product-authenticity-guarantee-badge small {
    color: color-mix(in lab, currentColor 20%, white);
}

@media (width < 500px) {
    .employment-form-head {
        top: -16px;
    }

    .employment-form-head h3 {
        text-align: center;
        white-space: nowrap;
        font-size: clamp(0.75rem, 0.3056rem + 2.2222vw, 1rem) !important;
    }
}

@media (width < 380px) {
    .form-check-skills {
        display: flex;
        flex-direction: column;
    }
}

@media (width < 578px) {
    .employment-page-container {
        padding-bottom: 100px;
    }

    .container.mt-5.pt-3 {
        padding-inline: 10px !important;
    }

    .employment-form-bg {
        box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1);
    }
}

@media (width < 1200px) {
    .detailProduct__responsive-cart {
        height: 10rem;
    }

    .detailProduct__responsive-cart img {
        object-fit: contain !important;
    }

    .bg-detail-product,
    .main-product-container{
        margin-inline-end: 0.25rem;
        margin-inline-start: 1.05rem;
    }
}

@media (width < 865px) {
    .detailProduct__responsive-cart {
        height: 10rem;
    }

    .detailProduct__responsive-cart img {
        object-fit: contain !important;
    }

    .bg-detail-product,
    .main-product-container{
        margin-inline-end: 0.25rem;
        margin-inline-start: 1.05rem;
    }

    .procudt-cart {
        position: relative;
        flex: 0 0 auto;
        width: 100%;
        top: 16px;
        left: 16px;
        max-width: 100%;
        min-height: fit-content;
        max-height: 100%;
        padding-block: 0rem;
        padding-inline: 0rem;
        background-color: #fafafa;
        border-radius: 15px;
        border: 1px solid #e0e0e2;
        margin-block-end: 1rem;
        padding: 1rem 2rem;
        margin-inline: 1rem;
    }

    .link-add-basket {
        margin-inline: unset;
        margin-inline-start: auto;
    }
}

@media (width < 768px) {
    .features-product {
        /* margin-bottom: 4rem; */
        margin-bottom: 0rem;
    }
}

@media (width < 768px) {
    .detailProduct__responsive-cart {
        width: auto;
        margin: 0 auto;
        height: 280px;
    }
    .detailProduct__responsive-cart > .zoom-cont{
        height: 200px;
    }
    .detailProduct__responsive-cart .product-container > .product-card{
        width: 270px;
        margin: 10px auto;
    }
}

@media (width < 300px){
    .custom-select-btn > div.gap-1 > label{
        font-size: 14px;
    }
    .custom-select-btn .select-icon{
        font-size: 11px;
    }
    .product-detail-content > div.my-2 > h5{
        font-size: 18px;
    }
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Adjust the number of lines to display */
    -webkit-box-orient: vertical;
}

/* latest product cards */

.card-product{
    width: 250px;
}

.latest-products-card.card {
    /* max-width: 260px; */
    width: 100%;
    max-width: 240px;
    margin: auto;
    background-color: #fff !important;
    /* padding-block-end: 1rem; */
    border-color: rgba(0, 0, 0, 0.02);
    /* box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); */
    overflow: clip;
    height: 100%;
    border-radius: 0px;
    padding: 12px;
}

.border-radius-limitation:nth-child(2) .latest-products-card.card {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.border-radius-limitation:last-child .latest-products-card.card {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.latest-products-card.card.limit {
    max-width: 240px;
}

.latest-products-card.card * {
    background-color: #fff !important;
    border: none;
}

.latest-products-card.card{
    border-radius: 5px;
    padding-bottom: 4px;
}

.latest-products-card.card:hover{
    border-radius: 15px;
    border: 1.5px solid #8c83fd;
    transition: all .3s ease-in-out;
}

.latest-products-card .card-product-buy{
    position: absolute;
    top: 47%;
    left: 10px;
    padding: 7px;
    border-top-right-radius: 10px;
}

.latest-products-card .card-product-buy::before{
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -3px;
    left: auto;
    right: -5px;
    background-image: url('../img/leftbottom.png');
    transform: rotate(45deg);
}

.latest-products-card.card .card-product-buy::after{
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -4px;
    right: auto;
    transform: rotate(45deg);
    background-image: url('../img/leftbottom.png');
}

.latest-products-card .card-img-top {
    /* height: 170px; */
    object-fit: contain;
    /* height: 200px;
    object-fit: cover; */
    border-radius: 4px;
    width: 100%;
}

.latest-products-card .card-product-name {
    display: flex;
    justify-content: space-between;
    padding: 8px 8px 0;
}

.latest-products-card .card-text {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    line-height: 1.5em;
    color: #62666d;
    font-size: 16px;
    margin: 0;
}

.latest-products-card .product-color{
    display: flex;
    margin-right: auto;
}

.latest-products-card .product-color > div.rounded-circle{
    width: 10px;
    height: 10px;
    margin: 4px;
}

.latest-products-card .card-footer {
    position: relative;
    display: flex;
    /* justify-content: flex-end; */
    /* align-items: flex-end; */
    /* height: 30px; */
    font-weight: 700;
    color: #3f4064;
    /* flex-direction: column; */
    /* justify-content: end; */
    justify-content: space-between;
    align-items: center;
    padding-bottom: 13px;
    padding-right: 0;
}

.latest-products-card .card-footer .card-product-footer{
    width: 65%;
    display: flex;
    flex-direction: column;
    text-align: start;
}

span.product-price{
    color: gray;
    text-decoration: line-through;
    text-align: start;
}

.latest-products-card > .card-footer > span{
    background-color: #8c83fd !important;
    padding: 1px 7px;
    border-radius: 8px;
}

.latest-products-card .card-footer del {
    font-size: 0.8rem;
    color: #c9cfd2;
}

.latest-products-card .card-discount {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 20px;
    font-weight: 500;
    font-size: 0.7rem;
    color: #d7d7d7;
    padding-inline: 1rem;
}

.latest-products-card .card-footer__link-text {
    font-size: 0.8rem;
    font-weight: 700;
}

.latest-products-card__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    z-index: -1;
    filter: opacity(0.4);
}

.card-product-desktop {
    position: relative;
    width: 350px;
    height: 200px;
    perspective: 1000px;
    padding: 0px !important;
    overflow: clip;
    border-radius: 10px;
}

.card-product-desktop__indicator {
    --h: 150px;
    position: absolute;
    top: 5.25rem;
    left: 15.3rem;
    z-index: 9;
    background-color: #eae8e8;
    border-radius: 50%;
    width: var(--h);
    height: var(--h);
    transform: translate(-50%, -50%);
}

.card-product-desktop__title {
    position: absolute;
    top: 50%;
    left: 1rem;
    z-index: 10;
    transform: translateY(-50%);
}

.card-product-desktop__title.back {
    z-index: 20;
}

.card-product-desktop__title h2 {
    font-size: 1.2rem;
    width: fit-content;
    text-align: center;
    margin: 0px !important;
    user-select: none;
    cursor: context-menu;
    max-width: 9.3rem;
    color: white;
}

.card-product-desktop__title.back h2 {
    color: black;
}

.card-product-desktop__back {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.07)'/></pattern></defs><rect width='800%' height='800%' transform='translate(-47,-76)' fill='url(%23a)'/></svg>"); */
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    border-radius: 10px;
}

/* .card-product-desktop.c-2 .card-product-desktop__back {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
} */

.card-product-desktop__front {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-clip-path: circle(70px at 70% 42%);
    clip-path: circle(70px at 70% 42%);
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* transition: clip-path 0.3s ease; */
    z-index: 10;
}

.card-product-desktop:hover .card-product-desktop__front {
    clip-path: circle(50% at var(--x) var(--y));
}

.digikala_font {
    font-family: "digikala";
}

.p-0.m-0.digikala_font.text-center.d-flex.flex-column.gap-2 :is(span) {
    background-color: transparent !important;
    color: #fff;
}

.latest-products-card.card
.p-0.m-0.digikala_font.text-center.d-flex.flex-column.gap-2
i {
    transition: 0.5s;
}

.latest-products-card.card:hover
.p-0.m-0.digikala_font.text-center.d-flex.flex-column.gap-2
i {
    transform: translateX(-10px);
}

/* @media (width < 732px), (768px < width < 792px), (1149px < width < 1508px) {
    .card-product-desktop:nth-child(odd) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
    .card-product-desktop:nth-child(even) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
}
@media (731px < width < 769px), (791px < width < 1150px) {
    .card-product-desktop.c-2_1 .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
    .card-product-desktop.c-2_2 .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
}

@media (1507px < width) {
    .card-product-desktop:nth-child(6) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
    .card-product-desktop:nth-child(7) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
    .card-product-desktop:nth-child(2) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
    .card-product-desktop:nth-child(4) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
} */

.modal_close_btn {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    border: none;
    background: transparent;
    border-radius: 999px;
    color: #333;
    letter-spacing: 0.05em;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

@media screen and (max-width: 660px) {
    .modal_item-2 .modal_close_btn {
        top: 5px;
        right: unset;
        left: 0px;
        width: 40px;
        height: 40px;
    }
}

.modal_close_btn::before {
    content: "×";
    font-size: 24px;
}

.modal_popup {
    position: fixed;
    z-index: 10000;
}

.modal_popup,
.modal_popup * {
    max-width: 100vw;
}

.modal_Area_wrap {
    position: fixed;
    z-index: 998;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
}

.modal_Area {
    max-width: 600px;
    width: 95%;
    padding: 16px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 999;
    background: #f5f5ff;
    box-sizing: border-box;
    text-align: center;
}

.modal_scroll_area {
    width: 100%;
    height: fit-content;
    max-height: 640px;
    overflow-y: auto;
    scrollbar-width: none;
}

.modal_Area .modal_text {
    max-width: 420px;
    padding: 20px 0;
}

.modal_scroll_area .form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.modal_scroll_area .form-control {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding-left: 2.5rem;
}

.modal_scroll_area .input-icon {
    position: absolute;
    left: 10px;
    top: 72%;
    transform: translateY(-50%);
    color: #888;
    font-size: 1.2rem;
    cursor: pointer;
}

.modal_scroll_area .input-group-text {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background-color: white;
}

.modal_scroll_area .btn-modern ,
#commentModel .btn-modern {
    background: linear-gradient(45deg, #ff6b6b, #f06595);
    border: none;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 50px;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modal_scroll_area .btn-modern:hover,
#commentModel .btn-modern:hover {
    background: linear-gradient(45deg, #f06595, #ff6b6b);
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(240, 101, 149, 0.4);
}

@media (width < 576px) {
    .modal_scroll_area .btn-modern ,
    #commentModel .btn-modern {
        font-size: clamp(0.75rem, 0.447vw + 0.463rem, 1rem);
    }

    .modal_item-2
    .modal_Area_wrap
    .modal_Area
    .modal_scroll_area
    .form-group.d-grid:has(button) {
        place-content: stretch !important;
    }
}

.modal_scroll_area .btn-modern:focus,
#commentModel .btn-modern:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(240, 101, 149, 0.5);
}

.zoom-container {
    position: relative;
    overflow: hidden;
    /* width: 300px; */ /* Adjust as needed */
    /* height: 300px; */ /* Adjust as needed */
}

.zoom-image {
    width: 100%;
    height: 100%;
    cursor: pointer;
    /* transition: transform 0.5s ease; */
}

.zoom-container:hover .zoom-image {
    transform: scale(2); /* Adjust zoom level as needed */
}

.image-gallery__wrapper {
    position: fixed;
    inset: 0;
    background-color: #f9f8f7;
    z-index: 9999;
    display: none;
    overscroll-behavior: contain;
}

.image-gallery {
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
}

.image-gallery__image-container {
    width: 60vw;
    height: 80vh;
    overflow: clip;
    border-radius: 0.5rem;
    background: white;
    position: relative;
}

/*body.modal-open {*/
/*    max-height: 100vh;*/
/*    overflow-y: clip !important;*/
/*}*/

.star-rating {
    display: inline-block;
    --star-bg-left: #afafaf;
    --star-bg-right: #afafaf;
}

.star-comment {
    font-size: 2em;
    color: transparent;
    cursor: pointer;
    transition: color 0.2s;
    position: relative;
}

.star-comment::before {
    content: "\2605";
    position: absolute;
    right: 0;
    width: 50%;
    overflow: hidden;
    color: var(--star-bg-right);
}

.star-comment::after {
    content: "\2605";
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    color: var(--star-bg-left);
    transform: rotateY(180deg);
}

.star-comment.selected-star::before {
    content: "\2605";
    position: absolute;
    right: 0;
    width: 50%;
    overflow: hidden;
    color: gold;
}

.star-comment.selected-star-half::before {
    content: "\2605";
    position: absolute;
    right: 0;
    width: 50%;
    overflow: hidden;
    color: gold;
}

.star-comment.selected-star::after {
    content: "\2605";
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    color: gold;
    transform: rotateY(180deg);
}

.scoring-system {
    display: none;
}

.scoring-system.activated {
    display: flex;
}

.image-gallery .swiper {
    width: 100%;
    height: 100%;
}

.image-gallery .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image-gallery .swiper {
    width: 100%;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}

.image-gallery .swiper-slide {
    background-size: cover;
    background-position: center;
}

.image-gallery .customSwiper {
    height: 75%;
    width: 100%;
}

.cSwiper {
    height: 25%;
    box-sizing: border-box;
    padding: 10px 0;
}

.cSwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.cSwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-container {
    display: flex;
    justify-content: space-between;
}

.product-card {
    width: 100%;
    height: 65px;
    border: 1px solid color-mix(in oklab, #ae405c 50%, white);
    text-align: center;
    margin: 10px 0;
    overflow: hidden;
    cursor: pointer;
}

.product-card img {
    width: 100%;
    max-height: 100%; /* ارتفاع تصویر */
    object-fit: contain;
}

.mini-buy-cart {
    width: 100%;
    flex-basis: 100%;
}

.mini-buy-cart form#addToCart {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    background-color: color-mix(in lab, #000 3%, white);
    padding: 0.5rem 1rem;
}

@media (width < 576px) {
    .mini-buy-cart form#addToCart {
        padding: 0rem 1rem;
    }

    .mini-buy-cart form#addToCart .add-to-cart-btn {
        font-size: 0.7rem;
    }
}

.add-to-cart-btn {
    color: #fff;
    background-color: #e73e3d;
    border-radius: 10px;
    padding: 8px 25px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 2px solid #e73e3d;
    display: block;
    width: max-content;
}

@media (width >= 1200px) {
    .product-detail-content {
        min-width: 55%;
        flex-grow: 1;
        padding-inline-start: 1.5rem !important;
    }
}

@media (width <= 992px) {
    .image-gallery__image-container {
        width: 98vw;
    }
}

.mbs2 {
    margin-block-start: 2rem;
}

.accordion#my_accordion {
    width: 100%;
    color: #444;
    border-radius: 5px;
    padding-block: 10px;
}

#my_accordion .accordion-item {
    /* border-bottom: 1px solid #ccc; */
    border: 1px solid #dfdfdf !important;
    padding: 10px;
    border-radius: 8px !important;
}

#my_accordion .accordion-item:not(:first-of-type) {
    border: 1px solid #dfdfdf !important;
}

#my_accordion .accordion-header {
    cursor: pointer;
    font-size: 15px;
}

#my_accordion .accordion-body {
    display: none;
}

#my_accordion .accordion-header i {
    margin-right: 5px;
    transition: transform 0.3s ease-in-out;
}

#my_accordion .accordion-header.active i {
    transform: rotate(180deg);
}

.unique-product-container {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
    margin-block-end: 1rem;
    position: relative;
}

.unique-product-container::before {
    content: "محصول ویژه";
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 1.2rem;
    font-family: "digikala", sans-serif;
    color: var(--main-red);
}

.unique-product-card {
    width: 100%;
    /* margin: 10px; */
    border: 1px solid #ccc;
    padding: 10px;
    padding-block-end: 1rem;
    text-align: center;
    border-radius: 8px;
    overflow: clip;
    transition: 0.25s;
    height: 25.2rem;
}

@media (350px < width < 992px) {
    .unique-product-card {
        width: 19.5rem;
    }

    .unique-product-container {
        width: fit-content;
        margin-inline: auto;
    }
}

.unique-product-card:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.unique-product-card img {
    max-width: 100%;
    height: auto;
    max-height: 18rem;
    object-fit: contain;
}

.unique-product-card button {
    background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
}

.unique-product-card h2 {
    font-size: 15px;
    text-align: right;
}

.unique-product-card p {
    font-size: 15px;
    text-align: left;
    font-weight: bolder;
}

.cBadge {
    padding: 0px 8px;
    font-weight: 700;
    background-color: var(--main-red);
    color: #fff;
    font-size: 12px;
    border-radius: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (width <= 576px) {
    .short-product-description.category-page {
        margin-block-end: 7rem !important;
    }
}

.range-container {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

#slider-range {
    margin: 20px 0;
}

.unique-product-card .old-price {
    font-size: 0.85rem;
    font-weight: 300;
    color: #afafaf;
    text-align: end;
    line-height: 0;
}

.danger-box {
    color: var(--main-red);
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    margin-top: 1rem;
}

/* .danger-box {
    color: var(--main-red);
    border: 1px solid var(--main-red);
    background-color: color-mix(in lab, currentColor 15%, white);
    border-radius: 0.25rem;
    padding-block: 0.5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
} */

.main-banner__wrapper {
    grid-template-columns: repeat(3, 1fr);
    max-width: fit-content;
    margin-inline: auto;
}

@media (576px <= width < 750px) {
    .main-banner__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .card-product-desktop:nth-child(odd) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }

    .card-product-desktop:nth-child(even) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
}

@media (750px <= width < 1100px) {
    .main-banner__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .card-product-desktop:is(:nth-child(1), :nth-child(4), :nth-child(5))
    .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }

    .card-product-desktop:is(:nth-child(2), :nth-child(3), :nth-child(6))
    .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
}

@media (1100px <= width) {
    .card-product-desktop:nth-child(odd) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(120, 36%, 48%, 1)'/><path d='M44.11 8.56c-.065.316-.192.615-.24.931-.037.395-.11.796-.083 1.197.016.564.113 1.127.287 1.664.166.405.303.835.577 1.187.225.358.456.724.788.994.222.222.483.42.614.718.4.748.164 1.758-.536 2.242-.663.515-1.69.47-2.285-.131-.414-.374-.525-.936-.717-1.433-.195-.513-.238-1.06-.316-1.599 0-.442-.015-.886.008-1.327.073-.471.115-.955.235-1.42.081-.295.195-.578.303-.864.195-.472.436-.924.74-1.334.176-.282.439-.515.61-.809zm-2.819.134L38.42 14.01a1.83 1.83 0 01-2.446.745c-.878-.452-1.197-1.569-.745-2.446a2 2 0 01.745-.745zm.16-2.819a11.23 11.23 0 01-.771.638c-.49.34-1.008.652-1.581.832-.469.208-.978.308-1.484.387-.373.019-.736.106-1.112.084-.525.01-1.054-.003-1.566-.128-.563-.05-1.082-.293-1.612-.473-.832-.31-1.33-1.285-1.087-2.14.225-.892 1.211-1.49 2.107-1.28.45.09.836.38 1.111.738.274.272.54.558.89.73.347.243.713.455 1.117.586.428.163.87.291 1.329.322.578.108 1.18.056 1.755-.03.315-.026.605-.176.904-.266zm3.377.612a1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33zM41.439 44.11c-.315-.065-.614-.192-.93-.24-.395-.037-.796-.11-1.197-.083a5.959 5.959 0 00-1.664.287c-.405.166-.835.303-1.187.577-.358.225-.724.456-.994.788-.222.222-.42.483-.718.614-.748.4-1.758.164-2.242-.536-.515-.663-.47-1.69.131-2.285.374-.414.936-.525 1.433-.717.513-.195 1.06-.238 1.599-.316.442 0 .885-.015 1.326.008.472.073.956.115 1.421.235.295.081.578.195.864.303.472.195.924.436 1.334.74.282.177.515.439.809.61zm-.133-2.819L35.99 38.42a1.83 1.83 0 01-.745-2.446c.452-.878 1.569-1.197 2.446-.745a2 2 0 01.745.745zm2.819.16a11.223 11.223 0 01-.638-.771c-.34-.49-.652-1.008-.832-1.581-.208-.469-.308-.978-.387-1.484-.019-.373-.106-.736-.084-1.112-.01-.525.003-1.054.128-1.566.05-.563.293-1.082.473-1.612.31-.832 1.285-1.33 2.14-1.087.892.225 1.49 1.211 1.28 2.107-.09.45-.38.836-.738 1.111-.272.274-.558.54-.73.89-.243.347-.455.713-.586 1.117-.163.428-.291.87-.322 1.329-.108.578-.056 1.18.03 1.755.026.315.176.605.266.904zm-.612 3.377a1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33zM5.89 41.439c.065-.315.192-.614.24-.93.037-.395.11-.796.083-1.197a5.955 5.955 0 00-.287-1.664c-.166-.405-.303-.835-.577-1.187-.225-.358-.456-.724-.788-.994-.222-.222-.483-.42-.614-.718-.4-.748-.164-1.758.536-2.242.663-.515 1.69-.47 2.285.131.414.374.525.936.717 1.433.195.513.238 1.06.316 1.599 0 .442.015.885-.008 1.326-.073.472-.115.956-.235 1.421-.081.295-.195.578-.303.864a6.282 6.282 0 01-.74 1.334c-.176.282-.439.515-.61.809zm2.819-.133l2.871-5.317a1.83 1.83 0 012.446-.745c.878.452 1.197 1.569.745 2.446a2 2 0 01-.745.745zm-.16 2.819c.247-.226.507-.437.771-.638.49-.34 1.008-.652 1.581-.832.469-.208.978-.308 1.484-.387.373-.019.736-.106 1.112-.084.525-.01 1.054.003 1.566.128.563.05 1.082.293 1.612.473.832.31 1.33 1.285 1.087 2.14-.225.892-1.211 1.49-2.107 1.28-.45-.09-.836-.38-1.111-.738-.274-.272-.54-.559-.89-.73-.347-.243-.713-.455-1.117-.586-.428-.163-.87-.291-1.329-.322-.578-.108-1.18-.056-1.755.03-.315.026-.605.176-.904.266zm-3.377-.612a1.33 1.33 0 011.33 1.33 1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33zM8.561 5.89c.315.065.614.192.93.24.395.037.796.11 1.197.083a5.959 5.959 0 001.664-.288c.405-.165.835-.302 1.187-.576.358-.225.724-.456.994-.788.222-.222.42-.483.718-.614.748-.4 1.758-.164 2.242.536.515.663.47 1.69-.131 2.285-.374.414-.936.525-1.433.717-.513.195-1.06.238-1.599.316-.442 0-.885.015-1.326-.008-.472-.073-.956-.115-1.421-.235-.295-.081-.578-.195-.864-.303a6.281 6.281 0 01-1.334-.74c-.282-.177-.515-.439-.809-.61zm.133 2.819l5.317 2.871a1.83 1.83 0 01.745 2.446c-.452.878-1.569 1.197-2.446.745a2 2 0 01-.745-.745zm-2.819-.16c.226.247.437.507.638.771.34.49.652 1.008.832 1.581.208.469.308.978.387 1.484.019.373.106.736.084 1.112.01.525-.003 1.054-.128 1.566-.05.563-.293 1.082-.473 1.612-.31.832-1.285 1.33-2.14 1.087-.892-.225-1.49-1.211-1.28-2.107.09-.45.38-.836.738-1.111.272-.274.558-.54.73-.89.243-.347.455-.713.586-1.117.163-.428.291-.87.322-1.329.108-.578.056-1.18-.03-1.755-.026-.315-.176-.605-.266-.904zm.612-3.377a1.33 1.33 0 01-1.33 1.33 1.33 1.33 0 01-1.33-1.33 1.33 1.33 0 011.33-1.33 1.33 1.33 0 011.33 1.33zm22.515 22.552c2.052-.142 2.476-1.875 2.476-2.724 0-.849-.46-2.582-2.476-2.724C26.951 22.135 24.97 25 24.97 25s2.016 2.83 4.032 2.724zm-6.756 1.308c.142 2.052 1.875 2.476 2.724 2.476.849 0 2.582-.46 2.724-2.476C27.835 26.981 24.97 25 24.97 25s-2.83 2.016-2.724 4.032zm-1.308-6.756c-2.052.142-2.476 1.875-2.476 2.724 0 .849.46 2.582 2.476 2.724C22.989 27.865 24.97 25 24.97 25s-2.016-2.83-4.032-2.724zm6.756-1.308c-.142-2.052-1.875-2.476-2.724-2.476-.849 0-2.582.46-2.724 2.476C22.105 23.019 24.97 25 24.97 25s2.83-2.016 2.724-4.032z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 0%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }

    .card-product-desktop:nth-child(even) .card-product-desktop__back {
        background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50' height='50' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(37, 86%, 56%, 1)'/><path d='M25 3.95L22.3 9.2c-1.45 2.75-.95 6.15 1.25 8.35L25 19l1.45-1.45c2.15-2.2 2.65-5.6 1.25-8.35zm0 7.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.85.65-1.5 1.5-1.5zm-13.1.45l.75 5.6c.15 1.15 1 2.05 2.1 2.35l6.8 1.7-1.7-6.8c-.25-1.1-1.2-1.95-2.35-2.1zm26.2 0l-5.6.75c-1.15.15-2.05 1-2.35 2.1l-1.7 6.8 6.8-1.7c1.1-.25 1.95-1.2 2.1-2.35zm-21.4 3.4c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.35.15-.75.4-1s.6-.4 1-.4zm16.55 0c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.15-1-.4s-.4-.6-.4-1c0-.75.6-1.4 1.4-1.4zm4.28 6.179a7.102 7.102 0 00-5.08 2.072L31 25l1.45 1.45c2.2 2.15 5.6 2.65 8.35 1.25l5.25-2.7-5.25-2.7a7.126 7.126 0 00-3.27-.821zm-25.06.035a7.267 7.267 0 00-3.27.787L3.95 25l5.25 2.7c2.75 1.45 6.15.95 8.35-1.25L19 25l-1.45-1.45c-1.374-1.343-3.218-2.043-5.08-2.036zm12.53.685c-.75 0-1.45.301-1.95.801s-.8 1.2-.8 1.95.3 1.45.8 1.95 1.2.8 1.95.8 1.45-.3 1.95-.8.8-1.2.8-1.95-.3-1.45-.8-1.95-1.2-.8-1.95-.8zm12 1.25c.85 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.65-1.5-1.5.7-1.5 1.5-1.5zM13 23.5c.8 0 1.5.65 1.5 1.5s-.7 1.5-1.5 1.5c-.85 0-1.5-.65-1.5-1.5s.7-1.5 1.5-1.5zm8.55 4.95l-6.8 1.7c-1.1.25-1.95 1.2-2.1 2.35l-.75 5.6 5.6-.75c1.15-.15 2.05-1 2.35-2.1zm6.9 0l1.7 6.8c.25 1.1 1.2 1.95 2.35 2.1l5.6.7-.75-5.6c-.15-1.15-1-2.05-2.1-2.35zM25 31l-1.45 1.45c-2.15 2.2-2.65 5.6-1.25 8.35l2.7 5.25 2.7-5.25c1.45-2.75.95-6.15-1.25-8.35zm8.3.85c.75 0 1.4.6 1.4 1.4 0 .4-.15.75-.4 1s-.6.4-1 .4c-.75 0-1.4-.6-1.4-1.4 0-.4.15-.75.4-1s.6-.4 1-.4zm-16.55.05c.4 0 .75.15 1 .4s.4.6.4 1c0 .75-.6 1.4-1.4 1.4-.4 0-.75-.2-1-.4-.25-.25-.4-.6-.4-1 0-.75.6-1.4 1.4-1.4zM25 35.5c.85 0 1.5.7 1.5 1.5 0 .85-.65 1.5-1.5 1.5s-1.5-.7-1.5-1.5.65-1.5 1.5-1.5z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 0.08)'/><path d='M1 0c.5.9 1.45 1.5 2.55 1.5C4.65 1.5 5.6.9 6.1 0zm42.9 0c.5.9 1.45 1.5 2.55 1.5C47.55 1.5 48.5.9 49 0zM0 1v5.1c.9-.5 1.5-1.45 1.5-2.55C1.5 2.45.9 1.5 0 1zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM0 43.9V49c.9-.5 1.5-1.45 1.5-2.55 0-1.1-.6-2.05-1.5-2.55zm50 0c-.9.5-1.5 1.45-1.5 2.55 0 1.1.6 2.05 1.5 2.55zM3.55 48.5c-1.1 0-2.05.6-2.55 1.5h5.1c-.5-.9-1.45-1.5-2.55-1.5zm42.9 0c-1.1 0-2.05.6-2.55 1.5H49c-.5-.9-1.45-1.5-2.55-1.5z'  stroke-width='1' stroke='none' fill='hsla(340, 82%, 52%, 0.13)'/><path d='M11.7 0A28.002 28.002 0 00.05 11.65v1.45c1.3-2.8 3.1-5.4 5.4-7.65A27.64 27.64 0 0113.15 0H11.7zm25.2.05c2.8 1.3 5.4 3.1 7.65 5.4a27.64 27.64 0 015.45 7.7V11.7A28.002 28.002 0 0038.35.05H36.9zm-16.6.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM17.65 3.6a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM12.3 8.9a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM9.45 11.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 14.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 17.05a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM1.5 19.75a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-47 9.4a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm47 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM4.15 31.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm41.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM6.8 34.45a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm36.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM0 36.85v1.45a28.002 28.002 0 0011.65 11.65h1.45c-2.8-1.3-5.4-3.15-7.65-5.4A27.64 27.64 0 010 36.85zm49.95 0a25.563 25.563 0 01-5.4 7.7 27.64 27.64 0 01-7.7 5.45h1.45a28.002 28.002 0 0011.65-11.65v-1.5zm-40.5.3a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm31.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-28.25 2.8a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm25.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-22.75 2.7a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm20.1 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm-17.4 2.65a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm14.7 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zM20.3 47.95a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55zm9.4 0a.55.55 0 00-.55.55.55.55 0 00.55.55.55.55 0 00.55-.55.55.55 0 00-.55-.55z'  stroke-width='1' stroke='none' fill='hsla(199, 98%, 48%, 0.08)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    }
}

.my_container {
    margin-inline: auto;
}

@media (width < 576px) {
    .my_container {
        width: 100%;
        max-width: 100%;
    }
}

@media (width >= 576px) {
    .my_container {
        width: 540px;
        max-width: 540px;
    }
}

@media (width >= 768px) {
    .my_container {
        width: 720px;
        max-width: 720px;
    }
}

@media (width >= 992px) {
    .my_container {
        width: 960px;
        max-width: 960px;
    }
}

@media (width >= 1200px) {
    .my_container {
        width: 1140px;
        max-width: 1140px;
    }
}

@media (width >= 1400px) {
    .my_container {
        width: 1320px;
        max-width: 1320px;
    }
}

.fcbarcelon_swiper {
    position: relative;
    height: 30vh;
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.fcbarcelon_swiper .swiper {
    width: 100%;
    height: 100%;
}

.fcbarcelon_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fcbarcelon_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#responsive-navigation {
    display: none;
}

@media (width <= 768px) {
    .home-swiper-sliders .swiper-slide {
        max-width: unset !important;
    }

    .back-container {
        position: fixed;
        inset: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
    }

    #overlay1899 {
        position: fixed;
        z-index: 9999999;
        width: 100vw;
        height: auto;
    }
    .clip-y {
        overflow-y: hidden !important;
        max-height: 100vh;
    }
    #responsive-navigation {
        display: none;
        width: 300px;
        height: 100vh;
        position: absolute;
        top: -35px;
        right: -300px;
        overflow-y: scroll;
        z-index: 999999;
        background-color: rgba(0, 0, 0, 0.9);
        isolation: isolate;
    }
    #responsive-navigation ul li {
        width: 100%;
        text-align: right;
        margin: 0;
        color: #fff;
    }
    #responsive-navigation ul li a {
        padding-right: 20px;
    }
    #responsive-navigation ul li a:hover,
    .dropdown-btn:hover {
        color: #f1f1f1;
        background-color: #a1dd70;
    }
    #responsive-navigation ul li ul li {
        list-style-type: none;
    }
    .dropdown-container {
        display: none;
    }
    .nav-basket-btn {
        color: #fff;
        justify-content: start;
        padding-right: 40px;
    }
}

.bg-category {
    /*margin-top: 80px;*/
    padding: 20px;
}

@media (width <= 592px) {
    .bg-category {
        padding: 5px;
    }
}

.font-icon {
    font-family: "basalam-icon";
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.font-icon::after {
    content: "\ea22";
}

@media (width < 420px) {
    .bg-products.home-page {
        max-width: 93vw !important;
    }
}

/*h1[alt="Simple"] {*/
/*    color: white;*/
/*}*/

/*a[href], a[href]:hover {*/
/*    color: grey;*/
/*    font-size: 0.5em;*/
/*    text-decoration: none*/
/*}*/

.starrating > input {
    display: none;
}

/* Remove radio buttons */

.starrating > label:before {
    content: "\f005"; /* Star */
    margin: 2px;
    font-size: 2em;
    font-family: FontAwesome, serif;
    display: inline-block;
}

.starrating > label {
    color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label {
    color: #ffca08;
}

/* Set yellow color when star checked */

.starrating > input:hover ~ label {
    color: #ffca08;
}

/* Set yellow color when star hover */
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}
.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
}
.empty-stars:before, .full-stars:before {
    content:"\2605\2605\2605\2605\2605";
    font-size: 14pt;
}
.empty-stars:before {
    -webkit-text-stroke: 1px #848484;
}
.full-stars:before {
    -webkit-text-stroke: 1px orange;
}
/* Webkit-text-stroke is not supported on firefox or IE */

/* Firefox */
@-moz-document url-prefix() {
    .full-stars {
        color: #ECBE24;
    }
}
/* IE */
/*<!--[if IE]> .full-stars {*/
/*               color: #ECBE24;*/
/*           }*/
/*<![endif]-->*/

.products-features{
    border: 1px solid color-mix(in oklab, #ae405c 50%, white);
    border-radius: 0.4rem;
    margin: 16px 0 24px;
}
.button-img-next,
.button-img-prev{
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e73e3d;
    color: #fff;
    font-size: 30px;
    margin: 8px;
    border-radius: 50%;
}
.button-img-prev{
    left: 0;
}
.button-img-prev:hover > i{
    animation: imgButtonPrev 2s linear infinite;
}
.button-img-next:hover > i{
    animation: imgButtonNext 2s linear infinite;
}
@keyframes imgButtonNext{
    0%{
        transform: translateX(0px);
    }
    33%{
        transform: translateX(-10px);
    }
    66%{
        transform: translateX(10px);
    }
    100%{
        transform: translateX(0px);
    }
}
@keyframes imgButtonPrev{
    0%{
        transform: translateX(0px);
    }
    33%{
        transform: translateX(10px);
    }
    66%{
        transform: translateX(-10px);
    }
    100%{
        transform: translateX(0px);
    }
}
.product-image{
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.product-images,
.product-detail,
.product-desc,
.product-footer{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    border-radius: 20px;
    background-color: #f9f9f9db;
}
.product-images .prod-img{
    width: 33.2%;
    height: 80px;
    border-radius: 20px;
}
.product-images .prod-img > img{
    width: 100%;
    height: 100%;
}
.product-images > .product-img-container{
    background-color: #f0f0f0;
    border-radius: 20px;
}
.product-detail{
    margin-right: 12px;
}
.product-detail > ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 17px 0 15px;
    margin-bottom: 30px;
}
.product-detail > ul::before{
    content: "";
    top: auto;
    bottom: 0;
    right: -13px;
    width: calc(100% + 13px);
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
}
.product-detail > ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product-detail > ul::after{
    content: "";
    top: 0;
    right: -13px;
    width: calc(100% + 13px);
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
    margin-top: 10px;
}
.product-detail ul.flex-sm-nowrap li:first-child{
    padding: 0 4px 0 17px;
    font-weight: 500;
}
.product-detail ul.flex-sm-nowrap li:not(:first-child){
    position: relative;
}
.product-detail ul.flex-sm-nowrap li:not(:first-child)::after {
    content: "";
    position: absolute;
    top: -21.5px;
    left: 10%;
    transform: translate(-50%,10px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e7ebee;
}
.product-detail ul li:not(:first-child) a{
    font-weight: 700;
}
.product-detail ul li:not(:first-child) a:hover{
    color: #e73e3d;
    cursor: pointer;
}
.product-features,
.prod-features,
.product-buying,
.prod-info,
.short-desc{
    padding-right: 40px;
}
.prod-features::before,
.product-buying::before,
.prod-info::before{
    content: "";
    top: auto;
    bottom: 0;
    right: -13px;
    width: calc(100% + 13px);
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
}
.product-features::before{
    content: "";
    top: auto;
    bottom: 0;
    right: -13px;
    width: calc(100% + 13px);
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
}
.prod-features .product-color,
.prod-features .product-size{
    width: 55px;
    text-align: center;
    font-size: 14px;
    margin-right: 8px;
    border-radius: 20px;
}
.prod-features .product-size{
    border-bottom: 2px solid;
}
.product-features .product-feature{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
.product-features > div,
.short-desc > div{
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}
.product-features .product-feature .prod-feature{
    max-width: 50%;
    width: 100%;
    line-height: 30px;
    list-style: none;
    font-size: 16px;
}
.short-desc > p,
.product-desc > p{
    font-size: 16px
}
.product-buying-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.prod-price,
.product-buy{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prod-price > h5 > span{
    font-size: 25px;
}


.product-images > .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
div.product-image.swiper-wrapper{
    box-sizing: border-box;
    margin: 0;
}

.product-image .swiper-slide {
    background-size: cover !important;
    background-position: center !important;
}

.product-images > .gallery-top {
    height: 100%;
    width: 100%;
}

.product-image.gallery-thumbs {
    box-sizing: border-box;
}

.product-image.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}

.product-image.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.product-images .swiper-button-next::after,
.product-images .swiper-button-prev::after{
    font-size: 25px;
    background-color: #cececea3;
    padding: 18px 7px;
    border-radius: 8px;
    height: 60px;
}
.product-images .swiper-button-next:hover::after,
.product-images .swiper-button-prev:hover::after{
    background-color: #fff;
}
.product-image > .swiper-wrapper{
    padding: 0 !important;
}
.select-quantity .btn-minus,
.select-quantity .btn-plus{
    position: relative;
    font-size: 16px;
    font-weight: 900;
    margin-left: -18px;
    margin-right: 5px;
    top: -2px;
    background: rgba(45,54,93,.37);
    padding: 0 10px;
    border-radius: 0 130px 130px 0;
    z-index: 1;
}
.select-quantity .btn-plus{
    margin-left: 5px;
    margin-right: -18px;
    border-radius: 130px 0 0 130px;
}
.select-quantity .product-quantity{
    font-size: 16px;
    width: 48px;
    height: 30px;
    background-color: #f8f9fb;
    border-radius: 50px;
    margin: 0 5px;
    border: 0;
    font-weight: 900;
    color: #2d365d;
    position: relative;
    top: -2px;
    z-index: 2;
    text-align: center;
    appearance: textfield;
}
@media (width < 992px) {
    .product-detail {
        margin-right: 0;
    }

    .product-images{
        width: 100%
    }
    .product-image > div{
        height: 380px;
    }
}
@media (width <= 576px){
    .prod-features > div{
        width: 100%;
    }
}
@media (width <= 400px){
    .product-features,
    .prod-features,
    .product-buying,
    .prod-info,
    .short-desc{
        padding-right: 0;
    }
    .product-features .product-feature .prod-feature{
        font-size: 14px;
    }
    .product-image > div {
        height: 300px;
    }
    .product-detail ul.flex-sm-nowrap li:not(:first-child)::after{
        top: -31px;
    }
}
@media (width <= 300px){
    section.main-product-container{
        margin: 10px;
    }
    .container-fluid > div.py-2{
        width: 290px;
    }
    .product-buy > .add-to-cart-btn{
        margin-top: 8px;
    }
    .product-detail ul.flex-sm-nowrap li:not(:first-child)::after{
        top: -21.5px;
    }
}