/*fonts*/
@font-face {
    font-family: 'mindseed';
    src: url('/assets/fonts/mindseed/mindseed.eot?4aeakd');
    src: url('/assets/fonts/mindseed/mindseed.eot?4aeakd#iefix') format('embedded-opentype'), url('/assets/fonts/mindseed/mindseed.ttf?4aeakd') format('truetype'), url('/assets/fonts/mindseed/mindseed.woff?4aeakd') format('woff'), url('/assets/fonts/mindseed/mindseed.svg?4aeakd#mindseed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'neutraface';
    src: url('/assets/fonts/neutraface.otf');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neutraface';
    src: url('/assets/fonts/neutraface-bold.otf');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-Bold.otf');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-SemiBold.otf');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-Regular.otf');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-Light.otf');
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-ExtraLight.otf');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'mont';
    src: url('/assets/fonts/mont/Mont-RegularItalic.otf');
    font-style: italic;
    font-display: swap;
}


/*general*/

body * {
    font-family: "mont";
    line-height: 1.5;
    box-sizing: border-box;
    font-weight: 200;
}

body div {
    line-height: 1.5;
}

html {
    --primary: #d0e0d8;
    --primarybg: #f8f8fc;
    --primarymore: #b8d5cd;
    --primarymoretext: #53897a;
    --dblue: #284f9c;
    --purple: #a154a0;
    --orange: #f58345;
    --yellow: #ffcb08;
    --text-primary: #000;
    --text-secondary: #333333;
    --grey: #828282;
    --lightgrey: #bdbdbd;
    --lightergrey: #e0e0e0;
    --instock: #96ed40;
    --outofstock: #d80707;
    --order: #f57e00;
    /*scroll-behavior: smooth;*/
    --retinol-reboot: #A154A1;
    --peptides-reload: #274E9B;
    --brightening-vitaminc: #F58345;
    --sun-aftersun: #FFDD00;
    --hydration: #F49AC1;
    --blemish-prone: #0091D0;
    --bodycare: #4EB857;
    --cleaning-mask: #FAA61A;
    --discounttext: "προτ. τιμή καταλόγου";
}

html[lang="en"] {
    --discounttext: "suggested list price";
}

body {
    font-size: 16px;
    color: var(--text-primary);
    margin: 0;
    overflow-anchor: none;
    overflow-x: hidden;
}

.container.mstm-breadcrumb-container {
    background-color: var(--primarybg);
}

/******************************************mstm library*******************************************/

.clearfix::after {
    content: "";
    display: table-cell;
    clear: both;
}

i {
    display: inline-block;
}

.msicon-before-relative {
    line-height: 0;
}

.msicon-before-relative::before {
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-family: 'mindseed' !important;
    position: relative;
    line-height: 1;
}

.msicon-before::before {
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-family: 'mindseed' !important;
    position: absolute;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/*icons*/
.msicon-path, .msicon-path *, .msicon-path [class^="icon-"], .msicon-path [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mindseed' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.msicon-before-inline {
    display: inline-block;
    font-family: 'mindseed' !important;
    line-height: 1;
    font-style: normal;
}


.ellipsis {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--numberoflines) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.container {
    max-width: 1907px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px;
}

body.overlay {
    overflow-y: hidden;
    height: calc( var(--vhHeight));
}

button[disabled], html input[disabled] {
    opacity: 0.6;
    cursor: not-allowed !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

*, :before, :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
}

strong, b {
    font-weight: 600;
}

.it {
    font-style: italic;
}

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

h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 * {
    line-height: 1.2;
}


.static-content ul, .static-content ul li {
    list-style-position: inside;
    list-style: disc;
}

    .static-content ul li {
        padding-left: 10px;
    }

i {
    line-height: 1;
}

button {
    -webkit-appearance: none !important;
    user-select: none !important;
    border: none;
    background: none;
    transition: .3s ease-in-out;
    cursor: pointer;
}

*:focus {
    outline: none !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

a, a:hover, a:active, a:focus, a:active, a:visited {
    text-decoration: none;
    outline: unset;
    transition: all .3s ease-in-out;
    outline: none !important;
    color: inherit;
}

textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    resize: none;
}

a {
    cursor: pointer;
}

    a:hover {
        color: var(--text-secondary);
    }

.stp-href[href=""] {
    pointer-events: none;
}

.slider-image-caption a {
    color: inherit;
}

input[type=button] {
    cursor: pointer;
}

#home .mstm-breadcrumb, 
#home #statictitle, 
#home-en .mstm-breadcrumb, 
#home-en #statictitle,
#draft .mstm-breadcrumb,
#draft #statictitle {
    display: none;
}

.mstm-breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.mstm-breadcrumb, .mstm-breadcrumb-st, .mstm-breadcrumb-dyn, .mstm-breadcrumb-rep, .mstm-breadcrumb-rep .breadcrumb-item {
    display: flex;
    font-size: 14px;
    align-items: baseline;
}

.mstm-breadcrumb-rep > li::before {
    position: relative;
    left: 0;
    padding: 0 5px;
    font-size: 10px;
}

.mstm-breadcrumb-rep li:last-of-type {
	width: 300px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mstm-breadcrumb-rep li:last-of-type a,
.mstm-breadcrumb-rep li:last-of-type span,
.breadcrumb-item.active span {
    color: var(--grey);
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 9px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    margin-bottom: 29px;
    text-align: left;
    border: 1px solid var(--text-primary);
}

::-webkit-input-placeholder { /* Edge */
    opacity: 1;
    color: var(--text-primary);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 1;
    color: #a3a3a3;
}

::placeholder {
    opacity: 1;
    color: var(--text-primary);
}


.outline-error {
    position: relative;
}

.outline-error.empty {
    margin-bottom: 29px;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px 20px;
    margin-bottom: 30px;
    color: #721c24;
}

.alert.alert-success {
    background-color: #d4edda;
    padding: 10px;
    font-size: 14px;
    color: #155724;
}

.alert.alert-danger.inline {
    color: #da2e40;
}

.alert.alert-success.inline {
    background-color: #d4edda;
    padding: 5px 10px;
    color: #155724;
}


.pill-content {
    display: none;
}

.alert.inline {
    background-color: transparent;
    margin: 0px;
    width: 100%;
    top: 100%;
    font-size: 10px;
    padding: 5px 0px 0px;
    letter-spacing: 0.5px;
    position: absolute;
}

.mstm-contact-form.form-fields .alert {
    color: red;
    font-size: 12px;
    top: -22px;
    position: relative;
    display: inline;
    margin-left: 5px;
}

.pill {
    cursor: pointer;
}

.tab-content.pill-content.active {
    display: block;
}

.slick-initialized {
    position: relative;
}

.slick-prev,
.slick-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
    z-index: 1;
    width: 30px !important;
    height: 30px !important;
}

.slick-prev {
    left: 0px !important;
}

.slick-next {
    right: 0px !important;
}

.slick-prev.msicon-before-relative::before {
    content: '\e98c';
}

.slick-next.msicon-before-relative::before {
    content: '\e98d' !important;
}

.slick-prev.msicon-before-relative::before,
.slick-next.msicon-before-relative::before {
    font-size: 28px;
    color: var(--text-primary);
}

.slick-next::before, .slick-prev::before {
    opacity: 1;
    transition: .3s ease-in-out;
}

/*.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before {
    color: var(--primarymore);
}*/

.slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.slick-dots li button {
    text-indent: -99999px;
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
}

.slick-dots li button::before {
    opacity: 1 !important;
    background: transparent !important;
    width: 110px !important;
    height: 5px;
    border-radius: 0;
    position: relative !important;
    display: block;
    border-bottom: 1px solid var(--grey);
}

.slick-dots li.slick-active button::before {
    position: relative !important;
    border-bottom: 3px solid var(--text-primary);
    top: 1px;
}


body.overlay-search, body.overlay-filter, body.overlay-menu {
    overflow-y: hidden;
    max-height: calc( var(--vhHeight) - var(--headerHeight) );
}

.area1 {
    grid-area: area1;
}

.area2 {
    grid-area: area2;
}

.area3 {
    grid-area: area3;
}

.area4 {
    grid-area: area4
}

.area5 {
    grid-area: area5
}

.area6 {
    grid-area: area6
}

.opc-05 {
    opacity: 0.5;
}

.mstm-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 24px !important;
    cursor: pointer;
    --fontsize: 14px;
    font-size: var(--fontsize);
    text-align: left;
}

.mstm-checkbox input {
    position: absolute;
    opacity: 0 !important;
    cursor: pointer;
    width: 100%;
    left: 0px;
    height: 100%;
    top: 0px;
}

.mstm-checkbox .checkmark {
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-50%);
    top: calc(var(--fontsize) * 0.6);
    left: 0px;
    height: 16px;
    width: 16px;
    background-color: white;
    border: 1px solid var(--text-primary);
    cursor: pointer;
}

.mstm-checkbox .checkmark.checked::before,
.mstm-checkbox input:checked ~ .checkmark::before {
    content: "\e98f";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: mindseed;
    font-style: normal;
    color: var(--text-primary);
}

.mstm-checkbox label a {
    position: relative;
    z-index: 2;
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

*::selection {
    background: var(--primary);
    color: inherit;
}

.overlay-search #overlay-smoke, .overlay-filter #overlay-smoke, .overlay-menu #overlay-smoke {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    background: rgba(0,0,0,0.80);
    z-index: 4;
}

.aspect-image-outer {
    width: 100%;
    --aspect-ratio: 1;
    position: relative;
}

.aspect-image-outer::before {
    content: "";
    display: block;
    width: 1px;
    height: 0;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
    position: relative;
}

.aspect-image-outer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0px;
    object-position: center;
    left: 0px;
}

#googleMap iframe {
    pointer-events: none;
}

#googleMap iframe.clicked {
    pointer-events: auto;
}

/*--texts--*/
p + p {
    margin-top: 15px;
}

/*--buttons--*/
.btn {
    text-align: center;
}

.btn input {
    background: none;
    border: none;
    color: inherit;
}

.btn.btn-outline.white {
	padding: 8px 37px;
	font-size: 16px;
	color: var(--text-primary);
	border: 1px solid var(--text-primary);
	background-color: transparent;
	display: inline-block;
	min-width: 140px;
	transition: all .1s ease-in-out;
	display: block;
	margin: 20px auto;
}

.btn.btn-outline.white:hover {
    color: var(--text-primary);
    border: 1px solid var(--primary);
    background-color: var(--primary);
}

.btn.btn-primary {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    padding: 15px 24px;
    font-size: 16px;
    color: var(--text-primary);
}

.btn.btn-primary:hover {
    border: 1px solid var(--primarymore);
    background-color: var(--primarymore);
}

.btn.btn-secondary {
    border: 1px solid var(--text-primary);
    background-color: transparent;
    padding: 15px 24px;
    font-size: 16px;
    color: var(--text-primary);
}

.btn.btn-secondary:hover {
    border: 1px solid var(--primarymore);
    background-color: var(--primarymore);
}


/*arrow btn*/
.btn.btn-arrow {
    position: relative;
}

.btn-arrow::after {
    content: "\e90e";
    font-family: mindseed;
    font-size: 14px;
    margin-left: 10px;
}

.btn.btn-arrow:hover::before {
    position: absolute;
    left: 0;
    top: 100%;
    display: inline-block;
    border: 1px solid var(--grey);
    content: " ";
    width: 100%;
}

#marquee-fade .msicon-before-relative::before,
#marquee-scroll .msicon-before-relative::before {
    font-size: 15px;
    margin-right: 5px;
}

#marquee-fade .msicon-before-relative.track::before,
#marquee-scroll .msicon-before-relative.track::before {
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*topbar moving messages*/

/*scroll*/
#marquee-scroll {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

#marquee-scroll span {
    display: inline-block;
    width: 33.33%;
    animation: marquee-scroll 15s linear infinite;
}

#marquee-scrollspan:nth-child(2n) {
    animation-delay: 7.5s;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


/*fade*/
#marquee-fade {
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#marquee-fade span {
    position: absolute;
    opacity: 0;
    transform: translateY(-20px);
    animation: marquee-fade 12s infinite;
}

#marquee-fade span:nth-child(1) {
    animation-delay: 0s;
}

#marquee-fade span:nth-child(2) {
    animation-delay: 4s;
}

#marquee-fade span:nth-child(3) {
    animation-delay: 8s;
}

@keyframes marquee-fade {
    0%, 25%, 100% {
        opacity: 0;
        transform: translateY(-20px);
    }

    5%, 20% {
        opacity: 1;
        transform: translateY(0);
    }

    30%, 100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
/*topbar moving messages*/

/*underlined element*/

.underlined {
    position: relative;
    margin-bottom: 40px;
}

.underlined::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 100%;
    max-width: 330px;
    height: 2px;
    background: var(--text-primary);
    display: block;
}

.underlined.animated::before {
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.underlined.animated:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

/*************************************************************************************/

/*--icons--*/
.msicon-before-relative.facebook::before {
    content: "\e907";
}

.msicon-before-relative.twitter::before {
    content: "\e90c";
}

.msicon-before-relative.instagram::before {
    content: "\e90a";
}

.msicon-before-relative.youtube::before {
    content: "\e924";
}

.msicon-before-relative.tiktok::before {
    content: "\e92f";
}

.msicon-before-relative.phone::before {
    content: "\e970";
}

.msicon-before-relative.email::before {
    content: "\e909";
}

.msicon-before-relative.address::before {
    content: "\e905";
}

.msicon-before-relative.track::before {
    content: "\e91b";
}

.msicon-before-relative.star::before {
    content: "\e978";
}

.msicon-before-relative.gift::before {
    content: "\e92d";
}

.msicon-before-relative.left-arrow::before {
    content: "\e98c";
}

.msicon-before-relative.right-arrow::before {
    content: "\e98d";
}

.msicon-before-relative.down-arrow::before {
    content: "\e98b";
}

.msicon-before-relative.down-bold-arrow::before {
    content: "\e989";
}

.msicon-before-relative.filters::before {
    content: "\ea18";
}

.msicon-before-relative.undo::before {
    content: "\e91e";
}

.msicon-before-relative.close::before {
    content: "\e904";
}

.msicon-before-relative.check::before {
    content: "\e98f";
}

.msicon-before-relative.share::before {
    content: "\e91f";
}



/*tabs icons*/

.tab-item-top .msicon-before-relative.peptides::before {
    content: "\e90d";
}

.tab-item-top .msicon-before-relative.vitaminc::before {
    content: "\e918";
}

.tab-item-top .msicon-before-relative.retinol::before {
    content: "\e910";
}

.product-standards .standard-item .msicon-before-relative.crueltyfree::before {
    content: "\e92a";
}

.product-standards .standard-item .msicon-before-relative.vegan::before {
    content: "\e92c";
}

/*==header==*/
.mstm-header-area {
    background: var(--primary);
}

.mstm-header-area.mstm-fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

.mstm-header-area.mstm-fixed.shrink {
    top: calc( -1 * var(--headerHeight));
    animation-name: closepop;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
}

.mstm-header-area.mstm-fixed.pop {
    top: 0px;
    animation-name: pop;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
}

.mini .mstm-top-bar-outer {
    display: none;
}

/*----top bar----*/
.mstm-top-bar-outer {
    background: var(--primarymore);
    color: var(--text-primary);
    padding: 4px 80px;
}


#mstm-global-banner-TopFullWidth * {
    font-size: 12px;
    line-height: 1.2;
}

#mstm-global-banner-Cart {
    padding: 5px 20px;
    border-top: 1px solid var(--greyborder);
}

#mstm-global-banner-Cart p {
    font-size: 14px;
    line-height: 1.1;
}


/*---logo---*/

.mstm-logo img {
    max-width: 97px;
}

.mstm-logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/*---menu---*/
.top-bar-item.menu {
    display: flex;
    justify-content: end;
}

.top-bar-item.menu ul {
    display: flex;
    column-gap: 25px;
}

.top-bar-item.menu a {
    color: #fff;
}

.mstm-main-menu.desktop .megamenu > .first-level-item a span {
    display: block;
}

.mstm-main-menu.desktop .megamenu > .first-level-item a.mstm-top-menu-svgs {
    text-align: center;
}

.mstm-main-menu.desktop .megamenu .first-level-item a.mstm-top-menu-svgs::before {
    font-family: mindseed;
    font-size: 50px;
    display: block;
    height: 60px;
    font-weight: normal;
}

.mstm-top-menu-svgs.mstm-dog::before, .mstm-dog::before {
    content: "\e918";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-cat::before, .mstm-cat::before {
    content: "\e929";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-bird::before, .mstm-bird::before {
    content: "\e924";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-small-pet::before, .mstm-small-pet::before {
    content: "\e928";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-fish::before, .mstm-fish::before {
    content: "\e927";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-reptilian::before, .mstm-reptilian::before {
    content: "\e92a";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-offers::before, .mstm-offers::before {
    content: "\e92b";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-house::before, .mstm-house::before {
    content: "\e922";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-greek::before, .mstm-greek::before {
    content: "\e921";
    font-family: mindseed;
}

.mstm-top-menu-svgs.mstm-seasonal::before, .mstm-seasonal::before {
    content: "\e923";
    font-family: mindseed;
}

.mstm-main-menu.desktop .largemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    padding-left: 180px !important;
    padding-right: 180px !important;
}


.menu-custom-html {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 20px;
    grid-row-gap: 15px;
}

#category-banner-1 {
    grid-area: 1 / 1 / 2 / 2;
}

#category-banner-2 {
    grid-area: 2 / 1 / 2 / 2;
}

#category-banner-3 {
    grid-area: 1 / 2 / 3 / 3;
}

.mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide > div > .single-cart-item {
    width: 230px !important;
    height: 290px;
}

.mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide > div > .single-cart-item > .cart-img.aspect-image-outer {
    width: 130px;
    height: 130px;
    margin: 20px;
    margin-left: 30px;
}

.mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide > div > .single-cart-item > .cart-text-btn {
    display: grid;
    grid-template-columns: unset;
    grid-template-rows: unset;
    gap: 5px;
    text-align: center;
}

.mstm-sample-products-title.content-hd {
    font-size: 30px;
    font-family: 'neutraface';
    font-weight: 700;
    z-index: 2;
    padding-left: 30px;
}

.sample-products-wraper .cart-text-btn {
    grid-template-columns: repeat(1, minmax(0px, 100%));
    row-gap: 15px;
}

.sample-products-wraper .sample-description {
    font-size: 14px;
}


/*----header main----*/
.mstm-header-main-inner {
    display: grid;
    /*grid-template-columns: repeat(3, 33.33%);*/
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: center;
    padding: 0 80px;
}

.mstm-main-menu.desktop {
    justify-self: left;
}

.mstm-header-right {
    justify-self: right;
}

.header-languages-outer {
    margin-left: 15px;
}

.burger-languages {
    display: none !important;
}

.header-languages-inner .active, .burger-languages .active {
    font-weight: bold;
}


/**/
.mstm-header-area .bm {
    display: none;
}

.menu-banner {
    position: relative;
}

/*mobile burger search*/
.burger-mobile-search {
    display: none;
}


#search-btn-mobile {
    display: none;
}
/**/

/*--menu--*/
.mstm-main-menu.desktop > nav > ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    align-items: center;
    align-content: center;
}

.mstm-main-menu.desktop .megamenu .first-level-item a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    width: 100%;
}

.mstm-main-menu.desktop .megamenu .first-level-item a:hover::before {
    position: absolute;
    left: 0;
    bottom: 5px;
    display: inline-block;
    border: 1px solid;
    content: " ";
    width: 100%;
}

/*--header icons--*/
.mstm-header-right div[class^="mstm-header-components-"] {
    line-height: 0;
}

.mstm-header-right div[class^="mstm-header-components-"] > a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    color: var(--text-primary);
}

.mstm-header-right div[class^="mstm-header-components-"] > a::before,
.mstm-burger-icon::before,
.bm .search-btn-toggle::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*--header right--*/
.mstm-header-right-inner {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 15px;
    justify-content: space-between;
    margin-left: auto;
}

/*--cart, wishlist, account--*/
.cart-content, .account-content, .wishlist-content {
    position: fixed;
    transition: all .3s ease 0s;
    z-index: 5;
    width: 40%;
    visibility: hidden;
    opacity: 0;
    margin-top: 40px;
    color: var(--text-primary);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    background: var(--primarybg);
    top: 0;
    right: 0;
    margin-top: 0px;
    height: 100%;
}


.incart-qty-amount.content-hd {
    font-size: 44px;
    border-bottom: 1px solid;
    display: block;
    width: 100%;
    padding: 10px 30px 10px 30px;
    font-weight: 600;
    margin-bottom: 0;
}

.mstm-header-right div[class^="mstm-header-components-"] > a:hover,
.bm .search-btn-toggle:hover, .mstm-burger-icon:hover {
    color: var(--text-secondary);
}

/*wishlist*/
.mstm-header-components-wishlist .msicon-before-relative::before,
.msicon-before-relative.wishlist::before {
    content: "\e90f";
}

