@charset "UTF-8";

@font-face {
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n5.woff2") format("woff2"), url("montserrat_n5.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n7.woff2") format("woff2"), url("montserrat_n7.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n5.woff2") format("woff2"), url("montserrat_n5.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n7.woff2") format("woff2"), url("montserrat_n7.woff") format("woff")
}

@font-face {
    font-family: "Work Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("worksans_n4.woff2") format("woff2"), url("worksans_n4.woff") format("woff")
}

@font-face {
    font-family: "Work Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("worksans_n7.woff2") format("woff2"), url("worksans_n7.woff") format("woff")
}

/* Variables */
:root {
    --desktop-page-padding: 30px;
    --page-padding: var(--desktop-page-padding);
    --small-padding: 10px;
    --header-logo-font-size: 40px;
    --side-nav-width: 400px;
    --side-cart-width: 340px;
    --scrolling-header-logo-font-size: 30px;
    --header-icons-height: 26px;
    --header-padding-top: calc(var(--desktop-page-padding) - var(--header-icons-height)/2);
}

@media (max-width: 960px) {
    :root {
        --page-padding: 25px;
        --header-logo-font-size: 30px;
    }
}

@media (max-width: 620px) {
    :root {
        --page-padding: 15px;
    }
}

/* Animations */
@keyframes fade-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Reset */
*,
*:before,
*:after {
  	clear: unset;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	word-wrap: break-word;
}