/*cart*/
.cart-content-inner {
    max-height: calc(var(--vhHeight));
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.mstm_cart-items.in-cart-page.clearfix {
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, auto));
    row-gap: 15px;
    max-height: 540px;
    overflow: auto;
}

.mstm_cart-items.in-cart-page.clearfix > .single-cart-item > .cart-text-btn {
    display: grid;
    grid-template-columns: auto;
}

.mstm-sample-products-title.content-hd.underlined.cart-page-sample-products {
    padding-left: 0;
    font-size: 30px;
    margin-top: 30px;
}

.mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide {
    padding: 0 30px;
}


/*empty cart*/
.components-h-content {
    min-height: 200px;
    display: grid;
    align-items: center;
    padding: 15px;
}

.components-h-content-inner {
    height: 100%;
    width: 100%;
    display: grid;
    align-items: center;
    font-size: 18px;
}

.components-h-content {
    text-align: center;
}

.components-h-content .msicon-before-relative {
    font-size: 30px;
    color: var(--primarymore);
}

.components-h-content .text {
    color: var(--primary);
    font-size: 20px;
}

/**/
.mstm-cart-items-outer {
    max-height: 100%;
    overflow: hidden;
    display: grid;
    background-color: white;
}

.mstm_cart-items {
    scrollbar-color: var(--primary);
    scrollbar-width: thin;
}

.incart-text-price-wrapper .new-price {
    font-weight: bold;
    margin:;
    margin-top: 10px;
    display: block;
    font-size: 18px;
}

/* width */
.mstm_cart-items::-webkit-scrollbar,
.mstm_cart-items ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.mstm_cart-items::-webkit-scrollbar-track,
.mstm_cart-items ::-webkit-scrollbar-track {
    background: #ccc;
}

/* Handle */
.mstm_cart-items::-webkit-scrollbar-thumb,
.mstm_cart-items ::-webkit-scrollbar-thumb {
    background: var(--primary);
}

.mstm_cart-items .single-cart-item {
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-rows: repeat(2, auto);
    align-items: center;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    column-gap: 15px;
}

.single-cart-item.isgift {
    background-color: #E2EAE761;
}

.cart-area .mstm_cart-items .single-cart-item {
    margin: 0;
    padding: 5px;
}

.mstm_cart-items .single-cart-item .sample-title {
    font-weight: bold;
}


.mstm_cart-items .single-cart-item + .single-cart-item {
    border-top: 1px solid var(--lightergrey);
}

.cart-img.aspect-image-outer {
    border: 1px solid var(--greyborder);
    grid-area: 1/1/2/2;
}

/*
.cart-text-btn {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-area: 1/2/2/3;
}
*/
.cart-text h5 {
    font-size: 16px;
    font-weight: 600;
}

.cart-price {
    font-size: 16px;
    color: var(--text-primary);
}

.msicon-before-relative.cart-product-remove::before {
    content: "\e9aa";
    font-size: 19px;
}

.cart-price-total-amount {
    display: grid;
    grid-template-columns: auto auto;
    font-size: 20px;
    font-weight: 600;
    padding: 0 20px;
    color: var(--text-primary);
    justify-content: space-between;
    column-gap: 10px;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

.incart-bottom {
    padding: 0 46px;
}

.incart-bottom a.cart-close-btn {
    margin-top: 20px;
}

.btn.btn-primary.mstm-go-to-checkout-button, .btn.btn-secondary.mstm-go-to-cart-button {
    display: block;
    margin: 20px auto 0 auto;
    max-width: 436px;
}

.msicon-before-relative.cart::before {
    content: "\e90a";
}

.mstm_cart-items {
    height: 100%;
    max-height: calc(var(--vhHeight) - 50% );
    overflow: auto;
}

.cart-qty-amount, .mstm-account-checked {
    background: var(--text-primary);
    color: white;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 600;
    padding: 2px;
    line-height: 1.2;
}

.mstm-account-checked::before {
    font-size: 7px;
}

.mstm-unavailable-product-stock {
    padding: 5px 0px;
    color: #da2e40;
    margin-bottom: 5px;
}

.cart-qty .pro-price .old-price {
    font-size: 13px;
}

.free-shipping-progress {
    width: 100%;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    overflow-x: hidden;
    border: 1px solid;
}

.free-shipping-progress > span {
    display: block;
    background-color: var(--text-primary);
    height: 100%;
}

.incart-qty-remove-product-wrapper {
    display: grid;
    justify-items: end;
}

.remove-from-cart {
    margin-top: 10px;
    font-size: 14px;
}

.cart-close-btn {
    cursor: pointer;
    text-align: center;
    margin: 20px auto 60px;
    text-decoration: underline;
}

.cart-close-btn:hover {
    color: var(--outofstock);
}

a.cart-close-btn {
    display: block;
    margin-top: -20px;
}

/*account*/
.account-content-inside {
    background: white;
    overflow: hidden;
}

.account-content-header {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    text-align: center;
    font-size: 18px;
    margin-bottom: 0px;
    color: #555555;
}

.account-content-header p {
    position: relative;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.account-content-header .tab-header.pill.active {
    color: var(--primarymore);
    background: var(--primary);
}

.account-content-header .tab-header:first-child.pill.active {
    color: var(--primary);
    background: var(--primarymore);
}

.account-content-inner {
    padding: 20px;
    padding-top: 0;
}

.mstm-form-change-password {
    text-align: center;
    font-size: 18px;
}

.mstm-form-change-password .form-control {
    text-align: center;
    margin: 20px auto;
    width: 100%;
    max-width: 545px;
}

.pass-requirements {
    margin: 0 auto 40px auto;
    max-width: 653px;
    font-size: 14px;
    color: var(--grey);
    text-align: left;
}

.mstm-agree-gdpr {
    margin-left: 10px;
}

.mstm-agree-gdpr-outer {
    margin-bottom: 20px;
}

.account-content .mstm-agree-gdpr {
    color: var(--primary);
}

.mstm-agree-gdpr-outer .mstm-agree-gdpr {
    margin-left: 0px;
}

.msicon-before-relative.next-arrow::before {
    content: "\e902";
}

#backtohome .btn.btn-primary {
    padding: 20px 100px;
    font-weight: 600;
}

.required-fields-text {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}

.login-customer .msicon-before-relative.next-arrow,
.mstm-go-to-checkout-button .msicon-before-relative.next-arrow {
    font-size: 10px;
    margin-left: 4px;
}


.form-bottom {
    text-align: center;
    padding: 0 4px;
}


.mstm-burger-icon::before {
    content: "\e983";
    color: rgba(0, 0, 0, 1);
}

.mstm-burger-icon.opened::before {
    content: "\e904";
    font-size: 18px;
}

.mstm-header-components-account > a::before {
    content: "\e900";
}

.search-btn-toggle::before {
    content: "\e982";
}

.mstm-header-components-cart > a::before {
    content: "\e903";
}

.mstm-burger-icon, mstm-close-menu {
    display: none;
}

/*search*/

.mstm-header-search {
    background-color: var(--primarybg);
    color: var(--text-primary);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.desktop-search.search-wrapper {
    height: 0px;
    visibility: hidden;
    opacity: 0;
    border-bottom: 1px solid;
    background-color: var(--primarybg);
    width: 100%;
    padding: 0px 80px;
    transition: opacity 0.3s ease-in-out;
}

.desktop-search.search-wrapper.opened {
    visibility: visible;
    opacity: 1;
    height: 40px;
}

.search-btn-toggle {
    cursor: pointer;
}

.morphsearch-content {
    overflow-x: scroll;
    height: calc( var(--vhHeight) - var(--headerHeight));
    background: var(--primarybg);
    overscroll-behavior: none;
    padding-top: 100px;
    display: none;
}

.overlay-search .morphsearch-content {
    display:block;
}

.morphsearch .left-section .mstm-attribute_name.mstm-active {
    background: transparent;
}

.morphsearch-form .container.productlist-wrapper {
    margin: 0;
}

.morphsearch-input {
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    text-align: left;
    width: 100%;
}

.morphsearch.close {
    display: none;
}

.beforeresult {
    display: none;
}

.beforeresult.open {
    display: block;
}


.morphsearch.open {
    position: fixed;
    width: 100%;
    top: calc(var(--headerHeight));
    padding-top: 30px;
    background-color: var(--primarybg);
    height: calc( var(--vhHeight) - var(--headerHeight));
    z-index: 4;
}

.morphsearch-input-wrapper ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--text-primary);
}

.morphsearch-input-wrapper :-ms-input-placeholder {
    opacity: 1;
    color: var(--text-primary);
}

.morphsearch-input-wrapper ::placeholder {
    opacity: 1;
    color: var(--text-primary);
}

.morphsearch-input-wrapper {
    position: relative;
}
/**/
.search-outer {
    position: relative;
}

#search-close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#search-close::before {
    content: "\e904";
}

#search-close.mobile-search {
    display: none;
}

.morphsearch-content .mstm-row-filters-pad {
    margin-bottom: 30px;
}

/*beforeresult*/

.beforeresult-wrapper {
    display: grid;
    grid-template-columns: 30% 70%;
    align-content: start;
    justify-content: space-between;
}

.trending-products {
    justify-self: end;
}

.trending-products > span, .popular-searches > span {
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid var(--text-primary);
    min-width: 300px;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.beforeresult .mstm-products {
    grid-template-columns: repeat(4, minmax(0px, 260px));
    grid-column-gap: 0;
}

/*mobile search*/
#mobile-search, .mobile-search {
    display: none;
}

.mstm-header-search.mobile-search .search-wrapper {
    --bgcolor: #fff;
    width: 100%;
    display: block;
    background: var(--bgcolor);
    padding: 20px 0px;
    position: absolute;
    transform: translateX(-100%);
    transition: transform .3s ease-in-out;
    border-bottom: 1px solid #f6f6f6;
}

.mstm-header-search.mobile-search {
    overflow: hidden;
}

.mstm-header-search.mobile-search .search-wrapper.opened {
    transform: translateX(0%);
}

/*footer*/


/*----footer info-----*/
.footer-info-area {
    background: var(--primarymorepastel);
    color: #fff;
    padding: 20px 0;
}

.footer-info-area .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    row-gap: 30px;
}

.footer-info-item {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.footer-info-item p {
    max-width: 190px;
    font-size: 18px;
}

.footer-info-item::before {
    content: "";
    font-family: mindseed;
    font-size: 30px;
}

.footer-info-item.track::before {
    content: "\e9a2";
}

.footer-info-item.service::before {
    content: "\e917";
}

.footer-info-item.safe-transactions::before {
    content: "\e9a7";
}

.footer-info-item.gift::before {
    content: "\e91a";
}

/*----footer inner-----*/
.footer-area-inner {
    background: var(--primary);
    position: relative;
}

.footer-area-inner::before {
    content: " ";
    background-image: url(/assets/img/elements/footer-shape-outline.svg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 744px;
    width: 100%;
    height: 390px;
}

.footer-list a {
    position: relative;
    display: inline-block;
    color: var(--text-secondary);
}

.footer-list a:hover {
    color: var(--text-primary);
}

.footer-brand-social {
    padding-left: 12px;
}

.footer-list a:hover::before {
    width: 100%;
}

.footer-list .footer-social-section {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-list .footer-social-section a + a {
    margin-left: 20px;
}

.footer-list .footer-social-section a {
    font-size: 26px;
}

.footer-list .footer-social-section a:hover {
    color: var(--primarymorepastel);
}

.footer-list .footer-social-section a::before {
    display: none;
}

.footer-info-area-seperator {
    display: inline-block;
    width: 60px;
    height: 1px;
    background: var(--primary);
}


.footer-list.footer-icon-list .msicon-before-relative {
    font-size: 25px;
    margin-right: 8px;
    line-height: 0;
    position: absolute;
    left: 0;
}


/*--footer inner--*/
.footer-inner {
    display: grid;
    padding-top: 64px;
    padding-bottom: 64px;
    grid-template-columns: 40% 60%;
    column-gap: 40px;
    row-gap: 70px;
    justify-content: space-around;
}

.footer-inner .right-col {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 40px;
    row-gap: 70px;
    justify-content: space-around;
}

.footer-brand-title {
    color: var(--grey);
    font-size: 62px;
}

.footer-inner .social-text {
    font-size: 20px;
    color: var(--grey);
}

.footer-title {
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
}

.footer-list li, .footer-list li p {
    font-weight: normal;
    transition: all .3s ease-in-out;
    font-size: 14px;
    line-height: 2;
}

.footer-list li small {
    font-size: 12px;
}

.footer-list li + li {
    margin-top: 10px;
}

.mstm-footer-bank-icons {
    display: flex;
    color: #393939;
    font-size: 30px;
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}

    .mstm-footer-bank-icons img {
        height: 30px;
    }

.footer-area-inner .container {
    position: relative;
    padding: 0 80px;
}

.footer-social-section a {
    width: 50px;
    height: 50px;
    font-size: 38px;
    display: inline-block;
    text-align: center;
    background: transparent;
    border-radius: 50%;
}

.footer-brand-social .msicon-before-relative::before {
    color: white;
    transition: all .3s ease-in-out;
}

.footer-social-section {
    margin-top: 10px;
    margin-left: -8px;
}

.footer-text {
    text-align: center;
    padding: 0px 0 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 30px;
}


.footer-copyright-text {
    font-size: 12px;
}

.footer-m-text {
    font-size: 12px;
    display: inline-flex;
    gap: 15px;
    flex-wrap: wrap;
}

footer #mindseed {
    padding-left: 5px;
}

footer #logi {
    transform: scale(1.35);
    display: inline-block;
    padding-left: 5px;
}

#mindseed, #logi {
    font-style: normal;
}


.footer-copyright-text span {
    display: inline-block;
}

.footer-text a {
    color: var(--grey);
}

    .footer-text a:hover {
        color: var(--primary);
    }

.footer-terms::after {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    background: var(--primarymorepastel);
    border-radius: 50%;
    transform: translateY(-53%);
    margin-left: 5px;
}

.footer-social-section .tiktok::before {
    font-size: 30px;
    position: relative;
    margin-top:;
    left: -12px;
    top: -3px;
}

/**/

#scrollUp {
    border: 2px solid var(--primary);
    bottom: 25px;
    color: #ffffff;
    height: 46px;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 30px;
    transition: all .3s ease-in-out 0s;
    width: 46px;
    z-index: 1;
    display: none;
    border-radius: 100%;
    background: white;
}

    #scrollUp:hover {
        background: var(--primary);
    }

        #scrollUp:hover::before {
            color: white;
        }

    #scrollUp::before {
        font-family: 'mindseed';
        position: absolute;
        color: var(--primary);
        font-size: 28px;
        line-height: 1;
        content: "\e901";
        vertical-align: middle;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: all .3s ease-in-out 0s;
    }



.sib-form {
    background: transparent !important;
}


.entry__choice {
    text-align: center;
}


/*titles*/

.main-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
}

    .main-title.center,
    .secondary-title.center,
    .alt-title.center {
        text-align: center;
    }

.secondary-title {
    font-family: 'neutraface';
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 60px;
}

.alt-title {
    font-size: 28px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/*====home======*/

/*=====*/
/*static*/

.static-page-content .static-page-title {
    text-align: center;
}

    .static-page-content .static-page-title span {
        font-size: 36px;
        font-weight: 600;
        font-family: 'neutraface';
    }

.static-page-content h2 {
    margin: 40px 0 20px;
    display: block;
    font-weight: 600;
    font-family: 'neutraface';
    font-size: 24px;
}

.static-page-content.container:not(#home, #home-en, #draft) {
    max-width: 1200px;
    margin-bottom: 60px;
    position: relative;
    top: 20px;
}

.static-page-content:not(#home, #home-en, #draft) a:not(.mstm-breadcrumb-st-title) {
    text-decoration: underline;
}

.mstm-breadcrumb a {
    text-decoration: none !important;
}

.static-page-content:not(#home, #home-en, #draft) a:hover {
    color: var(--primarymore);
}

.mstm-cover {
    position: relative;
}

    .mstm-cover::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1;
    }

    .mstm-cover .slider-image-caption {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 44px;
        color: #fff;
        z-index: 1;
    }

    .mstm-cover .stp-href {
        pointer-events: none;
    }

    .mstm-cover .slider-image-outer img {
        width: unset;
        min-width: 100%;
        max-height: 465px;
        object-fit: cover;
    }

    .mstm-cover .slider-image-caption {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        text-align: center;
        padding: 0 25px;
        height: unset;
        display: grid;
        justify-content: center;
        align-items: center;
    }

.static-content {
    max-width: 1060px;
    margin: 0 auto;
    font-size: 18px;
}

    .static-content p + h1,
    .static-content p + h2,
    .static-content p + h3,
    .post-body p + h1,
    .post-body p + h2,
    .post-body p + h3 {
        margin-top: 50px;
    }

    .static-content h1 + h2,
    .static-content h2 + h3,
    .static-content h3 + h4,
    .post-body h1 + h2,
    .post-body h2 + h3,
    .post-body h3 + h4 {
        margin-top: 20px;
    }

    .static-content h1,
    .static-content h2,
    .static-content h3,
    .static-content h4,
    .static-content h5,
    .static-content h6,
    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body h4,
    .post-body h5,
    .post-body h6 {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .static-content h1,
    .post-body h1 {
        font-size: 48px;
    }


    .static-content h2,
    .post-body h2 {
        font-size: 28px;
    }


    .static-content h3,
    .post-body h3 {
        font-size: 24px;
    }


    .static-content h4,
    .post-body h4 {
        font-size: 20px;
        font-weight: 600;
    }


    .static-content h5,
    .post-body h5 {
        font-size: 18px;
    }


    .static-content h6,
    .post-body h6 {
        font-size: 16px;
    }

    .static-content p {
        margin-bottom: 20px;
    }

.post-body ul, .post-body ol {
    margin-top: 20px;
}


.static-content a,
.post-body a {
    color: var(--text-primary);
}

    .static-content a:not(.tab-header):hover {
        text-decoration: underline;
    }

.static-content ul, .static-content ul li,
.post-body ul, .post-body ul li {
    list-style: disc;
    list-style-position: inside;
}

.static-content ol li {
    list-style-position: inside;
}


.static-content ol.list-header-inline li h3 {
    display: inline-block;
}

.static-content ul, .static-content ol,
.post-body ul, .post-body ol {
    margin-bottom: 20px;
}

    .static-content p + p,
    .static-conten ul + p,
    .static-conten ol + p,
    .post-body p + p,
    .post-body ul + p,
    .post-body ol + p {
        margin-top: 15px
    }

.static-content li + li,
.post-body li + li {
    margin-top: 10px;
}




/************blog list************/
.mstm-blog-filter-search {
    display: grid;
    margin-bottom: 60px;
    grid-template-columns: 1fr 280px;
    grid-row-gap: 20px;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 40px;
    padding: 50px 0;
}

.mstm-blog-list .mstm-blog-filters-outer {
    position: relative;
    max-width: 300px;
    font-weight: 600;
    width: 100%;
}

    .mstm-blog-list .mstm-blog-filters-outer p {
        transition: .3s ease-in-out;
    }

    .mstm-blog-list .mstm-blog-filters-outer:hover p {
        color: var(--primary);
        border-color: var(--primary);
    }

.mstm-blog-list .mstm-blog-filters-title {
    display: none;
    text-align: center;
    position: relative;
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 8px 30px;
    border: none;
    font-size: 20px;
    font-weight: normal;
}

    .mstm-blog-list .mstm-blog-filters-title::after {
        content: "\e97c";
        font-family: mindseed;
        margin-left: 2px;
        display: inline-block;
        font-size: 10px;
    }

    .mstm-blog-list .mstm-blog-filters-title.active::after {
        transform: rotate(180deg);
    }

.page-column.home-blog-feed > .mstm-blog-feed > .mstm-blog-post > .post-header > .post-title > .ellipsis {
    font-size: 18px;
    font-weight: normal;
}


/*blog banners*/

.mstm-blog-list .mstm-blog-filters-title {
    display: block;
    border: none;
    border-radius: 100px;
}

    .mstm-blog-list .mstm-blog-filters-title span {
        pointer-events: none;
    }

.mstm-blog-filter-search .mstm-blog-filters {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: white;
    top: 100%;
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    overflow-y: hidden;
    animation-name: filtersclose;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
}

.mstm-blog-filters-outer ul {
    padding: 15px;
}

.mstm-blog-filter-search .mstm-blog-filters.expanded {
    display: block;
    text-align: center;
    height: auto;
    max-height: 334px;
    min-width: 190px;
    width: 100%;
    top: calc(100% + 1px);
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
    -webkit-box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
    overflow-y: auto;
    animation-name: filtersopen;
    animation-duration: 0.6s;
    z-index: 3;
}

/**/


.mstm-blog-filters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    justify-content: center;
    text-align: center;
}

.mstm-blog-filter {
    font-weight: normal;
}

.mstm-blog-filters .mstm-blog-filter a {
    padding: 10px;
    display: block;
    width: 100%;
}

.blog-search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid #bfbfbf;
    border-radius: 100px;
    height: 100%;
    color: var(--text-secondary);
}

    .blog-search button {
        color: var(--text-secondary);
    }

.blog-search-input-wrapper {
    position: relative;
}

    .blog-search-input-wrapper::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0;
    }

.blog-search input {
    background: none;
    padding: 8px 10px;
    border: none;
    width: 100%;
}

.mstm-clean-search-text {
    font-size: 20px;
}

.mstm-clean-search-text {
    display: block;
    height: 100%;
}

    .mstm-clean-search-text button {
        line-height: 1;
        width: 45px;
        height: 100%;
        position: relative;
        transition: .3s ease-in-out
    }

        .mstm-clean-search-text button:hover {
            color: var(--primary);
        }



    .mstm-clean-search-text button {
        line-height: 1;
    }

.mstm-blog-list .mstm-blog-post {
    justify-self: center;
    width: 100%;
    position: relative;
    border: 1px solid var(--greyborder);
    overflow: hidden;
    border-radius: 0;
}

    .mstm-blog-list .mstm-blog-post .post-featured-image.aspect-image-outer {
        --aspect-ratio: 1.65;
    }

    .mstm-blog-list .mstm-blog-post .post-header {
        padding: 20px;
        position: relative;
        text-align: left;
        height: 180px;
        display: grid;
        grid-template-rows: 20% 40% 30%;
        align-content: start;
        justify-content: start;
    }

    .mstm-blog-list .mstm-blog-post .post-category {
        display: inline-block;
        background: transparent;
        color: var(--grey);
        font-weight: 600;
        padding: 6px 25px 3px 25px;
        border-radius: 100px;
        text-transform: uppercase;
        position: absolute;
        font-weight: normal;
        padding: 0;
    }


.mstm-blog-feed .post-header-top {
    margin: 10px 0;
}

.mstm-blog-feed .post-category {
    color: var(--grey);
    text-transform: uppercase;
    font-size: 14px;
}

    .mstm-blog-feed .post-category a:hover {
        color: var(--text-primary);
    }

.mstm-blog-feed .post-date {
    display: none;
}

.mstm-blog-list .mstm-blog-post .post-title {
    margin-top: 30px;
    font-weight: 600;
    font-size: 20px;
    --numberoflines: 2;
    margin-top: 10px;
    font-weight: normal;
    position: relative;
}

.post-meta-item.reading-time {
    margin-top: 15px;
    color: var(--grey);
    position: absolute;
    bottom: 5px;
    left: 5px;
}

    .post-meta-item.reading-time > p > span {
        color: var(--grey);
        font-size: 14px;
    }

.mstm-blog-list .mstm-blog-post .post-body p {
    --numberoflines: 3;
    font-size: 16px;
    margin-top: 20px;
}

.mstm-blog-list .mstm-blog-post .post-title a,
.mstm-blog-list .mstm-blog-post .post-body p {
    line-height: 1.45;
}
/*-----------*/



.mstm-blog-list-repeater {
    display: grid;
    grid-template-columns: repeat(4,minmax(0px,32%));
    grid-column-gap: 2%;
    grid-row-gap: 50px;
}

.post-featured-image > a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}


.post-featured-image img {
    position: relative !important;
    transition: .3s ease-in-out;
    object-fit: cover !important;
}

.mstm-blog-post:hover .post-featured-image img {
    transform: scale(1.1);
}

/*---suggestion posts---*/
.mstm-suggestion-posts-outer {
    width: 100%;
    position: relative;
}

.mstm-suggestion-posts.slick-initialized.slick-slider {
    padding-left: 30px;
    padding-right: 30px;
}

.mstm-suggestion-posts .slick-slide > div {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.mstm-suggestion-posts .mstm-blog-post {
    padding: 10px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .mstm-suggestion-posts .mstm-blog-post .mstm-blog-post-inner {
        /*border-radius: 15px;*/
        overflow: hidden;
        background: #fff;
        transition: .3s ease-in-out;
        height: 100%;
        position: relative;
    }

    .mstm-suggestion-posts .mstm-blog-post:hover .mstm-blog-post-inner {
        -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }

    .mstm-suggestion-posts .mstm-blog-post .post-header {
        text-align: center;
        margin-bottom: 20px;
        align-content: start;
        text-align: left;
        width: 100%;
        height: 150px;
        position: relative;
    }

    .mstm-suggestion-posts .mstm-blog-post .post-meta {
        display: flex;
        justify-content: start;
        align-items: center;
        margin-top: 15px;
    }

    .mstm-suggestion-posts .mstm-blog-post .post-category {
        font-size: 18px;
        padding-right: 20px;
        position: relative;
        color: var(--grey);
    }

        .mstm-suggestion-posts .mstm-blog-post .post-category::after {
            content: "";
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--primary);
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
        }


    .mstm-suggestion-posts .mstm-blog-post .post-title {
        font-size: 20px;
        padding-right: 15px;
        font-weight: 600;
        max-width: 460px;
        margin: 10px 0;
        padding: 0;
        font-weight: normal;
    }

    .mstm-suggestion-posts .mstm-blog-post .post-title {
        font-size: 18px;
    }

.mstm-suggestion-posts .slick-track {
    border-bottom: 1px solid var(--grey);
}

.mstm-suggestion-posts .slick-slide {
    position: relative;
}

    .mstm-suggestion-posts .slick-slide.slick-active:hover .mstm-blog-post::after {
        border-bottom: 3px solid var(--text-primary);
        position: absolute;
        height: auto;
        width: 100%;
        content: " ";
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

.mstm-suggestion-posts-outer .mstm-suggestion-posts .mstm-blog-post .post-category::after {
    display: none;
}



.blog-paggination {
    margin-top: 20px;
}

.blog-list-read_more {
    text-align: center;
    display: block;
    margin-top: 14px;
    font-weight: 600;
    font-size: 16px;
}


/**************single-post**************/

.mstm-blog-container.container {
    margin-bottom: 80px;
}



.mstm-single-post .post-body img {
    max-width: 100%;
    height: auto !important;
}

.mstm-single-post .post-body p {
    line-height: 1.2;
    margin: 20px auto;
    font-size: 18px;
}


.mstm-single-post .post-body a {
    color: var(--primary);
}

    .mstm-single-post .post-body a:hover {
        text-decoration: underline;
    }

.mstm-single-post .post-body ul {
    list-style: disc;
    font-size: 18px;
}

.mstm-social-share-text {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.mstm-blog-filters .mstm-blog-filter a:hover,
.mstm-blog-filters .mstm-selected-filter.active {
    color: var(--primary);
}

.mstm-single-post .post-title {
    font-size: 36px;
}

.mstm-single-post-image {
    max-width: 1270px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: -250px;
    width: 100%;
    padding: 0px 50px;
    --aspect-ratio: 2.43 !important;
}

    .mstm-single-post-image img {
        padding: 0 50px;
    }

.mstm-single-post {
    text-align: center;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0px 50px;
}

    .mstm-single-post .post-category {
        display: inline-block;
        font-size: 16px;
        color: var(--primary);
    }


/*-----*/
.single-post-top .aspect-image-outer {
    --aspect-ratio: 2.8;
}

.single-post-top,
.post-main-inner {
    height: 100%;
    max-height: 470px;
}

    .single-post-top img {
        object-fit: cover;
    }

    .post-main-inner img {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        height: 470px;
    }

.single-post h1 {
    font-weight: 600;
    font-size: 36px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.single-post-bottom > div {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px, auto));
    grid-template-columns: 100px 70%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    margin-bottom: 40px;
}


.single-post .post-meta-outer,
.single-post .post-body-outer {
    max-width: 1150px;
}

.single-post .post-meta-outer {
    height: 120px;
    display: flex;
    width: 100%;
    margin: 40px auto;
}

.single-post .post-body {
    font-size: 18px;
}

.single-post .post-meta {
    display: flex;
    column-gap: 40px;
    row-gap: 15px;
    flex-wrap: wrap;
}

.post-share-outer-mobile {
    display: none;
}

.post-share-outer {
    order: -1;
    grid-row: 1/3;
    margin-top: 60px;
}

.single-post .post-share {
    width: auto;
    height: auto;
    text-align: center;
    display: grid;
}

.post-share-outer {
    margin-top: 0;
}

    .post-share-outer .post-share {
        top: 100px;
        left: 0;
        position: sticky;
        display: grid;
        justify-content: center;
        row-gap: 10px;
    }

.share-title {
    font-weight: 600;
    display: block;
}

.post-share-outer .share-title {
    margin-bottom: 0;
}

.single-post #facebook-share,
.single-post #instagram-share,
.single-post #twitter-share,
.single-post #pinterest-share {
    display: block;
    transition: .3s all ease-in-out;
    color: #cacaca;
    height: 50px;
    width: 50px;
    align-content: center;
    padding: 0;
}

    .single-post #facebook-share:hover {
        color: #4267b2;
    }

    .single-post #instagram-share:hover {
        color: #e1306c;
    }

    .single-post #twitter-share:hover {
        color: #1da1f2;
    }

    .single-post #pinterest-share:hover {
        color: #e60023;
    }

.fb-ico::before,
.ig-ico::before,
.tw-ico::before,
.pn-ico::before {
    font-family: mindseed;
    font-size: 25px;
    display: inline-block;
    transition: .4s all ease-in-out;
}

#facebook-share > .fb-ico::before {
    content: "\e907";
    color: #d9e2cf;
    font-size: 40px;
}

#instagram-share > .ig-ico::before {
    content: "\e90a";
    color: #d9e2cf;
    font-size: 40px;
}

.tw-ico::before {
    content: "\e90c";
}

.pn-ico::before {
    content: "\e985";
}

.share-title,
.post-meta-item p {
    font-size: 18px;
}

.single-post .post-body > div > p:first-of-type {
    font-size: 22px;
}

.single-post .post-body > div > p {
    font-size: 22px;
}

.blog-feed-title.main-title {
    text-transform: unset;
    font-weight: bold;
    text-align: center;
    font-size: 32px;
}

/*---*/


/*product-list*/

/*imagegallery*/

.product-list-gallery-item {
    opacity: 0;
    transition: all .3s ease-in-out;
}

.single-product-item .product-image:hover .product-list-gallery-item {
    opacity: 1;
}


.container.productlist-wrapper {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 30px;
    padding: 0 80px;
}

.left-section {
    margin-bottom: 120px;
}

    .left-section .mstm-breadcrumb-container.container {
        background-color: transparent;
        padding: 0;
    }

/*.sidebar-widget.mstm-vars-filter.mstm-taksinomish {
    width: 200px;
    margin: 40px 80px;
    float: right;
    border-bottom: 0;
}*/

/*taksinomish*/
/*.mstm-taksinomish .mstm-filters-content.sidebar-widget-list {
    display: none;
    position: absolute;
    background-color: white;
    top: calc(100% + 1px);
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    overflow-y: hidden;
    animation-name: filtersclose;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
    padding: 10px;
    box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
    -webkit-box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
    animation-name: filtersopen;
    animation-duration: 0.6s;
    z-index: 3;
}

.mstm-taksinomish .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    display: grid !important;
    align-items: start;
    height: auto;
    max-height: 335px;
    min-width: 190px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    left: 50%;
    transform: translateX(-50%);
}

.mstm-taksinomish .mstm-filters-content-option {
    color: var(--grey);
}

.mstm-taksinomish .mstm-filters-content-option:hover {
    color: var(--text-primary);
}


.sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name {
    padding-right: 30px;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name::after {
    content: " ";
    padding-left: 5px;
    position: relative;
    font-size: 16px;
    top: unset;
    right: unset;
    transform: unset;
    top: 3px;
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish .sidebar-widget-option label {
    font-size: 14px;
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name::before {
    display: none;
}*/
/**/

.mstm-category-title {
    font-weight: 600;
    font-size: 60px;
    margin-bottom: 30px;
    line-height: 1;
}

.category-description {
    font-size: 16px;
    margin-bottom: 160px;
}

.filterby {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    /*    margin-bottom: 40px;*/
}

.categorypage-cover .category-description {
    width: 100%;
    max-width: 665px;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.categorypage-cover .mstm-breadcrumb-container {
    text-align: center;
}

/*hasimage*/
.categorypage-cover.hasimage {
    position: relative;
    margin-bottom: 20px;
    line-height: 0;
}

    .categorypage-cover.hasimage .category-cover-inner {
        position: relative;
        line-height: 0;
        min-height: 378px;
        color: #fff;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .categorypage-cover.hasimage.no-margin {
        margin-bottom: 0px;
    }

    /*   .categorypage-cover.hasimage .category-cover-inner::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1;
    }*/

    .categorypage-cover.hasimage .mstm-blog-list-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

img.categorypage-cover-image {
    width: 100%;
    min-height: 220px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
}


.categorypage-cover.hasimage .mstm-cover-text-outer {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*noimage*/

.categorypage-cover.noimage {
    display: none;
}

/*.categorypage-cover.noimage .mstm-cover-text-outer {
    padding-top: 70px;
    padding-bottom: 50px;
}

.categorypage-cover.noimage .mstm-breadcrumb-container {
    color: var(--text-secondary);
}*/

.grey-bg {
    background: var(--greybg);
}

.mstm-row-filters, .orderby-filters {
    max-width: 230px;
}

.mstm-remove-filters-empty {
    min-height: 55.5px;
}

.mstm-row-filters-pad {
    background: var(--greybg);
    padding-top: 45px;
    padding-bottom: 50px;
}

.mstm-row-filters-taxinomisi .mstm-row-filters-pad.spt {
    padding-top: 0;
    margin-top: -20px;
}

.mstm-attribute_name {
    font-size: 16px;
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    width: 100%;
    height: 48px;
    color: var(--text-secondary);
    transition: .3s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
}

    .mstm-attribute_name.mstm-active {
        background: #fff;
        border-radius: 5px;
        border: none;
        color: var(--text-primary);
    }

        .mstm-attribute_name.mstm-active::before {
            opacity: 0;
        }

    .mstm-attribute_name::after {
        content: "\e975";
        font-family: mindseed;
        font-size: 12px;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        line-height: 1;
        position: absolute;
        font-weight: normal;
    }

    .mstm-attribute_name.mstm-active::after {
        content: "\e979";
    }

.mstm-filters-content {
    border-radius: 7px;
}

.back-to-filters {
    display: none;
}

.mstm-row-filters-mobile {
    display: none;
}

.mstm-filters-bottom {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 10px;
    margin-top: 80px;
    margin-bottom: 30px;
}

.mstm-remove-filters.mobile {
    display: none;
}


.mstm-checkbox.sidebar-widget-option {
    padding-left: 0px !important;
}

.sidebar-widget-option .checkmark {
    display: none;
}

/*taksinomisi emfanisi*/
.sidebar-widget-filters-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    grid-column-gap: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.mstm-taksinomish, .mstm-nbr-limits {
    position: relative;
}

.sidebar-widget-filters-wrapper .mstm-nbr-limits .mstm-attribute_name,
.sidebar-widget-filters-wrapper .mstm-taksinomish .mstm-attribute_name,
.mobile-filters .mstm-taksinomish .mstm-attribute_name {
    padding: 4px 15px;
    font-size: 16px;
    color: var(--text-primary);
    text-transform: uppercase;
    font-weight: 600;
    min-width: 170px;
    border: 1px solid;
    text-align: center;
}


/*mobile filters*/
.mstm-row-filters-mobile.container {
    margin-top: 40px;
}

.mobile-filters .mstm-attribute_name {
    display: flex;
    justify-content: center;
    align-items: center;
}
/**/

.mstm-nbr-limits .mstm-attribute_name::before, .mstm-taksinomish .mstm-attribute_name::before {
    right: 14px;
    font-size: 10px;
}

.mstm-nbr-limits .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    min-width: unset !important;
    width: 100%;
}

.mstm-taksinomish .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    width: 100%;
}

.sidebar-widget-filters-wrapper .mstm-attribute_name::after {
    color: var(--primary);
}
/**/

.product-list-page .mstm-product-list {
    margin-bottom: 70px;
}

.mstm-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px,390px));
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    justify-content: center;
}

/*--------------*/

/*filter*/
.mstm-filters-content.sidebar-widget-list .mstm-filter-search {
    position: relative;
}

    .mstm-filters-content.sidebar-widget-list .mstm-filter-search::after {
        content: "\e982";
        font-family: mindseed;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--text-secondary);
    }

.mstm-filters-content.sidebar-widget-list .mstm-filter-search {
    margin-bottom: 10px;
}

    .mstm-filters-content.sidebar-widget-list .mstm-filter-search .form-control.mstm-filter-search-input {
        margin-bottom: 0px;
        border: none;
        border-bottom: 1px solid var(--text-secondary);
        padding: 3px;
        font-size: 14px;
        height: auto;
    }

.mstm-filters-content-option {
    position: relative;
    align-items: center;
    display: grid;
    width: 100%;
    transition: .3s ease-in-out;
}

    .mstm-filters-content-option:hover, .mstm-filters-content-option.attrselected {
        background-color: unset;
        color: var(--primary);
    }

.sidebar-widget-option {
    padding: 7px 0px;
    cursor: pointer;
}

.mstm-filters-content-option:hover {
    color: var(--text-primary);
}

.mstm-filters-content-option.attrselected {
    color: var(--text-primary);
}

.sidebar-widget-option label {
    font-size: 14px;
}

.sidebar-widget-option small {
    background: #999999;
    color: #fff;
    padding: 2px 5px 0px 5px;
    border-radius: 4px;
    min-width: 15px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
}

.sidebar-widget.mstm-vars-filter {
    position: relative;
    min-width: 110px;
    text-align: left;
    border-bottom: 1px solid;
}
/*filter content*/
.mstm-filters-content.sidebar-widget-list {
    display: none;
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    padding: 10px;
    overflow-y: hidden;
    /*    animation-name: filtersclose;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
    animation-name: filtersopen;
    animation-duration: 0.6s;*/
}

    .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
        display: grid !important;
        align-items: start;
        height: auto;
        max-height: 335px;
        min-width: 190px;
        width: 100%;
    }

.mstm-price-slider .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    min-width: 220px;
}

ul.categorysubmenu.mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    width: 100%;
    min-width: unset;
}

/*price slider*/
.mstm-price-slider-text {
    font-size: 16px;
    display: grid;
    grid-template-columns: repeat( 2, minmax(0px, auto));
    justify-content: space-between;
    position: relative;
    margin: 10px auto 15px auto;
    width: 80%;
    left: 6px;
    font-weight: 600;
}

.mstm-price-slider .mstm-filters-content.sidebar-widget-list::before,
.mstm-price-slider .mstm-filters-content.sidebar-widget-list::after {
    height: 10px;
}

.noUi-horizontal {
    border: 0 none;
    position: relative;
    width: 80%;
    margin: 0 auto;
    height: auto;
    background: transparent;
    min-height: 6px;
    margin-bottom: 15px;
}

.noUi-connects {
    background: var(--primarymore);
}

.noUi-connect {
    background: var(--primary);
    border: 0 none;
    border-radius: 25px;
    height: 6px;
    position: relative;
    width: 100%;
    left: 0px;
}

.noUi-origin {
    top: 2px;
}

.noUi-handle.noUi-handle-lower, .noUi-handle.noUi-handle-upper {
    background: var(--text-primary) repeat scroll 0 0;
    border: 0 none;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    top: 50%;
    position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    transform: translate(0px, -50%);
    right: -10px;
    box-shadow: unset;
}

.noUi-handle::after, .noUi-handle::before {
    display: none !important;
}


/*remove filters*/
.mstm-remove-filters > .container > div > span {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 20px 5px 0px;
    font-weight: 600;
}

.mstm-remove-filters .selected_filters {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 15px;
    vertical-align: middle;
}

    .mstm-remove-filters .selected_filters li {
        display: inline-block;
    }


.mstm-remove-filters > div {
    padding-top: 15px;
    padding-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, auto));
    gap: 20px;
    align-items: baseline;
}

.mstm-remove-attribute {
    font-size: 13px;
    color: var(--text-secondary);
}

    .mstm-remove-attribute:hover {
        color: var(--text-primary);
    }

.remove-all-filters {
    color: var(--text-secondary);
    font-size: 14px;
    border: 1px solid;
    padding: 4px 8px;
    width: 100px;
}

    .remove-all-filters:hover {
        color: var(--text-primary);
    }

.mstm-remove-attribute .msicon-before-relative::before {
    content: "\e904";
    margin-left: 2px;
    display: inline-block;
    padding: 3px;
    font-weight: normal;
    font-size: 9px;
    vertical-align: baseline;
}

.remove-all-filters .msicon-before-relative::before {
    content: "\e91e";
    margin-right: 2px;
    display: inline-block;
    padding: 3px;
    font-weight: normal;
    font-size: 15px;
    vertical-align: baseline;
    line-height: 0;
}


.mstm-paggination {
    text-align: center;
    margin-bottom: 40px;
}

.mstm-load-more button {
    font-size: 16px;
    margin: 12px auto;
    border: 0 !important;
}

.no-products-category {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 20px;
}

/*----top level----*/
.grey-bg {
    background: #f1f1f1;
}