html {
    background: #fff;
    color: #000;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
body {
    font-size: 100%;
}

.hide-y-scroll {
    overflow-y: hidden;
}

img {
    border: 0;
    display: block;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

button,
input,
textarea,
select {
    border-radius: 0;
    font-family: inherit;
    font-size: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.no-outlines button,
.no-outlines input,
.no-outlines textarea,
.no-outlines select {
    outline: none;
}

a {
    color: black;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.no-outlines a {
    outline: none;
}

.no-outlines details summary {
    outline: none;
}

details summary::-webkit-details-marker {
    display: none;
}

.fc {
    display: inline-block;
    font: normal normal normal 14px/1 FontColors;
    font-size: inherit;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-hamburguer:before {
    content: "1";
}

.fc-cart:before {
    content: "3";
}

.fc-search:before {
    content: "2";
}

.fc-comment:before {
    content: "c";
}

.fc-tag:before {
    content: "b";
}

.fc-pencil:before {
    content: "e";
}

.fc-trash:before {
    content: "d";
}

.fc-close:before {
    content: "x";
}

.fc-pinterest:before {
    content: "p";
}

.fc-linkedin:before {
    content: "l";
}

.fc-instagram {
    transform: scale(0.75);
    position: relative;
    top: -2px;
}

.fc-instagram:before {
    content: "E";
}

.fc-twitter:before {
    content: "w";
}

.fc-vimeo:before {
    content: "v";
}

.fc-tumblr:before {
    content: "t";
}

.fc-flickr:before {
    content: "k";
}

.fc-yelp:before {
    content: "o";
}

.fc-snapchat:before {
    content: "j";
}

.fc-rss:before {
    content: "a";
}

.fc-bullet:before {
    content: "A";
}

.fc-bullet-active:before {
    content: "B";
}

.fc-user:before {
    content: "m";
}

.fc-icon-eco:before {
    content: "n";
}

.fc-icon-international:before {
    content: "q";
}

.fc-icon-local:before {
    content: "r";
}

.fc-icon-recycled:before {
    content: "s";
}

.fc-icon-returns:before {
    content: "u";
}

.fc-icon-sale:before {
    content: "z";
}

.fc-icon-security:before {
    content: "C";
}

.fc-icon-shipping:before {
    content: "D";
}

.fc-twitch {
    transform: scale(0.7);
}

.fc-twitch:before {
    content: "i";
}

.fc-reddit {
    transform: scale(0.9);
    position: relative;
    top: -3px;
}

.fc-reddit:before {
    content: "H";
}

.fc-github {
    transform: scale(0.7);
}

.fc-github:before {
    content: "I";
}

.fc-spotify {
    transform: scale(0.8);
}

.fc-spotify:before {
    content: "\4a";
}

.fc-tiktok:before {
    content: "\4b";
}

.fc-youtube {
    transform: scale(0.8);
}

.fc-youtube:before {
    content: "\68";
}

.fc-tripadvisor {
    transform: scale(0.7);
}

.fc-tripadvisor:before {
    content: "\4d";
}

.fc-slideshare {
    transform: scale(0.7);
}

.fc-slideshare:before {
    content: "\4e";
}

.fc-slack {
    transform: scale(0.7);
}

.fc-slack:before {
    content: "\4f";
}

.fc-xing {
    transform: scale(0.7);
}

.fc-xing:before {
    content: "\51";
}

.fc-behance {
    transform: scale(0.7);
}

.fc-behance:before {
    content: "\4c";
}

.fc-facebook:before {
    content: "\66";
}

/* UI */
html {
    background: var(--color-body-bg);
}

body {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
}

span.no-scale {
    font-size: 16px;
}

h2.msshop-section-title {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    line-height: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    text-transform: none;
    color: var(--color-accent);
    text-decoration: var(--section-headers-text-decoration);
    display: inline-block;
    margin: 0 0 20px;
}

h2.msshop-section-title.divider {
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    padding: 0 6px 0 8px;
    text-decoration: none;
}

h2.msshop-section-title.rss {
    font-size: calc(16px * var(--font-header-scale));
    border-bottom: 0;
    margin-left: 3px;
    position: relative;
    top: 2px;
}

a {
    text-decoration: none;
}

.pagination {
    clear: both;
    width: 100%;
    padding: 30px 0 10px;
    text-align: center;
}

.pagination .page,
.pagination .next,
.pagination .prev {
    margin: 0 4px;
    padding: 0 1px;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.pagination .page a,
.pagination .next a,
.pagination .prev a {
    color: var(--color-body-text);
    text-decoration: none;
}

.pagination .page a h2,
.pagination .next a h2,
.pagination .prev a h2 {
    font-size: inherit;
}

.pagination .page a:hover,
.pagination .next a:hover,
.pagination .prev a:hover {
    border-bottom: 2px solid var(--color-accent);
}

.pagination .page.current,
.pagination .next.current,
.pagination .prev.current {
    border-bottom: 2px solid var(--color-accent);
}

.pagination h2 {
    display: inline;
    text-decoration: underline;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.pagination h2.divider {
    text-decoration: none;
    padding: 0 6px 0 8px;
}

h3.empty {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    /* color: var(--color-accent); */
    font-style: italic;
}

img {
    max-width: 100%;
}

img.expanded {
    width: 100%;
    height: auto;
}

img.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-fit: fill; */
}

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

hr {
    display: block;
    max-width: 70px;
    height: 3px;
    background: var(--color-body-text);
    border: 0;
    margin: 0 0 10px;
    text-align: left;
}

hr.short {
    max-width: 20px;
}

p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(21px * var(--font-base-scale));
    color: var(--color-body-text);
}

p b,
p strong {
    font-weight: var(--font-base-weight-bolder);
}

p a {
    color: var(--color-body-text);
    text-decoration: none;
}

p.big,
p.expanded {
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(24px * var(--font-base-scale));
}

p.small {
    font-size: calc(12px * var(--font-base-scale));
    line-height: calc(18px * var(--font-base-scale));
}

span.highlight {
    background: var(--color-body-text-neg);
    padding: 1px 4px;
}

span.highlight.authorized,
span.highlight.overdue,
span.highlight.partially-fulfilled,
span.highlight.scheduled,
span.highlight.on-hold {
    background: rgba(250, 200, 106, 0.5);
}

span.highlight.paid,
span.highlight.refunded,
span.highlight.fulfilled {
    background: rgba(128, 250, 170, 0.5);
}

span.highlight.unpaid,
span.highlight.unfulfilled {
    background: rgba(250, 118, 106, 0.5);
}

span.highlight.voided {
    background: #c6c7cb;
}

.icon {
    display: inline;
}

.btn {
    text-decoration: none;
    cursor: pointer;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(20px * var(--font-base-scale));
    color: var(--color-body-text);
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    background: transparent;
    border: 0;
    transition: background 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    transition: color 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    transition: border-color 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

@media (min-width: 621px) { 
    .btn_new{
        padding-left: 0px;
    }
}


.btn:before,
.btn:after {
    transition: background 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    transition: color 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    transition: border-color 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.btn.no-scale {
    font-size: 15px;
    line-height: 20px;
}

.btn.border {
    border: 1px solid;
    padding: 8px 18px;
}

.btn.border:hover {
    color: var(--color-body-text-lg-20);
    border-color: var(--color-body-text-lg-20);
}

.btn.border:hover:before,
.btn.border:hover:after {
    border-color: var(--color-body-text-lg-20);
}

.btn.border.small {
    font-size: calc(12px * var(--font-base-scale));
    padding: 5px;
}

.btn.border.small.no-scale {
    font-size: 12px;
}

.btn.solid {
    background: var(--color-body-text);
    border-color: var(--color-body-text);
    color: var(--color-body-text-neg);
}

.btn.solid:hover {
    background: var(--color-body-text-lg-5);
    filter: brightness(0.85);
}

.btn.solid.small {
    font-size: calc(12px * var(--font-base-scale));
    padding: 8px;
}

.btn.solid.small.no-scale {
    font-size: 12px;
}

.btn.accent {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-accent-neg);
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.btn.accent:hover {
    background: var(--color-accent-dk-5);
}

.btn.accent.adding {
    opacity: 0.25;
    cursor: default;
}

.btn.accent.added {
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 1s;
    opacity: 1;
}

.btn.accent.small {
    font-size: calc(12px * var(--font-base-scale));
    padding: 8px;
}

.btn.accent.small.no-scale {
    font-size: 12px;
}

.btn.text {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    padding: 7px 10px;
}

.btn.disabled {
    cursor: default;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.btn.disabled:hover {
    color: inherit;
    border-color: inherit;
    background-color: inherit;
}

.btn.full {
    width: 100%;
}

.btn.rounded {
    border-radius: 4px;
}

.btn.faded {
    opacity: 0.8;
}

.btn.shape {
    padding: 0;
}

.disclosure {
    position: relative;
}

.disclosure .disclosure__toggle {
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid #333;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    padding: 8px 15px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: 15px;
    color: var(--color-body-text);
    color: #333;
    line-height: 16px;
    text-indent: 0.01px;
    white-space: nowrap;
}

.disclosure .disclosure__toggle svg+span {
    margin-left: 10px;
}

.disclosure .disclosure__toggle .msshop-select-icon {
    cursor: pointer;
    display: inline-block;
    fill: #798c9c;
    pointer-events: none;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle;
}

.disclosure .disclosure__list {
    display: none;
    background-color: var(--color-body-bg);
    position: absolute;
    z-index: 200;
    bottom: 115%;
    overflow-y: auto;
    border: 1px solid var(--color-body-text);
    /* padding: 5px 0px; */
    padding: 0 0 5px 0;
    border-radius: 2px;
    max-height: 30vh;
}

/*.disclosure .disclosure__list#lang-list {*/
/*    width: -webkit-fill-available;*/
/*}*/

.disclosure .disclosure__list.disclosure-list--visible {
    display: block;
}

.disclosure .disclosure__list li {
    list-style: none;
    white-space: nowrap;
    text-align: left;
    /* padding: 5px 15px 4px; */
    padding: 10px 10px 0px;
}

.disclosure .disclosure__list li a {
    color: var(--color-body-text);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.disclosure .disclosure__list li a:hover {
    color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.disclosure .disclosure__list li.disclosure-list__item--current a {
    border-color: var(--color-body-text);
}

.shape-wrapper,
.circle-wrapper {
    display: inline-block;
}

.shape {
    opacity: 0;
}

.no-js .shape {
    opacity: 1;
    padding: 5px 10px;
}

.shape.shaped {
    opacity: 1;
}

.shape.shaped.square {
    padding: 10px;
    border-color: var(--color-body-text);
}

.shape.shaped.square.solid {
    background: var(--color-body-text);
    color: var(--color-body-text-neg);
}

.shape.shaped.circle {
    display: table;
    table-layout: fixed;
}

/* @media (min-width: 621px) {
    .newcircle{
        width: 65px !important;
        height: 65px !important;
    }
}

@media (max-width: 620px) {
    .newcircle{
        width: 70px !important;
        height: 70px !important;
    }
} */


.shape.shaped.circle span {
    display: table-cell;
    vertical-align: middle;
}

.shape.shaped.hexagon {
    position: relative;
    text-align: center;
    display: table;
    text-decoration: none;
    border-collapse: collapse;
    padding: 0;
}

.shape.shaped.hexagon:before,
.shape.shaped.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: inherit;
    border-color: var(--color-body-text);
}

.shape.shaped.hexagon span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.shape.shaped.hexagon.border {
    border-top: 0;
    border-bottom: 0;
    border-width: 3px;
}

.shape.shaped.hexagon.solid {
    border: 0;
}

.shape.shaped.hexagon.solid:before,
.shape.shaped.hexagon.solid:after {
    border-color: transparent;
}

.shape.shaped.hexagon.accent {
    border: 0;
}

.shape.shaped.hexagon.accent:before,
.shape.shaped.hexagon.accent:after {
    border-color: transparent;
}

button.shape.shaped.circle span,
button.shape.shaped.hexagon span {
    display: block;
}

a,
button {
    color: var(--color-body-text);
    background: transparent;
    border: 0;
}

a.underline,
button.underline {
    text-decoration: none;
    border-bottom: 1px solid;
    cursor: pointer;
}

a.link,
button.link {
    text-decoration: none;
}

a.link:hover,
button.link:hover {
    border-bottom: 1px solid;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form label,
.contact-form .msshop-select,
.contact-form .field,
form input,
form textarea,
form select,
form label,
form .msshop-select,
form .field {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    text-transform: none;
}

.contact-form input.long,
.contact-form textarea.long,
.contact-form select.long,
.contact-form label.long,
.contact-form .msshop-select.long,
.contact-form .field.long,
form input.long,
form textarea.long,
form select.long,
form label.long,
form .msshop-select.long,
form .field.long {
    width: 100%;
}

form input.full,
form textarea.full,
form select.full,
form label.full,
form .msshop-select.full,
form .field.full {
    width: 100%;
}

form input.error,
form textarea.error,
form select.error,
form label.error,
form .msshop-select.error,
form .field.error {
    border: 1px solid var(--color-accent) !important;
}

form input.no-scale,
form textarea.no-scale,
form select.no-scale,
form label.no-scale,
form .msshop-select.no-scale,
form .field.no-scale {
    font-size: 16px;
}

form input[type=number]::-webkit-inner-spin-button,
form input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

form input[type=search] {
    -webkit-appearance: textfield;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
form input,
form textarea,
form select {
    background: var(--color-body-text-neg);
}

.contact-form input.text,
.contact-form textarea.text,
form input.text,
form textarea.text {
    border: 0;
    padding: 10px 10px 9px;
}

.contact-form textarea,
form textarea {
    font-size: 16px;
    line-height: 22px;
    min-height: 200px;
}

form input[type=search] {
    -webkit-appearance: none;
}

form input[type=submit] {
    -webkit-appearance: none;
}

form h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

form h3 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
}

.contact-form .field,
form .field {
    width: 100%;
    position: relative;
}

.contact-form .field label,
form .field label {
    border: 0;
    background: transparent;
    padding: 0;
    pointer-events: none;
    position: absolute;
    left: 10px;
    top: 10px;
    color: var(--color-body-text-light);
    transition: top .1s ease, font-size .1s ease;
}

.contact-form .field input,
.contact-form .field textarea,
form .field input,
form .field textarea {
    text-align: left;
    width: 100%;
}

.contact-form .field input::placeholder,
.contact-form .field textarea::placeholder,
form .field input::placeholder,
form .field textarea::placeholder {
    opacity: 0;
}

.contact-form .field input:not(:placeholder-shown),
.contact-form .field textarea:not(:placeholder-shown),
form .field input:not(:placeholder-shown),
form .field textarea:not(:placeholder-shown) {
    padding-top: 16px;
    padding-bottom: 3px;
}

.contact-form .field input:not(:placeholder-shown)~label,
.contact-form .field textarea:not(:placeholder-shown)~label,
form .field input:not(:placeholder-shown)~label,
form .field textarea:not(:placeholder-shown)~label {
    font-size: 10px;
    top: 4px;
}

.contact-form .field-error,
form .field-error {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    text-transform: initial;
    margin: 10px 0 0;
}

ul.inline {
    list-style-type: none;
}

ul.inline li {
    display: inline;
}

.hide,
.visually-hidden {
    display: none;
}

.js-focus-hidden:focus {
    outline: none;
}

.skip-link {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    left: 0;
    top: 0;
}

.skip-link:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px;
    opacity: 1;
    z-index: 10000;
    transition: none;
    background: white;
    color: black;
}

.rte {
    word-wrap: break-word;
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(26px * var(--font-base-scale));
    color: var(--color-body-text);
}

.rte>* {
    line-height: normal;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    margin: 20px 0 10px;
    text-decoration: none;
    text-transform: none;
}

.rte h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(44px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(32px * var(--font-header-scale));
    line-height: calc(38px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte h3 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(28px * var(--font-header-scale));
    line-height: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte h4 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(24px * var(--font-header-scale));
    line-height: calc(32px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte h5 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    line-height: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte h6 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    line-height: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rte p,
.rte li,
.rte td {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(29px * var(--font-base-scale));
    color: var(--color-body-text);
}

.rte p {
    margin: 0 0 5px;
}

.rte p.category {
    color: var(--color-accent);
    margin-bottom: 0px;
    padding-top: 27px;
}

@media (max-width:620px){
    .rte p.category {
        padding-top: 20px;    
    }
}

.rte p:empty,
.rte p:last-child {
    margin: 0;
}

.rte a:not(.btn) {
    color: var(--color-accent);
    text-decoration: none;
}

.rte a:not(.btn):hover {
    border-bottom: 1px solid;
}

.rte blockquote {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(28px * var(--font-header-scale));
    line-height: calc(38px * var(--font-header-scale));
    color: var(--color-body-text);
    text-transform: none;
    margin: 40px 80px;
}

.rte ul,
.rte ol {
    margin: 0 0 20px 30px;
}

.rte ul li,
.rte ol li {
    margin: 0 0 10px;
}

.rte img,
.rte iframe {
    max-width: 100%;
}

.rte table {
    margin: 0 0 5px;
    border-collapse: collapse;
    max-width: 100%;
}

.rte table td {
    padding: 10px;
    border: 1px solid var(--color-body-text);
    text-align: left;
}

.rte table thead td {
    font-weight: bold;
}

.rte b,
.rte strong {
    font-weight: var(--font-base-weight-bolder);
}

.rte .video {
    max-width: 100%;
    padding-bottom: 56.25%;
    height: auto;
}

.rte .video.vimeo {
    padding-bottom: 47.4%;
}

.rte .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    opacity: 0;
}

.rte.center {
    text-align: center;
    margin: 0 auto;
}

.rte.center ul,
.rte.center ol {
    margin-left: 0;
}

.rte.center ul li,
.rte.center ol li {
    list-style: none;
}

.accordion {
    text-align: left;
    border-top: 1px solid var(--color-body-text);
    border-bottom: 1px solid var(--color-body-text);
}

.accordion summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    position: relative;
    padding: 12px 0px;
}

.accordion .accordion-header {
    flex: 1;
    display: flex;
    align-items: center;
	max-width: 100%;
}

.accordion .accordion-header .icon-accordion {
    align-self: center;
    fill: var(--color-body-text);
    margin-right: 15px;
    flex-basis: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

.accordion .accordion-header h4 {
    display: inline-block;
}

.accordion .accordion-header h4.title {
    flex-grow: 1;
	max-width: calc(100% - 25px);
}

.accordion .accordion-header .icon-accordion + h4.title {
	max-width: calc(100% - 60px);
}

.accordion .accordion-header h4.plus {
    margin-left: 15px;
    /* font-weight: 400 !important; */
    font-weight: bold;
    transition: transform 0.4s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.accordion .msshop-select-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 18px;
    right: 5px;
    vertical-align: middle;
    fill: var(--color-body-text);
}

.accordion .rte {
    padding: 0 10px 9px;
    margin-top: -5px;
}

.accordion .rte img {
    max-width: 100%;
}

.accordion details[open] summary h3.plus {
    transform: rotate(45deg);
}

.accordion+.accordion {
    border-top: 0;
}

.msshop-select {
    border: 1px solid #d3dbe2;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    background: #ffffff;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%;
}

.msshop-select select {
    color: #333;
    font-size: 16px;
    padding: 7px 10px;
    padding-right: 32px;
    border: 0;
    width: 100%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.msshop-select .msshop-select-icon {
    cursor: pointer;
    display: block;
    fill: #798c9c;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.msshop-select.short {
    max-width: 100px;
}

.msshop-select.auto {
    display: inline-block;
}

.placeholder-svg {
    fill: var(--color-body-text-very-light);
    background: var(--color-section-bg);
    width: 100%;
    height: 100%;
}

.placeholder-svg.with-white-background {
    border: 1px solid var(--color-body-text-very-light);
    background: white;
}

.placeholder-svg.with-border {
    border: 1px solid var(--color-body-text-very-light);
    background: none;
}

@keyframes inventory-pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

.pulsar {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.pulsar:after,
.pulsar:before {
    width: 14px;
    height: 14px;
    background: #54c63a;
    border-radius: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    margin: 8px;
}

.pulsar:before {
    animation: 2s linear 0s infinite normal none running inventory-pulse;
}

.modal {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.modal .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}

.modal .frame {
    position: relative;
    background: var(--color-body-bg);
    margin: var(--page-padding);
    overflow: scroll;
    text-align: left;
    max-width: 700px;
    max-height: 80vh;
}

.modal .frame .close {
    display: block;
    position: absolute;
    top: calc(var(--page-padding) - var(--small-padding));
    right: calc(var(--page-padding) - var(--small-padding));
    padding: var(--small-padding);
}

.modal .frame .inner {
    padding: var(--desktop-page-padding);
}

@keyframes animate-out-background {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animate-out-frame {
    from {
        opacity: 0.5;
        top: 20px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

.modal.animated .background {
    opacity: 0;
    animation-name: animate-out-background;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.modal.animated .frame {
    opacity: 0;
    animation-name: animate-out-frame;
    animation-duration: 250ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 50ms;
}

.modal.hidden {
    display: none;
}

@media (max-width: 960px) {
    .rte h1 {
        font-size: calc(36px * var(--font-header-scale));
        line-height: calc(42px * var(--font-header-scale));
    }
}

@media (max-width: 620px) {
    .section {
        margin: 0 0 var(--page-padding);
    }

    h2.msshop-section-title.rss {
        display: none;
    }

    h3.empty {
        margin: var(--page-padding);
    }

    .rte h1 {
        font-size: calc(30px * var(--font-header-scale));
        line-height: calc(38px * var(--font-header-scale));
    }

    .rte blockquote {
        margin-left: 0;
        margin-right: 0;
        font-size: calc(22px * var(--font-header-scale));
        line-height: calc(32px * var(--font-header-scale));
    }

    .rte.center blockquote {
        padding: 0 var(--page-padding);
    }

    .rte.center blockquote:before {
        content: normal;
        margin-right: 0;
    }

    .disclosure .disclosure__list li {
        padding: 10px 15px;
    }
}

/* Layout */
.no-js:not(html) {
    display: none;
}

.no-js .no-js:not(html) {
    display: block;
}

.no-js .js {
    display: none;
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    min-height: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
}

body.browsing .announcement-bar,
body.browsing .header,
body.browsing .main,
body.browsing .side-nav .inner {
    transform: translateX(var(--side-nav-width));
}

body.shopping .announcement-bar,
body.shopping .header,
body.shopping .main,
body.shopping .side-cart {
    transform: translateX(calc(var(--side-cart-width) * -1));
}

body.shopping .side-cart {
    visibility: visible;
}

body.shopping #dummy-chat-button-iframe {
    display: none;
}

body.picking .announcement-bar,
body.picking .header,
body.picking .main,
body.picking .side-pick {
    transform: translateX(calc(var(--side-cart-width) * -1));
}

body.picking .side-pick {
    visibility: visible;
}

body.searching .search-overlay {
    top: 0 !important;
    visibility: visible;
}

body.searching .search-overlay .search-bar-wrapper {
    opacity: 1;
}

body.browsing,
body.shopping,
body.searching,
body.picking,
body.modeling {
    overflow: hidden;
    height: 100%;
}

body[data-transitions] {
    opacity: 0;
}

.no-js body[data-transitions] {
    opacity: 1;
}

body[data-transitions].loaded {
    animation: fade-in .8s ease forwards;
}

body[data-transitions].loaded.onpageshow {
    animation: none;
    opacity: 1;
}

body[data-transitions].unloading {
    animation: fade-out .3s ease forwards;
}

.announcement-bar,
.header,
.main,
.side-nav .inner {
    transition: transform 0.45s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.side-cart,
.side-pick {
    transition: transform 0.45s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, visibility 0.45s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

body {
    display: flex;
    flex-direction: column;
}

body .main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

body .main .layout {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

body .main .layout .msshop-section.section-page,
body .main .layout .msshop-section.section-search,
body .main .layout .msshop-section.section-password,
body .main .layout .msshop-section.section-404,
body .main .layout .msshop-section.section-cart,
body .main .layout .msshop-challenge__container,
body .main .layout .msshop-policy__container,
body .main .layout .msshop-email-marketing-confirmation__container {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

body .main .layout .msshop-section.section-page .content,
body .main .layout .msshop-section.section-search .content,
body .main .layout .msshop-section.section-password .content,
body .main .layout .msshop-section.section-404 .content,
body .main .layout .msshop-section.section-cart .content,
body .main .layout .msshop-challenge__container .content,
body .main .layout .msshop-policy__container .content,
body .main .layout .msshop-email-marketing-confirmation__container .content {
    flex: 1 0 auto;
}

.main {
    width: 100%;
    padding: 0 0 0;
}

.hide-y-scroll #mcshop-section-template--product_view_bottom,
.hide-y-scroll .section-related-products {
    z-index: -1;
}

.main .layout .msshop-section .content {
    padding: var(--page-padding);
    margin: var(--page-padding) var(--page-padding) 0;
}

.main .layout .msshop-section .content.no-padding {
    padding: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.main .layout .msshop-section .content.extra-padding {
    padding-top: calc(var(--page-padding) * 2);
    padding-bottom: calc(var(--page-padding) * 2);
}

.main .layout .msshop-section .content.show-background {
    position: relative;
    /*z-index: 50;*/
    background: var(--color-section-bg);
}

.main .layout .msshop-section .content.expanded {
    /* padding-left: var(--page-padding);
    padding-right: var(--page-padding); */
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 621px) {
    .collage_bottom{
        padding-bottom:var(--page-padding) !important;
    }
}

@media (max-width: 620px) {
    .collage_bottom{
        padding: var(--page-padding) !important;
        margin: 0 !important;
        margin-top: var(--page-padding) !important;
    }
}

.main .layout .msshop-section .content.collapsed {
    margin-top: 0 !important;
}

.main .layout .msshop-section .content.standalone {
    margin-top: var(--page-padding);
}

.main .layout .msshop-section .content.standalone.expanded {
    margin-top: 0;
    margin-bottom: 0;
}

.main .layout .msshop-section .content .inner {
    margin: 0 auto;
}

.main .layout .msshop-section .content .inner>a {
    text-decoration: none;
}

.main .layout .msshop-section .content .inner.with-layout-options {
    max-width: var(--content-max-width);
}

.main .layout .msshop-section .content .inner.with-layout-options.left {
    margin: 0;
    margin-right: auto;
    text-align: left;
}

.main .layout .msshop-section .content .inner.with-layout-options.right {
    margin: 0;
    margin-left: auto;
    text-align: right;
}

.main .layout .msshop-section .content .inner.with-layout-options.right hr {
	max-width: unset;
}

.main .layout .msshop-section .content .inner.with-layout-options.centered {
    margin: 0 auto;
}

.main .layout .msshop-section .content .inner.with-layout-options.expanded {
    max-width: none;
    margin: 0 auto;
}

.main .layout .msshop-section .content .inner.extended {
    padding: var(--page-padding) 0;
}

.main .layout .msshop-section .content .inner.extended h1 {
    margin-top: 0;
}

.main .layout .msshop-section:last-child .content.expanded {
    margin-bottom: calc(var(--page-padding) * -1);
}

@media (min-width: 620px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .hide-on-mobile {
        display: none !important;
    }
}

.no-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 2px dashed var(--color-accent);
    text-align: center;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    line-height: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    padding: var(--page-padding);
}

.no-content a {
    color: var(--color-accent);
    border-bottom: 2px solid;
}

.row {
    margin: 0 0 10px;
    position: relative;
}

.row.cart_discount p{
    color: var(--color-body-text-neg)
}

.row.expanded {
    margin-bottom: 20px;
}

.row.expanded-top {
    margin-top: 20px;
}

.row.center {
    text-align: center;
}

.row.right {
    text-align: right;
}

.row:last-child {
    margin-bottom: 0;
}

.row.type_buy_buttons {
    display: grid;
    gap: 18px;
}

.row.with-top-border {
    border-top: 1px solid var(--color-body-text-lg-50);
    padding-top: 10px;
}

.row.with-bottom-border {
    border-bottom: 1px solid var(--color-body-text-lg-50);
    padding-bottom: 10px;
}

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

.flex-row:last-child {
    margin-bottom: 0;
}

@media (max-width: 620px) {
    .flex-row {
        flex-direction: column;
    }
}

.share {
    margin: 35px 0 0;
    min-height: 56px;
}

.share a.icon {
    font-size: 28px;
    text-decoration: none;
    border-radius: 50%;
    background: silver;
    text-align: center;
    width: 36px;
    height: 36px;
    margin: 0 5px 0 0;
    border: 0;
    color: var(--color-share-text);
    display: inline-block;
    font-family: monospace;
    padding-top: 7px;
}

.share a.icon.facebook {
    background-color: var(--color-facebook-bg);
}

.share a.icon.twitter {
    background-color: var(--color-twitter-bg);
}

.share a.icon.pinterest {
    background-color: var(--color-pinterest-bg);
}

@media (max-width: 960px) {
    .main .layout .msshop-section .content.extra-padding {
        padding-top: calc(var(--page-padding) * 3);
        padding-bottom: calc(var(--page-padding) * 3);
    }
}

@media (max-width: 620px) {
    body.filtering {
        overflow: hidden;
        height: 100%;
    }

    body.filtering {
        opacity: 0;
    }

    .main .layout .msshop-section.section-featured-image .content:not(.show-background).expanded,
    .main .layout .msshop-section.section-featured-video .content:not(.show-background).expanded,
    .main .layout .msshop-section.section-featured-products .content:not(.show-background).expanded {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Standalone */
.section-standalone .inner {
    padding: calc(var(--page-padding) * 2) var(--page-padding) calc(var(--page-padding) * 2.7);
    max-width: 750px !important;
}

.section-standalone h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(46px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.section-standalone h2 {
    margin-bottom: 10px;
}

.section-standalone h3 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    margin-top: 40px;
    margin-bottom: 20px;
}

.section-standalone .page-details {
    margin-top: 10px;
}

.section-standalone .contact-form,
.section-standalone form {
    margin-top: 20px;
}

.section-standalone form .row input[type=text],
.section-standalone .contact-form .row input[type=text],
.section-standalone form .row .select,
.section-standalone form .row input.long {
    width: 100%;
    max-width: none;
}

.section-standalone form .row input[type=text],
.section-standalone .contact-form .row input[type=text],
.section-standalone form .row input.long,
.section-standalone form .row textarea.long {
    background: var(--color-input-bg);
}

.section-standalone form .row input[type=checkbox] {
    margin-right: 5px;
}

.section-standalone .menu {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin: 40px 0 80px;
}

.section-standalone .menu .btn {
    min-width: 150px;
}

.section-standalone .menu:last-child {
    margin-bottom: 40px;
}

.section-standalone .content.color-section-bg-is-white form input[type=text],
.section-standalone .content.color-section-bg-is-white form input.long,
.section-standalone .content.color-section-bg-is-white form textarea.long {
    background: #f3f0ee;
}

@media (max-width: 960px) {
    .section-standalone .inner {
        padding: calc(var(--page-padding) * 3) var(--page-padding);
    }
}

@media (max-width: 620px) {
    .section-standalone h1 {
        font-family: var(--font-header-family);
        font-style: var(--font-header-style);
        font-weight: var(--font-header-weight);
        text-transform: var(--font-header-text-transform);
        font-size: calc(30px * var(--font-header-scale));
        line-height: calc(38px * var(--font-header-scale));
        color: var(--color-body-text);
    }

    .section-standalone .menu {
        text-align: center;
        justify-content: flex-start;
        align-items: stretch;
    }

    .section-standalone .menu .btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 420px) {
    .section-standalone .menu {
        display: block;
    }

    .section-standalone .menu .btn {
        margin-bottom: 10px;
    }

    .section-standalone .menu .btn:last-child {
        margin-bottom: 0;
    }
}

/* Filters  */
.sorting-and-filtering {
    --filter-padding: 15px;
}

.sorting-and-filtering .label {
    margin-right: 10px;
    display: inline-block;
}

.sorting-and-filtering form input[type=checkbox] {
    filter: grayscale(1);
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.sorting-and-filtering form label,
.sorting-and-filtering form select {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: 16px;
    color: var(--color-body-text);
    cursor: pointer;
}

.sorting-and-filtering form input:disabled+label {
    color: var(--color-body-text-lg-20);
    cursor: default;
}

.sorting-and-filtering form .price-range {
    display: flex;
    margin: 0 0 7px;
}

.sorting-and-filtering form .price-range .price:first-child {
    margin-right: 20px;
}

.sorting-and-filtering form .price-range .price input {
    padding: 8px 10px 7px;
    border: 1px solid #d3dbe2;
}

.sorting-and-filtering form.desktop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sorting-and-filtering menu-drawer details summary {
    position: relative;
    cursor: pointer;
    text-align: center;
    list-style: none;
}

.sorting-and-filtering menu-drawer details summary span.count {
    margin-left: 5px;
}

.sorting-and-filtering menu-drawer details form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.sorting-and-filtering menu-drawer details form .inner-form {
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    height: 100%;
    overflow-y: auto;
    pointer-events: all;
    background: var(--color-section-bg);
}

.sorting-and-filtering menu-drawer details form .inner-form .header {
    display: flex;
    position: sticky;
    top: 0;
    background: var(--color-section-bg);
    z-index: 2;
    border-bottom: 1px solid var(--color-body-text);
    text-align: center;
    flex-direction: column;
    padding: var(--filter-padding);
}

.sorting-and-filtering menu-drawer details form .inner-form .header h2.mobile-facets__heading {
    margin: 0;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu {
    position: relative;
    z-index: 1;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details {
    border-bottom: 1px solid var(--color-body-text-lg-20);
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details.last {
    border-bottom: 0;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .summary {
    padding: var(--filter-padding);
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .summary>div {
    display: flex;
    align-items: baseline;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .summary>div .arrow {
    margin-left: auto;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .summary>div .arrow svg {
    height: 10px;
    fill: var(--color-body-text-lg-20);
    transform: rotate(0deg);
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .summary>div .select {
    margin-left: auto;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .submenu {
    padding: 0 var(--filter-padding) 5px;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .submenu ul {
    list-style: none;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .submenu ul li {
    margin: 0 0 10px;
    display: flex;
    align-items: baseline;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details .submenu ul li label {
    width: 100%;
}

.sorting-and-filtering menu-drawer details form .inner-form .menu .details[open] .summary>div .arrow svg {
    transform: rotate(-180deg);
}

.sorting-and-filtering menu-drawer details form .inner-form .price-range {
    margin-top: 10px;
}

.sorting-and-filtering menu-drawer details form .inner-form .price-range .price input {
    width: 90px;
}

.sorting-and-filtering menu-drawer details form .inner-form .footer {
    padding: var(--filter-padding);
    border-top: 1px solid var(--color-body-text);
    display: flex;
    position: sticky;
    bottom: 0;
    background: var(--color-section-bg);
    margin-top: 0;
    align-items: stretch;
    align-content: stretch;
}

.sorting-and-filtering menu-drawer details form .inner-form .footer a,
.sorting-and-filtering menu-drawer details form .inner-form .footer button {
    display: block;
}

.sorting-and-filtering menu-drawer>details>summary .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-bottom: 10px;
}

.sorting-and-filtering menu-drawer>details>summary .btn svg {
    stroke: var(--color-body-text);
    margin-right: 10px;
    height: 50px;
}

.sorting-and-filtering menu-drawer>details>summary .close {
    display: none;
}

.sorting-and-filtering menu-drawer>details>summary+* {
    z-index: 100;
}

.sorting-and-filtering menu-drawer>details[open]>summary .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: var(--filter-padding);
    right: var(--filter-padding);
    z-index: 101;
}

.sorting-and-filtering .filters>details>summary::before,
.sorting-and-filtering menu-drawer>details>summary::before {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: default;
    content: ' ';
    background: 0 0;
}

.sorting-and-filtering .filters>details[open]>summary::before,
.sorting-and-filtering menu-drawer>details[open]>summary::before {
    height: 100vh;
    display: block;
}

.sorting-and-filtering .filtering .filters {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.sorting-and-filtering .filtering .filter-group {
    margin-right: 10px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    border: 1px solid #d3dbe2;
    border-radius: 4px;
    background: #ffffff;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%;
    margin-bottom: 10px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary>div {
    display: inline-block;
    color: #333;
    font-size: 16px;
    padding: 7px 10px;
    padding-right: 32px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary>div span.count {
    margin-left: 5px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary .msshop-select-icon {
    cursor: pointer;
    display: block;
    fill: #798c9c;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display {
    border: 1px solid #d3dbe2;
    border-radius: 4px;
    background: #ffffff;
    z-index: 100;
    position: absolute;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header,
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content {
    padding: 7px 10px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header {
    border-bottom: 1px solid #d3dbe2;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header a.reset {
    margin-left: 50px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul {
    list-style: none;
    margin: 0 0 7px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li {
    margin: 0 0 5px;
    padding-right: 5px;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover label {
    text-decoration: underline;
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover input:disabled+label {
    text-decoration: none;
}

.sorting-and-filtering .sorting {
    flex-shrink: 0;
}

.sorting-and-filtering .sorting .sort {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.sorting-and-filtering .sorting .sort button {
    margin-left: 10px;
}

.sorting-and-filtering .sorting .select {
    margin-bottom: 10px;
}

.sorting-and-filtering .active-facets {
    display: flex;
    flex-wrap: wrap;
}

.sorting-and-filtering .active-facets a.btn,
.sorting-and-filtering .active-facets button {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.sorting-and-filtering .active-facets a.btn i.fc,
.sorting-and-filtering .active-facets button i.fc,
.sorting-and-filtering .active-facets a.btn svg.fc,
.sorting-and-filtering .active-facets button svg.fc{
    margin-left: 10px;
}

.sorting-and-filtering .active-facets a.btn:only-child {
    display: none;
}

.no-js .sorting-and-filtering ul.categories {
    display: none;
}

.sorting-and-filtering ul.categories li {
    display: inline-block;
}

.sorting-and-filtering ul.categories li a {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: 15px;
    color: var(--color-body-text);
    color: var(--color-body-text);
    text-decoration: none;
    margin: 10px 20px 0 0;
    display: none;
}

.sorting-and-filtering ul.categories li a span {
    border-bottom: 2px solid transparent;
}

.sorting-and-filtering ul.categories li a sup {
    font-size: 10px;
    margin: 0 0 0 4px;
    opacity: 0;
}

.sorting-and-filtering ul.categories li a:hover span,
.sorting-and-filtering ul.categories li a.active span {
    border-bottom-color: var(--color-accent);
}

.sorting-and-filtering ul.categories li a.loaded {
    display: inline-block;
}

.sorting-and-filtering ul.categories li a.loaded sup {
    opacity: 1;
}

.sorting-and-filtering ul.categories li.all a {
    display: inline-block;
}

@media (max-width: 620px) {
    .sorting-and-filtering form.desktop {
        flex-direction: column;
    }

    .sorting-and-filtering form.desktop .filtering {
        width: 100%;
        order: 2;
    }

    .sorting-and-filtering form.desktop .filtering ul.categories {
        overflow: scroll;
        display: block;
        white-space: nowrap;
        padding: 0 0 var(--small-padding);
    }

    .sorting-and-filtering form.desktop .filtering ul.categories li {
        display: inline-block;
    }

    .sorting-and-filtering form.desktop .filtering ul.categories li a {
        margin: 0 5px 0 0;
    }

    .sorting-and-filtering form.desktop .sorting {
        width: 100%;
    }

    .sorting-and-filtering form.desktop .sorting .sort:not(.with-label) .select {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* Announcement bar */
.announcement-bar {
    text-align: center;
    position: relative;
}

.announcement-bar a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.announcement-bar p {
    position: relative;
    padding: 12px var(--page-padding);
}

.announcement-bar .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

body.browsing .announcement-bar .bg,
body.shopping .announcement-bar .bg,
body.picking .announcement-bar .bg {
    opacity: 0.75;
}

@media (max-width: 420px) {
    .announcement-bar p {
        font-size: calc(16px * var(--font-base-scale));
        line-height: calc(22px * var(--font-base-scale));
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

/* Popup */
.popup {
    padding: 0 !important;
}

.popup .modal .frame .inner {
    text-align: center;
}

.popup .modal .frame .inner .rte {
    padding-bottom: 0px;
}

.popup .modal .frame .inner .rte h1 {
    margin-top: 0;
}

.popup .modal .frame .inner .rte p {
    max-width: none;
}

.popup .content form,
.popup .content .button {
    margin-top: 20px;
}

.popup .content form {
    max-width: 500px;
}

/* Header */
.header {
    position: relative;
    width: 100%;
}

.header:after {
    display: table;
    content: '';
    clear: both;
}

.header .relative {
	z-index: 51;
    position: relative;
}

.header .bar {
    padding: var(--header-padding-top) var(--page-padding);
    position: relative;
}

.header .bar.fixed {
    display: none;
    transition: background-color 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.header .bar .center {
    position: relative;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 0;
    transition: top 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.header .bar .center a.logo {
    text-decoration: none;
    display: inline-block;
    max-width: 60%;
}

.header .bar .left,
.header .bar .right {
    height: var(--header-icons-height);
    z-index: 10;
}

.hide-y-scroll .header .bar .left,
.hide-y-scroll .header .bar .right {
    z-index: unset;
}

.header .bar .left {
    position: absolute;
    left: 19px;
    transition: left 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.header .bar .left a {
    text-decoration: none;
    line-height: 0;
}

@media (min-width: 621px) {
    .header .bar .left a i {
        color: var(--color-body-text);
        font-size: 32px;
        vertical-align: middle;
    }
}

@media (max-width: 620px) {
    .header .bar .left a i {
        color: var(--color-body-text);
        font-size: 35px;
        vertical-align: middle;
    }
}

.header .bar .left a span {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.header .bar .right {
    position: absolute;
    right: 19px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: right 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.header .bar .right .disclosures {
    display: flex;
    margin-right: 5px;
}

.disclosures.user .disclosure>a {
    text-decoration: none;
    display: block;
    margin-left: 10px;
    line-height: 0;
}

.disclosures.user .disclosure>a i {
    color: var(--color-body-text);
    font-size: 30px;
}

.header .bar .right .disclosures .disclosure {
    margin-left: 10px;
}

.header .bar .right .disclosures .disclosure .disclosure__toggle {
    border-radius: 50px;
    border: 2px solid;
    padding: 5px 10px;
    font-weight: 700;
}

.header .bar .right .disclosures .disclosure .disclosure__toggle .msshop-select-icon {
    /* fill: var(--color-body-text); */
    fill: #000;
}

.header .bar .right .disclosures .disclosure__list {
    right: 0;
    bottom: auto;
    margin-top: 10px;
    font-weight: 700;
}

.header .bar .right .disclosures .disclosure__list li {
    text-align: right;
}

.header .bar .right>a {
    text-decoration: none;
    display: block;
    margin-left: 10px;
    line-height: 0;
}

@media (min-width: 621px) {
    .header .bar .right>a i {
        color: var(--color-body-text);
        font-size: 32px;
    }
}

@media (max-width: 620px) {
    .header .bar .right>a i {
        color: var(--color-body-text);
        font-size: 35px;
    }   
}

.header .bar .right>a .circle {
    text-align: center;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 13px;
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-accent-neg);
    background: var(--color-accent);
    border-radius: 50%;
    width: var(--header-icons-height);
    height: var(--header-icons-height);
    line-height: var(--header-icons-height);
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
}

.header .bar .right>a .circle.hidden-count {
    display: none;
}

.header .nav {
    opacity: 1;
    transition: opacity 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.header.show-background .background {
    z-index: -1;
    background-color: var(--color-section-bg);
    position: absolute;
    top: var(--desktop-page-padding);
    left: var(--page-padding);
    right: var(--page-padding);
    bottom: 0;
}

.header.show-background.showing-megamenu .background {
    background-color: var(--color-body-bg);
}

.header.expanded .background {
    top: 0;
    left: 0;
    right: 0;
}

.header .main-nav {
    position: relative;
    text-align: center;
    padding: 0 var(--page-padding) 10px;
}

.header .main-nav ul {
    list-style: none;
    /* padding-top: 8px; */
    font-size: 0px;
    word-break: normal;
}

.header .main-nav ul li {
    position: relative;
    display: inline-block;
}

.header .main-nav ul li a {
    display: inline-block;
    padding: 10px 12px;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    text-decoration: none;
    letter-spacing: 1px;
}

.header .main-nav ul li a:hover span,
.header .main-nav ul li a.active span,
.header .main-nav ul li a.hovered span {
    border-bottom: 2px solid var(--color-accent);
}

.header .main-nav ul li a.plus.active span {
    border-bottom: 0;
}

.header .main-nav ul li a.plus:after {
    content: '+';
    display: inline-block;
    /* margin-left: 3px; */
}

.header .main-nav ul li a.plus_shop:after{
    margin-left: 3px;
}

.header .main-nav ul li ul.tab {
    visibility: hidden;
    transform: translateY(-2%);
    position: absolute;
    z-index: 9;
    left: -5px;
    padding: 5px;
    text-align: left;
    background: white;
    border: 1px solid #eee;
    opacity: 0;
    overflow: auto;
}

.header .main-nav ul li ul.tab.right {
    left: auto;
    right: 9px;
    text-align: right;
}

.header .main-nav ul li ul.tab.expanded {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header .main-nav ul li ul.tab.with-transition {
    transition: transform 125ms 0ms, opacity 125ms 0ms, visibility;
}

.header .main-nav ul li ul.tab.with-transition.expanded {
    transition: visibility 0ms 0ms, opacity 83.33333333ms 0ms, transform .25s 0ms, box-shadow 83.33333333ms 62.5ms;
}

.header .main-nav ul li ul.tab li {
    /* white-space: nowrap; */
    white-space:normal;
    /* word-break:break-all; */
    display: block;
}

.header .main-nav ul li ul.tab li a {
    color: var(--color-body-text);
}

.header .main-nav ul li ul.tab li ul li a {
    font-size: calc(14px * var(--font-base-scale));
    letter-spacing: 0;
    padding-top: 0;
}

.header .main-nav ul li ul.tab li ul li a:hover span,
.header .main-nav ul li ul.tab li ul li a.active span {
    border-bottom-width: 1px;
}

.header .main-nav ul li:hover a.plus span {
    border-bottom: 2px solid var(--color-accent);
}

.header .main-nav ul li.megamenu {
    position: static;
}

.header .main-nav ul li.megamenu ul.tab {
    left: 0;
    right: 0;
    padding: 0;
    border: 0;
    text-align: left;
    background: var(--color-body-bg);
    border-bottom: 1px solid #eee;
}

.header .main-nav ul li.megamenu ul.tab .line {
    border-bottom: 1px solid #eee;
    height: 10px;
    width: 100%;
}

.header .main-nav ul li.megamenu ul.tab .columns {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin: var(--page-padding);
}

.header .main-nav ul li.megamenu ul.tab li a {
    color: var(--color-accent);
    font-weight: var(--font-buttons-weight-bolder);
    font-size: calc(15px * var(--font-base-scale));
}

.header .main-nav ul li.megamenu ul.tab li ul li a {
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight);
}

.header .main-nav ul li.megamenu ul.tab .image {
    max-width: 300px;
}

.header .main-nav ul li.megamenu ul.tab .image a {
    padding: 0;
    display: block;
}

.header .main-nav ul li.megamenu ul.tab .image img {
    width: 100%;
    display: block;
}

.header .main-nav ul li.megamenu ul.tab .image p {
    text-align: center;
    margin-top: 4px;
}

.header .main-nav.bold ul li a {
    font-weight: var(--font-buttons-weight-bolder);
}

.header.scrolled .bar {
    opacity: 0;
}

.header.scrolled .bar .right .disclosures {
    display: none;
}

.header.scrolled .bar.fixed {
    z-index: 51;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    display: block;
    max-width: var(--page-max-width);
    margin: 0 auto;
    /* height: 60px; */
}

.header.scrolled .nav {
    opacity: 0;
}

.header.scrolling .fixed .left {
    left: 50px;
}

.header.scrolling .fixed .right {
    right: 50px;
}

.header.scrolled .fixed .center {
    display: block;
}

.header.solid .fixed {
    background-color: var(--color-body-bg);
}

.header.solid .fixed .left {
    left: var(--page-padding);
}

.header.solid .fixed .right {
    right: var(--page-padding);
}

.header.solid .fixed .center a.logo h1 {
    font-size: var(--scrolling-header-logo-font-size);
    line-height: var(--scrolling-header-logo-font-size);
    color: var(--color-logo-text);
}

.header.overlaying {
    height: 0;
    position: relative;
}

.header.overlaying:not(.solid):not(.showing-megamenu) .background {
    background: transparent;
}

.header.overlaying:not(.solid):not(.showing-megamenu) .logo {
    color: var(--text-color);
}

.header.overlaying:not(.solid):not(.showing-megamenu) .logo img:not(:only-child):first-child {
    display: none;
}

.header.overlaying:not(.solid):not(.showing-megamenu) .logo img+img {
    display: block;
}

.header.overlaying:not(.solid):not(.showing-megamenu) .bar a .fc,
.header.overlaying:not(.solid):not(.showing-megamenu) .bar .left a span,
.header.overlaying:not(.solid):not(.showing-megamenu) .main-nav>ul>li>a {
    color: var(--text-color);
}

.header.overlaying:not(.solid):not(.showing-megamenu) .right .disclosure .disclosure__toggle {
    color: var(--text-color);
    background: var(--disclosure-bg);
}

.header.overlaying:not(.solid):not(.showing-megamenu) .right .disclosure .disclosure__toggle .msshop-select-icon,
.header.overlaying:not(.solid):not(.showing-megamenu) .right .disclosure .disclosure__toggle svg {
    fill: var(--text-color);
}

.header.overlaying.showing-megamenu .background {
    background: var(--color-body-bg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.no-js .header .main-nav ul li:focus-within ul.tab {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: visibility 0ms 0ms, opacity 83.33333333ms 0ms, transform .25s 0ms, box-shadow 83.33333333ms 62.5ms;
}

.no-js .header .header .bar .left a {
    display: none;
}

h1.logo {
    font-size: var(--header-logo-font-size);
    line-height: var(--header-logo-font-size);
    color: var(--color-logo-text);
    word-wrap: break-word;
    transition: font-size 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

h1.logo img {
    max-width: 100%;
    display: block;
    transition: width 350ms cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

h1.logo img+img {
    display: none;
}

body.template-customers-login .header .bar .right a.icon-cart,
body.template-customers-login .header .bar .right a.icon-user,
body.template-customers-account .header .bar .right a.icon-cart,
body.template-customers-account .header .bar .right a.icon-user,
body.template-customers-addresses .header .bar .right a.icon-cart,
body.template-customers-addresses .header .bar .right a.icon-user,
body.template-customers-register .header .bar .right a.icon-cart,
body.template-customers-register .header .bar .right a.icon-user,
body.template-customers-order .header .bar .right a.icon-cart,
body.template-customers-order .header .bar .right a.icon-user,
body.template-404 .header .bar .right a.icon-cart,
body.template-404 .header .bar .right a.icon-user {
    display: none;
}

body.template-customers-login .header .bar .right a.icon-search,
body.template-customers-account .header .bar .right a.icon-search,
body.template-customers-addresses .header .bar .right a.icon-search,
body.template-customers-register .header .bar .right a.icon-search,
body.template-customers-order .header .bar .right a.icon-search,
body.template-404 .header .bar .right a.icon-search {
    padding-right: 8px;
}

body.template-cart .header .bar .right a.icon-cart,
body.template-cart .header .bar .right a.icon-user {
    display: none;
}

body.template-cart .header .bar .right a.icon-search {
    padding-right: 8px;
}

.no-js .header .main-nav ul li:hover ul.tab {
    visibility: visible;
    opacity: 1;
    transform: none;
}

@media (max-width: 960px) {
    .header .bar .left {
        left: 14px;
    }

    .header .bar .right {
        right: 14px;
    }

    .header .bar .right .disclosures .disclosure[data-disclosure-country] {
        display: none;
    }

    .header .bar .right a.icon-user {
        display: none;
    }

    .header.expanded .background {
        top: 0;
        left: 0;
        right: 0;
    }

    .header.scrolling .fixed .left {
        left: 40px;
    }

    .header.scrolling .fixed .right {
        right: 40px;
    }

    .header .main-nav ul li.megamenu ul.tab .columns {
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        margin: var(--page-padding) var(--page-padding) 0 !important;
    }

    .header .main-nav ul li.megamenu ul.tab .columns .column {
        margin-bottom: var(--page-padding);
    }
}

@media (max-width: 620px) {
    .header .bar .left {
        left: 10px;
    }

    .header .bar .left a span {
        display: none;
    }

    .header .bar .right {
        right: 10px;
    }

    .header .bar .right .disclosures {
        display: none;
    }

    .header .bar .right a {
        margin-left: 5px;
    }

    .header .bar .right a.icon-cart {
        display: inline;
        position: relative;
    }

    .header .bar .right a.icon-cart .circle {
        position: absolute;
        left: 10px;
        top: -7px;
        font-size: 10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .header.expanded .background {
        top: 0;
        left: 0;
        right: 0;
    }

    .header .main-nav {
        display: none;
    }

    .header .main-nav.show-on-mobile {
        display: block;
        padding-bottom: 20px;
    }

    .header .main-nav.show-on-mobile ul {
        padding-top: 0;
    }

    .header .main-nav.show-on-mobile ul.right {
        left: auto;
        right: -5px;
        text-align: right;
    }

    .header .main-nav.show-on-mobile ul li {
        position: static;
    }

    .header .main-nav.show-on-mobile ul li ul {
        padding: 5px;
    }

    .header .main-nav.show-on-mobile ul li ul.tab {
        left: var(--page-padding);
        right: var(--page-padding);
        text-align: center;
        min-width: auto;
    }

    .header .main-nav.show-on-mobile ul li ul.tab li {
        white-space: normal;
        line-height: 22px;
    }

    .header.scrolling .fixed .left {
        left: 10px;
    }

    .header.scrolling .fixed .right {
        right: 10px;
    }
}

/* Featured products */
.featured-products .featured-product {
    position: relative;
    margin: 0;
    padding: var(--page-padding);
    width: 100%;
    height: 600px;
    background-color: var(--color-section-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-products .featured-product .container {
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.featured-products .featured-product a.info {
    opacity: 0;
    display: block;
    text-align: left;
    position: absolute;
    left: calc(var(--page-padding) * 2);
    right: calc(var(--page-padding) * 2);
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(var(--color-section-bg), 0.2);
    text-decoration: none;
}

.shaped .featured-products .featured-product a.info,
.no-js .featured-products .featured-product a.info {
    opacity: 1;
}

.featured-products .featured-product a.info .container {
    height: 100%;
}

.featured-products .featured-product a.info .container .left {
    width: 50%;
    height: 100%;
    display: inline-block;
}

.featured-products .featured-product a.info .container .left .table {
    display: table;
    table-layout: fixed;
    max-width: 500px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.featured-products .featured-product a.info .container .left .table .cell {
    display: table-cell;
    vertical-align: middle;
}

.featured-products .featured-product a.info .container .left .table .cell .title {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(65px * var(--font-header-scale));
    line-height: calc(66px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.featured-products .featured-product a.info .container .left .table .cell .title.mobile {
    display: none;
}

.featured-products .featured-product a.info .container .left .table .cell .price {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    margin-top: 10px;
}

.featured-products .featured-product a.info .container .left .table .cell .price .striped {
    display: inline-block;
    text-decoration: line-through;
    font-size: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
}

.featured-products .featured-product a.info .container .left .table .cell .unit {
    display: block;
    margin-top: 5px;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.featured-products .featured-product a.info .container .left .table .cell .button {
    margin: 30px 0 0;
}

.featured-products .featured-product .image {
    width: 100%;
    height: 100%;
}

.featured-products .featured-product .image .container:after {
    display: table;
    content: '';
    clear: both;
}

.featured-products .featured-product .image .container .right {
    height: 100%;
    width: 50%;
    overflow: hidden;
    float: right;
}

.featured-products .featured-product .image .container .right img {
    width: 100%;
    height: 100%;
}

.featured-products .featured-product .image .container .right .placeholder-svg {
    transform: scale(1.25);
}

.featured-products .featured-product .image .container .right img {
    display: inline-block;
    height: 100%;
}

.featured-products .featured-product.with-overlap a.info .container .left {
    width: 60%;
}

.featured-products .featured-product.with-overlap .image .container .right {
    width: 60%;
}

.shaped .featured-products.active .featured-product .info,
.no-js .featured-products.active .featured-product .info {
    opacity: 0;
}

.featured-products.active .featured-product.active .info {
    position: fixed;
    z-index: 50;
    left: calc(var(--page-padding) * 3);
    right: calc(var(--page-padding) * 3);
    bottom: auto;
    height: 600px;
}

.shaped .featured-products.active .featured-product.active .info,
.no-js .featured-products.active .featured-product.active .info {
    opacity: 1;
}

.featured-products.active .featured-product.active.absolute {
    position: relative;
}

.featured-products.active .featured-product.active.absolute .info {
    position: absolute;
    left: calc(var(--page-padding) * 2);
    right: calc(var(--page-padding) * 2);
}

.featured-products.active.expanded .featured-product.active .info {
    left: calc(var(--page-padding) * 2);
    right: calc(var(--page-padding) * 2);
}

.featured-products.active.expanded .featured-product.active.absolute .info {
    left: var(--page-padding);
    right: var(--page-padding);
}

.featured-products.with_separation .featured-product {
    margin-bottom: var(--page-padding);
}

.featured-products.with_separation .featured-product:last-child {
    margin-bottom: 0;
}

@media (max-width: 960px) {
    .featured-products .featured-product a.info .container .left .table .cell .title {
        font-size: calc(55px * var(--font-header-scale));
    }

    .featured-products .featured-product a.info .container .left .table .cell .button {
        margin: 30px 0 0;
    }
}

@media (max-width: 620px) {
    .featured-products .featured-product {
        padding: 0;
        height: auto !important;
    }

    .featured-products .featured-product .image {
        height: 300px;
    }

    .featured-products .featured-product .image .container .right {
        float: none;
        width: 100% !important;
    }

    .featured-products .featured-product a.info {
        opacity: 1;
        position: relative !important;
        left: auto;
        right: auto;
        top: auto !important;
        height: auto;
        width: 100%;
        padding: var(--page-padding) 0;
    }

    .featured-products .featured-product a.info .container {
        height: auto;
        width: 100%;
    }

    .featured-products .featured-product a.info .container .left {
        width: 100% !important;
        height: auto;
    }

    .featured-products .featured-product a.info .container .left .table {
        width: 100%;
        height: auto;
    }

    .featured-products .featured-product a.info .container .left .table .cell {
        text-align: center;
        padding: var(--page-padding) var(--page-padding) 0;
    }

    .featured-products .featured-product a.info .container .left .table .cell .title {
        font-size: calc(30px * var(--font-header-scale));
        line-height: calc(36px * var(--font-header-scale));
        display: inline;
    }

    .featured-products .featured-product a.info .container .left .table .cell .price {
        font-size: calc(22px * var(--font-header-scale));
        line-height: calc(30px * var(--font-header-scale));
        display: inline-block;
    }

    .featured-products .featured-product a.info .container .left .table .cell .title {
        display: none;
    }

    .featured-products .featured-product a.info .container .left .table .cell .title.mobile {
        display: block;
    }

    .featured-products .featured-product a.info .container .left .table .cell .button {
        margin: 30px auto 0px;
    }
}

/* Featured image */
.featured-image picture,
.featured-image img {
    display: block;
    width: 100%;
}

.featured-image a {
    text-decoration: none;
}

.featured-image .placeholder-svg {
    width: 100%;
    height: 40vw;
    display: block;
}

/* Text columns with images */
.text-columns-with-images {
    text-align: center;
}

.text-columns-with-images .rte {
    margin-bottom: var(--page-padding);
}

.text-columns-with-images .rte p {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 20px;
    color: var(--color-body-text);
    color: var(--color-body-text);
    font-weight: 400;
}

.text-columns-with-images .cols {
    font-size: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.text-columns-with-images .cols:after {
    display: table;
    content: '';
    clear: both;
}

.text-columns-with-images .cols .col {
    min-width: 100px;
    padding: calc(var(--page-padding)/2);
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.text-columns-with-images .cols .col a {
    text-decoration: none;
    display: block;
}

.text-columns-with-images .cols .col img {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
}

.text-columns-with-images .cols .col .icon {
    width: 85px;
    height: 85px;
    display: inline-block;
    margin: 0 0 10px;
}

.text-columns-with-images .cols .col .icon i {
    font-size: 85px;
    color: var(--color-accent);
}

.text-columns-with-images .cols .col .number {
    text-align: center;
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(50px * var(--font-base-scale));
    color: var(--color-body-text);
    line-height: 0;
    color: var(--color-accent);
    margin: 0 auto 10px;
    border: 3px solid var(--color-accent);
    width: 69px;
    height: 69px;
    border-radius: 65px;
    padding: 0;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-columns-with-images .cols .col h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 20px;
    line-height: 23px;
    color: var(--color-body-text);
    color: var(--color-body-text);
    text-transform: none;
    margin: 0 0 4px;
}

.text-columns-with-images .cols .col p {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 16px;
    line-height: 22px;
    color: var(--color-body-text);
    color: var(--color-body-text);
    text-transform: none;
    margin: 0 auto;
}

.text-columns-with-images .cols .col p a {
    text-decoration: underline;
}

.text-columns-with-images .cols.layout-1 .col {
    width: 100%;
}

.text-columns-with-images .cols.layout-2 .col {
    width: 50%;
}

.text-columns-with-images .cols.layout-3 .col {
    width: 33.3333333333%;
}

.text-columns-with-images .cols.layout-4 .col {
    width: 25%;
}

.text-columns-with-images .cols.layout-5 .col {
    width: 20%;
}

.text-columns-with-images .no-content {
    margin: var(--page-padding);
}

.text-columns-with-images.left .cols .col {
    text-align: left;
}

.text-columns-with-images.right .cols .col {
    text-align: right;
}

@media (max-width: 820px) {
    .text-columns-with-images .row.cols.layout-4 .col {
        width: 50%;
    }

    .text-columns-with-images .row.cols.layout-5 .col,
    .text-columns-with-images .row.cols.layout-6 .col {
        width: 33.3333333333%;
    }
}

@media (max-width: 620px) {
    .text-columns-with-images .row.cols .col {
        min-width: 0;
        padding: var(--page-padding);
    }

    .text-columns-with-images .row.cols .col .number {
        margin: 0 auto 10px;
        border-radius: 50px;
        box-sizing: content-box;
    }

    .text-columns-with-images .row.cols .col h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .text-columns-with-images .row.cols .col p {
        font-family: var(--font-header-family);
        font-style: var(--font-header-style);
        font-weight: var(--font-header-weight);
        text-transform: var(--font-header-text-transform);
        font-size: 14px;
        line-height: 18px;
        color: var(--color-body-text);
    }

    .text-columns-with-images .row.cols.layout-3 .col,
    .text-columns-with-images .row.cols.layout-4 .col,
    .text-columns-with-images .row.cols.layout-5 .col,
    .text-columns-with-images .row.cols.layout-6 .col {
        width: 50%;
    }

    .text-columns-with-images.with-padding {
        margin: 0 var(--page-padding);
    }
}

.map {
    position: relative;
}

.map:after {
    display: table;
    content: '';
    clear: both;
}

.map>.background {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.map>.background .image {
    width: 100%;
    height: 100%;
    background: var(--color-section-bg);
    background-size: cover;
}

.map>.background .map-container {
    width: 100%;
    height: 100%;
    background: var(--color-section-bg);
}

.map>.background .map-container .warning {
    display: none;
    padding: 20px;
    margin: 20px;
    background: var(--color-accent);
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    line-height: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent-neg);
    position: absolute;
    bottom: 0;
    right: 0;
}

.map>.background .map-container.error .warning {
    display: block;
}

.map>.info {
    z-index: 2;
    position: relative;
    padding: var(--page-padding);
    margin: calc(var(--page-padding) * 2) var(--page-padding);
    background: rgba(255, 255, 255, 0.85);
    float: left;
    width: 100%;
}

.map>.info h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(45px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    word-wrap: break-word;
}

.map>.info p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(25px * var(--font-base-scale));
    color: var(--color-body-text);
    min-height: 16px;
}

.map>.info p b,
.map>.info p strong {
    font-weight: var(--font-base-weight-bolder);
}

.map>.info p a {
    text-decoration: underline;
}

.map>.info p:first-child {
    margin-top: 10px;
}

.map>.info p:last-child {
    margin-bottom: 20px;
}

@media (max-width: 620px) {
    .map>.info {
        padding: 0 0 var(--page-padding);
        margin: 0;
        background: var(--color-section-bg);
        text-align: center;
        max-width: none !important;
    }

    .map>.info h1 {
        font-size: calc(32px * var(--font-header-scale));
    }

    .map>.info p {
        font-size: calc(16px * var(--font-base-scale));
        line-height: calc(22px * var(--font-base-scale));
    }

    .map>.background {
        position: static;
        width: 100%;
        margin: 0 0 var(--page-padding);
    }

    .map>.background .image,
    .map>.background .map-container {
        height: 300px;
        overflow: hidden;
    }
}

/* Newsletter */
.newsletter .rte {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 var(--page-padding);
}

.newsletter .rte p {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 20px;
    line-height: 22px;
    color: var(--color-body-text);
    color: var(--color-body-text);
    font-weight: 400;
    text-transform: none;
    margin-top: 10px;
}

.newsletter .rte p a {
    color: var(--color-body-text);
    text-decoration: underline;
}

.newsletter .rte p a:hover {
    border: 0;
}

.newsletter form {
    max-width: 540px;
    margin: 0 auto;
}

.newsletter form .table {
    display: table;
    width: 100%;
}

.newsletter form .table .field {
    display: table-cell;
}

.newsletter form .table .field input.text {
    padding: 10px 15px 9px;
    width: 100%;
    background: #f3f0ee;
}

.newsletter form .table .field input.text:not(:placeholder-shown) {
    padding-top: 15px;
    padding-bottom: 4px;
}

.newsletter form .table .field input.text:not(:placeholder-shown)~label {
    top: 3px;
}

.newsletter form .table .field label {
    left: 15px;
}

.newsletter form .table span.input-group-btn {
    display: table-cell;
    width: 1%;
    vertical-align: top;
}

.newsletter form .table span.input-group-btn .btn {
    margin-left: 5px;
    margin-right: 10px;
    line-height: inherit;
    width: 100%;
}

.newsletter form .field-error {
    margin-left: 15px;
}

.newsletter form .success {
    text-align: center;
    color: var(--color-accent);
    font-size: 18px;
}

.newsletter.show-background form .table input.text {
    background: var(--color-body-text-neg);
}

.newsletter.show-background.color-section-bg-is-white form .table input.text {
    background: #f3f0ee;
}

.newsletter:not(.show-background) form .table input.text {
    background: var(--color-body-text-neg);
}

.newsletter:not(.show-background).color-body-bg-is-white form .table input.text {
    background: #f3f0ee;
}

@media (max-width: 620px) {
    .newsletter .rte p {
        font-size: calc(16px * var(--font-header-scale));
        line-height: calc(22px * var(--font-header-scale));
    }

    .newsletter form .table .field {
        display: block;
    }

    .newsletter form .table span.input-group-btn {
        display: block;
        width: 100%;
    }

    .newsletter form .table span.input-group-btn .btn {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }
}

.image-with-text .flex-row .image {
    flex: 0 0 50%;
}

.image-with-text .flex-row .info {
    padding-left: 40px;
}

.image-with-text .flex-row .info h2 {
    color: var(--color-accent);
    margin: 0;
}

.image-with-text .flex-row .info .block.expanded-top {
    margin-top: 15px;
}

.image-with-text .flex-row .info .block.expanded-top:first-child {
    margin-top: 0;
}

.image-with-text .flex-row.odd .image {
    order: 2;
}

.image-with-text .flex-row.odd .info {
    padding-left: 0;
    padding-right: 40px;
}

@media (max-width: 620px) {
    .image-with-text .flex-row .image {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .image-with-text .flex-row .info {
        padding: 0;
    }

    .image-with-text .flex-row.odd .image {
        order: 0;
    }

    .image-with-text .flex-row.odd .info {
        padding: 0;
    }
}

.banner-with-text {
    position: relative;
    overflow: hidden;
}

.banner-with-text:after {
    display: table;
    content: '';
    clear: both;
}

.banner-with-text>.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner-with-text>.background .image {
    width: 100%;
    height: 100%;
    background: var(--color-section-bg);
    background-size: cover;
}

.banner-with-text>.background .placeholder-svg {
    transform: scale(-1.8) rotate(180deg);
}

.banner-with-text>.info {
    position: relative;
    padding: var(--page-padding);
    background: rgba(255, 255, 255, 0.85);
    float: left;
    width: 100%;
}

.banner-with-text>.info h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(45px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    word-wrap: break-word;
}

.banner-with-text>.info p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(25px * var(--font-base-scale));
    color: var(--color-body-text);
}

.banner-with-text>.info p b,
.banner-with-text>.info p strong {
    font-weight: var(--font-base-weight-bolder);
}

.banner-with-text>.info p a:not(.btn) {
    text-decoration: underline;
}

.banner-with-text>.info .category,
.banner-with-text>.info .category * {
    color: var(--color-accent);
    margin-bottom: 0px;
}

.banner-with-text>.info .block.expanded-top {
    margin-top: 13px;
}

.banner-with-text.position-right>.info {
    float: right;
}

.banner-with-text.position-center>.info {
    float: none;
    margin: 0 auto;
}

.banner-with-text.align-center {
    text-align: center;
}

.banner-with-text.align-right {
    text-align: right;
}

@media (max-width: 620px) {
    .banner-with-text>.info {
        margin: 0;
        background: var(--color-section-bg);
        text-align: center;
        max-width: none !important;
        width: 100%;
    }

    .banner-with-text>.info h1 {
        font-size: calc(32px * var(--font-header-scale));
        line-height: calc(40px * var(--font-header-scale));
    }

    .banner-with-text>.info p {
        font-family: var(--font-base-family);
        font-style: var(--font-base-style);
        font-weight: var(--font-base-weight);
        font-size: calc(14px * var(--font-base-scale));
        line-height: calc(20px * var(--font-base-scale));
        color: var(--color-body-text);
    }

    .banner-with-text>.background {
        position: static;
        width: 100%;
    }

    .banner-with-text>.background .image {
        height: 200px;
    }

    .banner-with-text>.background .placeholder-svg {
        transform: scale(1) rotate(180deg);
    }

    .banner-with-text.position-right>.info {
        float: none;
    }
}

/* Categories list */
.section-categories-list {
    overflow: hidden;
}

.categories-list {
    text-align: center;
}

.categories-list.show-background {
    position: relative;
    background: none !important;
}

.categories-list.show-background .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-section-bg);
    z-index: -2;
}

.categories-list .rte {
    margin-bottom: 20px;
}

.categories-list .categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.categories-list .categories .category {
	/* max-width: 100%; */
	font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 40px;
    color: var(--color-body-text);
    display: flex;
}

.categories-list .categories .category:after {
    content: "•";
}

.categories-list .categories .category:last-child:after {
    content: "";
}

.categories-list .categories .category a {
	/* max-width: 100%; */
    text-decoration: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.categories-list .categories .category a .text {
    padding: 2px 10px;
    white-space: nowrap;
}

.categories-list .categories .category a .image {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.35s ease-out;
    position: absolute;
    /* top: 50%;
    left: 50%; */
}

.categories-list .categories .category a .image img {
    /* transform: translate(-50%, -50%); */
    max-width: 272px;
    height: auto;
}

.categories-list .categories .category a:hover .text {
    text-decoration: underline;
}

.categories-list .categories .category a:hover .image {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 960px) {
    .categories-list .categories .category {
        font-size: 32px;
    }

    .categories-list .categories .category a .image img {
        max-width: 200px;
    }
}

@media (max-width: 620px) {
    .categories-list .categories .category {
        font-size: 22px;
    }

    .categories-list .categories .category a .text {
        padding: 1px 5px;
    }

    .categories-list .categories .category a .image img {
        max-width: 100px;
    }
}

@media (pointer: coarse) {
    .categories-list .categories .category a .image {
        display: none;
    }
}

.logo-list .flex-row {
    flex-wrap: wrap;
}

.logo-list .msshop-section-title {
    text-align: center;
    width: 100%;
}

.logo-list .logo {
    width: 100px;
    display: block;
    margin: 20px;
}

.logo-list .placeholder-svg {
    fill: var(--color-body-text);
}

@media (max-width: 960px) {
    .logo-list .flex-row {
        flex-direction: row;
    }
}

.call-to-action .flex-row {
    align-items: stretch;
}

.call-to-action .banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-accent);
}

.call-to-action .banner a {
    text-decoration: none;
    display: block;
    border: 0 !important;
}

.call-to-action .banner .info {
    padding: 50px;
}

.call-to-action .banner h2 {
    color: var(--color-accent-neg);
    margin: 0 0 20px;
}

.call-to-action .banner h6 {
    color: var(--color-accent-neg);
    margin: 0;
    text-decoration: underline;
    font-weight: normal;
    font-size: calc(14px * var(--font-header-scale));
}

.call-to-action .banner:nth-child(even) {
    background: var(--color-body-text);
}

.call-to-action .banner:nth-child(even) h2,
.call-to-action .banner:nth-child(even) h6 {
    color: var(--color-body-text-neg);
}

@media (max-width: 960px) {
    .call-to-action h2 {
        font-size: calc(24px * var(--font-header-scale));
        line-height: calc(26px * var(--font-header-scale));
    }

    .call-to-action h6 {
        font-size: calc(14px * var(--font-header-scale));
    }
}

/* FAQ */
.faq .faq-header {
    text-align: center;
    margin-bottom: var(--page-padding);
}

.faq .faq-header h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    text-transform: none;
    margin: 0 0 10px;
    text-decoration: none;
}

.faq .faq-header p {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    font-weight: 400;
    text-transform: none;
}

/* Featured video */
.featured-video .video {
    position: relative;
    max-width: 100%;
    height: auto;
}

.featured-video .video.youtube,
.featured-video .video.vimeo {
    padding-bottom: 56.25%;
    overflow: hidden;
}

.featured-video .video video {
    width: 100%;
    height: auto;
    display: block;
}

.featured-video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    opacity: 0;
}

.featured-video .video .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.featured-video .video .cover .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-video .video .cover .play svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 85px;
    height: 85px;
    transform: translateY(-50%) translateX(-50%);
    fill: var(--color-body-text-neg);
    stroke: var(--color-body-text-very-light);
    transition: all 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.featured-video .video .cover .play svg .icon {
    fill: var(--color-body-text);
}

.featured-video .video .cover:hover .play svg {
    width: 95px;
    height: 95px;
}

@media (max-width: 620px) {
    .featured-video .video .cover .play svg {
        width: 65px;
        height: 65px;
    }

    .featured-video .video .cover:hover .play svg {
        width: 75px;
        height: 75px;
    }
}

/* Hero */
.hero {
    position: relative;
    overflow: hidden;
}

.hero video {
    width: 100%;
    height: auto;
    display: block;
    z-index: 1;
    object-fit: cover;
    object-position: center center;
}

.hero img,
.hero svg,
.hero picture {
    width: 100%;
    height: auto;
    display: block;
    z-index: 1;
    object-fit: cover;
    object-position: center center;
}

.hero svg {
    padding: 100px;
}

@media (min-width: 621px) {
    .hero .overlay {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .hero .info {
        position: absolute;
        left: var(--page-padding);
        top: var(--page-padding);
        right: var(--page-padding);
        bottom: var(--page-padding);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 620px) {
    .hero .info {
        position: relative;
        /* left: var(--page-padding); */
        /* top: var(--page-padding); */
        /* right: var(--page-padding); */
        /* bottom: var(--page-padding); */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .hero .overlay{
        position: relative;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .content_new{
        display: flex;
        flex-direction: column;
    }

    .heading_new1{
        margin-top: 23px !important;
    }
    
    .heading_new2{
        margin-top: 20px !important;
    }

    .button_new{
        margin-bottom: 34px;
        margin-top: -2px;
    }


}

.hero .info .blocks {
    padding: var(--page-padding);
}

.hero .info .blocks .block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}

.hero .info .blocks .block.subheading {
    margin-top: 13px;
}

.hero .info .blocks .block.first-child {
    margin-top: 0;
}

.hero .info h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(50px * var(--font-header-scale));
    line-height: calc(56px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.hero .info h2,
.hero .info h2 * {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(30px * var(--font-header-scale));
    line-height: calc(35px * var(--font-header-scale));
    color: var(--color-accent);
    margin-top: 5px;
}

.hero .info a {
    margin-top: 20px;
}

.hero .info h2 p,
.hero .info .rte p {
    color: inherit;
}

.hero .info .rte a {
    color: inherit;
    border-bottom: 1px solid inherit;
}

.hero .info.h-center,
.hero .info.h-center .blocks .block {
    justify-content: center;
    text-align: center;
}

.hero .info.h-left,
.hero .info.h-left .blocks .block {
    justify-content: flex-start;
    text-align: left;
}

.hero .info.h-right,
.hero .info.h-right .blocks .block {
    justify-content: flex-end;
    text-align: right;
}

.hero .info.v-center,
.hero .info.v-center .blocks .block {
    align-items: center;
}

.hero .info.v-top,
.hero .info.v-top .blocks .block {
    align-items: flex-start;
}

.hero .info.v-bottom,
.hero .info.v-bottom .blocks .block {
    align-items: flex-end;
}

@media (max-width: 620px) {
    .hero {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero svg {
        padding: 20px;
    }

    .hero .info .blocks {
        padding: 0;
    }

    .hero .info h1 {
        font-size: calc(30px * var(--font-header-scale));
        line-height: calc(36px * var(--font-header-scale));
    }

    .hero .info h2 {
        font-size: calc(22px * var(--font-header-scale));
        line-height: calc(30px * var(--font-header-scale));
    }

    .hero .info a {
        margin-top: 10px;
    }
}

@media (max-width: 420px) {
    .hero .info h2 br {
        display: none;
    }
}

/* Rich text */
@media (max-width: 620px) {
    .rich-text .info {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 8px;
    }
    .block.expanded-top{
        margin-bottom: 13px;
    }
}

@media (min-width: 621px) {
    .rich-text .info {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 34px;
    }
    .block.expanded-top{
        margin-bottom: 13px;
    }
    .block.heading_new >h1{
        margin-top: 56px !important;
    }
}

.rich-text .info .blocks .block {
    margin-top: 0px;
}

.rich-text .info .blocks .block:first-child {
    margin-top: 0;
}

.rich-text .info .blocks .block.expanded-top {
    margin-top: 20px;
}

.rich-text .info h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(44px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.rich-text .info h2,
.rich-text .info h2 p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(20px * var(--font-base-scale));
    line-height: calc(30px * var(--font-base-scale));
    color: var(--color-body-text);
    text-transform: none;
}

.rich-text .info.center h1,
.rich-text .info.center h2,
.rich-text .info.center .rte,
.rich-text .info.center a.btn {
    margin: 0 auto;
}

.rich-text .info.left {
    justify-content: flex-start;
    text-align: left;
}

.rich-text .info.left .rte {
    margin-right: auto;
}

.rich-text .info.right {
    justify-content: flex-end;
    text-align: right;
}

.rich-text .info.right .rte {
    margin-left: auto;
}

@media (max-width: 960px) {
    .rich-text .info h1 {
        font-size: calc(36px * var(--font-header-scale));
        line-height: calc(42px * var(--font-header-scale));
    }

    .rich-text .info h2 {
        font-size: calc(18px * var(--font-base-scale));
        line-height: calc(28px * var(--font-base-scale));
    }
}

@media (max-width: 620px) {
    .rich-text .info h1 {
        font-size: calc(30px * var(--font-header-scale));
        line-height: calc(36px * var(--font-header-scale));
    }

    .rich-text .info h2 {
        font-size: calc(16px * var(--font-base-scale));
        line-height: calc(26px * var(--font-base-scale));
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slideshow .inner.small {
    height: 400px;
}

.slideshow .inner.medium {
    height: 550px;
}

.slideshow .inner.large {
    height: 700px;
}

.slideshow .slick-list {
    z-index: -1;
}

.slideshow .slick-list,
.slideshow .slick-track {
    height: 100%;
}

.slideshow .slick-slide {
    height: 100%;
    width: 100%;
}

.slideshow .slick-slide>div {
    height: 100%;
    width: 100%;
}

.slideshow .slide {
    display: none;
    height: 100%;
    position: relative;
}

.slideshow .slide a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.slideshow .slide a:focus {
    outline: none;
    border: 2px solid #005fcc;
    border-radius: 10px;
}

.slideshow .slide .slideshow-image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.slideshow .slide .slideshow-image .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 0 var(--page-padding);
    z-index: 2;
    position: relative;
}

.slideshow .slide .slideshow-image .table .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
}

.slideshow .slide .slideshow-image .table .cell h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(65px * var(--font-header-scale));
    line-height: calc(66px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-dark-slideshow);
    margin: 0 0 10px;
}

.slideshow .slide .slideshow-image .table .cell h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(30px * var(--font-header-scale));
    line-height: calc(31px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    margin: 0 0 20px;
}

.slideshow .slide .placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.slideshow .slide .placeholder-background>div {
    width: 100%;
    height: 100%;
}

.slideshow .slide.is-light .slideshow-image .table .cell h1 {
    color: var(--color-light-slideshow);
}

.slideshow .slide.is-light .slideshow-image .table .cell .btn {
    color: var(--color-light-slideshow);
    border-color: var(--color-light-slideshow);
}

.slideshow .slide.is-light .slideshow-image .table .cell .btn:hover {
    color: var(--color-light-slideshow-dk-20);
    border-color: var(--color-light-slideshow-dk-20);
}

.slideshow .slide.is-light .placeholder-background .placeholder-svg {
    fill: #333333;
    background-color: #262626;
}

.slideshow .slide.is-dark .slideshow-image .table .cell h1 {
    color: var(--color-dark-slideshow);
}

.slideshow .slide.is-dark .slideshow-image .table .cell .btn {
    color: var(--color-dark-slideshow);
    border-color: var(--color-dark-slideshow);
}

.slideshow .slide.is-dark .slideshow-image .table .cell .btn:hover {
    color: var(--color-dark-slideshow-lg-20);
    border-color: var(--color-dark-slideshow-lg-20);
}

.slideshow .slide.left {
    text-align: left;
}

.slideshow .slide.right {
    text-align: right;
}

.slideshow .slide.center {
    text-align: center;
}

.slideshow .slide:first-child {
    display: block;
}

.slideshow.slick-initialized div {
    display: block;
}

.slideshow .slick-prev,
.slideshow .slick-next {
    font-size: 0;
    line-height: 40px;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
}

.slideshow .slick-prev:before,
.slideshow .slick-next:before {
    color: var(--color-dark-slideshow);
    font-family: 'FontColors';
    font-size: 40px;
}

.slideshow .slick-prev.is-light:before,
.slideshow .slick-next.is-light:before {
    color: var(--color-light-slideshow);
}

.slideshow .slick-prev {
    left: 20px;
    z-index: 0;
}

.slideshow .slick-prev:before {
    content: "G";
}

.slideshow .slick-next {
    right: 20px;
}

.slideshow .slick-next:before {
    content: "F";
}

.slideshow .slick-dots {
    position: absolute;
    bottom: var(--page-padding);
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slideshow .slick-dots li {
    display: inline-block;
}

.slideshow .slick-dots li button {
    font-size: 0;
    padding: 0 4px;
    color: var(--color-dark-slideshow);
    cursor: pointer;
}

.slideshow .slick-dots li button:before {
    font-family: 'FontColors';
    font-size: 20px;
    content: "B";
}

.slideshow .slick-dots li.slick-active button:before {
    content: "A";
}

.slideshow .slick-dots.is-light li button {
    color: var(--color-light-slideshow);
}

@media (max-width: 960px) {
    .slideshow .slide .slideshow-image .table .cell {
        padding: 0 20px;
    }
}

@media (max-width: 620px) {
    .slideshow .inner.small {
        height: 300px;
    }

    .slideshow .inner.medium {
        height: 450px;
    }

    .slideshow .inner.large {
        height: 600px;
    }

    .slideshow .slide .slideshow-image .table {
        padding: 0 calc(3 * var(--page-padding));
    }

    .slideshow .slide .slideshow-image .table .cell {
        padding: 0;
    }

    .slideshow .slide .slideshow-image .table .cell h1 {
        font-size: calc(35px * var(--font-header-scale));
        line-height: calc(40px * var(--font-header-scale));
    }

    .slideshow .slide .slideshow-image .table .cell h2 {
        font-size: calc(25px * var(--font-header-scale));
        line-height: calc(30px * var(--font-header-scale));
    }

    .slideshow .slick-dots {
        bottom: 10px;
    }

    .slideshow .slick-dots li button:before {
        font-size: 20px;
    }

    .slideshow .slick-prev {
        left: 0px;
    }

    .slideshow .slick-next {
        right: 0px;
    }
}

/* List collections */
.list-collections .inner {
    overflow: hidden;
}

.list-collections.empty .inner {
    padding: calc(var(--page-padding) * 2) var(--page-padding) calc(var(--page-padding) * 3);
    max-width: 750px !important;
}

.list-collections.empty h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(50px * var(--font-header-scale));
    color: var(--color-body-text);
}

.list-collections.empty h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    margin-bottom: 10px;
    color: var(--color-accent);
}

.collections-items {
    margin-left: calc(var(--small-padding) * -1);
    margin-top: calc(var(--small-padding) * -1);
}

.collections-items:after {
    display: table;
    content: '';
    clear: both;
}

.collections-items a.collections-item {
    position: relative;
    text-decoration: none;
    display: block;
    float: left;
    width: 33.333%;
    height: 240px;
    padding-left: var(--small-padding);
    padding-top: var(--small-padding);
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(var(--color-section-bg), 0.2);
}

.collections-items a.collections-item.one-whole {
    width: 100%;
    height: 340px;
}

.collections-items a.collections-item.one-whole.short {
    height: 240px;
}

.collections-items a.collections-item.one-whole.tall {
    height: 440px;
}

.collections-items a.collections-item.one-half {
    width: 50%;
    height: 300px;
}

.collections-items a.collections-item.one-half.short {
    height: 200px;
}

.collections-items a.collections-item.one-half.tall {
    height: 400px;
}

.collections-items a.collections-item.one-third {
    width: 33.333%;
    height: 280px;
}

.collections-items a.collections-item.one-third.short {
    height: 163px;
}

.collections-items a.collections-item.one-third.tall {
    height: 380px;
}

.collections-items a.collections-item h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(26px * var(--font-header-scale));
    line-height: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
    position: absolute;
    bottom: 20px;
    display: inline;
}

.collections-items a.collections-item h1 {
	left: calc(2 * var(--small-padding));
	right: calc(1 * var(--small-padding));
	max-width: calc(100% - 3 * var(--small-padding));
}

.collections-items a.collections-item.center h1 {
	text-align: center;
}

.collections-items a.collections-item.right h1 {
    text-align: right;
}

.collections-items a.collections-item.with-underline h1 {
    text-decoration: underline;
	z-index: 1;
    /* text-underline-offset: 0.5rem; */
}

.collections-items a.collections-item img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.collections-items a.collections-item img.opacity-0 {
    opacity: 0;
}

.collections-items a.collections-item img.opacity-10 {
    opacity: 0.1;
}

.collections-items a.collections-item img.opacity-20 {
    opacity: 0.2;
}

.collections-items a.collections-item img.opacity-30 {
    opacity: 0.3;
}

.collections-items a.collections-item img.opacity-40 {
    opacity: 0.4;
}

.collections-items a.collections-item img.opacity-50 {
    opacity: 0.5;
}

.collections-items a.collections-item img.opacity-60 {
    opacity: 0.6;
}

.collections-items a.collections-item img.opacity-70 {
    opacity: 0.7;
}

.collections-items a.collections-item img.opacity-80 {
    opacity: 0.8;
}

.collections-items a.collections-item img.opacity-90 {
    opacity: 0.9;
}

.collections-items a.collections-item img.opacity-100 {
    opacity: 1;
}

.collections-items a.collections-item .placeholder-svg {
    width: 100%;
    height: 100%;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.collections-items a.collections-item .placeholder-svg.opacity-0 {
    opacity: 0;
}

.collections-items a.collections-item .placeholder-svg.opacity-10 {
    opacity: 0.1;
}

.collections-items a.collections-item .placeholder-svg.opacity-20 {
    opacity: 0.2;
}

.collections-items a.collections-item .placeholder-svg.opacity-30 {
    opacity: 0.3;
}

.collections-items a.collections-item .placeholder-svg.opacity-40 {
    opacity: 0.4;
}

.collections-items a.collections-item .placeholder-svg.opacity-50 {
    opacity: 0.5;
}

.collections-items a.collections-item .placeholder-svg.opacity-60 {
    opacity: 0.6;
}

.collections-items a.collections-item .placeholder-svg.opacity-70 {
    opacity: 0.7;
}

.collections-items a.collections-item .placeholder-svg.opacity-80 {
    opacity: 0.8;
}

.collections-items a.collections-item .placeholder-svg.opacity-90 {
    opacity: 0.9;
}

.collections-items a.collections-item .placeholder-svg.opacity-100 {
    opacity: 1;
}

.collections-items a.collections-item.contain {
    padding-bottom: 50px;
}

.collections-items a.collections-item.contain img {
    background-size: contain;
}

.collections-items a.collections-item.cover img {
    background-size: cover;
}

.collections-items.interactive a.collections-item h1 {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.collections-items.interactive a.collections-item .image.opacity-0,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-0 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-10,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-10 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-20,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-20 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-30,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-30 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-40,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-40 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-50,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-50 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-60,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-60 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-70,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-70 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-80,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-80 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-90,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-90 {
    opacity: 1;
}

.collections-items.interactive a.collections-item .image.opacity-100,
.collections-items.interactive a.collections-item .placeholder-svg.opacity-100 {
    opacity: 1;
}

.collections-items.interactive a.collections-item:hover h1 {
    opacity: 1;
}

.collections-items.interactive a.collections-item:hover .image.opacity-0,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-0 {
    opacity: 0;
}

.collections-items.interactive a.collections-item:hover .image.opacity-10,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-10 {
    opacity: 0.1;
}

.collections-items.interactive a.collections-item:hover .image.opacity-20,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-20 {
    opacity: 0.2;
}

.collections-items.interactive a.collections-item:hover .image.opacity-30,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-30 {
    opacity: 0.3;
}

.collections-items.interactive a.collections-item:hover .image.opacity-40,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-40 {
    opacity: 0.4;
}

.collections-items.interactive a.collections-item:hover .image.opacity-50,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-50 {
    opacity: 0.5;
}

.collections-items.interactive a.collections-item:hover .image.opacity-60,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-60 {
    opacity: 0.6;
}

.collections-items.interactive a.collections-item:hover .image.opacity-70,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-70 {
    opacity: 0.7;
}

.collections-items.interactive a.collections-item:hover .image.opacity-80,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-80 {
    opacity: 0.8;
}

.collections-items.interactive a.collections-item:hover .image.opacity-90,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-90 {
    opacity: 0.9;
}

.collections-items.interactive a.collections-item:hover .image.opacity-100,
.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-100 {
    opacity: 1;
}

@media (max-width: 960px) {

    .collections-items a.collections-item.one-whole,
    .collections-items a.collections-item.one-half,
    .collections-items a.collections-item.one-third {
        width: 50%;
        height: 200px;
    }

    .collections-items a.collections-item.one-whole.short,
    .collections-items a.collections-item.one-half.short,
    .collections-items a.collections-item.one-third.short {
        height: 150px;
    }

    .collections-items a.collections-item.one-whole.tall,
    .collections-items a.collections-item.one-half.tall,
    .collections-items a.collections-item.one-third.tall {
        height: 340px;
    }

    .collections-items a.collections-item:last-child:nth-child(odd) {
        width: 100%;
        height: 300px;
    }

    .collections-items a.collections-item:last-child:nth-child(odd).short {
        height: 200px;
    }

    .collections-items a.collections-item:last-child:nth-child(odd).tall {
        height: 400px;
    }
}

@media (max-width: 620px) {
    .featured-collections {
        padding: var(--desktop-page-padding) var(--page-padding) 0 calc(var(--page-padding) - var(--small-padding));
    }

    .collections-items a.collections-item h1 {
        font-size: calc(22px * var(--font-header-scale));
        line-height: calc(28px * var(--font-header-scale));
    }
}

@media (max-width: 420px) {
    .content.list-collections .collections-items a.collections-item {
        padding-left: 0;
    }

    .content.list-collections .collections-items a.collections-item.left h1 {
        left: var(--small-padding);
    }

    .content.list-collections .collections-items a.collections-item.center h1 {
        left: 0;
    }

    .content.list-collections .collections-items a.collections-item.right h1 {
        right: var(--small-padding);
    }

    .collections-items a.collections-item {
        width: 100% !important;
        height: 200px !important;
    }

    .collections-items a.collections-item.short {
        height: 150px !important;
    }

    .collections-items a.collections-item.tall {
        height: 300px !important;
    }

    .collections-items a.collections-item h1 {
        bottom: 10px;
    }
}

/* Collection */
.collection .rte,
.collection .image {
    margin: 0 0 20px;
}

.collection ul.categories,
.collection .sorting-and-filtering {
    margin: 0 0 10px;
}

.collection-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--small-padding);
}

.collection-products.no-columns {
    display: block;
}

.collection-products h3.empty {
    display: block;
    width: 100%;
}

.collection-products .collection-product {
    padding: 0;
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
    -webkit-tap-highlight-color: rgba(var(--color-section-bg), 0.2);
}

.collection-products .collection-product>.inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.collection-products .collection-product>.inner .image {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.collection-products .collection-product>.inner .image.adapt {
    padding-bottom: 100%;
}

.collection-products .collection-product>.inner .image.square {
    padding-bottom: 76%;
}

.collection-products .collection-product>.inner .image.landscape {
    padding-bottom: 75%;
}

.collection-products .collection-product>.inner .image.wide {
    padding-bottom: 56.25%;
}

.collection-products .collection-product>.inner .image.portrait {
    padding-bottom: 133.33%;
}

.collection-products .collection-product>.inner .image.tall {
    padding-bottom: 150%;
}

.collection-products .collection-product>.inner .image img,
.collection-products .collection-product>.inner .image svg {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    background-color: var(--color-section-bg);
}

.collection-products .collection-product>.inner .image img+img {
    transition: transform 500ms ease;
    opacity: 0;
}

.collection-products .collection-product>.inner .image .placeholder-svg {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.collection-products .collection-product>.inner .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 150px;
    background-color: var(--color-section-bg);
}

.collection-products .collection-product>.inner .table .cell {
    display: table-cell;
    vertical-align: middle;
}

.collection-products .collection-product>.inner .tag {
    position: absolute;
    top: 10px;
    right: 10px;
}

.collection-products .collection-product>.inner .tag .solid {
    text-align: center;
    color: white;
    background: var(--color-accent);
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(13px * var(--font-header-scale));
    line-height: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-accent-neg);
}

.collection-products .collection-product>.inner .tag .solid.sold-out {
    background: var(--color-sold-out);
    color: var(--color-sold-out-neg);
}

.collection-products .collection-product>.inner .tag .solid.sale {
    width: 40px !important;
    height: 40px !important;
    margin-left: -5px;
    color: var(--color-accent-neg);
    background: var(--color-accent);
}

.no-js .collection-products .collection-product>.inner .tag {
    display: none;
}

.collection-products .collection-product>.inner .info {
    width: 100%;
    position: relative;
}

.collection-products .collection-product>.inner .info .metas {
    padding: 12px 0 8px 0;
}

.collection-products .collection-product>.inner .info .metas:after {
    display: table;
    content: '';
    clear: both;
}

.collection-products .collection-product>.inner .info .metas .collection-product-title * {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.collection-products .collection-product>.inner .info .metas .title {
    /*display: inline;*/
    max-width: 100%;
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    color: var(--color-body-text);
}

.collection-products .collection-product>.inner .info .metas .subtitle {
    /*display: block;*/
    margin-top: 10px;
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(13px * var(--font-base-scale));
    line-height: calc(17px * var(--font-base-scale));
    color: var(--color-body-text);
}

.collection-products .collection-product>.inner .info .metas .price {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(17px * var(--font-base-scale));
    color: var(--color-accent);
}

.collection-products .collection-product>.inner .info .metas .price.striped {
    text-decoration: line-through;
    display: inline;
    font-size: calc(13px * var(--font-base-scale));
    color: var(--color-body-text);
}

.collection-products .collection-product>.inner .info .metas .unit {
    display: block;
    margin-bottom: 2px;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(13px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.collection-products .collection-product>.inner .info .metas .vendor {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(11px * var(--font-base-scale));
    color: var(--color-body-text);
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: .05rem;
}

.collection-products .collection-product>.inner .info .metas .vendor span:hover {
    text-decoration: underline;
}

.collection-products .collection-product.opened {
    cursor: default;
}

.collection-products .collection-product.text-only .inner {
    padding: 100px 0;
    background: var(--color-section-bg-dk-7);
    justify-content: center;
}

.collection-products .collection-product:hover .image img+img,
.collection-products .collection-product.opened .image img+img {
    transform: scale(1.03);
    opacity: 1;
}

.collection-products .pagination {
    width: 100%;
    grid-column: 1/-1;
}

@media (min-width: 960px) {
    .collection-products.with-interactions.hover-opacity-0 .collection-product:hover .inner .image,
    .collection-products.with-interactions.hover-opacity-0 .collection-product.opened .inner .image {
        opacity: 0;
    }

    .collection-products.with-interactions .collection-product .inner {
        position: relative;
    }

    .collection-products.with-interactions .collection-product .inner .image .gradient {
        left: 0;
    }

    .collection-products.with-interactions .collection-product .inner .info {
        /* position: absolute; */
        bottom: 3px;
        right: 5px;
        left: 5px;
        width: auto;
        overflow: hidden;
        opacity: 1;
        transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .title,
    .collection-products.with-interactions .collection-product .inner .info .metas .subtitle,
    .collection-products.with-interactions .collection-product .inner .info .metas .price {
        font-family: var(--font-header-family);
        font-style: var(--font-header-style);
        font-weight: var(--font-header-weight);
        text-transform: var(--font-header-text-transform);
        font-size: calc(15px * var(--font-header-scale));
        color: var(--color-body-text);
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .title,
    .collection-products.with-interactions .collection-product .inner .info .metas .price {
        font-size: calc(24px * var(--font-header-scale));
        line-height: calc(26px * var(--font-header-scale));
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .subtitle {
        font-size: calc(13px * var(--font-header-scale));
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .price {
        color: var(--color-accent);
        margin-bottom: 0;
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .price.striped {
        font-size: calc(18px * var(--font-header-scale));
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .venedor {
        margin-bottom: 3px;
        margin-top: 0;
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .unit {
        font-size: calc(16px * var(--font-header-scale));
    }

    .collection-products.with-interactions .collection-product.opened:hover .inner .info {
        opacity: 0;
    }

    .collection-products.with-interactions .collection-product:hover .inner .info {
        opacity: 1;
    }
}

.collection-products.with-gradients .collection-product .inner .image .gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: linear-gradient(to bottom, rgba(var(--color-accent-rgb), 0) 0%, rgba(var(--color-accent-rgb), 1) 100%);
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

@media (min-width: 960px) {
    .collection-products.with-gradients.with-interactions .collection-product .inner .image .gradient {
        left: 0;
    }

    .collection-products.with-gradients.with-interactions .collection-product .inner .info .metas .price {
        color: var(--color-accent-neg);
    }
}


.collection-products.without-title .collection-product .inner .info .title {
    display: none !important;
}

.collection-products.without-price .collection-product .inner .info .price,
.collection-products.without-price .collection-product .inner .info .unit {
    display: none !important;
}

.collection-products.without-vendor .collection-product .inner .info .vendor {
    display: none !important;
}

.collection-products.with-title-underline .collection-product .inner .info .metas .title {
    /* text-decoration: underline; */
}

.collection-products.without-title.without-price.without-vendor .collection-product .inner .info {
    display: none !important;
}

.collection-products.align-left .collection-product .inner .info .metas {
    text-align: left;
}

.collection-products.align-center .collection-product .inner .info .metas {
    text-align: center;
}

.collection-products.align-right .collection-product .inner .info .metas {
    text-align: right;
}

.collection-products.align-one-line .collection-product .inner .info .metas {
    text-align: left;
}

.collection-products.align-one-line .collection-product .inner .info .metas .line {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

.collection-products.align-one-line .collection-product .inner .info .metas .line .collection-product-title {
    word-break: break-word;
}

.collection-products.align-one-line .collection-product .inner .info .metas .line .collection-product-price {
    order: 2;
    text-align: right;
}

@media (min-width: 960px) {
    .collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line {
        align-items: flex-end;
    }

    .collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-title {
        display: flex;
        flex-direction: column;
    }

    .collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-title .title {
        order: 2;
    }

    .collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-price {
        display: flex;
        flex-direction: column;
    }

    .collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-price .price {
        order: 2;
    }

    .collection-products.no-padding:not(.with-interactions):not(.with-gradients) .collection-product .inner .info .metas {
        padding: 5px 5px 0 0;
    }
}

.collection-products.columns-1 {
	grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 960px) {
    .collection-products.desktop-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .collection-products.desktop-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-products.desktop-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .collection-products.desktop-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .collection-products.desktop-columns-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .collection-products.desktop-columns-6 {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 960px) {
    .collection-products {
        grid-template-columns: repeat(3, 1fr);
    }

    .predictive-search-results .collection-products {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 620px) and (max-width: 960px) {
    .collection-products.tablet-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .collection-products.tablet-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-products.tablet-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .collection-products.tablet-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 620px) {

    .collection-products {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-products.mobile-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .collection-products.mobile-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-products.mobile-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .title,
    .collection-products.with-interactions .collection-product .inner .info .metas .price {
        font-size: calc(20px * var(--font-base-scale));
        line-height: calc(24px * var(--font-base-scale));
    }

    .no-js .product-related-products {
        display: none;
    }

    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: block;
    }
}

/* Side Nav */
.side-nav {
    position: relative;
}

.side-nav>a {
    display: none;
}

.side-nav .inner {
    position: fixed;
    z-index: 400;
    top: 0;
    left: calc(var(--side-nav-width) * -1);
    max-width: var(--side-nav-width);
    width: 100%;
    height: 100%;
    padding: var(--page-padding);
    background: var(--color-accent);
    overflow-y: auto;
}

.side-nav .close {
    position: absolute;
    top: var(--header-padding-top);
    left: var(--page-padding);
}

.side-nav .close i.fc {
    color: var(--color-accent-neg);
    font-size: 28px;
}

.side-nav .menu ul,
.side-nav .extra ul {
    list-style: none;
    margin: calc(var(--header-padding-top) + 20px) 0 0;
}

.side-nav .menu ul li a,
.side-nav .extra ul li a {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-size: 34px;
    font-weight: var(--font-buttons-weight-bolder);
    color: var(--color-accent-neg);
    text-transform: none;
    text-decoration: none;
    padding: 10px 0;
    display: inline-block;
}

.side-nav .menu ul li a:hover,
.side-nav .extra ul li a:hover {
    text-decoration: underline;
}

.side-nav .menu ul li a.plus {
    touch-action: none;
}

.side-nav .menu ul li a.plus:hover {
    text-decoration: none;
}

.side-nav .menu ul li a.plus:hover span {
    text-decoration: underline;
    text-underline-offset: 8px;
}

.side-nav .menu ul li a.plus:after {
    content: '+';
    margin-left: 10px;
    display: inline-block;
    transition: transform 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    font-weight: var(--font-buttons-weight);
}

.side-nav .menu ul li a.plus[aria-expanded="true"]:after {
    transform: rotate(45deg);
}

.side-nav .menu ul ul {
    display: none;
    margin: 0 0 10px;
}

.side-nav .menu ul ul li {
    margin: 0;
    padding-left: 15px;
}

.side-nav .menu ul ul li a {
    font-size: calc(24px * var(--font-header-scale));
    font-weight: var(--font-buttons-weight);
    padding: 5px 0 5px;
}

.side-nav .menu ul ul ul li a {
    font-size: calc(20px * var(--font-base-scale));
}

.side-nav .extra>* {
    padding-top: 20px;
}

.side-nav .extra>*:first-child {
    margin: 30px 0 0;
    padding-top: 30px;
    border-top: 1px solid var(--color-accent-neg-alpha-50);
}

.side-nav .extra>*:last-child {
    padding-bottom: 30px;
}

.side-nav .selectors-form .disclosures {
    display: flex;
    flex-flow: wrap;
    gap: 8px;
}

.side-nav .selectors-form .disclosures .disclosure .disclosure__toggle {
    color: var(--color-accent-neg);
    border-color: var(--color-accent-neg);
    background: transparent;
}

.side-nav .selectors-form .disclosures .disclosure .disclosure__toggle svg {
    fill: var(--color-accent-neg);
}

.side-nav .selectors-form .disclosures .disclosure .disclosure__list {
    background-color: var(--color-accent);
    border-color: var(--color-accent-neg);
}

.side-nav .selectors-form .disclosures .disclosure .disclosure__list#currency-list {
    max-width: unset;
    min-width: 112px;
}

.side-nav .selectors-form .disclosures .disclosure .disclosure__list li {
    white-space: normal;
    display: flex;
}

.side-nav .selectors-form .disclosure .disclosure__list li a {
    border: 0;
    font-size: 15px;
    padding: 0;
}

.side-nav .selectors-form .disclosure .disclosure__list li.disclosure-list__item--current a {
    border-bottom: 1px solid var(--color-accent-neg);
}

.side-nav .selectors-form .disclosure .disclosure__list li a:hover {
    color: var(--color-accent-neg);
}

.side-nav .connect {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    font-size: 35px;
}

.side-nav .connect a {
    color: var(--color-accent-neg);
}

.no-js .side-nav {
    height: 50px;
    z-index: 200;
    width: 50px;
    position: absolute;
}

.no-js .side-nav>a {
    display: block;
    position: absolute;
    left: 14px;
    top: 17px;
}

.no-js .side-nav>a i {
    color: var(--color-body-text);
    font-size: 30px;
    vertical-align: middle;
}

.no-js .side-nav>a span {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: 18px;
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.no-js .side-nav .inner .menu ul li:focus-within>ul,
.no-js .side-nav .inner .menu ul li:hover>ul {
    display: block;
}

.no-js .side-nav .inner .menu ul li:focus-within>ul li:focus-within ul,
.no-js .side-nav .inner .menu ul li:focus-within>ul li:hover ul,
.no-js .side-nav .inner .menu ul li:hover>ul li:focus-within ul,
.no-js .side-nav .inner .menu ul li:hover>ul li:hover ul {
    display: block;
}

.no-js .side-nav .inner .close {
    display: none;
}

.no-js .side-nav:focus-within .inner,
.no-js .side-nav:hover .inner {
    left: 0;
}

/* Side Cart */
.side-cart {
    visibility: hidden;
    color: var(--color-body-text-neg);
    background: var(--color-body-text);
    position: fixed;
    top: 0;
    right: calc(var(--side-cart-width) * -1);
    width: var(--side-cart-width);
    max-width: 100%;
    height: 100%;
    text-align: left;
    padding: var(--header-padding-top) var(--page-padding);
}

.side-cart:after {
    display: table;
    content: '';
    clear: both;
}

.side-cart .side-cart-header {
    border-bottom: 3px solid var(--color-body-text-neg);
}

.side-cart .side-cart-header h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 25px;
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-body-text-neg);
    margin: 0 0 20px;
}

.side-cart .side-cart-header h5 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: 18px;
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
}

.side-cart .close {
    position: absolute;
    top: var(--header-padding-top);
    right: var(--page-padding);
    text-decoration: none;
}

.side-cart .close i.fc {
    color: var(--color-body-text-neg);
    font-size: 28px;
    position: relative;
    right: -4px;
    top: 3px;
}

.side-cart .side-cart-container {
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: calc(var(--desktop-page-padding)/2) var(--page-padding);
}

.side-cart .side-cart-container .empty,
.side-cart .side-cart-container form {
    display: none;
}

.side-cart .side-cart-container .items {
    position: absolute;
    top: 0;
    bottom: 150px;
    left: 0;
    right: 0;
    padding: 0 var(--page-padding);
    overflow-y: auto;
    overflow-x: hidden;
}

.side-cart .side-cart-container .items .item {
    opacity: 1;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    position: relative;
    margin-top: 30px;
    border-bottom: 2px solid var(--color-body-text-neg);
    padding-bottom: 15px;
}

.side-cart .side-cart-container .items .item:after {
    display: table;
    content: '';
    clear: both;
}

.side-cart .side-cart-container .items .item .left {
    float: left;
    width: 30%;
}

.side-cart .side-cart-container .items .item .left img {
    width: 100%;
    background: var(--color-section-bg);
}

.side-cart .side-cart-container .items .item .right {
    float: left;
    width: 70%;
    padding: 0 30px 10px 10px;
}

.side-cart .side-cart-container .items .item .right a.name {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 18px;
    line-height: 26px;
    color: var(--color-body-text);
    color: var(--color-accent);
    text-decoration: underline;
    display: inline;
    position: relative;
    top: -4px;
}

.side-cart .side-cart-container .items .item .right .description {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 16px;
    color: var(--color-body-text);
    color: var(--color-body-text-neg);
    margin: 0 0 6px;
}

.side-cart .side-cart-container .items .item .right .description del {
    opacity: 0.7;
}

.side-cart .side-cart-container .items .item .right .description .unit-price {
    display: block;
    margin-top: 5px;
    font-size: 14px;
}

.side-cart .side-cart-container .items .item .right .quantity {
    margin: 10px 0 0;
    opacity: 1;
    transition: opacity 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.side-cart .side-cart-container .items .item .right .quantity input {
    width: 50px;
    text-align: center;
    border: 1px solid;
    background-color: transparent;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 14px;
    color: var(--color-body-text);
    color: var(--color-body-text-neg);
    padding: 4px 0;
}

.side-cart .side-cart-container .items .item .right .quantity button {
    color: var(--color-body-text-neg);
    background-color: transparent;
    border: 0;
    padding: 4px 0;
    width: 30px;
    cursor: pointer;
}

.side-cart .side-cart-container .items .item .right .quantity button:focus{
    outline: none;
}

.side-cart .side-cart-container .items .item .price {
    text-align: right;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 20px;
    color: var(--color-body-text);
    color: var(--color-body-text-neg);
    clear: both;
}

.side-cart .side-cart-container .items .item .price.with-discount {
    position: static;
}

.side-cart .side-cart-container .items .item .price .discounted {
    display: block;
}

.side-cart .side-cart-container .items .item .price .striped {
    text-decoration: line-through;
    display: block;
    opacity: 0.7;
}

.side-cart .side-cart-container .items .item .price .accent {
    color: var(--color-accent);
}

.side-cart .side-cart-container .items .item .price .allocation {
    display: block;
    margin: 2px 0;
    font-size: calc(16px * var(--font-header-scale));
    line-height: calc(22px * var(--font-header-scale));
    color: var(--color-accent);
    margin-left: auto;
    margin-bottom: 0;
}

.side-cart .side-cart-container .items .item .price .allocation .icon {
    vertical-align: middle;
    margin-right: 5px;
}

.side-cart .side-cart-container .items .item .price .unit-price {
    display: block;
    font-size: 14px;
    opacity: 0.7;
}

.side-cart .side-cart-container .items .item .remove {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-decoration: none;
}

.side-cart .side-cart-container .items .item .remove i.fc {
    color: var(--color-body-text-neg-dk-20);
}

.side-cart .side-cart-container .items .item.loading .quantity {
    opacity: 0.3;
}

.side-cart .side-cart-container .items .item.removing {
    opacity: 0.1;
}

.side-cart .side-cart-container .items .item:last-child {
    border: 0;
}

.side-cart .side-cart-container .instructions {
    width: 100%;
    margin: 20px 0;
}

.side-cart .side-cart-container .instructions label {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: 14px;
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
    display: block;
    margin: 0 0 10px;
}

.side-cart .side-cart-container .instructions textarea {
    min-height: 160px;
    width: 100%;
    padding: 20px;
    font-size: 14px;
}

.side-cart .side-cart-container .more {
    border-top: 3px solid var(--color-body-text-neg);
    padding-top: 10px;
    position: absolute;
    left: var(--page-padding);
    right: var(--page-padding);
    bottom: 0;
    padding-bottom: 40px;
    /* padding-bottom: var(--page-padding); */
    background: var(--color-body-text);
}

.side-cart .side-cart-container .more h3 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 25px;
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-body-text-neg);
}


.side-cart .side-cart-container .more h3.row.subtotal {
    font-size: 18px;
}

.side-cart .side-cart-container .more h3:after {
    display: table;
    content: '';
    clear: both;
}

.side-cart .side-cart-container .more h3 span {
    font-weight: 300;
}

.side-cart .side-cart-container .more h3 .value {
    float: right;
    text-align: right;
}

.side-cart .side-cart-container .more h3.small {
    font-size: 20px;
}

.side-cart .side-cart-container .more h4 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
    display: block;
    margin: 0 0 10px;
}

.side-cart .side-cart-container .more h4 a {
    color: var(--color-accent);
    text-decoration: underline;
}

.side-cart .side-cart-container .more h5 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 15px;
    color: var(--color-body-text);
    color: var(--color-accent);
    display: block;
    margin: 0 0 5px;
}

.side-cart .side-cart-container .more h5 .icon {
    vertical-align: middle;
    margin-right: 2px;
    font-weight: 600;
}

.side-cart .side-cart-container .more h5 .value {
    float: right;
    text-align: right;
}

.side-cart .side-cart-container .more button {
    width: 100%;
}

.side-cart .side-cart-container .more .cart__checkout {
    border-radius: 5px;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
    padding: 16px;
    font-size: 18px;
    font-weight: var(--font-header-weight-bolder);
}

.side-cart .side-cart-container .more .additional-checkout-buttons {
    margin-top: -20px;
}

.side-cart .side-cart-container>h3 {
    margin-top: 10px;
}

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

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

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@-ms-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.side-pick {
    visibility: hidden;
    color: var(--color-body-text-neg);
    background: var(--color-body-text);
    position: fixed;
    top: 0;
    right: calc(var(--side-cart-width) * -1);
    width: var(--side-cart-width);
    max-width: 100%;
    height: 100%;
    text-align: left;
    padding: var(--header-padding-top) var(--page-padding);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.side-pick .side-pick-header {
    border-bottom: 3px solid var(--color-body-text-neg);
    padding-right: 35px;
    padding-bottom: 15px;
}

.side-pick .side-pick-header h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(25px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-body-text-neg);
}

.side-pick .side-pick-header h3 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
}

.side-pick .close {
    position: absolute;
    top: var(--header-padding-top);
    right: var(--page-padding);
    text-decoration: none;
}

.side-pick .close i.fc {
    color: var(--color-body-text-neg);
    font-size: 28px;
    position: relative;
    right: -4px;
    top: 3px;
}

.side-pick .locations {
    overflow-y: auto;
    overflow-x: hidden;
}

.side-pick .locations .location {
    padding: 20px 0;
    border-bottom: 1px solid var(--color-body-text-neg);
}

.side-pick .locations .location h4 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-body-text-neg);
}

.side-pick .locations .location .title {
    display: flex;
    align-items: center;
}

.side-pick .locations .location .title .icon {
    margin: 0 10px 0 0;
    display: block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px;
}

.side-pick .locations .location .title .icon path {
    fill: var(--color-body-text-neg);
}

.side-pick .locations .location .title .icon.icon-in-stock {
    background: var(--color-correct);
}

.side-pick .locations .location .title .icon.icon-out-of-stock {
    background: var(--color-error);
}

.side-pick .locations .location .availability {
    font-style: italic;
    margin: 8px 0;
    font-size: calc(14px * var(--font-base-scale));
}

.side-pick .locations .location .availability .icon {
    margin: 0 4px 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    padding: 5px;
}

.side-pick .locations .location .availability .icon path {
    fill: var(--color-body-text-neg);
}

.side-pick .locations .location .availability .icon.icon-in-stock {
    background: var(--color-correct);
}

.side-pick .locations .location .availability .icon.icon-out-of-stock {
    background: var(--color-error);
}

.side-pick .locations .location .address {
    margin: 0;
}

.side-pick .locations .location .address p {
    color: var(--color-body-text-neg);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(20px * var(--font-base-scale));
}

.side-pick .locations .location .address p.phone {
    margin-top: 4px;
}

.side-pick .locations .location .address p.phone a {
    color: var(--color-body-text-neg);
    text-decoration: none;
}

.side-pick .locations .location .address p.phone a:hover {
    border-bottom: 1px solid;
}

/* Cart */
.cart:after {
    display: table;
    content: '';
    clear: both;
}

.cart .items {
    margin-top: 40px;
}

.cart .items .item {
    position: relative;
    display: flex;
    padding: 10px 0;
}

.cart .items .item:after {
    display: table;
    content: '';
    clear: both;
}

.cart .items .item .left {
    width: 20%;
}

.cart .items .item .left img,
.cart .items .item .left svg {
    width: 100%;
    height: auto;
    background: var(--color-section-bg);
    display: block;
}

.cart .items .item .right {
    width: 80%;
    padding: 0 30px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 1;
}

.cart .items .item .right a.name {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(19px * var(--font-header-scale));
    line-height: calc(27px * var(--font-header-scale));
    color: var(--color-body-text);
    text-decoration: none;
}

.cart .items .item .right .description {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(15px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: normal;
    margin: 5px 0 0;
}

.cart .items .item .right .description .unit-price {
    display: block;
    font-size: calc(14px * var(--font-header-scale));
}

.cart .items .item .right .quantity {
    margin: 10px 0 0;
}

.cart .items .item .right .quantity input {
    width: 50px;
    text-align: center;
    border: 1px solid;
    background-color: transparent;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(14px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    padding: 4px 0;
}

.cart .items .item .right .quantity button {
    color: var(--color-body-text);
    background-color: transparent;
    border: 0;
    padding: 4px 0;
    width: 30px;
    cursor: pointer;
}

.cart .items .item .price {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-align: right;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(19px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.cart .items .item .price.with-discount {
    position: static;
    margin-top: 30px;
    flex-shrink: 0;
}

.cart .items .item .price .striped {
    text-decoration: line-through;
}

.cart .items .item .price .accent {
    color: var(--color-accent);
}

.cart .items .item .price .allocation {
    display: block;
    margin: 2px 0;
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-accent);
}

.cart .items .item .price .allocation .icon {
    vertical-align: middle;
    margin-right: 5px;
}

.cart .items .item .remove {
    position: absolute;
    top: 16px;
    right: 0;
    display: block;
    text-decoration: none;
}

.cart .items .item .remove i.fc {
    color: var(--color-body-text-lg-20);
}

.cart .items .item.last {
    border-bottom: 0;
}

.cart .discount {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cart .discount h5 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    display: block;
}

.cart .discount h5 .icon {
    vertical-align: middle;
    margin-right: 10px;
}

.cart .subtotal {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 40px;
    align-items: center;
    border-top: 3px solid var(--color-body-text);
}

.cart .subtotal a.btn {
    width: auto;
}

.cart .subtotal>div {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 0px;
    align-items: center;
    flex-grow: 2;
}

.cart .subtotal h3 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(19px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    margin-top: 0;
    margin-bottom: 0;
}

.cart .subtotal h3:after {
    display: table;
    content: '';
    clear: both;
}

.cart .subtotal h3.value {
    float: right;
    text-align: right;
    font-size: calc(25px * var(--font-header-scale));
}

.cart .error {
    margin: 20px 0;
    text-align: right;
}

.cart .instructions,
.cart .continue-shopping {
    float: left;
    width: 50%;
}

.cart .continue-shopping {
	position: absolute;
	z-index: 1;
}

.cart .instructions label,
.cart .continue-shopping label {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    display: block;
    margin: 0 0 10px;
}

.cart .instructions textarea,
.cart .continue-shopping textarea {
    min-height: 100px;
    width: 100%;
}

.cart .checkout button {
    font-weight: var(--font-buttons-weight-bolder);
    border-radius: 4px;
    min-height: 44px;
    min-width: 300px;
}

.cart .checkout button.update {
    display: none;
}

.no-js .cart .checkout button {
    display: inline-block;
}

.no-js .cart .checkout button br {
    display: inline-block;
    margin-right: 4px;
    content: ' ';
}

.cart .checkout .additional-checkout-buttons {
    margin: 10px 0 0;
}

.cart .checkout .additional-checkout-buttons [data-msshop-buttoncontainer] {
    justify-content: flex-end;
}

.cart .checkout .additional-checkout-buttons [data-msshop-buttoncontainer] div[role=button] {
    min-width: 300px;
}

.cart.show-background .items .item .left svg {
    border: 1px solid var(--color-body-text-very-light);
    background: none;
}

@media (max-width: 750px) {

    .cart .items .item .right,
    .cart .items .item .price.with-discount {
        flex-shrink: 1;
    }

    .cart .subtotal {
        padding-left: 0;
    }

    .cart .continue-shopping {
        width: 100%;
        float: none;
		position: relative;
    }

	.cart .checkout .shape-wrapper {
		width: 100%;
	}

    .cart .instructions {
        width: 100%;
        border-bottom: 1px solid var(--color-body-text-lg-50);
        padding-bottom: 10px;
    }

    .cart .btn,
    .cart .checkout button {
        width: 100%;
        min-width: auto;
    }

    .cart .btn.update {
        margin-bottom: 5px;
    }

    .cart .checkout .additional-checkout-buttons {
        margin-top: 0;
    }

    .cart .checkout .additional-checkout-buttons [data-msshop-buttoncontainer] div[role=button] {
        min-width: auto;
    }
}

@media (max-width: 420px) {
    .cart .subtotal a.btn {
        width: 100%;
        order: 2;
    }
}

/* Account */
.section-account .inner#guest {
    margin-top: calc(var(--page-padding) * -3);
}

.section-account .inner .recover-password {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 10px;
    display: flex;
    align-items: center;
    padding: 5px;
}

.section-account .inner .recover-password a {
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text-lg-20);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.section-account .inner .recover-password a:hover {
    border-color: var(--color-body-text);
    color: var(--color-body-text);
}

.section-account .account-details {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 20px 0;
}

.section-account .account-details .name {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    line-height: calc(24px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .account-details p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    color: var(--color-body-text);
}

.section-account .account-details .address {
    margin-top: 30px;
}

.section-account .orders {
    border-top: 1px solid;
}

.section-account .orders .order {
    border-bottom: 1px solid;
    padding: 20px 0;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(14px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .orders .order b {
    font-weight: var(--font-header-weight-bolder);
}

.section-account .orders .order a {
    color: var(--color-accent);
    text-decoration: none;
}

.section-account .orders .order a:hover {
    border-bottom: 1px solid;
}

.section-account .order-items {
    margin-top: 40px;
    border-top: 1px solid;
}

.section-account .order-items .item {
    border-bottom: 1px solid;
    padding: 10px 0;
    display: flex;
    gap: 20px;
}

.section-account .order-items .item .info {
    width: 100%;
}

.section-account .order-items .item .info .name {
    text-decoration: none;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(15px * var(--font-header-scale));
    line-height: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    margin-bottom: 10px;
    display: inline-block;
}

.section-account .order-items .item .info p {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 5px;
}

.section-account .order-items .item .info p:last-child {
    margin-bottom: 0;
}

.section-account .order-items .item .price {
    text-align: right;
    width: 100%;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(15px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .order-items .item:last-child {
    border-bottom: 0;
}

.section-account .order-total {
    border-top: 3px solid;
    border-bottom: 1px solid;
}

.section-account .order-total div {
    padding: 10px 0;
    padding-left: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-account .order-total div .value {
    text-align: right;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(15px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .order-total div.with-line {
    border-top: 1px solid;
}

.section-account .order-total div.total {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .order-total div.total .value {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
}

.section-account .order-addresses {
    display: flex;
    gap: 40px;
}

.section-account .account-addresses {
    border-top: 1px solid;
    margin-top: 40px;
}

.section-account .account-addresses .address {
    border-bottom: 1px solid;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: stretch;
}

.section-account .account-addresses .address .left .name {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    margin-bottom: 10px;
}

.section-account .account-addresses .address .left p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(13px * var(--font-base-scale));
    color: var(--color-body-text);
}

.section-account .account-addresses .address .right {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-account .account-addresses .address .right a {
    color: var(--color-accent);
    font-size: calc(20px * var(--font-base-scale));
    padding: 5px;
}

.section-account .account-addresses .address .right .boxed {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(13px * var(--font-base-scale));
    color: var(--color-body-text);
    border: 1px solid;
    padding: 8px 10px;
}

.section-account .account-addresses .address.hide {
    display: none;
}

.section-account .account-addresses form {
    margin-top: 0;
}

.section-account .account-addresses form h2 {
    margin-top: 20px;
}

.section-account .account-addresses form .row {
    display: flex;
    gap: 10px;
}

.section-account .account-addresses form .row h3 {
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
}

.section-account .account-addresses form .row div.selector {
    width: 50%;
}

.section-account .account-addresses form .row div.selector h3 {
    margin-bottom: 10px;
}

.section-account .address {
    padding: 10px 0;
}

@media (max-width: 960px) {
    .section-account .order-total div {
        padding-left: 40%;
    }
}

@media (max-width: 620px) {
    .section-account .order-total div {
        padding-left: 0;
    }

    .section-account .account-addresses form .row {
        display: block;
    }

    .section-account .account-addresses form .row h3 {
        width: 100%;
    }

    .section-account .account-addresses form .row input[type=text],
    .section-account .account-addresses form .row .select {
        margin-bottom: 10px;
    }

    .section-account .account-addresses form .row input[type=text]:last-child,
    .section-account .account-addresses form .row .select:last-child {
        margin-bottom: 0;
    }

    .section-account .account-addresses form .row div.selector {
        width: 100%;
        margin-top: 10px;
    }

    .section-account .account-addresses form .row div.selector:first-child {
        margin-top: 0;
    }
}

/* Pages */
.section-page .placeholder-svg {
    display: block;
    max-width: 100%;
    max-height: 300px;
}

.section-contact h2.success {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    line-height: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    margin: 0;
}

.section-contact-form .heading {
    margin-bottom: 20px;
}

.section-contact-form .heading h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(45px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    word-wrap: break-word;
}

.section-contact-form .heading .rte {
    margin-top: 10px;
}

.section-contact-form .content:not(.show-background) form input.text,
.section-contact-form .content:not(.show-background) form textarea {
    background: var(--color-input-bg);
}

.section-contact-form .content:not(.show-background).color-body-bg-is-white form input.text,
.section-contact-form .content:not(.show-background).color-body-bg-is-white form textarea {
    background: #f3f0ee;
}

.section-contact-form .content.show-background.color-section-bg-is-white form input.text,
.section-contact-form .content.show-background.color-section-bg-is-white form textarea {
    background: #f3f0ee;
}

.section-contact-form .content:not(.show-background):not(.color-body-bg-is-white) form input.text,
.section-contact-form .content:not(.show-background):not(.color-body-bg-is-white) form textarea {
    background: var(--color-body-text-neg);
}

/* Search */
.search .section-header {
    display: flex;
    align-items: center;
}

.search h2.msshop-section-title {
    margin-bottom: 0;
	min-width: 40px;
	white-space: nowrap;
}

.search h2.msshop-section-title.divider {
    color: var(--color-accent);
}

.search .search-bar-wrapper {
    display: inline-block;
    width: 100%;
}

.search .search-bar-wrapper form {
    display: inline-block;
    width: 100%;
}

.search .search-bar-wrapper form input {
    display: inline-block;
    width: 100%;
    padding-right: 4px;
}

.search .search-bar-wrapper form input::-webkit-clear-button,
.search .search-bar-wrapper form input::-webkit-search-cancel-button {
    display: none;
}

.search .search-products>h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(29px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    display: block;
    margin: 20px 0;
}

.search .search-products .sorting-and-filtering {
    margin: 0 0 20px;
}

.search .search-empty {
    margin-top: 20px;
}

.search .collection {
    margin-top: var(--page-padding);
}

.search:not(.show-background) {
    background: var(--color-section-bg);
    padding: var(--page-padding);
}

.search-overlay {
    visibility: hidden;
    position: fixed;
    z-index: 1500;
    top: -100% !important;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: var(--color-section-bg);
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.search-overlay .search-bar-wrapper {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.search-overlay .search-bar-wrapper form .field input.text,
.search-overlay .search-bar-wrapper form .field label {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(60px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.search-overlay .search-bar-wrapper form .field input.text {
    width: 100%;
    padding: 40px var(--page-padding);
    background: transparent;
}

.search-overlay .search-bar-wrapper form .field input.text::-webkit-clear-button,
.search-overlay .search-bar-wrapper form .field input.text::-webkit-search-cancel-button {
    display: none;
}

.search-overlay .search-bar-wrapper form .field label {
    left: var(--page-padding);
    top: 40px;
    color: var(--color-body-text-light);
}

.search-overlay .search-bar-wrapper form .field input:not(:placeholder-shown) {
    padding-top: 45px;
    padding-bottom: 35px;
}

.search-overlay .search-bar-wrapper form .field input:not(:placeholder-shown)~label {
    font-size: 16px;
    top: 30px;
}

.search-overlay .search-bar-wrapper .predictive-search-results {
    width: 100%;
    height: 0;
    padding: 0 var(--page-padding) var(--page-padding);
    display: none;
}

.searching .search-overlay .search-bar-wrapper .predictive-search-results {
    height: auto;
    display: block;
}

.search-overlay .close {
    position: absolute;
    top: 40px;
    right: 32px;
    text-decoration: none;
}

.search-overlay .close i.fc {
    font-size: 30px;
    color: var(--color-body-text);
}

@media (max-width: 620px) {
    .search .search-header .search-bar-wrapper form input {
        margin: 20px 0;
        width: 100%;
    }

    .search-overlay .search-bar-wrapper form .field input.text,
    .search-overlay .search-bar-wrapper form .field label {
        font-size: calc(30px * var(--font-header-scale));
    }

    .search-overlay .search-bar-wrapper form .field input:not(:placeholder-shown)~label {
        top: 25px;
    }
}

/* Blog */
.blog .excerpts:after {
    display: table;
    content: '';
    clear: both;
}

@media (min-width:621px){
    .main .layout .msshop-section .content.blog.list{
        padding-bottom: 60px;
    }
}

.blog .excerpts .post {
    margin: 0 0 50px;
}

.list{
    padding-bottom: 60px;
}

.blog .excerpts .post:last-child {
    margin-bottom: 0;
}

.blog .article>.comments {
    padding: var(--page-padding) 0 0;
}

.blog .article>.comments .comment {
    margin: 0 0 var(--page-padding);
}

.blog .article>.comments .comment h4 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(17px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    margin: 0 0 14px;
}

.blog .article>.comments .comment h5 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
    margin: 0 0 8px;
}

.blog .article>.comments .comment h6 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(17px * var(--font-header-scale));
    line-height: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    margin: 0 0 14px;
}

.blog .article>.comments h2 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
}

.blog .article>.comments #comment_form {
    padding-top: 25px;
}

.blog .article>.comments #comment_form input,
.blog .article>.comments #comment_form textarea {
    background: var(--color-section-bg);
}

.blog .article>.comments h4 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
}

.blog h2.empty {
    padding-left: var(--page-padding);
}


.blog.grid .excerpts .post {
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.blog.show-background .article>.comments #comment_form input,
.blog.show-background .article>.comments #comment_form textarea {
    background: var(--color-body-text-neg);
}

.post.col-0 {
    clear: left;
}

.post .image {
    margin: 0 0 20px;
    width: 100%;
}

.post h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(45px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    word-wrap: break-word;
}

.post h1 a {
    text-decoration: none;
    color: var(--color-body-text);
}

.post h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 18px;
    line-height: 22px;
    color: var(--color-body-text);
    text-transform: none;
    margin: 6px 0 25px 2px;
}

.post .btn.more {
    margin-top: 23px;
}

.post hr {
    margin: 0 0 20px;
}

.post .extra {
    margin: 10px 0 10px;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(15px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.post .extra .comments {
    display: inline-block;
    margin-right: 14px;
}

.post .extra .comments a {
    text-decoration: none;
    color: var(--color-body-text);
}

.post .extra .comments a:hover span {
    text-decoration: underline;
}

.post .extra .tags {
    display: inline-block;
}

.post .extra .tags a {
    text-decoration: none;
    color: var(--color-body-text);
    margin: 0 4px;
}

.post .extra .tags a:hover {
    text-decoration: underline;
}

.post .extra .icon {
    color: var(--color-accent);
    font-size: 22px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}

.blog.grid .excerpts {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    /* grid-gap: var(--small-padding); */
    grid-gap: 25px;
}

@media (min-width:621px) {
    .blog.grid .excerpts.desktop-columns-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 960px) {
    .blog.grid .excerpts.desktop-columns-1 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* .blog .excerpts .post,
    .blog.grid .excerpts.desktop-columns-1 .post {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    } */

    .blog .excerpts .post .image,
    .blog.grid .excerpts.desktop-columns-1 .post .image {
        grid-row: 1 / 8;
    }

    .blog.grid .excerpts.desktop-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog.grid .excerpts.desktop-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .blog.grid .excerpts.desktop-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 960px) {
    .blog .excerpts {
        margin-left: 0;
    }

    .blog .excerpts .post.grid {
        float: none;
        width: 100%;
        margin: 0 0 40px;
        padding-right: 0;
        padding-left: 0;
    }

    .blog .excerpts .post.grid:nth-last-child(-n+2) {
        margin: 0 0 40px;
    }

    .blog .excerpts .post:last-child {
        margin-bottom: 0;
    }

    .blog.grid .excerpts {
        margin-left: 0;
    }

    .blog.grid .excerpts .post {
        width: 100%;
        padding-left: 0;
    }
}

@media (min-width: 620px) and (max-width: 960px) {
    .blog.grid .excerpts.tablet-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog.grid .excerpts.tablet-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog.grid .excerpts.tablet-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .blog.grid .excerpts.tablet-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 620px) {
    .blog.grid .excerpts {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog.grid .excerpts.mobile-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog.grid .excerpts.mobile-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 620px) {
    .blog .excerpts .post {
        margin: 0 0 var(--page-padding) !important;
    }

    .post h1 {
        font-size: calc(32px * var(--font-header-scale));
        line-height: calc(40px * var(--font-header-scale));
    }
}

/* Product */
.product {
    position: relative;
}

.product:after {
    display: table;
    content: '';
    clear: both;
}

.product .item {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    /* gap: var(--page-padding); */
    gap: 25px;
    margin: 0 auto;
}

.product .item .item-media,
.product .item .item-info {
    width: 50%;
    min-height: 1px;
}

.product .item .item-media .frame {
    position: relative;
}

.product .item .item-media .frame .media {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: none;
}

.product .item .item-media .frame .media.active {
    display: block;
}

.product .item .item-media .frame .media.variant-image {
    display: none;
}

.product .item .item-media .frame .media.variant-image.active:first-child {
    display: block;
}

.product .item .item-media .frame .media:focus {
    outline: 0;
}

.product .item .item-media .frame .media img,
.product .item .item-media .frame .media svg.placeholder-svg {
    width: 100%;
    display: block;
}

.product .item .item-media .frame .media>.inner {
    margin: 0 auto;
    min-height: 1px;
    width: 100%;
    height: 100%;
    position: relative;
}

.product .item .item-media .frame .media>.inner.video {
    background-color: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media>.inner>video,
.product .item .item-media .frame .media>.inner .plyr {
    width: 100%;
    height: auto;
}

.product .item .item-media .frame .media>.inner iframe,
.product .item .item-media .frame .media>.inner model-viewer,
.product .item .item-media .frame .media>.inner .msshop-model-viewer-ui,
.product .item .item-media .frame .media>.inner img,
.product .item .item-media .frame .media>.inner .media-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}

.product .item .item-media .frame .media>.inner iframe,
.product .item .item-media .frame .media>.inner .media-video,
.product .item .item-media .frame .media>.inner model-viewer,
.product .item .item-media .frame .media>.inner .msshop-model-viewer-ui,
.product .item .item-media .frame .media>.inner .media-item,
.product .item .item-media .frame .media>.inner .plyr,
.product .item .item-media .frame .media>.inner .plyr__video-wrapper {
    height: 100%;
}

.product .item .item-media .frame .media>.inner .plyr__video-wrapper {
    height: auto;
}

.product .item .item-media .frame .media .msshop-model-viewer-ui {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .model-viewer {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__controls-area {
    background: var(--color-body-bg);
    border-color: rgba(var(--color-body-text-rgb), 0.5);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button {
    color: var(--color-body-text);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:hover {
    color: rgba(var(--color-body-text-rgb), 0.55);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:active,
.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control.focus-visible:focus {
    color: rgba(var(--color-body-text-rgb), 0.55);
    background: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster {
    background: var(--color-body-bg);
    border-color: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster:hover,
.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster:focus {
    color: rgba(var(--color-body-text-rgb), 0.55);
}

.product .item .item-media .frame .media .msshop-model-viewer-ui .msshop-model-viewer-ui__poster-control-icon {
    display: block;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video {
    color: var(--color-body-text);
    background-color: transparent;
    outline: none;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__poster,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
    background-color: transparent;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
    background-color: #000;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
    background-color: #000;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
    background-color: #000;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
    background-color: #000;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
    background-color: #000;
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
    background-color: var(--color-body-bg);
    border-color: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
    color: rgba(var(--color-body-text-rgb), 0.55);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__controls {
    background-color: var(--color-body-bg);
    border-color: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-bg);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-bg);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-bg);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-runnable-track {
    background-image: linear-gradient(to right, currentColor var(--value, 0), var(--color-body-text-light) var(--value, 0));
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-track {
    background-color: var(--color-body-text-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-fill-upper {
    background-color: var(--color-body-text-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-ms-thumb {
    box-shadow: 0 0 0 3px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px var(--color-body-text-very-light);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
    background-color: var(--color-body-text);
    color: var(--color-body-bg);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
    border-top-color: var(--color-body-text);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
    background-image: linear-gradient(-45deg, var(--color-body-text-light) 25%, transparent 25%, transparent 50%, var(--color-body-text-light) 50%, var(--color-body-text-light) 75%, transparent 75%, transparent);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'] {
    color: var(--color-body-bg);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-text);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-text);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 var(--color-body-text);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-runnable-track {
    background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--color-body-bg-rgb), 0.6) var(--value, 0));
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-track,
.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-fill-upper {
    background-color: rgba(var(--color-body-bg-rgb), 0.6);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-bg-rgb), 0.25);
}

.product .item .item-media .frame .media a.zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    background: var(--color-body-text-neg);
    color: var(--color-body-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.product .item .item-media .gallery .arrow {
    display: none;
}

.product .item .item-media .gallery .thumbs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: var(--small-padding);
    grid-row-gap: var(--small-padding);
}

.product .item .item-media .gallery .thumbs .thumb {
    cursor: pointer;
    position: relative;
}

.product .item .item-media .gallery .thumbs .thumb img {
    width: 100%;
    display: block;
    border: 1px solid rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .gallery .thumbs .thumb .badge {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
}

.product .item .item-media .gallery .thumbs .thumb .badge .icon {
    fill: #fff;
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.product .item .item-media .gallery .thumbs .thumb .badge .icon-3d-badge-full-color-outline,
.product .item .item-media .gallery .thumbs .thumb .badge .icon-video-badge-full-color-outline {
    stroke: rgba(var(--color-body-text-rgb), 0.05);
}

.product .item .item-media .gallery .thumbs .thumb .badge .icon-3d-badge-full-color-element,
.product .item .item-media .gallery .thumbs .thumb .badge .icon-video-badge-full-color-element {
    fill: var(--color-body-text);
}

.product .item .item-media .gallery .thumbs .thumb.active img {
    box-shadow: 0 0 0 0.05rem var(--color-body-text);
    border-color: var(--color-body-text);
}

.product .item .item-media .gallery .thumbs .thumb.variant-image {
    display: none;
}

.product .item .item-media .gallery .thumbs .thumb.variant-image:first-child {
    display: block;
}

.product .item .item-media .view-in-space {
    background-color: rgba(var(--color-body-text-rgb), 0.08);
    border: none;
    width: 100%;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 14px;
    color: var(--color-body-text);
}

.product .item .item-media .view-in-space[data-msshop-xr-hidden] {
    display: none;
}

.product .item .item-media .view-in-space:hover span.text,
.product .item .item-media .view-in-space:focus span.text {
    border-bottom-color: var(--color-body-text);
}

.product .item .item-media .view-in-space svg.icon {
    height: 25px;
    width: 25px;
    margin-top: -3px;
    margin-right: 2.43px;
    fill: transparent;
    vertical-align: middle;
}

.product .item .item-media .view-in-space svg.icon .icon-3d-badge-full-color-outline {
    stroke: none;
}

.product .item .item-media .view-in-space svg.icon .icon-3d-badge-full-color-element {
    fill: var(--color-body-text);
    opacity: 1;
}

.product .item .item-media .view-in-space span.text {
    border-bottom: 1px solid transparent;
}

.product .item .item-info a.title {
    text-decoration: none;
    cursor: default;
    display: none;
}

.product .item .item-info h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    line-height: calc(46px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    display: inline;
}

.product .item .item-info h2 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(22px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.product .item .item-info .offers {
    margin-top: -10px;
    margin-bottom: -10px;
}

.product .item .item-info .offers h2.price {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    display: inline-block;
}

.product .item .item-info .offers h2.price.striped {
    text-decoration: line-through;
    color: var(--color-body-text);
}

.product .item .item-info .offers h2.price.striped.hide {
    display: none;
}

.product .item .item-info .unit-price {
    display: block;
    margin: 4px 0 0;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(19px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
}

.product .item .item-info .tax-included {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
}

.product .item .item-info .installment msshop-payment-terms {
    display: block;
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(22px * var(--font-base-scale));
    color: var(--color-body-text);
    margin-top: 10px;
    margin-bottom: 20px;
    min-height: 44px;
}

.product .item .item-info input.quantity {
    opacity: 0;
    border: 1px solid;
    padding: 4px;
    width: 80px;
    text-align: center;
}

.no-js .product .item .item-info input.quantity {
    opacity: 1;
}

.product .item .item-info .js-qty input {
    opacity: 1;
    border: 1px solid;
    padding: 4px 0;
    text-align: center;
    width: 50px;
    -webkit-appearance: none;
}

.product .item .item-info .js-qty input:disabled {
    opacity: 0.5 !important;
}

.product .item .item-info .js-qty button {
    cursor: pointer;
    padding: 3px 8px;
    touch-action: manipulation;
}

.product .item .item-info .js-qty button.no-stock,
.cart .items .item .right .quantity button.no-stock {
  opacity: 0.5;
  cursor: not-allowed;
}
.product .item .item-info h3.subtitle {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: 18px;
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.product .item .item-info [data-store-availability-container].available {
    min-height: 105px;
    margin-top: 20px;
}

.product .item .item-info .store-availability .location {
    margin-bottom: 20px;
    background: var(--color-section-bg-dk-5);
    padding: 20px 20px 18px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
}

.product .item .item-info .store-availability .location .icon {
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    padding: 5px;
}

.product .item .item-info .store-availability .location .icon path {
    fill: var(--color-body-text-neg);
}

.product .item .item-info .store-availability .location .icon.icon-in-stock {
    background: var(--color-correct);
    margin-top: 2px;
}

.product .item .item-info .store-availability .location .icon.icon-out-of-stock {
    background: var(--color-error);
}

.product .item .item-info .store-availability .location .information a {
    display: inline-block;
    text-decoration: underline;
}

.product .item .item-info .store-availability .location .information p.link {
    margin-top: 10px;
}

.product .item .item-info .store-availability .location:last-child {
    margin-bottom: 0;
}

.product .item .item-info .selector-wrapper {
    margin: 10px 0 0;
}

.product .item .item-info .selector-wrapper:first-child {
    margin-top: 0;
}

.product .item .item-info .selector-wrapper>label {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    margin: 0 0 10px;
    display: block;
}

.product .item .item-info .selector-wrapper>label span.name {
    font-weight: var(--font-base-weight-bolder);
}

.product .item .item-info .selector-wrapper>label span.name:after {
    content: ":";
}

.product .item .item-info .selector-wrapper>label a {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
    margin-left: 5px;
}

.product .item .item-info .selector-wrapper fieldset {
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product .item .item-info .selector-wrapper fieldset .variant-input {
    display: inline-block;
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"] {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"]:focus+label {
    color: #015ECC;
}

.no-outlines .product .item .item-info .selector-wrapper fieldset input[type="radio"]:focus+label {
    color: var(--color-body-text);
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"]:checked+label {
    color: var(--color-body-text-neg);
    background-color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"]:checked+label.color {
    color: inherit;
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"]:checked+label.color.disabled {
    opacity: 0.5;
    background-color: inherit;
}

.product .item .item-info .selector-wrapper fieldset input[type="radio"]:focus:checked+label {
    color: #015ECC;
    background-color: var(--color-body-bg);
}

.no-outlines .product .item .item-info .selector-wrapper fieldset input[type="radio"]:focus:checked+label {
    color: var(--color-body-text-neg);
    background-color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.no-outlines .product .item .item-info .selector-wrapper fieldset input[type="radio"]:focus:checked+label.color {
    color: inherit;
}

.product .item .item-info .selector-wrapper fieldset label {
    display: inline-block;
    border: 2px solid;
    margin: 0 5px 10px 0;
    padding: 8px 18px;
    border-radius: 40px;
    min-width: 35px;
    text-align: center;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    cursor: pointer;
}

.product .item .item-info .selector-wrapper fieldset label.disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='100%' x2='100%' y2='0' stroke='rgb(var(--color-body-text-rgb))' stroke-width='2'/%3E%3C/svg%3E");
    opacity: .25;
}

.product .item .item-info .selector-wrapper fieldset label.color {
    position: relative;
    padding: 3px;
    width: 45px;
    height: 44px;
    border-radius: 40px;
    border-width: 2px;
    color: #c4c4c4;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: border 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    border-color: var(--color-body-text);
}

.product .item .item-info .selector-wrapper fieldset label.color .swatch {
    border-radius: 40px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-color: silver;
}

.product .item .item-info .selector-wrapper fieldset label.color.disabled {
    opacity: 0.25;
    color: inherit;
}

.product .item .item-info .selector-wrapper fieldset label.color.disabled .line {
    position: absolute;
    inset: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='100%' x2='100%' y2='0' stroke='rgb(var(--color-body-text-rgb))' stroke-width='2'/%3E%3C/svg%3E");
}

.product .item .item-info .selector-wrapper fieldset label.color.disabled .swatch {
    opacity: 0.5;
}

.product .item .item-info .selector-wrapper fieldset label.color[value="White"] .swatch,
.product .item .item-info .selector-wrapper fieldset label.color[value="white"] .swatch,
.product .item .item-info .selector-wrapper fieldset label.color[value="WHITE"] .swatch {
    border: 1px solid #c4c4c4;
}

.product .item .item-info .expanded .selector-wrapper {
    margin-top: 30px;
}

.product .item .item-info .share {
    margin: 0;
    min-height: 0;
}

.product .item .item-info .errors {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-accent);
    font-style: italic;
    text-transform: initial;
    margin: 10px 0 15px;
}
@media screen and (min-width: 990px){
    .shoppaas-images-list.shoppaas-stacked:not(.shoppaas-two-one-stacked) .shoppaas-images-list-div .shoppaas-images-list-div__item{
        max-width: none !important;
        /* padding-top: 100% !important; */
    }
}

@media screen and (min-width: 767px) {
	.shoppaas-images-item.left_media-size-small {
		width: 74px !important;
	}

	.shoppaas-images-item.left_media-size-medium {
		width: 86px !important;
	}

	.shoppaas-images-item.left_media-size-large {
		width: 114px !important;
	}
}

.product .item.media-position-right .item-info {
    order: -1;
}

.product .item.media-size-small .item-media {
    width: 50%;
}

.product .item.media-size-small .item-info {
    width: 50%;
}

.product .item.media-size-medium .item-media {
    width: 53%;
}

.product .item.media-size-medium .item-info {
    width: 57%;
}

.product .item.media-size-large .item-media {
    width: 62%;
}

.product .item.media-size-large .item-info {
    width: 38%;
}

.product .close {
    display: none;
}

.product.preview {
    min-height: 0;
    padding: calc(var(--page-padding) * 2) var(--page-padding);
    background: var(--color-section-bg);
    width: 100%;
    grid-column: 1/-1;
}

.product.preview .item .item-info a.title {
    display: block;
    margin-right: 80px;
    cursor: pointer;
}

.product.preview .item .item-info h1.without-link {
    display: none;
}

.product.preview .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--color-body-text);
}

.product.preview .close i.fc {
    font-size: 30px;
    padding: 12px 10px 8px;
}

.show-background .product.preview {
    padding-left: 0;
    padding-right: 0;
}

.product.sticky .item .item-media,
.product.sticky .item .item-info {
    position: sticky;
    align-self: flex-start;
    top: 10px;
}

.product.show-background .item .item-media .frame .placeholder-svg {
    border: 1px solid var(--color-body-text-very-light);
}

.product .type_buy_buttons .buttons {
    display: flex;
    align-items: stretch;
    align-content: space-between;
    gap: 10px;
}

.product .type_buy_buttons .buttons .add-to-cart,
.product .type_buy_buttons .buttons .msshop-payment-button__button--unbranded {
    cursor: pointer;
    width: 100%;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: normal;
}

.product .type_buy_buttons .buttons .add-to-cart,
.product .type_buy_buttons .buttons .msshop-payment-button__button--unbranded,
.product .type_buy_buttons .buttons .msshop-payment-button__button--branded {
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    min-height: 45px;
}

.product .type_buy_buttons .buttons .add-to-cart {
    background: var(--color-body-text);
    color: var(--color-body-text-neg);
    border-color: var(--color-body-text);
    transition: background 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.product .type_buy_buttons .buttons .add-to-cart .loading {
    display: none;
}

.product .type_buy_buttons .buttons .add-to-cart:hover {
    background: var(--color-body-text-dk-10);
}

.product .type_buy_buttons .buttons .add-to-cart:disabled {
    cursor: default;
    opacity: 0.8;
}

.product .type_buy_buttons .buttons .add-to-cart:disabled:hover {
    color: var(--color-body-text-neg);
    background: var(--color-body-text);
    border-color: var(--color-body-text);
}

.product .type_buy_buttons .buttons .add-to-cart.is-adding {
    position: relative;
}

.product .type_buy_buttons .buttons .add-to-cart.is-adding span {
    display: none;
}

.product .type_buy_buttons .buttons .add-to-cart.is-adding .loading {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}

.product .type_buy_buttons .buttons .add-to-cart.is-adding .loading .spinner {
    animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.product .type_buy_buttons .buttons .add-to-cart.is-adding .loading .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: var(--color-body-text);
    animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280;
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
    }
}

.product .type_buy_buttons .buttons .add-to-cart.with-payment-button {
    color: var(--color-body-text);
    background: transparent;
    border: 2px solid var(--color-body-text);
    max-height: 50px;
}

.product .type_buy_buttons .buttons .add-to-cart.with-payment-button:hover {
    color: var(--color-body-text-dk-10);
    border-color: var(--color-body-text-dk-10);
}

.product .type_buy_buttons .buttons .add-to-cart.with-payment-button:disabled {
    cursor: default;
}

.product .type_buy_buttons .buttons .add-to-cart.with-payment-button:disabled:hover {
    color: var(--color-body-text);
    background: transparent;
    border-color: var(--color-body-text);
}

.product .type_buy_buttons .buttons .msshop-payment-button__button {
    width: 100%;
}

.product .type_buy_buttons .buttons .add-to-cart:disabled+.msshop-payment-button__button {
    display: none;
}

.product .type_buy_buttons .buttons .msshop-payment-button__button--branded {
    min-height: 50px;
}

.product .type_buy_buttons .buttons .msshop-payment-button__button--branded div[role=button] {
    border: 0 !important;
}

.product .type_buy_buttons .buttons .msshop-payment-button__button--unbranded {
    background: var(--color-body-text);
    color: var(--color-body-text-neg);
    border-color: var(--color-body-text);
    transition: background 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.product .type_buy_buttons .buttons .msshop-payment-button__button--unbranded:hover {
    background: var(--color-body-text-dk-10);
}

.product .type_buy_buttons .buttons .msshop-payment-button__more-options {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
    margin-top: 16px;
    margin-bottom: 28px;
}

.product .type_buy_buttons .buttons .msshop-payment-button__more-options.msshop-payment-button__button--hidden {
    display: none;
}

.product .type_error {
    color: var(--color-error);
    display: flex;
    gap: 10px;
}

.product .type_error .circle {
    width: 22px;
    height: 22px;
    background: var(--color-error);
    color: var(--color-error-neg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: var(--font-base-weight-bolder);
    margin-left: 4px;
}

.product .type_error+.type_buy_buttons {
    margin-top: 15px;
}

.product .type_collapsible_tab+.type_collapsible_tab {
    margin-top: -10px;
}

.product .type_collapsible_tab+.type_collapsible_tab .accordion {
    border-top: 0;
}

.product .type_image img {
    max-width: 100%;
    width: auto !important;
}

.product .type_image svg {
    height: 100px;
}

.product .type_vendor .vendor {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(12px * var(--font-base-scale));
    color: var(--color-body-text);
    text-transform: uppercase;
    letter-spacing: .05rem;
    cursor: pointer;
}

.product .type_vendor .vendor span:hover {
    text-decoration: underline;
}

.product .type_divider {
    background: var(--color-body-text);
    height: 1px;
}

.product .type_available_stock_units .stock {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.product .type_available_stock_units .stock .pulsar:after,
.product .type_available_stock_units .stock .pulsar:before {
    background: var(--in-stock-color);
}

.product .type_available_stock_units .stock:not(.in-stock) {
    color: #f4af29;
    color: var(--low-stock-color);
}

.product .type_available_stock_units .stock:not(.in-stock) .pulsar:after,
.product .type_available_stock_units .stock:not(.in-stock) .pulsar:before {
    background: var(--low-stock-color);
}

.product .type_available_stock_units .stock.hide {
    display: none;
}

.product .type_contact_form h3,
.product .type_contact_form .description {
    margin-bottom: 10px !important;
}

.product .type_contact_form h3+.description {
    margin-top: -8px;
}

.product .type_contact_form h2.success {
    padding: 20px;
}

.product .type_contact_form form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

.product .type_contact_form form .row {
    width: 100%;
}

.product .type_contact_form form .row.name,
.product .type_contact_form form .row.email {
    width: calc(50% - 5px);
}

.product .type_contact_form form .row.email {
    border-top: 1px solid var(--color-body-text-lg-50);
    padding-top: 10px;
}

.product .type_contact_form form .row.expanded-top {
    margin-top: 10px;
}

.product .type_contact_form .first-line {
    display: flex;
    gap: 15px;
}

.product .type_contact_form .first-line .row {
    width: 100%;
}

.product .type_sales_point .description.icon {
    display: flex;
    flex-wrap: nowrap;
}

.product .type_sales_point .description.icon .icon {
    margin: 1px 14px 0 8px;
}

.product .type_complementary .subtitle {
    margin-bottom: 10px;
}

.product .type_complementary .collection-products:not(.with-interactions) .collection-product .inner .info .metas {
    text-align: left !important;
}

.product:not(.show-background):not(.preview) .type_contact_form form input.text,
.product:not(.show-background):not(.preview) .type_contact_form form textarea {
    background: var(--color-section-bg);
}

.product .rating-container .rating {
    display: inline-block;
    margin: 0;
}

.product .rating-container .rating-star {
    --color-base-text: var(--color-body-text-rgb);
    --color-icon: rgb(var(--color-base-text));
    --color-foreground: var(--color-base-text);
    --letter-spacing: 0.1;
    --font-size: 1.5;
    --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
    letter-spacing: calc(var(--letter-spacing) * 1rem);
    font-size: calc(var(--font-size) * 1rem);
    line-height: 1;
    display: inline-block;
    font-family: Times;
    margin: 0;
}

.product .rating-container .rating-star::before {
    content: '★★★★★';
    background: linear-gradient(90deg, var(--color-icon) var(--percent), rgba(var(--color-foreground), 0.15) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product .rating-container .rating-text {
    display: none;
}

.product .rating-container .rating-count {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

@media (min-width: 620px) {

    .product .item .item-media.with-thumbnails.desktop-layout-right .frame,
    .product .item .item-media.with-thumbnails.desktop-layout-left .frame {
        width: 80%;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .gallery,
    .product .item .item-media.with-thumbnails.desktop-layout-left .gallery {
        width: 20%;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .gallery .thumbs,
    .product .item .item-media.with-thumbnails.desktop-layout-left .gallery .thumbs {
        grid-template-columns: repeat(1, 1fr);
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .frame {
        float: left;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .gallery {
        float: left;
        padding-left: 20px;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-left .frame {
        float: right;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-left .gallery {
        float: left;
        padding-right: 20px;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-bottom .gallery {
        margin-top: var(--small-padding);
    }

    .product .item .item-media.with-thumbnails.desktop-layout-stack .frame .media {
        display: block;
        margin-bottom: var(--page-padding);
    }

    .product .item .item-media.with-thumbnails.desktop-layout-stack .frame .media:last-child {
        margin-bottom: 0;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-stack .frame .media.variant-image {
        display: none;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-stack .frame .media.variant-image.active:first-child {
        display: block;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-stack .gallery {
        display: none;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-hidden .gallery {
        display: none;
    }
}

@media (min-width: 620px) and (max-width: 750px) {

    .product .item .item-media.with-thumbnails.desktop-layout-right .frame,
    .product .item .item-media.with-thumbnails.desktop-layout-left .frame {
        width: 100%;
        float: none;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .gallery,
    .product .item .item-media.with-thumbnails.desktop-layout-left .gallery {
        width: 100%;
        float: none;
        margin-top: var(--small-padding);
        padding: 0;
    }

    .product .item .item-media.with-thumbnails.desktop-layout-right .gallery .thumbs,
    .product .item .item-media.with-thumbnails.desktop-layout-left .gallery .thumbs {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 960px) {
    .product .type_buy_buttons .buttons {
        display: block;
    }

    .product .type_buy_buttons .buttons .msshop-payment-button__button {
        margin-top: 10px;
    }
}

@media (max-width: 620px) {
    .product .item {
        gap: 0;
        flex-direction: column;
    }

    .product .item .item-media,
    .product .item .item-info {
        width: 100% !important;
    }

    .product .item .item-media {
        /* margin: 0 0 var(--page-padding); */
    }

    .type_title{
        margin: -15px 0 20px !important;
    }

    .product .item .item-media.with-thumbnails .frame .medias {
        display: flex;
        align-items: center;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: auto;
        -webkit-overflow-scrolling: touch;
        gap: var(--page-padding);
    }

    .product .item .item-media.with-thumbnails .frame .medias .media.active {
        flex-shrink: 0;
        scroll-snap-align: start;
        display: block !important;
    }

    .product .item .item-media.with-thumbnails .frame .medias .media.variant-image {
        display: none !important;
    }

    .product .item .item-media.with-thumbnails .frame .medias .media.variant-image:first-child {
        display: block !important;
    }

    .product .item .item-media.with-thumbnails .frame .medias::-webkit-scrollbar {
        display: none;
    }

    .product .item .item-media.with-thumbnails.mobile-layout-bottom .gallery {
        margin: var(--page-padding) 0 0;
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        gap: var(--small-padding);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .arrow {
        display: block;
        cursor: pointer;
        padding: calc(var(--small-padding) * 2) var(--small-padding);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .arrow svg {
        display: block;
        width: 14px;
        height: 14px;
        color: var(--color-body-text-very-light);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .arrow.previous svg {
        transform: rotate(90deg);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .arrow.next svg {
        transform: rotate(-90deg);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .arrow:hover svg {
        color: var(--color-body-text);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs .thumb {
        cursor: pointer;
        padding: 5px 7px;
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs .thumb img,
    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs .thumb svg {
        display: none;
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs .thumb:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--color-body-text-very-light);
    }

    .product .item .item-media.with-thumbnails.mobile-layout-hidden .gallery .thumbs .thumb.active:after {
        background: var(--color-body-text);
    }

    .product .item .item-info {
        order: 1 !important;
    }

    .product.sticky .item .item-media,
    .product.sticky .item .item-info {
        position: relative !important;
        top: 0 !important;
    }

    .product .type_contact_form form {
        display: block;
    }

    .product .type_contact_form form .row {
        width: 100% !important;
    }

    .product .type_contact_form form .row.email {
        border-top: 0;
        padding-top: 0;
    }

    .product .type_buy_buttons .buttons {
        display: flex;
    }

    .product .type_buy_buttons .buttons .msshop-payment-button__button {
        margin-top: 0px;
    }
}

@media (max-width: 420px) {
    .product .type_buy_buttons .buttons {
        display: block;
    }

    .product .type_buy_buttons .buttons .msshop-payment-button__button {
        margin-top: 10px;
    }
}

/* Gift Card */
body.template-gift_card .gift-card {
    position: relative;
    margin: 40px 0;
}

body.template-gift_card .gift-card .card {
    width: 100%;
    border-radius: 30px;
}

body.template-gift_card .gift-card .amount {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 16px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(44px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: white;
}

body.template-gift_card .gift-card .code-outer {
    position: absolute;
    bottom: 16px;
    text-align: center;
    width: 100%;
}

body.template-gift_card .gift-card .code-inner {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    background-color: #fff;
    padding: .5em;
    border-radius: 4px;
    max-width: 450px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

body.template-gift_card .gift-card .code-inner strong {
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px dashed #e5e5e5;
    padding: .4em .5em;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(30px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text);
    line-height: 1;
}

body.template-gift_card .gift-card .tooltip-container {
    display: block;
    position: absolute;
    right: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    top: -40%;
}

body.template-gift_card .gift-card .tooltip-label {
    display: block;
    position: relative;
    right: -50%;
    border: none;
    border-radius: 4px;
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    min-height: 14px;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    text-shadow: none;
    padding: .5em .75em;
    margin-left: .25em;
    font-size: .4em;
    color: white;
}

body.template-gift_card .gift-card .tooltip-label small {
    text-transform: uppercase;
    color: #b3b3b3;
    font-size: .875em;
}

body.template-gift_card .gift-card .tooltip-triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 5px solid #333;
    border-top: 5px solid rgba(51, 51, 51, 0.9);
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: -5px;
    margin-bottom: -5px;
}

body.template-gift_card .gift-card.expired .code-inner strong,
body.template-gift_card .gift-card.disabled .code-inner strong {
    text-decoration: line-through;
}

body.template-gift_card .show-on-print {
    display: none;
}

body.template-gift_card #qr-code {
    display: inline-block;
    vertical-align: middle;
}

body.template-gift_card .apple-wallet {
    text-decoration: none;
}

body.template-gift_card .apple-wallet img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}

@media (max-width: 960px) {
    body.template-gift_card .gift-card .amount {
        font-size: 30px;
        padding: 12px 8px;
    }

    body.template-gift_card .gift-card .tooltip-container {
        top: -30%;
    }

    body.template-gift_card .gift-card .code-outer {
        bottom: 10px;
    }

    body.template-gift_card .gift-card .code-inner strong {
        font-size: 18px;
    }
}

@media print {

    body.template-gift_card .section-announcement-bar,
    body.template-gift_card .section-header,
    body.template-gift_card .section-footer {
        display: none;
    }

    body.template-gift_card .main .layout {
        text-align: center;
    }

    body.template-gift_card .gift-card .amount {
        font-size: 50px;
        -webkit-print-color-adjust: exact;
    }

    body.template-gift_card .hide-on-print {
        display: none;
    }

    body.template-gift_card .show-on-print {
        display: block;
    }
}

/* Footer */
.footer {
    max-width: calc(var(--page-max-width) - var(--page-padding) * 2);
    margin: var(--page-padding) auto 0;
    background: var(--color-footer-top-bg);
}

.footer.collapsed {
    margin-top: 0;
}

.footer .top {
    background: var(--color-footer-top-bg);
    padding: var(--page-padding);
    display: flex;
    justify-content: space-between;
    gap: var(--page-padding);
}

@media (min-width: 620px) {
    .footer .top {
        display: grid;
    }

    .footer .top {
        grid-template-columns: repeat(2, calc((100% - var(--page-padding)) / 2));
    }
}

@media (min-width: 960px) {
    .footer .top {
        display: grid;
    }

    .footer .top.blocks-1 {
        grid-template-columns: 1fr;
    }

    .footer .top.blocks-2 {
        grid-template-columns: repeat(2, calc((100% - var(--page-padding)) / 2));
    }

    .footer .top.blocks-3 {
        grid-template-columns: repeat(3, calc((100% - 2 * var(--page-padding)) / 3));
    }

    .footer .top.blocks-4 {
        grid-template-columns: repeat(4, calc((100% - 3 * var(--page-padding)) / 4));
    }

    .footer .top.blocks-5 {
        grid-template-columns: repeat(5, calc((100% - 4 * var(--page-padding)) / 5));
    }
}

.footer .top .col {
    width: 100%;
}

.footer .top .col.right {
    text-align: right;
}

.footer .top .col.right .connect {
    justify-content: flex-end;
}

.footer .top .col.center {
    text-align: center;
}

.footer .top .col.center .connect {
    justify-content: center;
}

.footer .top .col h1 {
    word-break: break-word;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    line-height: calc(20px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-footer-top-accent);
    margin: 0 0 15px;
}

.footer .top .col .rte p,
.footer .top .col p,
.footer .top .col li {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(24px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-footer-top-text);
    text-transform: none;
}

.footer .top .col .rte p a,
.footer .top .col p a,
.footer .top .col li a {
    color: var(--color-footer-top-text);
    text-decoration: none;
}

.footer .top .col .rte p a:hover,
.footer .top .col p a:hover,
.footer .top .col li a:hover {
    text-decoration: underline;
    border-bottom: 0;
}

.footer .top .col .rte p.connect,
.footer .top .col p.connect,
.footer .top .col li.connect {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer .top .col .rte p.connect a,
.footer .top .col p.connect a,
.footer .top .col li.connect a {
    color: var(--color-footer-top-text);
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.footer .top .col .rte p.connect a i.fc,
.footer .top .col p.connect a i.fc,
.footer .top .col li.connect a i.fc,
.footer .top .col .rte p.connect a svg.fc,
.footer .top .col p.connect a svg.fc,
.footer .top .col li.connect a svg.fc {
    font-size: calc(34px * var(--font-base-scale));
}

.footer .top .col .rte p.connect a:hover,
.footer .top .col p.connect a:hover,
.footer .top .col li.connect a:hover {
    color: var(--color-footer-top-text-lg-10);
}

.footer .top .col .rte p.success,
.footer .top .col p.success,
.footer .top .col li.success {
    color: var(--color-footer-top-text);
}

.footer .top .col .rte p {
    margin-bottom: 0;
}

.footer .top .col ul {
    list-style-type: none;
}

.footer .top .col ul li {
    margin: 0 0 4px;
}

.footer .bottom {
    color: var(--color-footer-btm-text);
    background: var(--color-footer-btm-bg);
    padding: var(--page-padding);
    /* display: flex; */
    flex-direction: row;
}

.footer .bottom .left,
.footer .bottom .right {
    flex-grow: 1;
    align-self: center;
}

.footer .bottom .left {
    text-align: left;
}

.footer .bottom .right {
    text-align: right;
}

.footer .bottom .text {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-footer-btm-text);
}

.footer .bottom .text a {
    color: var(--color-footer-btm-text);
    text-decoration: none;
}

.footer .bottom .text a:hover {
    color: var(--color-footer-btm-text-adaptative);
}

.footer .bottom .cards {
    margin: 0 0 10px;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
}

.footer .bottom .cards svg {
    width: 50px;
    height: 32px;
    display: block;
    margin: 1px;
    order: 99;
}

.footer .bottom .cards svg[aria-labelledby=pi-visa] {
    order: 1;
}

.footer .bottom .cards svg[aria-labelledby=pi-apple_pay] {
    order: 2;
}

.footer .bottom .cards svg[aria-labelledby=pi-google_pay] {
    order: 3;
}

.footer .bottom .cards svg[aria-labelledby=pi-shopify_pay] {
    order: 4;
}

.footer .bottom .cards svg[aria-labelledby=pi-paypal] {
    order: 5;
}

.footer .bottom .cards svg[aria-labelledby=pi-amex] {
    order: 6;
}

.footer .bottom .cards svg[aria-labelledby=pi-mastercard] {
    order: 7;
}

.footer .bottom .disclosures {
    display: flex;
    flex-flow: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.footer .bottom .disclosures .disclosure {
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
    color: var(--color-footer-btm-text);
}

.footer .bottom .disclosures .disclosure .disclosure__toggle {
    color: var(--color-footer-btm-text);
    border-color: var(--color-footer-btm-text);
    background: transparent;
}

.footer .bottom .disclosures .disclosure .disclosure__toggle svg {
    fill: var(--color-footer-btm-text);
}

.footer .bottom .disclosures .disclosure .disclosure__toggle:hover,
.footer .bottom .disclosures .disclosure .disclosure__toggle[aria-expanded="true"] {
    color: var(--color-footer-btm-text-adaptative);
    border-color: var(--color-footer-btm-text-adaptative);
}

.footer .bottom .disclosures .disclosure .disclosure__toggle:hover svg,
.footer .bottom .disclosures .disclosure .disclosure__toggle[aria-expanded="true"] svg {
    fill: var(--color-footer-btm-text-adaptative);
}

.footer .bottom .disclosures .disclosure .disclosure__list {
    background-color: var(--color-footer-btm-bg);
    border-color: var(--color-footer-btm-text);
    right: 0;
	width: max-content;
	width: -moz-max-content;
}

.footer .bottom .disclosures .disclosure .disclosure__list li {
    text-align: right;
}

.footer .bottom .disclosures .disclosure .disclosure__list li a {
    color: var(--color-footer-btm-text);
}

.footer .bottom .disclosures .disclosure .disclosure__list li a:hover {
    color: var(--color-footer-btm-text-adaptative);
    border-color: transparent;
}

.footer .bottom .disclosures .disclosure .disclosure__list li.disclosure-list__item--current a {
    border-color: var(--color-footer-btm-text);
}

@media (max-width: 960px) {
    .footer .top {
        flex-wrap: wrap;
        padding: calc(var(--page-padding) * 2) var(--page-padding);
    }

    .footer .top .col.right {
        text-align: left;
    }

    .footer .top .col.right .connect {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .footer .top {
        flex-direction: column;
    }

    .footer .top .col {
        float: none;
        width: 100% !important;
    }

    .footer .top .col h1 {
        font-size: 18px;
        line-height: 25px;
    }

    .footer .top .col .rte p,
    .footer .top .col p,
    .footer .top .col li {
        color: var(--color-footer-top-text);
        font-size: calc(16px * var(--font-base-scale));
        line-height: calc(24px * var(--font-base-scale));
    }

    .footer .top .col .rte p.connect a,
    .footer .top .col p.connect a,
    .footer .top .col li.connect a {
        color: var(--color-footer-top-text);
    }

    .footer .top .col ul li {
        margin: 0 0 8px;
    }

    .footer .bottom {
        flex-direction: column;
    }

    .footer .bottom .left,
    .footer .bottom .right {
        flex-basis: 100%;
        width: 100%;
        text-align: left;
    }

    .footer .bottom .right .text {
        margin-top: 4px;
    }

    .footer .bottom .text .powered {
        display: block;
        margin-top: 4px;
    }

    .footer .bottom.with-selectors {
        padding: var(--page-padding) calc(var(--page-padding) * 2) calc(var(--page-padding) * 2);
    }

    .footer .bottom.with-selectors .left,
    .footer .bottom.with-selectors .right {
        text-align: center;
    }

    .footer .bottom.with-selectors .left {
        order: 2;
    }

    .footer .bottom.with-selectors .right {
        order: 1;
    }

    .footer .bottom .disclosures {
        margin: 20px 0;
        justify-content: center;
    }

    .footer .bottom .disclosures .disclosure .disclosure__list {
        right: inherit;
    }

    .footer .bottom .disclosures .disclosure .disclosure__list li {
        text-align: left;
        white-space: normal;
    }

    .footer .bottom .cards {
        width: 80%;
        justify-content: center;
        margin: 0 auto 10px;
    }

    .footer .bottom .cards svg {
        margin-bottom: 10px;
    }
}

/* Password */
.template-password .main {
    z-index: auto;
}

.template-password .side-nav,
.template-password .side-cart,
.template-password .search-overlay {
    display: none;
}

.template-password .content {
    margin-bottom: var(--page-padding) !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.template-password .content .table {
    width: 100%;
    height: 100%;
}

.template-password .content .table .row {
    text-align: center;
    padding: var(--page-padding);
}

.template-password .content .table .row .landing>div:first-child {
    margin-top: 0;
}

.template-password .content .table .row .landing>div:last-child {
    margin-bottom: 0;
}

.template-password .content .table .row .login {
    display: none;
}

.template-password .content .table .row .login h4 {
    padding-top: 0;
}

.template-password .content .table .row a.logo {
    text-decoration: none;
}

.template-password .content .table .row a.logo h1 {
    margin-bottom: 20px;
}

.template-password .content .table .row a.logo h1 img {
    margin: 0 auto;
}

.template-password .content .table .row h2 {
    margin: 15px 0 20px;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(65px * var(--font-header-scale));
    line-height: calc(66px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.template-password .content .table .row h3 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    font-style: italic;
    padding: 0px 0 15px;
}

.template-password .content .table .row h3.success {
    color: var(--color-accent);
}

.template-password .content .table .row h4 {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(18px * var(--font-base-scale));
    line-height: calc(26px * var(--font-base-scale));
    color: var(--color-body-text);
    font-style: italic;
    max-width: 600px;
    margin: 0 auto 20px;
}

.template-password .content .table .row p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    color: var(--color-body-text);
    max-width: 400px;
    margin: -10px auto 20px;
}

.template-password .content .table .row p a {
    text-decoration: underline;
}

.template-password .content .table .row hr {
    margin: 0 auto;
}

.template-password .content .table .row hr.top {
    margin-top: 30px;
    margin-bottom: 30px;
}

.template-password .content .table .row p.connect {
    font-size: 30px;
}

.template-password .content .table .row .banner {
    font-size: 14px;
}

.template-password .content .table .row .banner a {
    text-decoration: none;
}

.template-password .content .table .row .banner a .msshop-svg {
    height: 30px;
    padding: 0 5px;
    position: relative;
    top: 6px;
}

.template-password .content .table .row .banner a span {
    display: none;
}

.template-password .content .table .row .form .inputs {
    max-width: 350px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    gap: 5px;
}

.template-password .content .table .row .form .link {
    margin-top: 20px;
}

.template-password .content .table .row .block-image {
    margin: 30px 0;
}

.template-password .content .table .row .block-image .inner {
    margin: 0 auto;
}

.template-password .content .table .row .block-image img,
.template-password .content .table .row .block-image svg {
    width: 100%;
    height: auto;
}

.template-password .content .table .row .block-image:first-child {
    margin-top: 0;
}

.template-password .content .table .row .block-image:last-child {
    margin-bottom: 0;
}

.template-password .content .table .row .block-newsletter {
    margin: 30px 0;
}

.template-password .content .table .row .block-divider {
    margin: 30px 0;
}

.template-password .content .table .row .block-paragraph .rte {
    margin: 30px auto;
}

.template-password .content .table .row .block-paragraph .rte p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(20px * var(--font-base-scale));
    color: var(--color-body-text);
    margin: 0 auto;
}

.template-password .content .table .row .block-paragraph .rte p a {
    text-decoration: none;
    border-bottom: 1px solid;
}

.template-password .content .table a.btn[data-action] {
    padding: 14px 20px;
}

@media (max-width: 960px) {
    .template-password .content {
        margin-top: var(--page-padding) !important;
    }
}

@media (max-width: 620px) {
    .template-password .main .layout {
        padding: var(--page-padding) 0;
    }

    .template-password .main .layout .content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .template-password .main .layout .content .table .row h1 {
        font-size: var(--header-logo-font-size);
        line-height: var(--header-logo-font-size);
    }

    .template-password .main .layout .content .table .row h2 {
        font-family: var(--font-header-family);
        font-style: var(--font-header-style);
        font-weight: var(--font-header-weight);
        text-transform: var(--font-header-text-transform);
        font-size: calc(55px * var(--font-header-scale));
        line-height: calc(56px * var(--font-header-scale));
        color: var(--color-body-text);
    }

    .template-password .main .layout .content .table .row .block-image,
    .template-password .main .layout .content .table .row .block-newsletter,
    .template-password .main .layout .content .table .row .block-divider,
    .template-password .main .layout .content .table .row .block-paragraph {
        margin: 20px 0;
    }

    .template-password .main .layout .content .form .inputs {
        flex-direction: column;
        gap: 10px;
        max-width: 80%;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(16px * var(--font-header-scale));
    color: var(--color-body-text);
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: var(--color-body-text);
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: var(--color-body-text);
}

.mfp-preloader a:hover {
    color: var(--color-body-text-lg-20);
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(28px * var(--font-header-scale));
    color: var(--color-body-text);
    color: var(--color-body-text-neg);
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: zoom-out;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-bg {
    background-color: var(--color-section-bg);
}

.mfp-bg.mfp-fade {
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, 0.3s 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, ease-out 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.mfp-bg.mfp-fade.mfp-ready {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-bg.mfp-fade.mfp-removing {
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, 0.3s 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, ease-out 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, 0.3s 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, ease-out 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing {
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, 0.3s 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s, ease-out 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0s;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-fade.mfp-wrap.mfp-removing button {
    opacity: 0;
}

.mfp-counter {
    display: none;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: zoom-out;
}

.mfp-figure:after {
    box-shadow: none;
    background: none;
}

button.mfp-close {
    margin: 30px;
    font-size: em(40px);
    font-weight: 300px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: var(--color-body-text);
}

button.mfp-arrow {
    top: 0;
    height: 100%;
    width: 20%;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

button.mfp-arrow:after,
button.mfp-arrow .mfp-a {
    display: none;
}

button.mfp-arrow:before,
button.mfp-arrow .mfp-b {
    display: none;
}

button.mfp-arrow:active {
    margin-top: 0;
}

.mfp-chevron {
    position: absolute;
    pointer-events: none;
}

.mfp-chevron:before {
    content: '';
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 25px;
    width: 25px;
    border-style: solid;
    border-width: 4px 4px 0 0;
    transform: rotate(-45deg);
}

.mfp-chevron.mfp-chevron-right {
    right: 55px;
}

.mfp-chevron.mfp-chevron-right:before {
    transform: rotate(45deg);
}

.mfp-chevron.mfp-chevron-left {
    left: 55px;
}

.mfp-chevron.mfp-chevron-left:before {
    transform: rotate(-135deg);
}

/* Whole */
.one-whole {
    width: 100%;
}

/* Halves */
.one-half {
    width: 50%;
}

/* Thirds */
.one-third {
    width: 33.3333333333%;
}

.two-thirds {
    width: 66.6666666667%;
}

/* Quarters */
.one-quarter {
    width: 25%;
}

.two-quarters {
    width: 50%;
}

.three-quarters {
    width: 75%;
}

/* Fifths */
.one-fifth {
    width: 20%;
}

.two-fifths {
    width: 40%;
}

.three-fifths {
    width: 60%;
}

.four-fifths {
    width: 80%;
}

/* Sixths */
.one-sixth {
    width: 16.6666666667%;
}

.two-sixths {
    width: 33.3333333333%;
}

.three-sixths {
    width: 50%;
}

.four-sixths {
    width: 66.6666666667%;
}

.five-sixths {
    width: 83.3333333333%;
}

/* Eighths */
.one-eighth {
    width: 12.5%;
}

.two-eighths {
    width: 25%;
}

.three-eighths {
    width: 37.5%;
}

.four-eighths {
    width: 50%;
}

.five-eighths {
    width: 62.5%;
}

.six-eighths {
    width: 75%;
}

.seven-eighths {
    width: 87.5%;
}

/* Tenths */
.one-tenth {
    width: 10%;
}

.two-tenths {
    width: 20%;
}

.three-tenths {
    width: 30%;
}

.four-tenths {
    width: 40%;
}

.five-tenths {
    width: 50%;
}

.six-tenths {
    width: 60%;
}

.seven-tenths {
    width: 70%;
}

.eight-tenths {
    width: 80%;
}

.nine-tenths {
    width: 90%;
}

/* Twelfths */
.one-twelfth {
    width: 8.3333333333%;
}

.two-twelfths {
    width: 16.6666666667%;
}

.three-twelfths {
    width: 25%;
}

.four-twelfths {
    width: 33.3333333333%;
}

.five-twelfths {
    width: 41.6666666667%;
}

.six-twelfths {
    width: 50%;
}

.seven-twelfths {
    width: 58.3333333333%;
}

.eight-twelfths {
    width: 66.6666666667%;
}

.nine-twelfths {
    width: 75%;
}

.ten-twelfths {
    width: 83.3333333333%;
}

.eleven-twelfths {
    width: 91.6666666667%;
}

@media only screen and (max-width: 619px) {

    /* Whole */
    .small--one-whole {
        width: 100%;
    }

    /* Halves */
    .small--one-half {
        width: 50%;
    }

    /* Thirds */
    .small--one-third {
        width: 33.3333333333%;
    }

    .small--two-thirds {
        width: 66.6666666667%;
    }

    /* Quarters */
    .small--one-quarter {
        width: 25%;
    }

    .small--two-quarters {
        width: 50%;
    }

    .small--three-quarters {
        width: 75%;
    }

    /* Fifths */
    .small--one-fifth {
        width: 20%;
    }

    .small--two-fifths {
        width: 40%;
    }

    .small--three-fifths {
        width: 60%;
    }

    .small--four-fifths {
        width: 80%;
    }

    /* Sixths */
    .small--one-sixth {
        width: 16.6666666667%;
    }

    .small--two-sixths {
        width: 33.3333333333%;
    }

    .small--three-sixths {
        width: 50%;
    }

    .small--four-sixths {
        width: 66.6666666667%;
    }

    .small--five-sixths {
        width: 83.3333333333%;
    }

    /* Eighths */
    .small--one-eighth {
        width: 12.5%;
    }

    .small--two-eighths {
        width: 25%;
    }

    .small--three-eighths {
        width: 37.5%;
    }

    .small--four-eighths {
        width: 50%;
    }

    .small--five-eighths {
        width: 62.5%;
    }

    .small--six-eighths {
        width: 75%;
    }

    .small--seven-eighths {
        width: 87.5%;
    }

    /* Tenths */
    .small--one-tenth {
        width: 10%;
    }

    .small--two-tenths {
        width: 20%;
    }

    .small--three-tenths {
        width: 30%;
    }

    .small--four-tenths {
        width: 40%;
    }

    .small--five-tenths {
        width: 50%;
    }

    .small--six-tenths {
        width: 60%;
    }

    .small--seven-tenths {
        width: 70%;
    }

    .small--eight-tenths {
        width: 80%;
    }

    .small--nine-tenths {
        width: 90%;
    }

    /* Twelfths */
    .small--one-twelfth {
        width: 8.3333333333%;
    }

    .small--two-twelfths {
        width: 16.6666666667%;
    }

    .small--three-twelfths {
        width: 25%;
    }

    .small--four-twelfths {
        width: 33.3333333333%;
    }

    .small--five-twelfths {
        width: 41.6666666667%;
    }

    .small--six-twelfths {
        width: 50%;
    }

    .small--seven-twelfths {
        width: 58.3333333333%;
    }

    .small--eight-twelfths {
        width: 66.6666666667%;
    }

    .small--nine-twelfths {
        width: 75%;
    }

    .small--ten-twelfths {
        width: 83.3333333333%;
    }

    .small--eleven-twelfths {
        width: 91.6666666667%;
    }

    .small--text-left {
        text-align: left !important;
    }

    .small--text-right {
        text-align: right !important;
    }

    .small--text-center {
        text-align: center !important;
    }
}

@media only screen and (min-width: 620px) {

    /* Whole */
    .medium-up--one-whole {
        width: 100%;
    }

    /* Halves */
    .medium-up--one-half {
        width: 50%;
    }

    /* Thirds */
    .medium-up--one-third {
        width: 33.3333333333%;
    }

    .medium-up--two-thirds {
        width: 66.6666666667%;
    }

    /* Quarters */
    .medium-up--one-quarter {
        width: 25%;
    }

    .medium-up--two-quarters {
        width: 50%;
    }

    .medium-up--three-quarters {
        width: 75%;
    }

    /* Fifths */
    .medium-up--one-fifth {
        width: 20%;
    }

    .medium-up--two-fifths {
        width: 40%;
    }

    .medium-up--three-fifths {
        width: 60%;
    }

    .medium-up--four-fifths {
        width: 80%;
    }

    /* Sixths */
    .medium-up--one-sixth {
        width: 16.6666666667%;
    }

    .medium-up--two-sixths {
        width: 33.3333333333%;
    }

    .medium-up--three-sixths {
        width: 50%;
    }

    .medium-up--four-sixths {
        width: 66.6666666667%;
    }

    .medium-up--five-sixths {
        width: 83.3333333333%;
    }

    /* Eighths */
    .medium-up--one-eighth {
        width: 12.5%;
    }

    .medium-up--two-eighths {
        width: 25%;
    }

    .medium-up--three-eighths {
        width: 37.5%;
    }

    .medium-up--four-eighths {
        width: 50%;
    }

    .medium-up--five-eighths {
        width: 62.5%;
    }

    .medium-up--six-eighths {
        width: 75%;
    }

    .medium-up--seven-eighths {
        width: 87.5%;
    }

    /* Tenths */
    .medium-up--one-tenth {
        width: 10%;
    }

    .medium-up--two-tenths {
        width: 20%;
    }

    .medium-up--three-tenths {
        width: 30%;
    }

    .medium-up--four-tenths {
        width: 40%;
    }

    .medium-up--five-tenths {
        width: 50%;
    }

    .medium-up--six-tenths {
        width: 60%;
    }

    .medium-up--seven-tenths {
        width: 70%;
    }

    .medium-up--eight-tenths {
        width: 80%;
    }

    .medium-up--nine-tenths {
        width: 90%;
    }

    /* Twelfths */
    .medium-up--one-twelfth {
        width: 8.3333333333%;
    }

    .medium-up--two-twelfths {
        width: 16.6666666667%;
    }

    .medium-up--three-twelfths {
        width: 25%;
    }

    .medium-up--four-twelfths {
        width: 33.3333333333%;
    }

    .medium-up--five-twelfths {
        width: 41.6666666667%;
    }

    .medium-up--six-twelfths {
        width: 50%;
    }

    .medium-up--seven-twelfths {
        width: 58.3333333333%;
    }

    .medium-up--eight-twelfths {
        width: 66.6666666667%;
    }

    .medium-up--nine-twelfths {
        width: 75%;
    }

    .medium-up--ten-twelfths {
        width: 83.3333333333%;
    }

    .medium-up--eleven-twelfths {
        width: 91.6666666667%;
    }

    .medium-up--text-left {
        text-align: left !important;
    }

    .medium-up--text-right {
        text-align: right !important;
    }

    .medium-up--text-center {
        text-align: center !important;
    }
}

.align--top-middle {
    text-align: center;
}

.align--top-right {
    text-align: right;
}

.align--middle-left {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
}

.align--center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    text-align: center;
}

.align--middle-right {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    text-align: right;
}

.align--bottom-left {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.align--bottom-middle {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    text-align: center;
}

.align--bottom-right {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    text-align: right;
}

/* Collage */
.collage .rte {
    text-align: center;
    margin-bottom: 20px;
}

.collage .cards {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

.collage .cards .card {
    position: relative;
}

.collage .cards .card.show-border {
    border: 1px solid var(--color-body-text-very-light);
}

.collage .cards .card.card-left {
    grid-column: 1 / span 2;
}

.collage .cards .card.card-left:nth-last-child(3) {
    grid-row: 1 / 3;
}

.collage .cards .card.card-right {
    grid-column: 2 / span 2;
}

.collage .cards .card.card-right:nth-child(3) {
    grid-row: 1 / 3;
}

.collage .cards .card:only-child {
    grid-column: 1 / span 3;
    max-width: 100%;
}

.collage .cards .card .card-content {
    height: 100%;
    width: 100%;
}

.collage .cards .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background-color: var(--color-section-bg);
}

.collage .cards .card .placeholder-svg {
    display: block;
    fill: var(--color-body-text-very-light);
}

.collage .cards .card .collection-products {
    margin-left: 0;
    height: 100%;
}

.collage .cards .card .collection-products .collection-product {
    padding-left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.collage .cards .card .collection-products .collection-product .inner {
    height: 100%;
}

.collage .cards .card .collection-products .collection-product .inner .image {
    height: 100%;
}

.collage .cards .card .card-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: var(--color-body-text-very-light);
    color: var(--color-body-text-neg);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(17px * var(--font-base-scale));
    text-align: center;
}

.collage .cards .card .card-info.left {
    text-align: left;
}

.collage .cards .card .card-info.right {
    text-align: right;
}

.collage.show-background .cards .card .placeholder-svg {
    border: 1px solid var(--color-body-text-very-light);
}

@media (max-width: 620px) {
    .collage.mobile-column .cards {
        display: block;
    }

    .collage.mobile-column .cards .card {
        margin-bottom: var(--page-padding);
    }

    .collage.mobile-column .cards .card:last-child {
        margin-bottom: 0;
    }

    .collage.mobile-column .cards .card .card-info {
        padding: 5px;
    }
}

/* Custom content */
.custom-content {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.custom-content>.inner {
    overflow: hidden;
}

.custom-content .blocks {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
}

.custom-content.no-padding .blocks {
    margin-left: calc(var(--page-padding) * -1);
    margin-bottom: calc(var(--page-padding) * -1);
}

.custom-content .custom__item {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: var(--page-padding);
    padding-left: var(--page-padding);
    max-width: 100%;
    z-index: 2;
}

.custom-content .custom__item .collection-grid-item {
    margin-bottom: 0;
}

.custom-content .custom__item-inner {
    position: relative;
    display: block;
    text-align: left;
    max-width: 100%;
}

.custom-content .custom__item-inner--text h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(40px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    word-wrap: break-word;
}

.custom-content .custom__item-inner--text .rte {
    margin-top: 20px;
}

.custom-content .custom__item-inner--text p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(15px * var(--font-base-scale));
    line-height: calc(25px * var(--font-base-scale));
    color: var(--color-body-text);
    text-transform: none;
    margin: 0px 0 20px 2px;
}

.custom-content .custom__item-inner--text p b,
.custom-content .custom__item-inner--text p strong {
    font-weight: var(--font-base-weight-bolder);
}

.custom-content .custom__item-inner--text p a {
    text-decoration: underline;
}

.custom-content .custom__item-inner--text p:last-child {
    margin-bottom: 0;
}

.custom-content .custom__item-inner--video,
.custom-content .custom__item-inner--html {
    display: block;
}

.custom-content .custom__item-inner--image {
    position: relative;
    margin: 0 auto;
}

.custom-content .custom__image {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.custom-content .placeholder-svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 350px;
}

.custom-content .video-wrapper video {
    display: block;
    width: 100%;
    height: auto;
}

.custom-content .external-video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
}

.custom-content .external-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 960px) {
    .custom-content .background {
        left: var(--page-padding);
        bottom: var(--page-padding);
    }
}

/* mcshop Challenge (/challenge) */
.msshop-challenge__container {
    margin: 0 var(--page-padding) !important;
    padding: 40px var(--page-padding) 60px !important;
    max-width: none !important;
    background: var(--color-section-bg);
}

.msshop-challenge__container .msshop-challenge__message {
    margin-bottom: 10px;
}

.msshop-challenge__container .msshop-challenge__error {
    margin: 10px 0;
    font-size: 14px;
}

.msshop-challenge__container .btn.msshop-challenge__button {
    border: 3px solid;
    margin-top: 10px;
}

.msshop-challenge__container .btn.msshop-challenge__button:hover {
    color: var(--color-body-text-lg-20);
    border-color: var(--color-body-text-lg-20);
}

.msshop-challenge__container .btn.msshop-challenge__button:hover:before,
.msshop-challenge__container .btn.msshop-challenge__button:hover:after {
    border-color: var(--color-body-text-lg-20);
}

@media (max-width: 960px) {
    .msshop-challenge__container .btn.msshop-challenge__button {
        width: 304px;
    }
}

/* mcshop Policy pages (/policies/privacy-policy) */
.msshop-policy__container {
    margin: 0 var(--page-padding) !important;
    padding: 0 0 var(--page-padding) !important;
    background: var(--color-policy-container-bg);
    max-width: none !important;
    text-align: left;
}

.msshop-policy__container .msshop-policy__title,
.msshop-policy__container .msshop-policy__body {
    padding: var(--page-padding) var(--page-padding) 0;
    margin: 0 auto;
    max-width: var(--content-max-width);
    text-align: inherit;
}

.msshop-policy__container .msshop-policy__title {
    width: 100%;
}

.msshop-policy__container .msshop-policy__title h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(29px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
    color: var(--color-accent);
    text-decoration: var(--section-headers-text-decoration);
}

.msshop-policy__container .rte h1 {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-header-weight);
    text-transform: var(--font-header-text-transform);
    font-size: calc(34px * var(--font-header-scale));
    color: var(--color-body-text);
    font-weight: var(--font-header-weight-bolder);
}

.header-expanded .msshop-challenge__container,
.header-expanded .msshop-policy__container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Email Marketing confirmation (?) */
.msshop-email-marketing-confirmation__container {
    margin: 0 var(--page-padding) !important;
    padding: 40px 0 60px !important;
    max-width: none !important;
    text-align: center;
    background: var(--color-section-bg);
}

.msshop-email-marketing-confirmation__container h1 {
    display: none;
}

.msshop-email-marketing-confirmation__container p {
    font-family: var(--font-base-family);
    font-style: var(--font-base-style);
    font-weight: var(--font-base-weight);
    font-size: calc(14px * var(--font-base-scale));
    line-height: calc(27px * var(--font-base-scale));
    color: var(--color-body-text);
}

.msshop-email-marketing-confirmation__container a {
    text-decoration: none;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(18px * var(--font-base-scale));
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: transparent;
    border: 3px solid;
    margin: calc(var(--small-padding) * 2) auto 0;
    max-width: none;
}

@media (max-width: 960px) {
    .msshop-email-marketing-confirmation__container {
        margin: 0 20px !important
    }
}

@media (max-width: 620px) {
    .msshop-email-marketing-confirmation__container {
        margin: 0 15px !important
    }
}

#pagination .pagination {
    text-align: center;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#pagination .pager {
    margin: 0;
}

#pagination li {
    display: inline-block;
}

#pagination li>a,
#pagination li>span {
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 2px solid;
    border-color: var(--color-body-text);
    text-align: center !important;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    font-size: calc(15px * var(--font-base-scale));
}

#pagination .pagination .active span {
    background: var(--color-body-text);
    color: var(--color-body-text-neg);
}

#pagination .pagination .disabled {
    display: none;
}

pre {
    overflow: auto;
}
*{
    -WEBkit-tap-highlight-color: transparent;
}