/**/
.subcategories-thumbs-outer.container {
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.subcategories-thumbs-inner.categories {
    display: grid;
    grid-template-columns: repeat(auto-fit,275px);
    justify-content: center;
    gap: 50px;
}

.category-item {
    background: #fff;
    padding: 20px;
    border-radius: 35px;
    width: 275px;
    height: 275px;
    display: inline-block;
    text-align: center;
    position: relative;
    display: grid;
    align-items: center;
}

    .category-item img {
        max-width: 100%;
        height: 100%;
        margin-bottom: 10px;
        max-width: 160px;
        max-height: 160px;
    }

    .category-item .ellipsis {
        --numberoflines: 2;
    }

/*subcategories paggination*/
.subcategories-thumbs-outer .mstm-paggination {
    margin-top: 35px;
    margin-bottom: 0;
    display: none;
}

.subcategories-thumbs-outer .btn-arrow {
    color: #717171;
    font-size: 19px;
}

.btn-arrow::after {
    font-size: 11px;
}


.category-bottom {
    background: #f1f1f1;
    border-radius: 60px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 510px) minmax(50%,1fr);
    margin-top: 60px;
    margin-bottom: 60px;
}

    .category-bottom .categorypage-info {
        position: relative;
        --sidepadding: 50px;
        line-height: 0;
    }

    .category-bottom .categorypage-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .category-bottom .categorypage-info .mstm-category-title {
        background: #fff;
        display: inline-block;
        font-size: 25px;
        padding: 12px 35px 7px 35px;
        border-radius: 12px;
        position: absolute;
        top: 50px;
        left: var(--sidepadding);
        font-weight: 600;
    }

    .category-bottom .category-description {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        color: #fff;
        padding: var(--sidepadding);
    }

    .category-bottom .products-outer {
        padding: 50px;
    }

    .category-bottom .products-outer h2.bstitle {
        text-align: center;
        font-size: 24px;
        font-weight: 600;
    }

    .category-bottom .mstm-products {
        grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
        margin-bottom: 0;
        margin-top: 30px;
    }

/*--single product--*/

.single-product-item {
    position: relative;
    padding: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.single-product-item .border {
    border-radius: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
    background: transparent;
}

.product-image {
    overflow: hidden;
    margin-bottom: 8px;
}

/*actions*/
.mstm-product-actions {
    position: absolute;
    transition: all .3s ease-in-out;
    top: 0px;
    right: 0px;
    font-size: 14px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.add-cart-product.store-locator {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid var(--primarymoretext);
}

.add-cart-product.store-locator:hover {
    border-color: var(--primarymore);
}

.action-buttons-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 50%));
    justify-content: space-between;
    max-width: 620px;
    column-gap: 20px;
}

.msicon-before-relative.cart::before {
    content: "\e903";
}

.mstm-add-to-wishlist .mstm-btn-wishlist {
    color: var(--primary);
    padding: 10px;
    cursor: pointer;
}

.mstm-btn-wishlist .msicon-before-relative::before,
.mstm-btn-wishlist.added:hover .msicon-before-relative::before {
    content: "\e90f";
    display: block;
    color: var(--text-primary);
    transition: .3s ease-in-out;
}

.mstm-btn-wishlist.added .msicon-before-relative::before,
.mstm-btn-wishlist:hover .msicon-before-relative::before {
    content: "\e927";
}

/*flags*/
.product-flags {
    top: 10px;
    position: absolute;
    left: 10px;
    display: grid;
    grid-row-gap: 4px;
    pointer-events: none;
    z-index: 2;
    width: 100%;
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.product-list .product-flags .flag-item:last-of-type {
    justify-self: end;
    position: absolute;
    right: 20px;
    top: 30px;
}

.flag2.square.custom-flag {
    background: var(--primary);
    --aspect-ratio: 0.5;
    height: 50px;
    --size: 60px;
    color: white;
    right: 0;
}

    .flag2.square.custom-flag span {
        font-size: 14px;
    }
/***/


.single-product-item:hover .mstm-product-actions,
.single-product-item:hover .product-flags {
    opacity: 1;
    visibility: visible;
}

.single-product-item .product-text {
    padding: 0 15px;
    margin-bottom: 10px;
}

.single-product-item .product-text {
    top: -20px;
    position: relative;
    transition: all .3s ease-in-out;
}

.trending-products .single-product-item .product-text {
    top: 0;
}

    .trending-products .single-product-item .product-text h2, .trending-products .single-product-item .manf-text {
        font-size: 14px;
    }


.single-product-item:hover .product-text {
    top: 0;
}

.single-product-item .aspect-image-outer img {
    transition: all .3s ease-in-out;
}

.single-product-item:hover .aspect-image-outer img {
    transform: scale(1.1);
}

.single-product-item:hover .product-text .mstm-product-title {
    font-weight: 600;
}

.mstm-product-delivery-status > span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-bottom: 5px;
}

    .mstm-product-delivery-status > span.mstm-in-stock {
        background: var(--instock);
    }

    .mstm-product-delivery-status > span.mstm-in-stock-warning {
        background: var(--order);
    }

    .mstm-product-delivery-status > span.mstm-out-of-stock {
        background: var(--outofstock);
    }

.flag-new-outer,
.mstm-discount-outer {
    border-radius: 5px;
    font-size: 14px;
    padding: 3px 10px;
    text-align: center;
    display: inline-block;
    min-width: 50px;
}

.mstm-discount-outer {
    display: none !important; /*ticket dec. 24*/
    background: #FFDCB6;
    color: #EE3105;
}

.flag-new-outer {
    background: var(--primary);
    color: var(--text-primary);
}

/*custom flag*/
.custom-flag,
.flag-item .default:not(.custom-flag) {
    --size: 50px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    color: #FFDCB6;
    line-height: 1;
    position: relative;
}

.custom-flag span.text,
.flag-item .default:not(.custom-flag) span {
    line-height: 1.25;
    padding: 10px 2px;
    font-size: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    font-size: calc(var(--size)*0.16);
    font-weight: 900;
}

.custom-flag .msicon-before-relative.flag {
    position: absolute;
    font-size: calc(var(--size) + 4px);
    z-index: -1;
    line-height: 1;
    color: var(--orange);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 0;
}

.custom-flag .msicon-before-relative.flag::before {
    content: "\e92d";
}

.flag2 .msicon-before-relative.flag::before {
    content: " ";
    background-color: var(--primary);
}

.flag-item .default:not(.custom-flag)::before {
    content: "\e92d";
    font-family: mindseed;
    position: absolute;
    font-size: calc(var(--size) + 4px);
    z-index: -1;
    line-height: 1;
    color: var(--orange);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.flag-item .default:not(.custom-flag) span {
    color: #FFDCB6 !important;
}

/*product standards*/
.product-standards {
    display: flex;
    gap: 20px;
    border-top: 1px solid var(--lightergrey);
    border-bottom: 1px solid var(--lightergrey);
    padding: 15px 0;
    margin: 15px 0;
    max-width: 620px;
}

.product-standards .standard-item span {
    display: block;
    text-align: center;
    font-size: 14px;
    max-width: 50px;
    max-height: 50px;
    line-height: 1;
}

.product-standards .standard-item span:first-of-type {
    color: var(--grey);
    min-height: 35px;
}

.product-standards .standard-item span:last-of-type {
    background-color: var(--primarymore);
    border-radius: 50%;
    padding: 5px 5px 1px 5px;
}

.product-standards .standard-item .msicon-before-relative {
    font-size: 40px;
    color: white;
}


/*--product text--*/
.single-product-item .product-text {
    padding: 0 15px;
    margin-bottom: 10px;
}

.single-product-item .manf-text {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.single-product-item .product-text h2,
.single-product-item .manf-text {
    font-size: 18px;
}

.product-text .price-actions {
    padding-top: 15px;
}


.product-text .pro-price {
    font-size: 18px;
}

.pro-price .new-price {
    font-weight: bold;
}

.pro-price .old-price::before {
    display: inline-block;
    content: var(--discounttext);
    margin-right: 5px;
}



.product-text .pro-price .old-price {
    font-size: 14px;
}

/*add to cart*/
.single-product-item .mstm-add-to-cart {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    opacity: 0;
    transition: .3s ease-in-out
}

.single-product-item:hover .mstm-add-to-cart {
    opacity: 1;
}

.single-product-item .stp-add-to-cart {
    background: transparent;
    color: var(--text-primary);
    padding: 4px 20px;
    font-size: 16px;
    border-radius: 0;
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid;
    text-transform: uppercase;
}
/*.single-product-item .stp-add-to-cart::after {
    content: "\e90a";
    font-family: mindseed;
}*/

/****/



/*single product-page*/

.product-page.product-details-area {
    display: grid;
    grid-column-gap: 7px;
    margin-bottom: 35px;
    grid-template-columns: minmax(80px,120px) minmax(0px,40%) minmax(0px,60%);
    padding: 0 80px;
    margin-top: calc(var(--headerHeight) + 80px );
}

.product-thumbnail-slider .slick-current {
    border: 1px solid var(--lightergrey);
}

.product-s-container {
    grid-column: 1/3;
}

.p-thumb .msicon-before-relative.youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 33px;
    color: var(--primary);
}

.p-thumb.aspect-image-outer {
    border: 1px solid var(--greyborder);
    transition: .3s ease-in-out;
    cursor: pointer;
}

/*--image--*/
.mstm-product-page-image .product-flags {
    width: unset;
    height: unset;
    top: 15px;
    left: 15px;
    pointer-events: none;
    display: grid;
    gap: 15px;
}

.mstm-product-page-image .flag-new-outer {
    position: relative;
    bottom: unset;
    right: unset;
}

.mstm-product-page-image .mstm-discount-outer {
    position: relative;
    top: unset;
    right: unset;
}

.single-product-image-inner .product-custom-flag {
    position: absolute;
    top: 15px;
    right: 15px;
}

/*video*/
.mstm-product-page-image .product-page-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.mstm-product-page-image {
    margin-right: 30px;
}

.single-product-image-inner {
    border: 1px solid var(--greyborder);
    position: relative;
}

    .single-product-image-inner .msicon-before-relative.expand-icon {
        opacity: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        pointer-events: none;
        padding: 10px;
        font-size: 20px;
        color: var(--text-secondary);
        transition: .3s ease-in-out;
    }

    .single-product-image-inner:hover .msicon-before-relative.expand-icon {
        opacity: 1;
    }

.msicon-before-relative.expand-icon::before {
    content: "\e91c";
}


span.mstm-product-delivery-status-label {
    vertical-align: middle;
    font-size: 14px;
}

/*--text--*/
.product-details-text .mstm-product-title {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.mstm-product-title small {
    font-weight: normal;
    font-size: 22px;
}

/*product info*/
.product-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 10px;
}

/*availability*/

.product-details-text .mstm-product-delivery-status .mstm-in-stock .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--instock);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.product-details-text .mstm-product-delivery-status .mstm-out-of-stock .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--outofstock);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.product-details-text .mstm-product-delivery-status .mstm-in-stock-warning .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--order);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

/*short description*/
.mstm-product-short-descr-outer {
    display: grid;
    align-items: end;
    max-width: 620px;
}

.mstm-product-short-description {
    line-height: 1.5;
    font-size: 16px;
    margin: 10px 0;
}

/*prices*/
.mstm-price-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    column-gap: 25px;
    margin: 10px 0;
}

.mstm-product-prices-disc {
    display: inline-block;
    vertical-align: central;
}

/*.mstm-product-prices {
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    -webkit-box-align: center;
    font-weight: 600;
}*/

.mstm-product-details-outer .mstm-product-prices {
    font-size: 20px;
    font-weight: 600;
}

.mstm-product-prices .old-price {
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.mstm-product-prices .old-price::before {
	display: inline-block;
	content: var(--discounttext);
	margin-right: 5px;
}

.mstm-product-details-outer .mstm-price-info {
    position: relative;
}

.mstm-product-details-outer .mstm-price-info .mstm-discount-outer {
    position: absolute;
    left: 80px;
    top:0;
}

/*quantity*/
.mstm-product-quantity {
    width: 146px;
}

.mstm-product-cart-actions {
    column-gap: 15px;
    justify-content: left;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

    .mstm-product-cart-actions .actions-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        height: 100%;
        gap: 15px;
        width: 100%;
        max-width: 400px;
    }

.mstm-product-quantity-to-add {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 16px;
    border: 1px solid var(--text-primary);
    height: 44px;
}

.mstm-product-quantity-to-add * {
    z-index: 1;
    position: relative;
}

.mstm-product-quantity .mstm-subtract-quantity,
.mstm-product-quantity .mstm-add-quantity {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 13px;
    font-size: 18px;
    color: var(--text-primary);
}

.mstm-product-quantity .mstm-subtract-quantity {
    left: 0px;
    height: 100%;
    width: 37px;
}

.mstm-product-quantity .mstm-add-quantity {
    right: 0px;
}

.mstm-product-quantity .mstm-subtract-quantity::before {
    content: "\e928";
    font-size: 1px;
    top: -3px;
}

.mstm-product-quantity .mstm-add-quantity::before {
    content: "\e929";
}

.quantity-num {
    position: relative;
    line-height: 44px;
    font-style: italic;
    font-weight: 600;
}

.mstm-product-quantity {
    position: relative;
}

.mstm-product-quantity::before {
    content: "";
    display: block;
    width: 57px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid var(--text-primary);
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
}

.qty-text {
    font-size: 18px;
}

.add-cart-product, .btn.btn-primary {
    width: 100%;
    max-width: 620px;
    font-size: 16px;
    text-transform: uppercase;
    height: 100%;
    min-height: 54px;
    max-height: 54px;
    background-color: var(--primary);
    color: var(--text-primary);
    margin-bottom: 40px;
}

.add-cart-product:hover, .btn.btn-primary:hover {
    background-color: var(--primarymore);
}

/*wishlist*/
.mstm-btn-wishlist {
    color: var(--text-secondary);
    font-size: 16px;
}


/**/
.mstm-product-manuf {
    text-transform: uppercase;
}

.mstm-product-sku {
    color: var(--text-secondary);
}

/*.mstm-available,*/
.mstm-variations,
.mstm-attributes {
    margin-bottom: 40px;
}

.mstm-available p {
    font-size: 14px;
}

#mstm-product-details .mstm-variations {
    margin-top: 30px;
}


.product-s-title {
    font-weight: 600;
    font-size: 14px;
}

#mstm-product-details .mstm-variations .mstm-attributes-inner > div + div {
    margin-top: 25px;
}

.mstm-variations .mstm-attributes-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 5px;
}



.mstm-variations .var-item a {
    min-width: 50px;
    min-height: 50px;
    text-align: center;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.mstm-variations .var_active.var-item a {
    border-color: var(--text-primary);
}

/*color*/
.variation4 .var-item .var-text {
    display: none;
}

/*aditional info*/
.additional-info {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: var(--text-secondary);
    padding: 20px 0px;
    border-color: #ececec;
}

    .additional-info p + p {
        margin-top: 3px;
    }

    .additional-info p {
        font-size: 16px;
    }

    .additional-info .delivery-info::before {
        content: "\e9a2";
        font-family: mindseed;
        margin-right: 8px;
    }

    .additional-info .payment-info::before {
        content: "\e9a6";
        font-family: mindseed;
        margin-right: 8px;
    }

/*anchor*/
.description-anchor {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

    .description-anchor .msicon-before-relative.down-arrow::before {
        content: "\e919";
        font-size: 21px;
        vertical-align: middle;
    }

/*------------*/

#prdocut-tabs-headers {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0px,auto));
    justify-content: left;
    grid-column-gap: 20px;
    padding-bottom: 1px;
    max-width: 620px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

    /* Hide scrollbar*/
    #prdocut-tabs-headers::-webkit-scrollbar {
        display: none;
    }

#prdocut-tabs-headers {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #prdocut-tabs-headers .tab-header {
        position: relative;
        font-size: 15px;
        margin-top: 0;
    }

        #prdocut-tabs-headers .tab-header.active::before {
            width: 100%;
            content: "";
            position: absolute;
            height: 1px;
            top: 100%;
            left: 0px;
            background-color: var(--text-primary);
        }

#prdocut-tabs-contetnt {
    font-size: 14px;
    max-width: 620px;
    text-align: justify;
}


/*--------cross related--------*/


.rel-steps {
    display: grid;
    grid-template-columns: repeat(3,33.33%);
    justify-content: space-between;
    justify-items: center;
    align-items: center
}

    .rel-steps span {
        margin: 0
    }

.rel-step-sep::before {
    content: " ";
    height: 106px;
    border-right: 1px solid;
    display: inline-block;
    width: 1px
}

.rel-step-shd {
    font-size: 24px;
    color: var(--text-primary);
    opacity: .5;
    align-self: end;
    justify-self: end;
    padding-right: 0
}

.rel-step-hd.content-hd {
    justify-self: start
}

.mstm-products.carousel {
    display: flex;
    padding: 0px 30px;
    visibility: hidden;
}

    .mstm-products.carousel.slick-initialized {
        visibility: visible;
        justify-content: center;
    }

        .mstm-products.carousel.slick-initialized::before {
            visibility: hidden;
        }

 /*   .mstm-products.carousel::before {
        content: url(/assets/fonts/mindseed/loader.svg);
        position: absolute;
        background: rgba(255,255,255,0.5);
        top: 0px;
        left: 0px;
        z-index: 10;
        width: 100%;
        display: grid;
        justify-content: center;
        align-content: center;
        height: 100%;
        visibility: visible;
    }*/

    .mstm-products.carousel .single-product-item, .carousel .mstm-products .single-product-item {
        padding: 10px;
    }

/*******/

.mstm-related-products .slick-prev.msicon-before-relative::before,
.mstm-related-products .slick-next.msicon-before-relative::before {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.mstm-related-products .slick-prev.msicon-before-relative:hover::before,
.mstm-related-products .slick-next.msicon-before-relative:hover::before {
    color: var(--primary) !important;
}

.product-specs-inner {
    display: flex;
    gap: 15px;
}

.product-attr-descr-title {
    font-weight: 600;
    margin-bottom: 15px;
}

/*attachments*/
#product-attached-files {
    display: grid;
    row-gap: 10px;
}

.product-attached-file {
    display: flex;
    column-gap: 5px;
    align-items: baseline;
    font-size: 16px;
}

    .product-attached-file img {
        max-width: 25px;
        max-height: 25px;
    }

/**/
.zoom-image-slider {
    padding: 0px 30px;
}

.product-thumbnail-slider .slick-prev, .product-thumbnail-slider .slick-next {
    position: relative;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    margin: 0px auto;
    transform: unset !important;
    padding: 0px 0px 2px 0px;
    bottom: unset !important;
    width: auto;
}

    .product-thumbnail-slider .slick-prev::before, .product-thumbnail-slider .slick-next::before {
        content: "\e98b" !important;
        line-height: 0.6;
        font-size: 24px;
    }

    .product-thumbnail-slider .slick-prev::before {
        transform: rotate(180deg);
        display: inline-block;
    }

.product-thumbnail-slider .slick-next {
    padding-top: 2px
}

/*modal*/
#lightbox-gal {
    position: fixed;
    z-index: 999999;
    background: rgba(0,0,0,0.6);
    height: 100%;
}

.modal-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
}

.modal .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #555555;
    z-index: 9999999;
}

.modal-overlay .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
}

.modal {
    margin: 0px auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
    width: 60%;
    z-index: 9;
    max-height: 95%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-overlay:target {
    visibility: visible;
    opacity: 1;
}

.modal-title {
    font-weight: 600;
    margin-bottom: 10px;
}

/*gallery modal*/
#galbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.imagemodal-arrows {
    display: none;
}

    .imagemodal-arrows .slick-prev, .imagemodal-arrows .slick-next {
        height: 30px !important;
        width: 30px !important;
    }

        .imagemodal-arrows .slick-prev::before, .imagemodal-arrows .slick-next::before {
            color: var(--primary);
            opacity: 1;
            font-family: "mindseed";
            font-size: 30px;
        }

        .imagemodal-arrows .slick-prev:hover::before, .imagemodal-arrows .slick-next:hover::before {
            color: var(--primarymore);
        }

        .imagemodal-arrows .slick-prev::before {
            content: "\e914"
        }

        .imagemodal-arrows .slick-next::before {
            content: "\e917"
        }

    .imagemodal-arrows .slick-next {
        right: 0px !important;
    }

    .imagemodal-arrows .slick-prev {
        left: 0px !important;
    }

#imagemodal .modal {
    width: 90%;
    max-width: 700px;
    min-width: 200px;
    min-height: 200px;
}

    #imagemodal .modal .content {
        margin: auto;
        line-height: 0px;
        font-size: 0;
    }

#imagemodal .imagemodal-img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

#imagemodal .close::before {
    content: "\e904";
    font-family: mindseed;
}

.msicon-before-relative.close {
    width: 40px;
    height: 40px;
    opacity: 1;
    top: 40px;
    right: 20px;
    padding: 5px;
}

#imagemodal .modal .close {
    opacity: 1;
    font-size: 24px;
    text-decoration: none;
    color: var(--text-primary);
    transition: .3s ease-in-out;
    z-index: 1;
}

    #imagemodal .modal .close:hover {
        color: var(--primary);
    }

#imagemodal .modal {
    border: 4px solid var(--text-primary);
    padding: 0;
}

#imagemodal .modal {
    scrollbar-color: var(--primary);
    scrollbar-width: thin;
}

    /* width */
    #imagemodal .modal::-webkit-scrollbar,
    #imagemodal .modal ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    #imagemodal .modal::-webkit-scrollbar-track,
    #imagemodal .modal ::-webkit-scrollbar-track {
        background: #ccc;
    }

    /* Handle */
    #imagemodal .modal::-webkit-scrollbar-thumb,
    #imagemodal .modal ::-webkit-scrollbar-thumb {
        background: var(--primary);
    }

#imagemodal.modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}

.colorbox-wrap.gallery {
    height: 0;
}


/*cross products*/
.mstm-cross-products {
    background: var(--greybg);
    padding-top: 10px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.mstm-cross-products-inner {
    display: grid;
    grid-template-columns: auto minmax(200px,400px);
    justify-content: space-between;
    border-top: 1px solid var(--text-primary);
}

.mstm-cross-repeater.mstm-products {
    margin-bottom: 0;
}

.mstm-cross-repeater.mstm-products {
    width: 100%;
    position: relative;
    display: flex;
    overflow-x: auto;
    padding: 0 20px;
    padding-bottom: 10px;
    column-gap: 0;
}

    /* Hide scrollbar*/
    .mstm-cross-repeater.mstm-products::-webkit-scrollbar {
        display: none;
    }

.mstm-cross-repeater.mstm-products {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .mstm-cross-repeater.mstm-products .single-product-item {
        display: grid;
        align-items: center;
        gap: 30px;
        grid-template-columns: minmax(250px, auto) 1fr;
        margin: 0;
        justify-content: start;
        max-width: unset;
        border-right: 1px solid var(--text-primary);
    }

        .mstm-cross-repeater.mstm-products .single-product-item img {
            max-width: 250px;
        }

        .mstm-cross-repeater.mstm-products .single-product-item .item-right {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            height: 100%;
        }

        .mstm-cross-repeater.mstm-products .single-product-item .product-text {
            top: 50%;
            transition: all .3s ease-in-out;
            transform: translateY(-50%);
        }

        .mstm-cross-repeater.mstm-products .single-product-item:hover .product-text {
            top: 35%;
        }

            .mstm-cross-repeater.mstm-products .single-product-item:hover .product-text .mstm-product-title {
                font-weight: normal;
            }

        .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions {
            position: relative;
            margin-top: 15px;
            bottom: -50px;
            top: unset;
        }

            .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions .cross-product-include {
                font-size: 14px;
                border: 1px solid var(--text-primary);
                padding: 5px 60px;
                margin: 0;
            }

                .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions .cross-product-include:hover {
                    background-color: var(--primarymore);
                    border: 1px solid var(--primarymore);
                }

                .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions .cross-product-include.selected {
                    background-color: var(--primarymore);
                    border: 1px solid var(--primarymore);
                }

        .mstm-cross-repeater.mstm-products .single-product-item .mstm-checkbox {
            padding-left: 15px !important;
        }

            .mstm-cross-repeater.mstm-products .single-product-item .mstm-checkbox .checkmark {
                height: 100%;
                width: 100%;
                border: none;
                border-radius: 0;
                background-color: transparent;
            }

                .mstm-cross-repeater.mstm-products .single-product-item .mstm-checkbox .checkmark.checked::before,
                .mstm-cross-repeater.mstm-products .single-product-item .mstm-checkbox input:checked ~ .checkmark::before {
                    display: none;
                }

/*cross total*/
.cross-total-outer {
    padding: 10px;
    justify-self: start;
}

.cross-total {
    display: grid;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0px;
    border-radius: 16px;
    text-align: center;
    font-size: 22px;
    row-gap: 8px;
    max-width: 400px;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

.cross-total-price-title, .cross-total-price {
    display: block;
    margin-bottom: 10px;
}

.cross-total-price {
    font-weight: 600;
}

.cross-add-cart.btn.btn-secondary {
    font-size: 18px;
    border: 1px solid var(--text-primary);
    background-color: transparent;
    padding: 2px 80px;
}

    .cross-add-cart.btn.btn-secondary:hover {
        font-size: 18px;
        border: 1px solid var(--primarymore);
        background-color: var(--primarymore);
        padding: 2px 80px;
    }

.checkout-coupon .alert.inline {
    position: relative;
    margin-top: -5px;
    font-size: 14px;
}

.checkout-coupon .alert.alert-success.inline {
    background: transparent;
    padding: 0;
    margin-top: 0;
}

.isgiftcard.mstm-checkbox ~ .mstm-checkbox {
    display: none;
}

/*****cart********/

.mstm-cart-outer {
   /* background-color: var(--primarybg);*/
    padding: 0px 120px;
}

.mstm-cart-inner {
    padding: 40px 0;
}

.remove-cart-txt {
    text-decoration: underline;
}

.remove-cart-txt:hover {
    color: var(--outofstock);
}

.pro-price .old-price {
    color: var(--text-secondary);
    padding-left: 2px;
    display: block;
}

.mstm-empty-cart {
    margin-bottom: 70px;
}

.mstm-empty-cart-inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    background: var(--greybg);
    text-align: center;
    border-radius: 20px;
}

.mstm-empty-cart-icon .msicon-before-relative.cart::before,
.mstm-empty-cart-icon .msicon-before-relative.wishlist::before {
    font-size: 50px;
}

.mstm-empty-cart-icon {
    margin-bottom: 8px;
}

.mstm-empty-cart-hd {
    font-size: 28px;
    margin-bottom: 5px;
}

.mstm-empty-cart-text {
    font-size: 18px;
    margin-bottom: 30px;
}

.is-empty.cart-area {
    grid-template-columns: repeat(1, auto);
    justify-content: normal;
}

/*****checkout********/

#boxnowmap iframe {
    z-index: 10;
}

.boxnow-text-outer {
    margin: 15px 0px 8px;
}

.boxnow-text {
    line-height: 1.4;
}

.mstm-tropoi-pliromis .mstm-bankwire {
    margin-top: 12px;
    padding: 10px;
}

.checkout-area, .cart-area {
    display: grid;
    grid-template-columns: minmax(0px,60%) minmax(0px, 40%);
    grid-column-gap: 100px;
    justify-content: center;
    margin-bottom: 0px;
}

.checkout-area .content-hd, .mstm-cart-outer .content-hd {
    font-weight: 600;
    font-size: 44px;
    padding-bottom: 5px;
}

.checkbox-form.mstm-checkout-order-summary {
    border-left: 1px solid;
    padding-left: 100px;
}

.mstm-checkout-col {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    grid-column-gap: 32px;
    width: 100%;
}

.checkout-section-title, .checkout-section-subtitle {
    font-size: 30px;
    font-weight: 600;
    font-family: 'neutraface';
    margin-bottom: 20px;
}

/*.checkout-form-list.mstm-checkout-address-select.country-select {
    position: relative;
}

.checkout-form-list.mstm-checkout-address-select.country-select::before {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    content: "\e98b";
    font-family: mindseed;
}*/

.checkout-form-list.mstm-checkout-address-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
}

.hassecondaryadddress {
    margin-top: 20px;
}

.checkout-section {
    margin-bottom: 20px;
}

/*#checkout-scroll-cart.fixed {
    position: fixed;
    top: 0px;
    width: calc(var(--fixedWidth));
    max-width: 565.20px;
}*/

#checkout-scroll-cart.absolute {
    position: absolute;
    bottom: 0px;
    width: calc(var(--fixedWidth));
    max-width: 565.20px;
}

.mstm-checkout-order-summary {
    position: relative;
}

.order-subtotal,
.order-total, .cart-total {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 15px;
}

.order-total, .cart-total {
    font-weight: 600;
    margin-top: 30px;
    border-bottom: 2px solid;
    padding-bottom: 30px;
}

.order-subtotal small {
    display: block;
    font-size: 14px;
}

.checkout-area .coupon-info .content-hd {
    font-size: 28px;
}

#coupont-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
    padding: 0;
    padding-bottom: 0px;
    margin-top: 15px;
    margin-bottom: 0;
}

.checkout-coupon .btn.btn-primary {
    cursor: pointer;
    padding: 15px 48px;
}

.mstm-checkout-order-summary .mstm_cart-items {
    max-height: 324px;
    margin-bottom: 20px;
}

.mstm-checkout-order-summary-headers {
    font-size: 20px;
    margin-bottom: 40px;
}

.mstm-custom-zip-outer .typeahead.dropdown-menu {
    display: grid;
    align-items: flex-start;
    max-height: 334px;
    overflow-y: auto;
    top: 100%;
    z-index: 3;
    height: auto;
    min-width: 275px;
    text-align: left;
    box-shadow: 0 5px 13px -2px rgba(0,0,0,.3);
    padding: 5px 0;
    font-size: 16px;
    background: white;
    position: absolute;
}

.mstm-custom-zip-outer .typeahead.dropdown-menu li.active, .mstm-custom-zip-outer .typeahead.dropdown-menu li:hover {
    background: var(--primary);
    color: var(--text-primary);
    transition: unset;
}

.mstm-custom-zip-outer .typeahead.dropdown-menu li {
    padding: 5px 5px;
    transition: unset;
}

.checkout-coupon {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 10px;
    align-items: flex-start;
}

.checkout-area-outer {
    background-color: var(--primarybg);
    padding: 0px 120px;
}

.checkout-area.form-fields .checkbox-form {
    padding-top: 40px;
}

.mstm-Invoice-outer {
    display: none;
}

.checkout-area-outer .mstm-billing-information, .checkout-area-outer .checkout-section {
    background-color: white;
    padding: 30px;
    margin-bottom: 0;
}

.checkout-actions.checkout-section {
    background: transparent;
}

.checkout-area-outer .mstm-billing-information {
    margin-bottom: 40px;
}


.checkout-area-outer .mstm-checkbox {
    margin-right: 20px;
    margin-bottom: 10px;
}

.mstm-checkout-order-summary .mstm_cart-items .single-cart-item {
    padding: 15px;
    width: 95%;
}

.mstm-checkout-order-summary .cart-price {
    font-size: 20px;
    justify-self: end;
}

.order-button-payment {
    margin-top: 24px;
    margin-bottom: 60px;
}

.order-button-payment .btn {
    width: 100%;
}

.checkout-title {
    margin: 40px auto;
    text-align: center;
    display: none;
}

.order-notes #checkout-mess::placeholder {
    opacity: 1;
}

.checkout-area .your-order-table .pro-price .old-price {
    font-size: 13px;
}

/*404==change password==order complete/failed*/
.mstm-general-outer {
    padding-top: 40px;
    padding-bottom: 50px;
}

.mstm-general-outer .content-hd {
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 600;
}

.mstm-general {
    text-align: center;
}

#backtohome {
    text-align: center;
    margin-top: 30px;
}

/***********404*********/

.mstm-404-outer {
    background: url(/assets/img/elements/bone-outline-primarybg.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 400px -155px;
    padding-bottom: 0;
    margin-bottom: 0;
}

    .mstm-404-outer .mstm-general-outer {
        padding-top: 40px;
        padding-bottom: 50px;
        min-height: calc(100vh - 110px);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .mstm-404-outer .mstm-general {
        max-width: 690px;
    }

    .mstm-404-outer .big-p {
        font-family: 'neutraface';
        font-weight: 600;
        font-size: 64px;
        margin-bottom: 0;
    }

    .mstm-404-outer .mstm-404-item {
        font-family: 'neutraface';
        font-weight: 600;
        font-size: 250px;
        margin-bottom: 0;
        color: var(--primarymore);
    }

    .mstm-404-outer p {
        font-family: 'neutraface';
        font-size: 54px;
        line-height: 1;
        margin-bottom: 60px;
    }

    .mstm-404-outer.newsletterconf-outer {
        background: none;
    }

.newsletterconf-outer .mstm-category-title {
    font-size: 28px;
    margin-bottom: 40px;
}

.newsletterconf-outer div p {
    font-size: 16px;
}


/***********login*********/

.invisible {
    visibility: hidden;
    opacity: 0;
}

.logreg-form .outline-error {
    width: 653px;
    margin-left: auto;
    margin-right: auto;
}

.logreg-form .form-control {
    width: 100%;
}

.logreg-form .btn-primary {
    margin-bottom: 0;
    font-size: 20px;
}

.ctr {
    text-align: center;
    margin: 20px auto;
    font-size: 20px;
}

.customer-log-title.tab-header.pill {
    margin-left: 10px;
    text-decoration: underline;
    transition: all .3s ease-in-out;
}

    .customer-log-title.tab-header.pill:hover {
        color: var(--primarymoretext);
    }


.logreg-form .outline-error:last-of-type .form-control {
    margin-bottom: 10px;
}

.logreg-form .content-hd {
    max-width: 653px;
    width: auto;
    margin: 60px auto 30px auto;
    font-weight: 600;
}

.customer-log-title.tab-header.mobile {
    display: none;
}

.mstm-login-and-register-page .pill-content {
    display: block;
    order: 2;
}

    .mstm-login-and-register-page .pill-content.active {
        order: 1;
    }

.mstm-login-and-register-page .logreg-form {
    max-width: 898px;
    margin: 0 auto;
    background-color: white;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.tab-contents-outer {
    padding: 30px 30px 30px 30px;
    padding-top: 0;
}

.mstm-login-and-register-page {
    background-color: var(--primarybg);
    padding: 30px 0 120px 0px;
}

    .mstm-login-and-register-page .tab-contents {
        display: grid;
        grid-template-columns: 100% 100% 100%;
        overflow: hidden;
    }

.logreg-form .tab-headers {
    font-size: 22px;
    grid-template-columns: repeat(auto-fit,minmax(0px,1fr));
}

.logreg-form .form-fields {
    min-height: 210px;
}

.logreg-form .form-bottom {
    margin-top: 20px;
}

#guest-user {
    text-align: center;
}

.guest-user i:before {
    vertical-align: middle;
}

#continue-as-guest {
    margin-top: 50px;
}

.gdpron {
    z-index: 1;
    position: relative;
}

.gdpr-text {
    color: rgba(51, 51, 51,0.4);
    margin-top: 40px;
    column-count: 2;
    column-gap: 40px;
    font-size: 14px;
}

.lost_password {
    text-align: right;
    max-width: 653px;
    margin: 0 auto 30px auto;
    font-size: 20px;
}

.lost_password a {
    color: var(--text-primary);
    text-decoration: underline;
}

.lost_password:hover a {
    color: var(--primarymoretext);
}


/*****cart********/



.mstm-cart-table {
    display: grid;
    grid-template-columns: minmax(0px,100px) repeat(4,minmax(0px,25%)) minmax(0px,38px);
    justify-items: center;
    align-items: center;
    grid-column-gap: 20px;
}

.mstm-cart-table-head {
    font-weight: 600;
    margin-top: 15px;
}

.mstm-cart-table-head-mobile {
    display: none;
}

.mstm-cart-table-line {
    width: 100%;
    height: 1px;
    background: #ebebeb;
    grid-column: 1/-1;
    margin: 10px 0px;
}

#mstm-cart-title {
    margin-bottom: 30px;
}

    #mstm-cart-title span {
        font-size: 20px;
        font-family: 'neutraface';
    }


.mstm-cartpage-product-qty .qty-input {
    border: none;
    width: 20px;
    text-align: center;
    font-size: 18px;
    min-width: 50px;
}

.mstm-cartpage-product-qty {
    border: 1px solid #ebebeb;
    padding: 6px 10px;
}

.msicon-before-relative.minus::before {
    content: "\e979";
}

.msicon-before-relative.plus::before {
    content: "\e975";
}

.mstm-cart-table-total-content {
    border-left: 1px solid;
    padding: 121px 0 0 100px;
    border-top: none;
    border-radius: 0;
}

.mstm-cart-table-outer {
    background-color: white;
    padding: 30px;
}

#mstm-goto-checkout-outer .btn {
    width: 100%;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 60px;
    display: block;
}

.order-subtotal.cart-shipping .amount-right {
    max-width: 330px;
    text-align: right;
}

.incart-text-price-wrapper .pro-price .old-price {
    font-size: 13px;
}

/*****order-complete********/

.mstm-order-complete h4, .mstm-order-fail h4 {
    font-size: 28px;
    margin-bottom: 40px;
    margin: 15px auto;
}

.mstm-order-complete-icon::before {
    content: "\e9a5";
    font-family: mindseed;
    font-size: 145px;
    color: var(--primary);
}

.mstm-order-fail-icon::before {
    content: "\e981";
    font-family: mindseed;
    font-size: 145px;
    color: var(--primary);
}


.mstm-thankyou-page-order-id {
    color: var(--primary);
}

.mstm-order-complete-details {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 70px;
    margin-top: 20px;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    width: 50%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.mstm-order-complete .btn.btn-dark {
    margin: 40px auto 80px auto;
    display: inline-block;
    padding: 10px 63px;
}

.mstm-order-complete, .mstm-order-fail {
    text-align: center;
}

#mstm-complete-order .mstm-cartpage-product-qty {
    border: none;
}

.mstm-order-complete .main-title {
    font-family: 'neutraface';
    font-size: 65px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.69);
    text-transform: unset;
}


/**********account**********/
#logoutmobile {
    margin: 0 auto;
    display: none;
}

.mstm-account-page {
    display: grid;
    grid-template-columns: 300px auto;
    max-width: 1200px;
    margin: 0 auto;
    grid-column-gap: 20px;
}

.mstm-account-container {
    background-color: var(--primarybg);
    padding: 30px 120px;
}

    .mstm-account-container .mstm-breadcrumb.container {
        padding-top: 40px;
        margin-bottom: 0;
    }

.mstm-account-page {
    display: grid;
    grid-template-columns: 320px auto;
    max-width: 1505px;
    padding: 40px 0;
}

    /*tab headers*/
    .mstm-account-page .tab-header {
        background: white;
        font-size: 16px;
        position: relative;
        transition: .3s ease-in-out;
        border: 2px solid var(--primarybg);
    }

        .mstm-account-page .tab-header > a {
            display: block;
            vertical-align: middle;
            padding: 20px;
            padding-right: 40px;
            font-weight: 600;
        }

        .mstm-account-page .tab-header:not(.active):hover {
            color: var(--text-primary);
        }

        .mstm-account-page .tab-header.active, .mstm-account-page .tab-header:hover {
            background: var(--primarymore);
            color: var(--text-primary);
        }

            .mstm-account-page .tab-header.active a {
                color: var(--text-primary);
            }

        .mstm-account-page .tab-header::after {
            opacity: 0;
            transition: .3s ease-in-out;
        }

        .mstm-account-page .tab-header.active::after, .mstm-account-page .tab-header:hover::after {
            opacity: 1;
            content: "\e902";
            font-family: mindseed;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

.account-tab-header {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 13px 40px;
    display: flex;
    gap: 15px;
    background: var(--primarymore);
    border: 2px solid var(--primarymore);
    align-items: center;
    margin-top: 1px;
}

.mstm-account-page .tab-header i.msicon-before-inline {
    font-size: 18px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    display: none;
}

.account-tab-header p {
    margin-top: 0;
}

/*.account-tab-content*/

.mstm-account-details-invoive-row {
    padding: 25px 40px; /*l-r same as .account-tab-header*/
}

.account-tab-content label {
    font-size: 18px;
}

#account-logout-button {
    display: inline-block;
    background: none;
    cursor: pointer;
    border: none;
    vertical-align: middle;
}

.account-tab-title-icon {
    font-size: 20px;
    line-height: 0;
}

#mstm-add-new-address,
.btn-add-info {
    margin-top: 12px;
    font-size: 42px;
    display: block;
    border: 2px solid var(--primarymore);
    padding: 5px 10px;
    line-height: 1;
    color: var(--text-primary);
    transition: .3s ease-in-out;
}

#mstm-add-new-address {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    align-items: center;
}

.add-new-address {
    font-size: 20px;
}

#mstm-add-new-address:hover,
.btn-add-info:hover {
    background: var(--primarymore);
}

.btns-bottom {
    display: flex;
    column-gap: 20px;
}

    .btns-bottom .btn.input-btn {
        min-width: 200px;
        max-width: 200px;
        margin: 0;
    }

.account-page-address-section-headers, .account-page-address-section {
    display: grid;
    grid-template-columns: repeat(8,12.5%);
    justify-content: center;
    justify-items: center;
    text-align: center;
    align-items: center;
    align-content: center;
}

.account-page-address-section-headers {
    background: white;
    padding: 20px 16px;
    font-weight: bold;
    justify-items: center;
    margin-bottom: 10px;
    text-align: center;
    align-items: center;
    font-size: 16px;
    border: var(--borderwidth) solid;
}

.isdefaultaddress input.mstm-radio-button {
    position: relative;
}


.account-page-address-section p {
    font-size: 14px;
    margin: 0;
}

.account-page-address-section, .mstm-new-address-outer {
    background: white;
    padding: 10px 0 45px;
    margin-bottom: 15px;
    position: relative;
}

.mstm-add-new-address p + p {
    margin: 0;
}

.mstm-new-address-outer {
    padding-right: 20px;
}

.mstm-new-address-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    grid-column-gap: 50px;
}

    .mstm-new-address-row .alert.inline {
        top: calc(100% - 29px);
    }

.mstm-account-page .full-row {
    grid-column: 1/3;
}

.account-page-address-toolbox {
    display: flex;
    align-content: center;
    column-gap: 20px;
    position: absolute;
    bottom: 4px;
    right: 20px;
    background: white;
    padding: 4px 10px;
/*    border-top: 1px solid var(--primary);*/
    align-items: center;
}

.account-page-address-toolbox p {
    font-size: 12px !important;
}

.account-page-delete-address::after {
    position: absolute;
    content: "\e904";
    font-family: 'mindseed';
    right: 0px;
}

.account-page-delete-address {
    position: relative;
    padding-right: 28px;
}

.account-page-edit-address {
    margin-bottom: 16px;
}

.mstm-account-details-invoive-row {
    background: white;
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    grid-column-gap: 50px;
}

    .mstm-account-details-invoive-row h3 {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600;
    }

.mstm-wishilist-table-item {
    display: grid;
    grid-template-columns: 3fr 1fr 116px 60px;
    justify-items: stretch;
    grid-column-gap: 20px;
    align-items: center;
    padding: 10px 16px;
    background: white;
    margin-bottom: 10px;
}

.mstm-remove-cartwish {
    font-size: 20px;
    justify-self: center;
}

.mstm-orders-table-head {
    display: grid;
    grid-template-columns: repeat(5,minmax(0px,20%));
    background: white;
    padding: 20px 16px;
    font-weight: 600;
    justify-items: center;
    margin-bottom: 10px;
    text-align: center;
    align-items: center;
}

.mstm-orders-table-head li {
    font-weight: 700;
}

.mstm-orders-table-body-item {
    display: grid;
    grid-template-columns: repeat(5,minmax(0px,20%));
    background: white;
    padding: 20px 16px;
    justify-items: center;
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
}

    .mstm-orders-table-body-item p {
        margin: 0px !important;
    }

.mstm-orders-table-body-item-products {
    grid-column: 1/5;
    justify-self: stretch;
    display: grid;
    margin-top: 20px;
    display: none;
}


.mstm-orders-table-body-item-product-itenm {
    display: grid;
    grid-template-columns: 40px repeat(3, auto);
    padding: 4px 16px;
    justify-content: center;
    grid-column-gap: 50px;
    align-items: center;
    justify-items: left;
    margin-left: 30px;
}

.mstm-orders-table-body-item-product-itenm img {
    width: 40px;
}

.mstm-orders-table-body-item-products:target {
    display: grid;
}

#confirmlogoutpopup .modal-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

#confirmlogoutpopup-buttons {
    display: flex;
    column-gap: 20px;
    margin: 20px 0;
}

.btn.popaccount_logout {
    max-width: 200px;
    margin: 0;
}

.btn.btn-secondary.popaccount_logout {
    min-width: 200px;
    max-height: 54px;
}

.content-hd {
    font-size: 55px;
    font-family: 'neutraface';
}

/***admin icons***/

.bone-content.ourvision::before {
    content: "\e90b";
}

.video:not(.active) .play::after {
    content: "\e924";
}

.video.active .close::after {
    content: "\e904";
}


/***admin icons***/

.lock-scroll {
    overflow: hidden;
}

/***wishlist****/
.wishlist-page-title {
    font-size: 40px;
    font-weight: bold;
    padding: 20px;
    margin: 50px 200px;
    font-family: "neutraface";
}

.wishlist-wrapper.is-empty {
    padding: 40px 0;
}

.wishlist-products-outer .mstm-wishilist-table-body {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px,390px));
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-bottom: 100px;
    width: 100%;
    position: relative;
    justify-content: center;
    height: auto;
}

.wishlist-products-outer > .single-product-item {
    width: 100%;
    height: 500px;
}

.wishlist-products-outer > .single-product-item > .product-image {
    width: 100%;
    height: 100%;
}

.wishlist-products-outer > .single-product-item > .mstm-add-to-cart {
    opacity: 1;
}

.wishlist-products-outer .single-product-item .stp-add-to-cart {
    color: var(--grey);
}

.wishlist-products-outer > .single-product-item > .product-image > .mstm-product-actions {
    opacity: 1;
    visibility: visible;
}

.product-s-container-outer.mobile {
    display: none;
}

.mstm-main-menu.desktop > nav > .header-languages-outer {
    display: none;
}

.mstm-main-menu.mobile > nav > .header-languages-outer {
    display: block;
}

.mstm-main-menu.mobile > nav > .header-languages-outer > .header-languages-inner {
    text-align: end;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    margin: 20px;
}

.mstm-main-menu.mobile > nav > .header-languages-outer > .header-languages-inner > div {
    width: 80px;
}

.mstm-main-menu.mobile > nav > .header-languages-outer > .header-languages-inner > div > a.active {
    color: #b4bbb8;
}


.taksinomish-close-wrapper {
    display: none;
}


/*countryzone modal*/

.countryzone-wrapper .modal {
    background: var(--primary);
    border: none;
    max-width: 600px;
}

.countryzone-wrapper {
    z-index: 9999;
    position: fixed;
    opacity: 1;
    visibility: visible;
}

.countryzone-wrapper .subtitle {
    margin-bottom: 10px;
    text-align: center;
}

.countryzone-wrapper .content {
    display: grid;
    grid-template-columns: repeat(1, auto);
    justify-items: center;
    justify-content: center;
    align-items: center;
}

.countryzone-wrapper .title {
    font-size: 20px;
    font-weight: 600;
    margin: 20px auto;
}

.countryzone-wrapper .btn-primary {
    background-color: var(--primarymore);
    margin: 30px auto;
    max-width: 200px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.countryzone-wrapper .btn-primary:hover {
    background-color: var(--primarymoretext);
}

.countryzone-wrapper .dropdown-countries select {
    height: 50px;
    -webkit-appearance: none;
    border: 1px solid var(--primarymoretext);
    padding-left: 20px;
}

.countryzone-wrapper .dropdown-countries {
    position: relative;
}

.countryzone-wrapper .msicon-before-relative.down-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.account-page-address-section-headers-mobile {
    display: none;
}


.mstm-product-details-outer-relative ul,
.mstm-product-details-outer-relative ul li {
    list-style: disc;
    list-style-position: inside;
}

.mstm-product-details-outer-relative ul li {
    margin-bottom: 15px;
}


/*newsletter*/
.newsletter-form {
    display: grid;
    grid-template-columns: repeat(1,100%);
    row-gap: 10px;
    align-items: center;
    justify-items: center;
}

.newsletter-content {
    max-width: 600px;
    margin: 15px auto 40px auto;
}

    .newsletter-content p {
        text-align: center;
        margin-bottom: 20px;
    }

.mstm-submit-newsletter-button {
    cursor: pointer;
    max-width: 200px !important;
}

.newsletter-wrapper {
    background-color: var(--primarybg);
    padding: 60px 20px 1px 20px;
}

.newsletter-title {
    font-size: 36px;
    font-weight: 600;
    font-family: 'neutraface';
    text-align: center;
    margin-bottom: 10px;
}

.newsletter-form #mce-EMAIL {
    background-color: transparent;
    font-weight: 200;
}

/*giftoffers*/

.giftoffers-wrapper {
    z-index: 9999;
    position: fixed;
    opacity: 1;
    visibility: visible;
}

.giftoffers-wrapper .modal {
	background: white;
	border: none;
	max-width: 600px;
	border-radius: 20px;
	padding: 0;
}

.content-hd.giftoffers-title {
    display: block;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    padding-top: 30px;
}

.giftoffers-products-amount {
    background-color: var(--primary);
    padding: 10px 100px;
    text-align: center;
    margin: 30px auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.giftoffers-wrapper .rulename {
    font-weight: 700;
}

.giftoffers-products-grid {
    display: grid;
    grid-template-columns: 88px repeat(2,minmax(0px,50%));
    grid-column-gap: 20px;
    align-items: center;
    justify-content: space-between;
    justify-items: center;
}

.giftoffers-products-grid .mstm-product-title-list {
	font-size: ;
	font-weight: 700;
}

.giftoffers-products-list-wrapper {
    max-height: 440px;
    overflow: auto;
    margin-bottom: 30px;
}

.msicon-before-relative.gift.giftoffers-title::before {
    margin-right: 5px;
    top: 1px;
    font-size: 30px;
}

.gift-offer-product {
    max-width: 400px;
    margin-bottom: 40px;
    border: 1px solid var(--primary);
}

.gift-product-heading {
    background-color: var(--primarymore);
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
}

.gift-offer-product .mstm_cart-items .single-cart-item {
    grid-template-columns: 80px auto; 
}

#search-gift-close {
    cursor: pointer;
    top: 14px;
    right: 9px;
}

/*popup module*/


.mstm-popup-overlay {
    position: fixed;
    z-index: 999999;
    background: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    visibility: hidden;
    opacity: 0;
}

    .mstm-popup-overlay.show {
        visibility: visible;
        opacity: 1;
    }


.mstm-popup-wrapper {
    position: absolute;
    z-index: 10000000000;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: none;
    width: calc(var(--popupWidth));
    max-width: calc(var(--popupMaxWidth));
    height: calc(var(--popupHeight));
    max-height: calc(var(--popupMaHeight));
}

    .mstm-popup-wrapper .close {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
        opacity: 0.8;
        transition: all 200ms;
        font-size: 24px;
        font-weight: bold;
        text-decoration: none;
        color: #555555;
        z-index: 9999999;
    }

    .mstm-popup-wrapper.left {
        left: 0;
    }

    .mstm-popup-wrapper.right {
        right: 0;
    }

    .mstm-popup-wrapper.top {
        top: 0;
    }

    .mstm-popup-wrapper.bottom {
        bottom: 0;
    }

    .mstm-popup-wrapper.center {
        left: 50%;
        transform: translateX(-50%);
    }

    .mstm-popup-wrapper.middle {
        top: 50%;
        transform: translateY(-50%);
    }

    .mstm-popup-wrapper.center.middle {
        transform: translate(-50%,-50%);
    }

    .mstm-popup-wrapper img {
        width: 100%;
    }




/****************************************** responsive ********************************************/
@media (max-width: 1600px) {
    .container {
            padding-left: 30px;
            padding-right: 30px;
        }

        .mstm-header-main-inner.container {
            padding-left: 80px;
            padding-right: 80px;
        }

        .product-page.product-details-area {
            padding: 0 30px;
        }

        #prdocut-tabs-headers, #prdocut-tabs-contetnt {
            padding: 0;
        }

            #prdocut-tabs-headers .tab-header {
                text-align: center;
                font-size: 13px !important;
            }


        .mstm-cart-table-total-content {
            padding: 120px 0 0 30px;
        }

        .checkbox-form.mstm-checkout-order-summary {
            padding-left: 30px;
        }

        .mstm-cart-outer, .checkout-area-outer, .mstm-account-container {
            padding: 10px 30px;
        }

        .checkout-area, .cart-area {
            grid-column-gap: 30px;
        }

        .order-subtotal, .order-total, .cart-total {
            font-size: 16px;
        }

        .logreg-form .outline-error {
            width: auto;
            max-width: 653px;
        }

        /*single product page*/
        .mstm-product-page-image {
            margin-right: 25px;
        }

        .footer-inner .right-col {
            justify-content: space-evenly;
            column-gap: 0px;
        }

        /*header-menu*/

        .mstm-main-menu.desktop .largemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul {
            padding-left: 20px !important;
            padding-right: 20px !important;
            display: grid !important;
        }

        .menu-banner img {
            width: 200px !important;
        }

        /*cart-popup*/
        /

        .incart-qty-amount.content-hd {
            font-size: 36px;
        }

        .mstm-sample-products-title.content-hd {
            font-size: 26px;
        }

        .mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide > div > .single-cart-item > .cart-text-btn {
            font-size: 13px;
        }

            .mstm_cart-items.clearfix > .slick-list > .slick-track > .slick-slide > div > .single-cart-item > .cart-text-btn > .mstm-checkbox {
                font-size: 13px;
            }


        .btn.btn-primary.mstm-go-to-checkout-button,
        .btn.btn-secondary.mstm-go-to-cart-button {
            display: block;
            margin: 10px auto;
            max-width: 436px;
            width: 300px;
            height: 40px;
            padding: 10px;
            font-size: 14px;
            min-height: unset;
        }

        .cart-price-total-amount {
            margin: 10px 0 0px 0;
        }

        #mstm-global-banner-Cart {
            padding: 1px 10px;
            border-top: 1px solid var(--greyborder);
        }

        .slick-prev.msicon-before-relative::before,
        .slick-next.msicon-before-relative::before {
            font-size: 18px;
        }

        .mstm-category-title {
            font-size: 40px;
        }

        /*cart-page*/

        .mstm_cart-items.in-cart-page.clearfix > .single-cart-item {
            width: 100%;
        }

        .single-product-item .product-text h2, .single-product-item .manf-text {
            font-size: 15px;
        }

        .slick-dots li button::before {
            width: 50px !important;
        }

        #prdocut-tabs-headers, #prdocut-tabs-contetnt {
            max-width: 100%;
        }

        .cart-text h5, .mstm-checkout-order-summary .cart-price, .mstm_cart-items .cart-qty {
            font-size: 14px;
        }

        #prdocut-tabs-contetnt {
            text-align: left;
        }
    }

    @media (max-width: 1440px) {

        .mstm-main-menu.desktop .megamenu .first-level-item a {
            padding: 10px 8px;
            font-size: 15px;
        }
    }

    @media (max-width: 1280px) {

        .mstm-breadcrumb {
            display: none;
        }

        .order-button-payment .btn {
            width: 98%;
        }

        .cart-content {
            width: 35%;
        }

        .mstm-cart-inner {
            grid-template-columns: repeat(1,minmax(0px,100%));
            grid-row-gap: 50px;
        }

        .mstm-cart-table-total-content {
            justify-self: flex-end;
            width: 100%;
            max-width: 600px;
        }

        .wishlist-page-title {
            margin: 20px 50px;
        }

        .wishlist-products-outer .mstm-wishilist-table-body {
            grid-column-gap: 30px;
            grid-row-gap: 30px;
        }

        .mstm-blog-list-repeater {
            grid-template-columns: repeat(3,minmax(0px,33%));
        }

        .mstm-category-title {
            font-size: 42px;
        }

        /*account-page*/
        .mstm-account-page {
            grid-template-columns: 280px auto;
        }

        .mstm-breadcrumb.container {
            padding: 0;
        }

        .mstm-account-page .tab-header,
        .mstm-orders-table-head {
            font-size: 15px;
        }

        .account-tab-header {
            font-size: 20px;
        }

        /*header-menu*/
        .mstm-main-menu.desktop .megamenu > .first-level-item a span {
            font-size: 14px;
        }

        /*cat-popup*/
        .incart-qty-amount.content-hd {
            font-size: 30px;
        }

        .mstm_cart-items.slick-slider > .slick-list > .slick-track > .slick-slide {
            width: fit-content !important;
        }
    }

    @media (max-width: 1200px) {

        .cart-content, .account-content, .wishlist-content {
            width: 50% !important;
        }

        .footer-info-area-seperator {
            display: none;
        }

        /*single-product*/
        .product-page.product-details-area {
            padding: 0;
        }

        /*cart-page*/
        /*sample-products*/
        .mstm_cart-items.in-cart-page.clearfix {
            width: 100%;
        }
    }

    @media (max-width: 1170px) {

        .top-bar-item.menu a {
            font-size: 16px;
        }

        footer.footer-area::after {
            transform: scale(0.65);
            transform-origin: top left;
        }

        .footer-inner .right-col {
            justify-content: space-evenly;
            column-gap: 15px;
        }

        .static-content {
            font-size: 17px;
        }

        .mstm-404-outer .mstm-404-item {
            font-size: 140px;
        }

        .mstm-product-actions {
            opacity: 1;
            visibility: visible;
        }

        .blog-page-top-background {
            background: url(/assets/img/blog/singleblog_background_tablet.jpg);
        }

        /*single product*/

        .mstm-product-cart-actions {
            grid-template-columns: 100px minmax(0px,300px);
        }

        .mstm-product-quantity .mstm-subtract-quantity {
            left: 0px;
        }

        .mstm-product-quantity .mstm-add-quantity {
            right: 0px;
        }

        .mstm-single-post .post-title {
            font-size: 32px;
        }

        .mstm-main-menu.desktop .megamenu > a {
            padding: 5px 7px;
            font-size: 16px;
        }

        .morphsearch-input {
            font-size: 18px;
        }

        #search-close::before {
            font-size: 24px;
        }

        .mstm-cross-products .add-cart-product {
            font-size: 18px;
            padding: 8px 28px;
        }

        /*blog list*/

        .mstm-blog-list.container {
            margin-top: 0px;
        }

        .mstm-blog-filter-search {
            grid-row-gap: 20px;
            justify-content: center;
            grid-column-gap: 40px;
            grid-template-columns: auto;
            grid-template-areas: unset;
        }

        .mstm-blog-list .mstm-blog-filters-outer, .blog-search {
            grid-area: unset;
        }

        .blog-search {
            order: -1;
        }

        /*single post*/

        .post-main-inner h1 {
            font-size: 27px;
            margin-top: 40px;
            margin-bottom: 60px;
        }

        .single-post .post-meta-outer {
            text-align: center;
        }

        .single-post .post-body > div > p:first-of-type {
            font-size: 20px;
        }

        .single-post .post-body > div > p {
            font-size: 20px;
        }

        .category-bottom {
            grid-template-columns: minmax(0, 40%) minmax(60%,1fr);
        }

            .category-bottom .products-outer {
                padding: 15px;
            }

            .category-bottom .mstm-products {
                grid-column-gap: 0;
            }

        .wishlist-products-outer .mstm-wishilist-table-body {
            grid-template-columns: repeat(3, minmax(0px,350px));
        }


        /*checkout*/

        .your-order-table .cart-text-btn {
            column-gap: 5px;
        }

        .checkout-area .content-hd, .mstm-cart-outer .content-hd {
            font-size: 30px;
        }

        .single-product-item::after {
            border-bottom: 1px solid var(--primarymore);
            content: "";
            width: 86%;
            height: 1px;
            display: inline-block;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            padding-top: 10px;
        }

        /*search*/

        .beforeresult-wrapper {
            grid-template-columns: repeat(1, minmax(0px, 100%));
            row-gap: 60px;
        }
    }

    @media (max-width: 1140px) {

        /*header*/

        .mstm-header-main-inner.container {
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
        }

        .mstm-header-left.bm {
            display: flex;
            gap: 10px;
            flex-grow: 1;
            flex-basis: 0;
        }

        .mstm-header-right {
            height: 100%;
            padding-left: 0px;
            flex-grow: 1;
            flex-basis: 0;
        }

        /*search*/

        .morphsearch-content {
            padding-top: 100px;
        }

        #search-btn {
            display: none;
        }

        #search-btn-mobile {
            display: flex;
            color: var(--text-primary);
        }

        #mobile-search, .mobile-search {
            display: block;
        }

            #mobile-search .morphsearch-input-wrapper {
                display: flex;
                --color: var(--primary);
            }

                #mobile-search .morphsearch-input-wrapper button {
                    display: block;
                    width: 40px;
                    background: var(--primary);
                    color: var(--primarymore);
                    background: var(--primarymore);
                    color: var(--primary);
                }

            .mobile-search .search-outer {
                max-width: 700px;
            }

        .morphsearch .mstm-row-filters.poped {
            --top: 80px;
        }

        .mstm-header-right-inner {
            justify-content: end;
            gap: 10px;
        }

        .mstm-header-right div[class^="mstm-header-components-"] > a {
            width: 30px;
            height: 30px;
            border: none;
            font-size: 28px;
        }

        .mstm-burger-icon,
        .bm .search-btn-toggle {
            display: inline-block;
            position: relative;
            font-size: 24px;
            line-height: 1;
            width: 30px;
            height: 30px;
            text-align: center;
            color: var(--primarymore);
            transition: .3s ease-in-out;
        }

        .mstm-burger-icon {
            display: block;
            cursor: pointer;
        }

        .mstm-header-right div[class^="mstm-header-components-"] > a::before,
        .bm .search-btn-toggle::before {
            font-size: 20px;
        }

        .mstm-main-menu.mobile .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a {
            color: var(--text-secondary) !important;
            margin-left: 10px;
        }

        /*header-menu*/

        .mstm-main-menu.mobile > nav > ul > li > div > div > ul > .menu-custom-html {
            display: none;
        }

        .mstm-main-menu.mobile .hasChildren.megamenu > .first-level-item a::after,
        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren > a::after {
            top: 25px !important;
        }

        .trending-products .mstm-products.slick-initialized {
            display: block;
        }

        .trending-products {
            justify-self: unset;
            display: none;
        }
    }

    @media (max-width:1080px) {

        .mstm-product-page-image {
            margin-right: 0;
        }

        .product-page.product-details-area {
            margin-top: calc(var(--headerHeight) + 30px );
        }

        .product-thumbnail-slider .slick-prev::before, .product-thumbnail-slider .slick-next::before {
            content: "\e98d" !important;
            font-size: 18px;
        }

        .product-page.product-details-area {
            grid-template-columns: repeat(1,minmax(0px,auto));
            grid-row-gap: 14px;
            justify-content: center;
            margin-bottom: 80px;
        }

            .product-page.product-details-area .product-imgs {
                order: 2;
                display: none;
            }


        .single-product-thumbnail.product-thumbnail-slider {
            order: 1;
        }

            .single-product-thumbnail.product-thumbnail-slider img {
                padding: 10px 10px;
            }

        .single-product-thumbnail.product-thumbnail-slider {
            order: 2;
            margin-bottom: 20px;
            justify-self: start;
        }

        .product-thumbnail-slider .slick-prev, .product-thumbnail-slider .slick-next {
            position: absolute;
            left: unset !important;
            top: 50% !important;
            margin: 0px;
            transform: translateY(-50%) !important;
            padding: 10px 0px;
        }

        .product-thumbnail-slider .slick-prev {
            left: 0px !important;
        }

        .product-thumbnail-slider .slick-next {
            right: 0px !important;
        }

        .mstm-product-details-outer {
            order: 3;
        }

        .mstm-product-cart-actions {
            grid-template-columns: 100px minmax(0,1fr);
        }

        /*cross*/
        .mstm-cross-repeater.mstm-products .single-product-item {
            min-width: 190px;
        }

        .mstm-cross-products-inner {
            grid-template-columns: auto;
            row-gap: 40px;
        }

        .cross-total {
            margin-left: auto;
            margin-right: auto;
        }

        .mstm-cross-repeater.mstm-products .single-product-item {
            grid-template-columns: minmax(180px, auto) 1fr;
        }

        .cross-total-outer {
            justify-self: center;
        }

        /*related products*/
        .mstm-related-products > .rel-steps > .content-hd {
            font-size: 30px;
        }

        .mstm-related-products .main-title {
            padding-right: 20px;
            font-size: 35px;
        }

        .mstm-product-short-descr-outer {
            min-height: unset;
        }

        .footer-area-inner > .container::before {
            bottom: -15px;
        }

        .mstm-product-quantity .mstm-subtract-quantity,
        .mstm-product-quantity .mstm-add-quantity {
            font-size: 16px;
            color: var(--text-primary);
        }

        .wishlist-products-outer .mstm-wishilist-table-body {
            grid-template-columns: repeat(2, minmax(0px, 350px));
        }


        .slick-dots li button::before {
            width: 110px !important;
        }

        /*checkout*/
        .checkout-coupon .btn.btn-primary {
            padding: 15px 25px;
        }
    }

    @media (max-width: 1024px) {

        .post-main-inner img {
            height: 100%;
        }
            .cart-text h5, .mstm-checkout-order-summary .cart-price, .mstm_cart-items .cart-qty {
            font-size: 13px;
        }


        .container.productlist-wrapper {
            padding: 0 30px;
        }

        .mstm-products {
            grid-template-columns: repeat(2, minmax(0, auto));
            grid-column-gap: 35px;
        }

        /*header*/
        .mstm-header-main-inner {
            padding: 0 50px;
        }

        /*product list*/
        .categorypage-cover.hasimage {
            min-height: 350px;
        }

        .mstm-category-title {
            font-size: 36px;
        }


        /****wishlist****/
        .wishlist-products-outer .mstm-wishilist-table-body {
            grid-template-columns: repeat(2, minmax(0px, 300px));
            grid-row-gap: 20px;
            margin-bottom: 70px;
            grid-column-gap: 20px;
            justify-content: center;
        }

        .wishlist-page-title {
            font-size: 30px;
            margin: 0;
            font-family: "neutraface";
        }



        .mstm-blog-list-repeater {
            grid-template-columns: repeat(2,minmax(0px,40%));
            justify-content: center;
        }

        /****single blog****/
        .single-post h1 {
            font-size: 30px;
        }

        .single-post .post-body > div > p {
            font-size: 20px;
        }

        .post-meta-item p {
            display: block;
        }

        .mstm-suggestion-posts .mstm-blog-post .post-title {
            height: 65px;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 17px;
        }

        .single-post-bottom .post-share-post-body {
            grid-template-columns: 100px 85%;
        }

        /****single-product****/
        /*cross products*/
        .mstm-cross-repeater.mstm-products .single-product-item {
            box-sizing: content-box;
            max-width: 400px;
            gap: 10px;
        }

        .mstm-cross-repeater.mstm-products {
            padding: 0 10px;
        }

            .mstm-cross-repeater.mstm-products .single-product-item .item-right {
                top: 42%;
                right: 10px;
            }
        /***footer****/

        .footer-inner {
            grid-template-columns: repeat(1,auto);
            justify-content: stretch;
            width: 100%;
        }

        .footer-list {
            max-height: 0px;
            overflow: hidden;
        }

        .footer-inner .right-col .mstm-footer-col.footer-info {
            border-bottom: 0.5px solid rgb(0, 0, 0, 1);
            width: 100%;
        }

        .footer-inner .left-col {
            order: 2;
            justify-content: left;
            display: flex;
        }

        .footer-inner .right-col {
            order: 1;
            display: block;
        }

        .footer-list.expanded {
            max-height: 500px;
            overflow: hidden;
            animation-name: open;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
            margin-bottom: 20px;
        }

        .footer-list.shrink {
            animation-name: close;
            animation-duration: 0.2s;
            animation-timing-function: ease-in-out;
        }

        .footer-title {
            margin-bottom: 0;
        }

            .footer-title::after {
                position: absolute;
                content: "\e929";
                font-family: 'mindseed';
                font-size: 15px;
                display: block;
                top: 50%;
                right: 5px;
                transform: translateY(-50%);
            }

            .footer-title span {
                padding-bottom: 10px;
                padding-top: 10px;
            }

            .footer-title.active::after {
                font-family: 'mindseed';
                font-size: 10px;
                content: "\e979";
            }

        .footer-title {
            cursor: pointer;
            font-size: 22px;
            transition: .3s ease-in-out;
        }

            .footer-title span {
                vertical-align: middle;
                display: inline-block;
                position: relative;
                cursor: pointer;
            }

        footer .letter-list li {
            justify-content: center;
        }

        .footer-area-inner > .container::before {
            display: none;
        }

        .footer-inner .social-text {
            color: rgb(51, 51, 51);
            font-weight: 700;
        }

        /*header*/
        .mstm-main-menu.desktop .megamenu .first-level-item a {
            font-size: 15px !important;
        }

        /*account*/
        .mstm-account-page {
            grid-template-columns: 170px auto;
        }

        /*order-complete*/
        .mstm-order-complete .main-title {
            font-size: 55px;
        }

        /*cart-page*/
        .mstm_cart-items.in-cart-page.clearfix {
            width: 100%;
        }

            .mstm_cart-items.in-cart-page.clearfix > .single-cart-item {
                width: 100%;
            }

        .order-subtotal, .order-total, .cart-total {
            font-size: 16px;
        }

        .form-control {
            font-size: 14px;
        }

        .mstm-sample-products-title.content-hd {
            font-size: 30px;
        }

        .cart-price-total-amount {
            font-size: 14px;
        }

        #mstm-global-banner-Cart p {
            font-size: 13px;
        }

        .cart-text-btn {
            grid-template-columns: auto;
        }

        .incart-text-price-wrapper {
            text-align: end;
        }

        .mstm_cart-items.clearfix.slick-initialized.slick-slider {
            width: 355px;
        }
    }

    @media (max-width: 992px) {

        .footer-social-section .msicon-before-relative.youtube::before {
            font-size: 32px;
            top: -2px;
        }

        .btn.btn-secondary.popaccount_logout {
            min-width: unset;
            max-height: 54px;
        }


        .account-page-address-section-headers {
            display: none;
        }

        .account-page-address-section-headers-mobile {
            display: grid;
            border-bottom: 1px solid var(--primary);
            padding: 0px 0px 15px 30px;
            column-gap: 0;
            font-weight: bold;
            font-size: 14px;
            text-align: right;
        }


        .account-page-address-section-headers, .account-page-address-section {
            grid-template-columns: repeat(1, 100%);
        }

        .account-page-address-section-headers, .account-page-addresses {
            padding: 12px 0px 50px 0px;
            background-color: white;
        }


        .account-page-address-section .mstm-checkbox {
            padding-left: 0 !important;
        }

        .mstm-add-new-address {
            display: grid;
            grid-template-columns: repeat(2, minmax(0px, 50%));
            align-items: flex-start;
        }

        .account-page-address-section-headers {
            font-size: 14px;
        }

        .mstm-remove-attribute {
            font-size: 11px;
        }

        .sidebar-widget.mstm-vars-filter.mstm-taksinomish > div:not(.mstm-filters-button) {
            display: none;
        }

        .single-product-item .mstm-add-to-cart {
            opacity: 1;
        }

        .container, .desktop-search.search-wrapper {
            padding-left: 20px;
            padding-right: 20px;
        }

        /*header*/
        .wishlist-content, .account-content, .cart-content {
            display: none;
        }

        /*product list*/
        .categorypage-cover.hasimage.no-margin {
            margin-bottom: 30px;
        }


        .sidebar-widget.mstm-vars-filter.mstm-taksinomish {
            display: none;
        }

        .mstm-filters-button {
            background-color: var(--primarymore);
            border-radius: 30px;
            border: 1px solid #CAD5BF;
        }

        .mobile-filters {
            column-gap: 0px;
            position: fixed;
            bottom: 20px;
            z-index: 9;
            left: 50%;
            transform: translateX(-50%);
        }

        .sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name {
            padding-right: 15px;
            border: none;
        }

        .mobile-filters > .sidebar-widget.mstm-vars-filter.mstm-taksinomish {
            display: block;
        }

        .container.productlist-wrapper {
            display: block;
            padding-top: 30px;
        }

        /*--mobile category filters--*/
        .mstm-row-filters-mobile {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .mstm-row-filters {
            max-width: unset;
            height: calc(var(--vhHeight) - var(--headerHeight) - 220px);
            overflow: auto;
        }

        .mstm-remove-filters-empty {
            min-height: unset;
        }

        .sidebar-widget.mstm-vars-filter {
            border-bottom: none;
        }

        .mstm-filters-content {
            border-radius: 0;
        }

        .mstm-row-filters .sidebar-widget.mstm-vars-filter + .sidebar-widget.mstm-vars-filter {
            margin-top: 10px;
        }

        .mstm-attribute_name.mstm-active {
            border-radius: 0;
            color: var(--text-secondary);
        }

        .mstm-row-filters .mstm-attribute_name::before {
            display: none;
        }

        .mstm-filters-button .msicon-before-inline {
            font-style: normal;
        }

        .mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list::before,
        .mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list::after {
            content: unset;
        }

        .mstm-row-filters .mstm-taksinomish {
            max-width: unset;
        }

        /*remove filters*/
        .mstm-remove-filters {
            display: none;
        }

            .mstm-remove-filters.mobile {
                display: block;
                background: none;
                padding: 10px 0px;
            }

                .mstm-remove-filters.mobile .container {
                    display: block;
                    padding-left: 0px;
                    padding-right: 0px;
                    border-bottom: none;
                    margin-bottom: 20px;
                }

            .mstm-remove-filters .selected_filters {
                width: 100%;
            }
        /**/


        .taksinomish-close-wrapper {
            display: block;
            position: absolute;
            bottom: 70px;
            left: 50%;
            transform: translateX(-50%);
        }


        .sidebar-widget.mstm-vars-filter {
            position: relative;
        }

        .mstm-taksinomish .mstm-filters-content-option,
        .mstm-nbr-limits .mstm-filters-content-option {
            padding: 0px 10px;
        }


        /*filters pad*/
        .mstm-row-filters-pad {
            padding: 0px;
            left: 0px;
            margin-bottom: 0px;
            background: none;
            transform: unset;
            position: unset;
        }

        .left-section .filters-wrapper {
            display: none;
        }

            .left-section .filters-wrapper.poped {
                background: #fff;
                position: fixed;
                top: 0;
                right: 0px;
                z-index: 10;
                width: 100%;
                height: 100%;
                max-width: 500px;
                max-height: calc( var(--vhHeight));
                overflow: auto;
                display: grid;
                grid-template-columns: unset;
                justify-content: stretch;
                align-content: start;
                overflow-y: scroll;
                overflow-x: hidden;
                padding: 20px 32px 0px 32px;
                row-gap: 0px;
                -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
                box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
                margin-top: var(--headerHeight);
                height: calc(var(--vhHeight) - var(--headerHeight));
            }


        .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
            overflow: auto;
        }

        .mstm-taksinomish .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
            left: unset;
            transform: unset;
            min-width: unset;
            animation: unset;
        }

        .morphsearch .mstm-row-filters.poped {
            max-height: calc( var(--vhHeight) - var(--headerHeight) - var(--top));
            top: unset;
            bottom: 0;
        }

        .mstm-row-filters-pad .mstm-attribute_name {
            padding: 10px 0;
            font-size: 18px;
            width: 100%;
            transition: .3s ease-in-out;
            border-bottom: 1px solid var(--greyborder);
            height: unset;
        }

        .mstm-row-filters-pad .back-to-filters .mstm-attribute_name {
            border: none;
        }

        .mstm-row-filters-pad .mstm-attribute_name:hover {
            color: var(--text-primary);
        }

        .mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list {
            border: none;
        }

        .mstm-remove-filters .selected_filters {
            row-gap: 10px;
            column-gap: 10px;
        }


        .back-to-filters .mstm-attribute_name {
            width: auto;
            padding: 12px 30px;
            vertical-align: unset;
            width: 100%;
            display: inline-block;
            background: var(--greybg);
            color: var(--text-secondary);
            font-size: 16px;
        }

            .back-to-filters .mstm-attribute_name::after {
                content: "\e98c";
                font-family: mindseed;
                position: absolute;
                left: 0px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 12px;
                margin: 0px 10px;
            }

        .back-to-filters.buttons {
            grid-row-start: 1;
            grid-row-end: unset;
            display: grid;
            grid-template-columns: repeat(2,minmax(0px,auto));
            grid-column-gap: 20px;
            justify-content: center;
            font-size: 15px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            font-weight: 900;
            width: 100%;
            grid-column-gap: 60px;
        }

        .clear-all-close.btn, .back-to-filters .apply-close-x.btn {
            color: var(--text-secondary);
            position: relative;
        }

            .clear-all-close.btn:hover {
                color: var(--text-primary);
            }

        /**/

        .mstm-filters-button .mstm-attribute_name::after {
            content: none;
        }

        .mstm-checkbox.sidebar-widget-option {
            width: 100%;
        }

        .mstm-filters-bottom {
            display: none;
        }

        .sidebar-widget.mstm-vars-filter:not(.mstm-taksinomish):not(.mstm-nbr-limits) {
            position: unset;
            text-align: left;
        }

        .mstm-filters-content.sidebar-widget-list .mstm-filter-search {
            padding: 20px;
        }

            .mstm-filters-content.sidebar-widget-list .mstm-filter-search::after {
                right: 25px;
            }

        /*account*/


        .mstm-account-page {
            grid-template-columns: repeat(1,minmax(0px,100%));
            grid-row-gap: 40px;
        }

        #logoutmobile {
            display: block;
            margin: 0 0 0 auto;
            padding: 8px 20px;
            order: -1;
            width: 200px;
            align-content: center;
        }

        .mstm-account-page .tab-headers {
            padding: 0px 30px;
            background-color: white;
        }

        .mstm-account-page .tab-header > a {
            padding-right: 20px;
        }

        #mstm-logout-tab {
            display: none;
        }

        .mstm-account-page .slick-prev::before, .mstm-account-page .slick-next::before {
            font-size: 18px;
        }

        .mstm-account-page .tab-header.active, .mstm-account-page .slick-current .tab-header {
            color: var(--primary);
        }

        .mstm-account-page .tab-header i.msicon-before-inline {
            display: none;
        }


        .mstm-account-page .tab-header > a:hover {
            color: #d9e2cf;
        }

        .mstm-account-page .tab-header:hover::after {
            content: '';
        }

        .mstm-account-page > .tab-headers > .slick-list > .slick-track > .slick-slide.slick-current.slick-active > div > div > a {
            color: var(--text-primary);
            background-color: var(--primarymore);
        }

        .mstm-account-page > .tab-headers > .slick-list > .slick-track > .slick-slide.slick-current.slick-active > div {
        }

        .mstm-account-page .tab-header {
            border: unset;
        }

            .mstm-account-page .tab-header.active::after {
                display: none;
            }


        /*category bottom*/
        .category-bottom {
            border-radius: 30px;
            grid-template-columns: auto;
            margin-left: auto;
            margin-right: auto;
        }

            .category-bottom .categorypage-info {
                --sidepadding: 30px;
            }

            .category-bottom .category-description p {
                font-size: 16px;
                line-height: 1.6;
            }

            .category-bottom .categorypage-info .mstm-category-title {
                font-size: 21px;
                padding: 10px 25px 5px 25px;
                top: 25px;
            }

        /*cart-page*/
        .mstm_cart-items.in-cart-page.clearfix {
            width: 100%;
        }

            .mstm_cart-items.in-cart-page.clearfix > .single-cart-item {
                width: 100%;
            }

                .mstm_cart-items.in-cart-page.clearfix > .single-cart-item > .cart-text-btn {
                    font-size: 13px;
                }


        .category-description {
            margin-bottom: 40px;
        }


        .mstm-account-container {
            background-color: var(--primarybg);
            padding: 0 30px;
        }

        #prdocut-tabs-headers, #prdocut-tabs-contetnt {
            padding: 0 40px;
        }

            #prdocut-tabs-headers .tab-header {
                text-align: center;
            }

            #prdocut-tabs-headers .slick-current .tab-header {
                font-weight: bold;
            }

        .cart-area {
            grid-template-columns: repeat(1, minmax(0px, 100%));
        }

        .mstm-cart-table-total-content {
            max-width: 97%;
        }

        .mstm-cart-table-total-content {
            border: 0;
            padding: 0;
        }

        .mstm-cart-table-total-content {
            justify-self: center;
            max-width: 600px;
        }

        .mstm-add-new-address {
            display: grid;
            grid-template-columns: repeat(1, minmax(0px, 100%));
            align-items: flex-start;
            background: white;
            padding-bottom: 50px;
            padding-top: 20px;
            position: relative;
        }

        .account-page-addresses {
            display: grid;
            grid-template-columns: repeat(2, minmax(0px, 50%));
            row-gap: 30px;
        }

        .account-page-address-section p:nth-of-type(6) {
            text-wrap: nowrap;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .account-page-address-section-headers, .account-page-addresses {
            padding: 0;
            margin: 0;
        }

        .account-page-address-section-headers, .account-page-address-section {
            grid-template-columns: repeat(1, 100%);
            padding: 0;
            margin: 0;
            position: unset;
            border-bottom: 1px solid var(--primary);
            padding: 0px 30px 15px 30px;
            text-align: left;
            justify-items: baseline;
        }


            .account-page-address-section-headers, .account-page-address-section p {
                background: transparent;
                padding: 0;
                margin: 0;
            }

        .account-page-address-toolbox {
            display: flex;
            align-content: center;
            column-gap: 20px;
            position: absolute;
            bottom: 8px;
            right: unset;
            background: white;
            padding: 4px 10px;
            /*      border-top: 1px solid var(--primary);*/
            align-items: center;
            left: 50%;
            width: 100%;
            transform: translateX(-50%);
            justify-items: center;
            justify-content: center;
        }
    }

    @media (max-width: 900px) {

        /*cart*/
        #mstm-goto-checkout-outer .btn {
            margin-bottom: 40px;
        }

        /*checkout*/
        .checkout-area {
            grid-template-columns: repeat(1, minmax(0px,100%));
            grid-row-gap: 0;
        }

        .checkbox-form.mstm-checkout-order-summary {
            border-left: 0;
            padding-left: 0;
        }

        .mstm-cart-table {
            grid-template-columns: repeat(2,minmax(0px,auto)) !important;
            grid-row-gap: 10px;
            padding: 10px 0px;
            min-width: unset !important;
            text-align: center;
        }

        .mstm-cart-table-head {
            display: none;
        }

        .mstm-cart-table .mstm-cart-table-line.first-line {
            grid-row-start: -2;
            grid-row-end: -2;
        }

        .mstm-cart-table .cart-img {
            grid-row-start: calc( ( var(--rowline) * 6) + 1);
            grid-row-end: calc( ( var(--rowline) * 6) + 6);
            min-width: 100px;
            grid-column-start: 1;
            grid-column-end: 1;
        }

        .mstm-cart-table .mstm-cartpage-product-title {
            grid-row-start: calc( ( var(--rowline) * 6) + 1);
            grid-row-end: calc( ( var(--rowline) * 6) + 1);
        }

        .mstm-cart-table .mstm-cartpage-product-price {
            grid-row-start: calc( ( var(--rowline) * 6) + 2);
            grid-row-end: calc( ( var(--rowline) * 6) + 2);
        }

        .mstm-cart-table .mstm-cartpage-product-qty {
            grid-row-start: calc( ( var(--rowline) * 6) + 3);
            grid-row-end: calc( ( var(--rowline) * 6) + 3);
        }

        .mstm-cart-table .mstm-cartpage-product-price.sub-final {
            grid-row-start: calc( ( var(--rowline) * 6) + 4);
            grid-row-end: calc( ( var(--rowline) * 6) + 4);
        }

        .mstm-cart-table .mstm-cart-trash-button {
            grid-row-start: calc( ( var(--rowline) * 6) + 5);
            grid-row-end: calc( ( var(--rowline) * 6) + 5);
        }

        .mstm-cart-table .mstm-cart-table-line {
            grid-row-start: calc( (  var(--rowline) * 6) + 6);
            grid-row-end: calc( (  var(--rowline) * 6) + 6);
            grid-column-start: 1;
            grid-column-end: 3;
        }

        .mstm-cart-table .cart-img img {
            max-width: 150px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            max-height: 150px;
        }

        .mstm-cart-table-head-mobile {
            font-weight: 600;
            margin-bottom: 3px;
            display: block;
        }

        /*==blog list==*/
        .mstm-blog-list-repeater {
            grid-template-columns: repeat(2,minmax(0,50%));
        }

        /*cross-product*/
        .mstm-cross-repeater.mstm-products .single-product-item {
            gap: 0;
            grid-template-columns: 40% 1fr;
        }
    }

    @media (max-width: 767px) {

        .left-section {
            margin-bottom: 20px;
        }

        .countryzone-wrapper .modal {
            width: 90%;
        }

        .lost_password, .ctr {
            font-size: 16px;
        }

        .container.productlist-wrapper {
            padding: 20px;
        }

        .top-bar-item.phone, .top-bar-item.menu {
            display: none;
        }

        .top-bar-item.top-bar-banner-outer {
            width: 100%;
            display: block;
            text-align: center;
        }

        .mstm-header-right div[class^="mstm-header-components-"] > a::before,
        .bm .search-btn-toggle::before {
            font-size: 18px;
        }

        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li > a {
            font-size: 15px;
        }

        /*menu*/
        .mstm-main-menu.mobile .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a {
            font-size: 17px !important;
        }

        .footer-newsletter-inner p {
            font-size: 25px;
        }

        /*footer info area*/
        .footer-info-area .container {
            display: grid;
            grid-template-columns: repeat(2,auto);
            justify-content: space-around;
        }

        .mstm-orders-table-head li:last-of-type {
            display: none;
        }

        .mstm-orders-table, .mstm-orders-table-head, .mstm-orders-table-body-item {
            grid-template-columns: repeat(4,minmax(0px,25%));
        }

        .account-tab-title-icon {
            display: none;
        }

        .account-tab-header p {
            margin-top: 0;
            width: 100%;
            text-align: left;
        }

        li.mstm-orders-table-body-item > p:last-of-type {
            grid-column: 4/5;
            font-size: 13px;
            margin-top: 10px !important;
            background-color: var(--primary);
            padding: 3px 8px;
        }

        .mstm-orders-table-body-item-products {
            grid-column: 1/5;
        }

        .mstm-products {
            grid-template-columns: 1fr;
        }

        .mstm-load-more button {
            font-size: 18px;
        }

        .sidebar-widget-filters-wrapper {
            justify-content: center;
        }

        .subcategories-thumbs-inner.categories {
            justify-content: center;
            gap: 30px;
            grid-template-columns: repeat(2, 1fr);
        }

        .category-item {
            padding: 0;
            width: 100%;
            height: 0;
            padding-top: 100%;
        }

            .category-item a {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                padding: 20px;
            }

            .category-item p {
                font-size: 16px;
            }

        .category-bottom .mstm-products {
            grid-template-columns: repeat(auto-fit,minmax(0,100%));
        }

        #mstm-cart-title {
            margin-top: 30px;
        }

        /*cross-produtc*/
        .mstm-related-products > .rel-steps > .content-hd {
            font-size: 30px;
        }

        .rel-step-sep::before {
            height: 0;
            width: 0;
        }

        .mstm-cross-products-inner {
            grid-template-columns: 100%;
            row-gap: 40px;
            grid-template-rows: auto auto;
        }

        .mstm-cross-repeater.mstm-products .single-product-item {
            gap: 0;
            grid-template-columns: 30% 1fr;
        }

        /***wishlist****/
        .wishlist-products-outer .mstm-wishilist-table-body {
            grid-template-columns: repeat(1, minmax(0,320px));
            grid-row-gap: 20px;
            margin-bottom: 70px;
            justify-content: space-evenly;
        }

        .wishlist-page-title {
            font-size: 30px;
            margin: 0;
            font-family: "neutraface";
        }

        /****bloglist****/
        .mstm-blog-list-repeater {
            grid-template-columns: 1fr;
        }

        .mstm-blog-filter-search {
            grid-template-columns: auto;
        }

        .mstm-blog-post .post-header:hover .mstm-blog-list .mstm-blog-post .post-featured-image.aspect-image-outer {
            --aspect-ratio: 4;
        }

        .post-meta-item p {
            display: block;
        }

        .single-post h1 {
            font-size: 30px;
            text-align: left;
        }

        .single-post .post-body {
            font-size: 16px;
        }

            .single-post .post-body > div > p {
                font-size: 18px;
            }

        .mstm-suggestion-posts .mstm-blog-post .post-title {
            height: 60px;
            overflow: hidden;
        }

        .post-meta-item p {
            display: block;
        }

        /*login page*/
        .logreg-form .form-control {
            width: 100%;
        }

        #login-user > form > .content-hd,
        #register-user > form > .content-hd {
            font-size: 30px;
        }

        /*order-complete*/
        .mstm-order-complete .main-title {
            font-size: 45px;
        }

        .mstm-order-complete-details {
            width: 70%;
            text-align: left;
            padding: 10px;
        }

        .mstm-breadcrumb-rep li:last-of-type {
            width: 200px;
        }

        .footer-area-inner::before {
            max-width: 95%;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .logreg-form .form-bottom {
            margin-top: -10px;
        }

        .met-sliders .slider-image-outer::before {
            content: "\e929";
        }

        .met-sliders .slider-image-outer.active::before {
            content: "-";
        }

        .newsletter-title {
            font-size: 24px;
            font-family: 'mont';
            text-align: left;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .newsletter-content p {
            text-align: left;
        }

        .mstm-submit-newsletter-button {
            cursor: pointer;
            max-width: 100% !important;
            padding: 6px 20px 4px 20px !important;
            min-height: unset !important;
            max-height: unset !important;
            height: auto !important;
            margin: 0 !important;
        }

        .newsletter-wrapper {
            padding: 40px 20px 10px 20px !important;
        }
    }

    @media (max-width: 600px) {

        .giftoffers-wrapper .modal {
            width: 96%;
        }

        .giftoffers-products-amount {
            padding: 10px 10px;
        }

        .burger-languages {
            display: block !important;
            font-size: 13px;
        }

        .mstm-account-container {
            padding: 0 10px;
        }

        #prdocut-tabs-headers, #prdocut-tabs-contetnt {
            padding: 0;
        }

        .container {
            padding-left: 20px;
            padding-right: 20px;
        }

        .modal {
            width: 85%;
        }

        .header-languages-outer {
            display: none;
        }

        .burger-bottom-items-outer {
            margin-bottom: 50px;
        }

        .footer-info-item {
            column-gap: 13px;
        }

            .footer-info-item p {
                font-size: 15px;
            }

        .highlighted-p {
            font-size: 22px;
        }

        .static-content {
            font-size: 18px;
        }

        .mstm-new-address-outer {
            text-align: center;
        }

        .mstm-wishilist-table-item {
            grid-template-columns: repeat(2,minmax(0px,auto));
            grid-row-gap: 14px;
            justify-content: space-between;
        }

        .mstm-account-details-invoive-row, .mstm-new-address-row {
            grid-template-columns: repeat(1,minmax(0px,100%));
            grid-row-gap: 70px;
            text-align: center;
        }

        .mstm-new-address-row {
            grid-row-gap: 10px;
        }

        .mstm-account-container .form-control {
            text-align: center;
        }

        .account-tab-header {
            padding: 10px 25px;
        }

        .mstm-account-details-invoive-row {
            padding: 10px;
            width: 100%;
        }

        .btns-bottom, .btns-bottom span {
            display: block;
        }

            .btns-bottom .btn.input-btn {
                margin: 10px auto;
            }

        .logreg-form-inner#register-user .gdpr-text {
            column-count: 1;
        }

        .logreg-form-inner#register-user {
            text-align: left;
        }

        #register-actions-mobile {
            display: grid;
            justify-content: center;
            justify-items: center;
            grid-row-gap: 11px;
        }

        #mobile-search {
            display: block;
        }

        #search-btn {
            display: none;
        }

        #search-close.mobile-search {
            display: block;
            right: 20px;
            transform: translateY(-50%);
            line-height: 1;
            position: relative;
            top: 0px;
            text-align: right;
        }

        #search-close::before {
            font-size: 17px;
        }

        .mstm-header-right {
            height: 100%;
            padding-left: 0px;
        }

        .burger-mobile-search {
            grid-template-columns: repeat(2,minmax(0px,auto));
            justify-content: left;
        }

        .mstm-cross-products-inner {
            grid-template-columns: repeat(1,minmax(0px,100%));
            grid-row-gap: 40px;
        }

        .mstm-cross-products .add-cart-product {
            font-size: 20px;
        }

        .mstm-related-products > .rel-steps > .content-hd {
            font-size: 30px;
            width: 200px;
        }

        .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions .cross-product-include {
            width: 170px;
        }

        .categorypage-cover.hasimage .categorypage-cover-inner-items {
            grid-template-columns: auto;
            width: 100%;
        }

        .mstm-account-page .full-row {
            grid-column: unset;
        }

        .single-product-item .product-text h2, .single-product-item .manf-text {
            font-size: 18px;
            margin-top: 30px;
        }

        .subcategories-thumbs-inner.categories {
            gap: 15px;
        }

        .category-item a {
            padding: 10px;
        }

        .category-item p {
            font-size: 16px;
        }

        #prdocut-tabs-headers .tab-header {
            text-align: center;
            top: 0px;
        }

        .product-s-container-outer {
            padding: 0px;
        }

        #prdocut-tabs-headers {
            padding-left: 20px;
            padding-right: 20px;
        }

        .mstm-related-products-title {
            padding: 0;
        }

            .mstm-related-products-title::before {
                width: 100%;
            }

        .mstm-related-products .main-title {
            padding-right: 20px;
            font-size: 30px;
        }

        .mstm-404-outer .mstm-404-item {
            font-size: 110px;
            margin-left: -9%;
        }

        .mstm-404-outer .mstm-general {
            padding: 70px 20px;
            padding-top: 50px;
        }

        .mstm-404-outer p {
            font-size: 20px;
        }

        .mstm-blog-list-repeater {
            grid-template-columns: repeat(1,minmax(0px,100%));
            grid-row-gap: 60px;
            max-width: 450px;
            margin-left: auto;
            margin-right: auto;
        }

        /*single blog*/
        .single-post-top .aspect-image-outer {
            --aspect-ratio: 1;
        }

        .single-post-bottom > div {
            grid-template-columns: auto !important;
        }

        .single-post-top, .post-main-inner {
            max-height: unset;
        }

        .single-post h1 {
            font-size: 32px;
            margin-top: 10px;
            margin-bottom: 0;
        }

        .share-title, .post-meta-item p {
            font-size: 16px;
        }

        .single-post .post-body > div > p:first-of-type {
            font-size: 18px;
        }

        .single-post .post-body > div > p {
            font-size: 18px;
        }

        .single-post .post-body {
            font-size: 16px;
        }

        .post-share-outer {
            display: none;
        }

        .post-share-outer-mobile {
            display: block;
        }

            .post-share-outer-mobile .post-share {
                text-align: center;
                display: grid;
                display: flex;
                align-items: center;
                margin-top: 50px;
            }

        .blog-feed-title {
            font-size: 26px;
        }

        .mstm-product-quantity {
            width: 140px;
        }

        .popup-desktop {
            display: none;
        }

        .popup-mobile {
            display: block;
        }

        #newsletter-modal .modal {
            max-width: 360px;
        }

        #newsletter-modal .close-modal {
            right: 5px;
            top: 5px;
        }

        .mstm-order-complete .main-title {
            font-size: 40px;
        }

        .account-tab-header {
            font-size: 15px;
        }

        .slick-dots li button::before {
            width: 50px !important;
        }

        .giftoffers-products-grid {
            grid-template-columns: 80px repeat(2,minmax(0px,50%));
            grid-column-gap: 10px;
        }

        .mstm-top-bar-outer {
            padding: 4px 20px;
        }

        .top-bar-item.top-bar-banner-outer {
            display: grid;
            grid-template-columns: 1fr 50px;
            align-items: center;
            justify-content: space-between;
        }

        .cart-qty-amount, .mstm-account-checked {
            right: 0px;
            bottom: 13px;
        }

    }

    @media (max-width: 500px) {

        .single-post h1 {
            font-size: 25px;
        }

        .giftoffers-products-grid .mstm-product-title-list {
            font-size: 12px;
        }

        .countryzone-wrapper .dropdown-countries, .countryzone-wrapper .dropdown-countries select {
            width: 300px;
        }

        .mstm-breadcrumb-rep li:last-of-type {
            width: 120px;
        }

        .mstm-empty-cart-hd {
            font-size: 24px;
        }

        .mstm-breadcrumb, .mstm-breadcrumb-st, .mstm-breadcrumb-dyn, .mstm-breadcrumb-rep, .mstm-breadcrumb-rep .breadcrumb-item, .mstm-empty-cart-text br {
            display: none;
        }


        .footer-inner {
            padding-top: 30px;
            padding-bottom: 30px;
            column-gap: unset;
            row-gap: 30px;
        }


        .mstm-top-bar-outer {
            padding: 4px 0px;
        }

        .footer-area-inner .container {
            position: relative;
            padding: 0 20px;
        }

        .footer-title {
            font-size: 18px;
        }


        .mstm-orders-table-head, .mstm-orders-table-body-item {
            font-size: 14px;
        }

        .mstm-orders-table-head, .mstm-orders-table-body-item {
            padding: 10px 16px;
        }

        li.mstm-orders-table-body-item > p {
            text-align: center;
        }

        .customer-log-title.tab-header.mobile {
            /*display: block;*/
            display: none;
            font-size: 24px;
            text-align: center;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-weight: 600;
        }


        #scrollUp {
            bottom: 10px;
            width: 36px;
            height: 36px;
        }

            #scrollUp::before {
                font-size: 18px;
            }


        /*login*/

        .logreg-form .tab-headers {
            display: none;
        }

        .mstm-login-and-register-page .tab-contents {
            /*grid-template-columns: repeat(1,minmax(0px,auto));*/
            grid-row-gap: 20px;
            grid-column-gap: 20px;
        }

        .mstm-login-and-register-page .logreg-form {
            padding: 0px;
            background: none;
            border: none;
        }

        .mstm-login-and-register-page .pill-content {
            padding: 0px 30px;
            background: white;
        }

        .logreg-form .tab-contents-outer {
            padding: 0;
        }

        .mstm-login-and-register-page .logreg-form {
            -webkit-box-shadow: none;
            box-shadow: none;
        }


        /*cross products*/
        .mstm-cross-repeater.mstm-products .single-product-item {
            grid-template-columns: auto;
        }

            .mstm-cross-repeater.mstm-products .single-product-item .item-right {
                right: 0px;
            }

            .mstm-cross-repeater.mstm-products .single-product-item .mstm-product-actions .cross-product-include {
                width: 160px;
            }

        /*order-complete*/
        .mstm-order-complete .main-title {
            font-size: 35px;
        }

        .action-buttons-wrapper {
            grid-template-columns: repeat(1, minmax(0px, 100%));
        }

            .action-buttons-wrapper .add-cart-product {
                margin-bottom: 10px;
            }

                .action-buttons-wrapper .add-cart-product.store-locator {
                    margin-bottom: 40px;
                }

        .mstm-header-main-inner.container {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media (max-width: 470px) {

        .mstm-products {
            grid-template-columns: repeat(1, minmax(0, 100%));
        }

        .mstm-checkout-col {
            grid-template-columns: repeat(1,minmax(0px,100%));
        }

        #coupont-input {
            font-size: 13px;
        }

        .subcategories-thumbs-inner.categories {
            row-gap: 80px;
        }

        .category-bottom .category-description p {
            font-size: 13px;
        }

        .product-page.product-details-area .mstm-price-info {
            margin: 15px 0 0;
        }

        /*404 page*/
        #backtohome .btn.btn-primary {
            padding: 20px;
        }

        /*account*/

        .mstm-account-details-row-outer > div > .btn.input-btn.btn-primary > input,
        .mstm-account-invoice-row-outer > div > .btn.input-btn.btn-primary > input {
            width: 170px;
            font-size: 15px;
        }

        /*cart-page*/
        .mstm-cart-table-total-content {
            padding: 20px;
        }
    }

@media (max-width: 420px) {

    .mstm-header-main-inner.container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .account-page-address-section-headers, .account-page-address-section p {
        font-size: 12px;
    }


    .mstm-account-page .tab-header, .mstm-orders-table-head {
        font-size: 13px;
    }

    .footer-brand-title {
        font-size: 48px;
    }


    #marquee-fade {
        height: 30px;
    }

    #mstm-global-banner-TopFullWidth * {
        font-size: 11px;
    }


    .mstm-orders-table-head, .mstm-orders-table-body-item {
        font-size: 12px;
    }


    .calculate-square-form .btn {
        padding: 2px 16px;
    }

    .logreg-form-inner#register-user .mstm-agree-gdpr {
        font-size: 14px;
    }

    label.mstm-agree-terms-contactm {
        font-size: 14px;
    }

    /*==product list==*/
    /*----top level----*/

    .category-item p {
        font-size: 15px;
    }


    /*single-product*/
    /*cross-products*/
    .mstm-cross-products-inner > .mstm-cross-repeater > .slick-list > .slick-track > .slick-slide {
        padding: 20px;
    }

    /*wishlist*/
    .wishlist-products-outer .mstm-wishilist-table-body {
        grid-template-columns: repeat(1, minmax(0,280px));
    }

    /****single-blog****/


    .single-post-bottom .post-share-post-body {
        grid-template-columns: unset;
    }



    /*search*/
    .beforeresult .mstm-products {
        grid-template-columns: repeat(1, minmax(0px, 170px));
    }


    .logreg-form .btn-primary {
        font-size: 16px;
    }

    .customer-log-title.tab-header.mobile {
        display: none;
    }

    .btn.popaccount_logout {
        max-width: 140px;
    }


    /*topb-bar*/
    .mstm-top-bar-outer {
        padding: 4px 5px;
    }

    /*cart-page*/
    .mstm-cart-table-total-content {
        padding: 25px;
    }

    .mstm-cart-outer {
        padding: 0px 10px;
    }

    .mstm-cart-table-outer {
        padding: 10px;
    }

    .giftoffers-wrapper .mstm-product-quantity {
        width: 120px;
    }

    .giftoffers-wrapper .mstm-product-quantity-to-add {
        font-size: 14px;
    }

    .giftoffers-wrapper .mstm-product-quantity::before {
        width: 40px;
    }

    .cart-area .mstm_cart-items .single-cart-item {
        padding: 15px 5px;
    }

}

@media (max-width: 385px) {
    .wishlist-wrapper.is-empty {
        padding: 40px 10px;
    }

    .logiCookieDialogBodyButton {
        font-size: 8pt !important;
    }
  
}


@keyframes open {
    from {
            max-height: 0px;
        }

        to {
            max-height: 500px;
        }
    }



    @keyframes close {
        from {
            max-height: 500px;
        }

        to {
            max-height: 0px;
        }
    }

    @keyframes pop {
        from {
            top: calc( -1 * var(--headerHeight));
        }

        to {
            top: 0px;
        }
    }

    @keyframes closepop {
        from {
            top: 0px;
        }

        to {
            top: calc( -1 * var(--headerHeight));
        }
    }



    @keyframes menufromleft {
        from {
            left: 100%;
        }

        to {
            left: 0%;
        }
    }

    @keyframes menutoleft {
        from {
            left: 0%;
        }

        to {
            left: 100%;
        }
    }



    @keyframes filtersopen {
        0% {
            max-height: 0px;
            overflow-y: hidden;
        }

        99% {
            overflow-y: hidden;
        }

        100% {
            max-height: 334px;
            overflow-y: auto;
        }
    }

    @keyframes filtersclose {
        0% {
            max-height: 334px;
            overflow-y: hidden;
        }

        100% {
            max-height: 0px;
        }
    }


    @keyframes openmore {
        from {
            max-height: 0px;
        }

        to {
            max-height: 500px;
        }
    }



    @keyframes closemore {
        0% {
            max-height: 500px;
        }

        99% {
            max-height: 0px;
        }

        100% {
            overflow: auto;
        }
    }



    @keyframes hotspot {
        0%, 100% {
            transform: translate(-50%, -50%) scale(1);
        }

        50% {
            transform: translate(-50%, -50%) scale(1.2);
        }
    }