/** Shopify CDN: Minification failed

Line 273:67 Expected identifier but found whitespace
Line 309:67 Expected identifier but found whitespace
Line 345:67 Expected identifier but found whitespace
Line 381:67 Expected identifier but found whitespace
Line 450:28 Expected identifier but found whitespace
Line 459:28 Expected identifier but found whitespace
Line 468:28 Expected identifier but found whitespace
Line 477:28 Expected identifier but found whitespace
Line 486:28 Expected identifier but found whitespace
Line 1928:31 Expected identifier but found whitespace
... and 44 more hidden warnings

**/
/*!
 *  1.2. Reset
*/

.order-table th,
.product-item__price--compare,
.product__price--compare,
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before {
    content: '';
    content: none
}

q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.address-popup:after,
.address-popup:before,
.clearfix:after,
.clearfix:before,
.ie11 .collection--grid:after,
.krown-column-row:after,
.krown-column-row:before,
.krown-tabs .titles:after,
.krown-tabs .titles:before {
    content: " ";
    display: table
}

.address-popup:after,
.clearfix:after,
.ie11 .collection--grid:after,
.krown-column-row:after,
.krown-tabs .titles:after {
    clear: both
}

.hidden {
    display: none
}

.clear {
    clear: both
}

* {
    box-sizing: border-box
}

button,
input {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0
}

button:focus,
button:outline,
input:focus,
input:outline {
    border: none;
    outline: 0
}

/*!
 *  1.3. Mixins
*/

a {
    -webkit-transition: color 150ms linear, background-color 150ms linear, fill 150ms linear, 150ms opacity linear;
    transition: color 150ms linear, background-color 150ms linear, fill 150ms linear, 150ms opacity linear
}

/*!
 *  1.4. Typography
*/

body {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    color: rgba(var(--color-body-txt), 1);
    background: rgba(var(--color-body-bg), 1)
}

@media screen and (min-width:1920px) {
    body {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    body {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    body {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    body {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-form-message,
    #shopify-product-reviews .spr-review-header-byline,
    .alert,
    .announcement__text,
    .blog-tags,
    .body-size-lesser-than-normal,
    .breadcrumb,
    .cart,
    .comment__date,
    .krown-column-container label,
    .lazy-caption,
    .newsletter__text,
    .order-table td,
    .order-table th,
    .password-footer,
    .product-item__reviews,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt: after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product-policies,
    .product__barcode,
    .product__reviews,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product__sku,
    .product__vendor,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .caption,
    .store-availability-information__stock,
    .store-availability-information__stores,
    .testimonial__author-title,
    .variant-quantity {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .spr-form-message,
    #shopify-product-reviews .spr-review-header-byline,
    .alert,
    .announcement__text,
    .blog-tags,
    .body-size-lesser-than-normal,
    .breadcrumb,
    .cart,
    .comment__date,
    .krown-column-container label,
    .lazy-caption,
    .newsletter__text,
    .order-table td,
    .order-table th,
    .password-footer,
    .product-item__reviews,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt: after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product-policies,
    .product__barcode,
    .product__reviews,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product__sku,
    .product__vendor,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .caption,
    .store-availability-information__stock,
    .store-availability-information__stores,
    .testimonial__author-title,
    .variant-quantity {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .spr-form-message,
    #shopify-product-reviews .spr-review-header-byline,
    .alert,
    .announcement__text,
    .blog-tags,
    .body-size-lesser-than-normal,
    .breadcrumb,
    .cart,
    .comment__date,
    .krown-column-container label,
    .lazy-caption,
    .newsletter__text,
    .order-table td,
    .order-table th,
    .password-footer,
    .product-item__reviews,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt: after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product-policies,
    .product__barcode,
    .product__reviews,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product__sku,
    .product__vendor,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .caption,
    .store-availability-information__stock,
    .store-availability-information__stores,
    .testimonial__author-title,
    .variant-quantity {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    #shopify-product-reviews .spr-form-message,
    #shopify-product-reviews .spr-review-header-byline,
    .alert,
    .announcement__text,
    .blog-tags,
    .body-size-lesser-than-normal,
    .breadcrumb,
    .cart,
    .comment__date,
    .krown-column-container label,
    .lazy-caption,
    .newsletter__text,
    .order-table td,
    .order-table th,
    .password-footer,
    .product-item__reviews,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt: after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product-policies,
    .product__barcode,
    .product__reviews,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product__sku,
    .product__vendor,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .caption,
    .store-availability-information__stock,
    .store-availability-information__stores,
    .testimonial__author-title,
    .variant-quantity {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-stack-headings);
    font-weight: var(--font-weight-headings);
    font-style: var(--font-style-headings);
    margin-bottom: 1em
}

@media screen and (min-width:1920px) {
    .hh {
        font-size: calc(52px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .hh {
        font-size: calc(48px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .hh {
        font-size: calc(44px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.1
    }
}

@media screen and (max-width:1023px) {
    .hh {
        font-size: calc(40px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.1
    }
}

@media screen and (max-width:480px) {
    .hh {
        font-size: calc(36px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.1
    }
}

@media screen and (min-width:1920px) {
    .footer-text.footer-text--large .rte,
    .h0,
    .template- #content>div: first-child h1 {
        font-size: calc(38px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .footer-text.footer-text--large .rte,
    .h0,
    .template- #content>div: first-child h1 {
        font-size: calc(35px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .footer-text.footer-text--large .rte,
    .h0,
    .template- #content>div: first-child h1 {
        font-size: calc(32px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (max-width:1023px) {
    .footer-text.footer-text--large .rte,
    .h0,
    .template- #content>div: first-child h1 {
        font-size: calc(28px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (max-width:480px) {
    .footer-text.footer-text--large .rte,
    .h0,
    .template- #content>div: first-child h1 {
        font-size: calc(24px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (min-width:1920px) {
    .h1,
    .testimonial__content,
    h1 {
        font-size: calc(26px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .h1,
    .testimonial__content,
    h1 {
        font-size: calc(25px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .h1,
    .testimonial__content,
    h1 {
        font-size: calc(24px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    .h1,
    .testimonial__content,
    h1 {
        font-size: calc(22px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-review-header-title,
    #spr-form .spr-form-title,
    .faq .toggle__title,
    .h2,
    .template-search .blog--grid .blog-item__title,
    h2 {
        font-size: calc(19px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .spr-review-header-title,
    #spr-form .spr-form-title,
    .faq .toggle__title,
    .h2,
    .template-search .blog--grid .blog-item__title,
    h2 {
        font-size: calc(18px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .spr-review-header-title,
    #spr-form .spr-form-title,
    .faq .toggle__title,
    .h2,
    .template-search .blog--grid .blog-item__title,
    h2 {
        font-size: calc(17px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    #shopify-product-reviews .spr-review-header-title,
    #spr-form .spr-form-title,
    .faq .toggle__title,
    .h2,
    .template-search .blog--grid .blog-item__title,
    h2 {
        font-size: calc(16px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1920px) {
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    .h3,
    .product__price,
    h3 {
        font-size: calc(17px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    .h3,
    .product__price,
    h3 {
        font-size: calc(16px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    .h3,
    .product__price,
    h3 {
        font-size: calc(15px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    .h3,
    .product__price,
    h3 {
        font-size: calc(14px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1920px) {
    .h4,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .title,
    h4,
    h5,
    h6 {
        font-size: calc(16px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .h4,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .title,
    h4,
    h5,
    h6 {
        font-size: calc(15px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .h4,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .title,
    h4,
    h5,
    h6 {
        font-size: calc(14px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    .h4,
    .sidebar__search.predictive-search .sidebar__search-results .search-item .title,
    h4,
    h5,
    h6 {
        font-size: calc(13px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

ol,
p,
ul {
    margin-bottom: 1.5em
}

.blog-header__container>:last-child,
.collection-header__container>:last-child,
.collection-item__header>:last-child,
.heading__content>:last-child,
.list-collections-header__container>:last-child,
.project__header-content>:last-child,
.remove-end-margin>:last-child,
.rte>:last-child,
.search-header__container>:last-child,
.shop-the-look__header>:last-child {
    margin-bottom: 0
}

ul {
    list-style: inside disc
}

ol {
    list-style: inside decimal
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 20px
}

table {
    width: 100%;
    border: 1px solid rgba(var(--color-body-txt-lighten), 1);
    text-align: left
}

table thead h4 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0
}

table tr {
    border-top: 1px solid rgba(var(--color-body-txt-lighten), 1)
}

table thead tr {
    border-top: none
}

.order-table table th,
table .order-table th,
table td,
table th {
    min-height: 41px;
    padding: 10px 14px 8px;
    border-right: 1px solid rgba(var(--color-body-txt-lighten), 1)
}

sub,
sup {
    font-size: .7em;
    line-height: .7em
}

sub {
    vertical-align: bottom
}

sup {
    vertical-align: top
}

.product-item__price--compare,
.product__price--compare,
del {
    text-decoration: line-through
}

small {
    font-size: .85em
}

blockquote {
    line-height: 1.4
}

blockquote:not(:first-child) {
    margin-top: 2em
}

blockquote:not(:last-child) {
    margin-bottom: 2em
}

a {
    color: rgba(var(--color-body-txt), 1);
    text-decoration: none
}

.rte a:not(.button):not(.shopify-challenge__button):not(.shopify-payment-button__button--unbranded) {
    border-bottom: 1px solid
}

.no-touch .rte a:not(.button):not(.shopify-challenge__button):not(.shopify-payment-button__button--unbranded):hover,
.rte a:not(.button):not(.shopify-challenge__button):not(.shopify-payment-button__button--unbranded):focus {
    color: rgba(var(--color-body-accent), 1)
}

.underline-animation {
    line-height: 1.2;
    background-position: 0 calc(1em + (1px * 2));
    background-image: linear-gradient(to right, rgba(var(--color-body-txt), 1), rgba(var(--color-body-txt), 1));
    background-size: 0 1px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all 150ms linear
}

a.selected .underline-animation,
a:focus .underline-animation,
a:hover .underline-animation {
    background-size: 100% 1px
}

.rte a img {
    vertical-align: middle
}

.touch .blog-tags a:hover span,
.touch .sidebar a:hover span,
.touch a:hover .blog-item__title span,
.touch a:hover .product-item__title {
    background-size: 0 !important
}

#shopify-product-reviews .spr-summary-actions-newreview,
#spr-form .spr-button-primary,
.button,
.delete-address a,
.project__text .rte.style-links a,
.shopify-challenge__button,
.shopify-payment-button__button--unbranded {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    font-size: 15px;
    line-height: 53px;
    height: 55px;
    font-weight: var(--font-weight-body-semibold);
    padding: 0 25px;
    border: 2px solid transparent;
    transition: all 150ms linear, width 0s;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0
}

.button--large {
    font-size: 20px;
    height: 70px;
    line-height: 68px;
    padding: 0 50px
}

#spr-form .spr-button-primary,
.button--small,
.delete-address a {
    font-size: 13px;
    height: 50px;
    line-height: 48px;
    border: 1px solid transparent;
    padding: 0 20px
}

#spr-form .spr-button-primary .symbol,
.button--small .symbol,
.delete-address a .symbol {
    top: 7px !important
}

#shopify-product-reviews .spr-summary-actions-newreview,
.button--outline,
.delete-address a {
    border-color: rgba(var(--color-body-txt), 1);
    color: rgba(var(--color-body-txt), 1)
}

#shopify-product-reviews .spr-summary-actions-newreview path,
.button--outline path,
.delete-address a path {
    fill: rgba(var(--color-body-txt), 1);
    transition: all 150ms linear
}

#shopify-product-reviews .no-touch .spr-summary-actions-newreview:not(.button--outline-hover):hover,
#shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):focus,
.button--outline:not(.button--outline-hover):focus,
.delete-address .no-touch a:not(.button--outline-hover):hover,
.delete-address a:not(.button--outline-hover):focus,
.no-touch #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover,
.no-touch .button--outline:not(.button--outline-hover):hover,
.no-touch .delete-address a:not(.button--outline-hover):hover {
    background: rgba(var(--color-body-txt), 1);
    color: rgba(var(--color-body-txt-foreground), 1)
}

#shopify-product-reviews .no-touch .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
#shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):focus path,
.button--outline:not(.button--outline-hover):focus path,
.delete-address .no-touch a:not(.button--outline-hover):hover path,
.delete-address a:not(.button--outline-hover):focus path,
.no-touch #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
.no-touch .button--outline:not(.button--outline-hover):hover path,
.no-touch .delete-address a:not(.button--outline-hover):hover path {
    fill: rgba(var(--color-body-txt-foreground), 1)
}

#shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:focus,
#shopify-product-reviews .no-touch .button--outline-hover.spr-summary-actions-newreview:hover,
.button--outline.button--outline-hover:focus,
.delete-address .no-touch a.button--outline-hover:hover,
.delete-address a.button--outline-hover:focus,
.no-touch #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover,
.no-touch .button--outline.button--outline-hover:hover,
.no-touch .delete-address a.button--outline-hover:hover {
    border-color: rgba(var(--color-body-accent), 1) !important;
    color: rgba(var(--color-body-accent), 1) !important
}

#shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:focus path,
#shopify-product-reviews .no-touch .button--outline-hover.spr-summary-actions-newreview:hover path,
.button--outline.button--outline-hover:focus path,
.delete-address .no-touch a.button--outline-hover:hover path,
.delete-address a.button--outline-hover:focus path,
.no-touch #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover path,
.no-touch .button--outline.button--outline-hover:hover path,
.no-touch .delete-address a.button--outline-hover:hover path {
    fill: rgba(var(--color-body-accent), 1) !important
}

#shopify-product-reviews .disabled.spr-summary-actions-newreview,
.button--outline.disabled,
.delete-address a.disabled {
    opacity: .66;
    border-color: rgba(var(--color-body-txt), .16)
}

#shopify-product-reviews .sidebar .spr-summary-actions-newreview,
.delete-address .sidebar a,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview,
.sidebar .button--outline,
.sidebar .delete-address a {
    border-color: rgba(var(--color-sidebar-txt), 1);
    color: rgba(var(--color-sidebar-txt), 1)
}

#shopify-product-reviews .sidebar .spr-summary-actions-newreview path,
.delete-address .sidebar a path,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview path,
.sidebar .button--outline path,
.sidebar .delete-address a path {
    fill: rgba(var(--color-sidebar-txt), 1)
}

#shopify-product-reviews .no-touch .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):hover,
#shopify-product-reviews .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):focus,
.delete-address .no-touch .sidebar a:not(.button--outline-hover):hover,
.delete-address .sidebar a:not(.button--outline-hover):focus,
.no-touch .sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover,
.no-touch .sidebar .button--outline:not(.button--outline-hover):hover,
.no-touch .sidebar .delete-address a:not(.button--outline-hover):hover,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):focus,
.sidebar .button--outline:not(.button--outline-hover):focus,
.sidebar .delete-address a:not(.button--outline-hover):focus {
    background: rgba(var(--color-sidebar-txt), 1);
    color: rgba(var(--color-sidebar-txt-foreground), 1)
}

#shopify-product-reviews .no-touch .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
#shopify-product-reviews .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):focus path,
.delete-address .no-touch .sidebar a:not(.button--outline-hover):hover path,
.delete-address .sidebar a:not(.button--outline-hover):focus path,
.no-touch .sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
.no-touch .sidebar .button--outline:not(.button--outline-hover):hover path,
.no-touch .sidebar .delete-address a:not(.button--outline-hover):hover path,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):focus path,
.sidebar .button--outline:not(.button--outline-hover):focus path,
.sidebar .delete-address a:not(.button--outline-hover):focus path {
    fill: rgba(var(--color-sidebar-txt-foreground), 1)
}

#shopify-product-reviews .no-touch .sidebar .button--outline-hover.spr-summary-actions-newreview:hover,
#shopify-product-reviews .sidebar .button--outline-hover.spr-summary-actions-newreview:focus,
.delete-address .no-touch .sidebar a.button--outline-hover:hover,
.delete-address .sidebar a.button--outline-hover:focus,
.no-touch .sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover,
.no-touch .sidebar .button--outline.button--outline-hover:hover,
.no-touch .sidebar .delete-address a.button--outline-hover:hover,
.sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:focus,
.sidebar .button--outline.button--outline-hover:focus,
.sidebar .delete-address a.button--outline-hover:focus {
    border-color: rgba(var(--color-sidebar-accent), 1) !important;
    color: rgba(var(--color-sidebar-accent), 1) !important
}

#shopify-product-reviews .no-touch .sidebar .button--outline-hover.spr-summary-actions-newreview:hover path,
#shopify-product-reviews .sidebar .button--outline-hover.spr-summary-actions-newreview:focus path,
.delete-address .no-touch .sidebar a.button--outline-hover:hover path,
.delete-address .sidebar a.button--outline-hover:focus path,
.no-touch .sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover path,
.no-touch .sidebar .button--outline.button--outline-hover:hover path,
.no-touch .sidebar .delete-address a.button--outline-hover:hover path,
.sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:focus path,
.sidebar .button--outline.button--outline-hover:focus path,
.sidebar .delete-address a.button--outline-hover:focus path {
    fill: rgba(var(--color-sidebar-accent), 1) !important
}

#shopify-product-reviews .sidebar .disabled.spr-summary-actions-newreview,
.delete-address .sidebar a.disabled,
.sidebar #shopify-product-reviews .disabled.spr-summary-actions-newreview,
.sidebar .button--outline.disabled,
.sidebar .delete-address a.disabled {
    border-color: rgba(var(--color-sidebar-txt), .16)
}

#spr-form .spr-button-primary,
.button--solid,
.project__text .rte.style-links a,
.shopify-challenge__button,
.shopify-payment-button__button--unbranded {
    background: rgba(var(--color-body-txt), 1);
    color: rgba(var(--color-body-txt-foreground), 1)
}

#spr-form .spr-button-primary path,
.button--solid path,
.project__text .rte.style-links a path,
.shopify-challenge__button path,
.shopify-payment-button__button--unbranded path {
    fill: rgba(var(--color-body-txt-foreground), 1)
}

#spr-form .no-touch .spr-button-primary:hover,
#spr-form .spr-button-primary:focus,
.button--solid:focus,
.no-touch #spr-form .spr-button-primary:hover,
.no-touch .button--solid:hover,
.no-touch .project__text .rte.style-links a:hover,
.no-touch .shopify-challenge__button:hover,
.project__text .rte.style-links .no-touch a:hover,
.project__text .rte.style-links a:focus,
.shopify-challenge__button:focus,
.shopify-payment-button__button--unbranded:focus {
    border-color: transparent;
    color: rgba(var(--color-body-accent-foreground), 1) !important
}

#spr-form .no-touch .spr-button-primary:hover path,
#spr-form .spr-button-primary:focus path,
.button--solid:focus path,
.no-touch #spr-form .spr-button-primary:hover path,
.no-touch .button--solid:hover path,
.no-touch .project__text .rte.style-links a:hover path,
.no-touch .shopify-challenge__button:hover path,
.no-touch .shopify-payment-button__button--unbranded:hover path,
.project__text .rte.style-links .no-touch a:hover path,
.project__text .rte.style-links a:focus path,
.shopify-challenge__button:focus path,
.shopify-payment-button__button--unbranded:focus path {
    fill: rgba(var(--color-body-accent-foreground), 1) !important
}

#spr-form .spr-button-primary svg,
.button--solid svg,
.project__text .rte.style-links a svg,
.shopify-challenge__button svg,
.shopify-payment-button__button--unbranded svg {
    position: relative;
    top: 6px;
    margin-left: 17px
}

#spr-form .sidebar .spr-button-primary,
.project__text .rte.style-links .sidebar a,
.sidebar #spr-form .spr-button-primary,
.sidebar .button--solid,
.sidebar .project__text .rte.style-links a,
.sidebar .shopify-challenge__button,
.sidebar .shopify-payment-button__button--unbranded {
    background: rgba(var(--color-sidebar-txt), 1);
    color: rgba(var(--color-sidebar-txt-foreground), 1)
}

#spr-form .sidebar .spr-button-primary path,
.project__text .rte.style-links .sidebar a path,
.sidebar #spr-form .spr-button-primary path,
.sidebar .button--solid path,
.sidebar .project__text .rte.style-links a path,
.sidebar .shopify-challenge__button path,
.sidebar .shopify-payment-button__button--unbranded path {
    fill: rgba(var(--color-sidebar-txt-foreground), 1)
}

#spr-form .no-touch .sidebar .spr-button-primary:hover,
#spr-form .sidebar .spr-button-primary:focus,
.no-touch .sidebar #spr-form .spr-button-primary:hover,
.no-touch .sidebar .button--solid:hover,
.no-touch .sidebar .project__text .rte.style-links a:hover,
.no-touch .sidebar .shopify-challenge__button:hover,
.no-touch .sidebar .shopify-payment-button__button--unbranded:hover,
.project__text .rte.style-links .no-touch .sidebar a:hover,
.project__text .rte.style-links .sidebar a:focus,
.sidebar #spr-form .spr-button-primary:focus,
.sidebar .button--solid:focus,
.sidebar .project__text .rte.style-links a:focus,
.sidebar .shopify-challenge__button:focus,
.sidebar .shopify-payment-button__button--unbranded:focus {
    background: rgba(var(--color-sidebar-accent), 1) !important;
    color: rgba(var(--color-sidebar-accent-foreground), 1) !important
}

#spr-form .no-touch .sidebar .spr-button-primary:hover path,
#spr-form .sidebar .spr-button-primary:focus path,
.no-touch .sidebar #spr-form .spr-button-primary:hover path,
.no-touch .sidebar .button--solid:hover path,
.no-touch .sidebar .project__text .rte.style-links a:hover path,
.no-touch .sidebar .shopify-challenge__button:hover path,
.no-touch .sidebar .shopify-payment-button__button--unbranded:hover path,
.project__text .rte.style-links .no-touch .sidebar a:hover path,
.project__text .rte.style-links .sidebar a:focus path,
.sidebar #spr-form .spr-button-primary:focus path,
.sidebar .button--solid:focus path,
.sidebar .project__text .rte.style-links a:focus path,
.sidebar .shopify-challenge__button:focus path,
.sidebar .shopify-payment-button__button--unbranded:focus path {
    fill: rgba(var(--color-sidebar-accent-foreground), 1) !important
}

.button--wide {
    min-width: 200px
}

input,
select,
textarea {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    font-size: calc(14 / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    transition: all .1s linear;
    border: 1px solid rgba(var(--color-body-txt), .08);
    background: 0 0;
    color: rgba(var(--color-body-txt), 1);
    resize: none;
    height: 55px;
    padding: 3px 12px 0;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: rgba(var(--color-body-txt), 1);
    opacity: .66
}

input:hover,
select:hover,
textarea:hover {
    border-color: rgba(var(--color-body-txt), .16)
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(var(--color-body-txt), .36)
}

input.focus,
select.focus,
textarea.focus {
    outline: auto 5px -webkit-focus-ring-color
}

.krown-column-container>input,
.krown-column-container>select,
.krown-column-container>textarea {
    width: 100%
}

textarea {
    height: 85px;
    padding-top: 15px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

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

.krown-column-container input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    -webkit-box-shadow: 0 0 0 30px rgba(var(--color-body-bg), 1) inset !important
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):-webkit-autofill,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):-webkit-autofill:active,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):-webkit-autofill:focus,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px rgba(var(--color-body-bg), 1) inset !important
}

input[type=checkbox],
input[type=radio] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 9px;
    margin-top: -1px
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: rgba(var(--color-body-txt), 1)
}

select.to-style {
    transition: all .1s linear
}

select.to-style:not(.styled) {
    opacity: 0;
    visibility: hidden
}

select {
    font-size: calc(14px / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    height: 55px;
    width: 100% !important;
    cursor: pointer;
    text-align: left;
    transition: border .1s linear;
    border: 1px solid rgba(var(--color-body-txt), .08);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.regular-select-cover {
    font-size: calc(14px / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    height: 55px;
    width: 100% !important;
    cursor: pointer;
    text-align: left;
    transition: border .1s linear;
    border: 1px solid rgba(var(--color-body-txt), .08)
}

.regular-select-cover.content-opened,
.regular-select-cover:focus,
.regular-select-cover:hover {
    border-color: rgba(var(--color-body-txt), .36);
    outline: 0
}

.regular-select-cover svg {
    position: absolute;
    top: 14px;
    right: 6px
}

.regular-select-cover svg path {
    fill: rgba(var(--color-body-txt), 1);
    transition: all 150ms linear
}

.regular-select-cover select {
    height: 100%;
    width: 100%;
    cursor: default;
    pointer-events: none;
    -webkit-appearance: menulist-button
}

.regular-select-cover option {
    padding: 2px 0
}

.regular-select-inner {
    height: 55px;
    padding: 20px 50px 0 12px;
    cursor: pointer
}

.product__text .regular-select-inner:before {
    content: attr(data-title);
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    background: rgba(var(--color-body-bg), 1);
    top: -6px;
    padding: 0 7px;
    margin-left: -7px;
    color: rgba(var(--color-body-txt), .36)
}

.hide-labels .regular-select-inner:before {
    display: none
}

.regular-select-content {
    width: calc(100% + 2px);
    display: block;
    background: rgba(var(--color-body-bg), 1);
    border: 1px solid rgba(var(--color-body-txt), .08);
    border-top: 0;
    position: absolute;
    top: 53px;
    left: -1px;
    z-index: 999;
    border-top: none;
    overflow-y: auto;
    height: 0;
    transition: border .1s linear
}

.no-touch .regular-select-cover:hover .regular-select-content,
.regular-select-cover:focus .regular-select-content {
    border-color: rgba(var(--color-body-txt), .36)
}

.content-opened .regular-select-content {
    height: auto;
    border-color: rgba(var(--color-body-txt), .36)
}

.regular-select-item {
    display: block;
    height: 40px;
    font-size: calc(13px / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    padding: 14px 12px 0;
    cursor: pointer;
    background: 0 0;
    transition: .1s background linear
}

.no-touch .regular-select-item:hover {
    background: rgba(var(--color-body-bg-darken), 1)
}

.regular-select-item.selected {
    background: rgba(var(--color-body-bg-darken-alt), 1)
}

.regular-select-item.disabled {
    opacity: .16;
    pointer-events: none
}

#shopify-product-reviews .spr-form-message,
.alert {
    display: block;
    line-height: 1.5;
    padding: 14px 20px 12px;
    margin-bottom: 18px;
    margin-bottom: 18px
}

#shopify-product-reviews .spr-form-message strong,
.alert strong {
    text-transform: capitalize
}

#shopify-product-reviews .spr-form-message-error,
.alert--error {
    color: #721c24;
    background-color: #f8d7da
}

#shopify-product-reviews .spr-form-message-success,
.alert--success {
    color: #155724;
    background-color: #d4edda
}

.alert--note {
    color: #856404;
    background-color: #fff3cd
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

/*!
 *  1.5. Vendors
*/

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots,
.slider__dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    font-size: 13px !important
}

div[data-blocks="1"] .flickity-page-dots,
div[data-blocks="1"] .slider__dots {
    display: none
}

.flickity-rtl .flickity-page-dots,
.flickity-rtl .slider__dots {
    direction: rtl
}

.flickity-page-dots .dot,
.slider__dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background-color: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
    position: relative;
    top: 2px
}

.flickity-enabled:not(.is-draggable) .flickity-page-dots,
.flickity-enabled:not(.is-draggable) .slider__dots {
    display: none
}

.flickity-page-dots .dot.is-selected,
.slider__dots .dot.is-selected {
    opacity: 1
}

.flickity-custom-nav {
    margin-top: 50px;
    margin-bottom: -15px;
    display: flex
}

.flickity-custom-nav .prev {
    margin-right: 49px;
    position: relative;
    cursor: pointer
}

.flickity-custom-nav .next {
    margin-left: 24px;
    cursor: pointer
}

.flickity-custom-nav span {
    margin-right: 5px
}

.basicLightbox {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    opacity: .01;
    transition: opacity .4s ease;
    z-index: 1000;
    will-change: opacity
}

.basicLightbox--visible {
    opacity: 1
}

.basicLightbox__placeholder {
    max-width: 100%;
    transform: scale(.9);
    transition: transform .4s ease;
    z-index: 1;
    will-change: transform
}

.basicLightbox__placeholder>iframe:first-child:last-child,
.basicLightbox__placeholder>img:first-child:last-child,
.basicLightbox__placeholder>video:first-child:last-child {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 95%;
    max-height: 95%
}

.basicLightbox__placeholder>iframe:first-child:last-child,
.basicLightbox__placeholder>video:first-child:last-child {
    pointer-events: auto
}

.basicLightbox__placeholder>img:first-child:last-child,
.basicLightbox__placeholder>video:first-child:last-child {
    width: auto;
    height: auto
}

.basicLightbox--iframe .basicLightbox__placeholder,
.basicLightbox--img .basicLightbox__placeholder,
.basicLightbox--video .basicLightbox__placeholder {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.basicLightbox--visible .basicLightbox__placeholder {
    transform: scale(1)
}

.basicLightboxClose {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

/*!
 *  1.6. General Structure
*/

#content-holder {
    display: flex
}

#content-holder:before {
    content: "";
    display: block;
    position: relative;
    width: 20%;
    min-width: 240px;
    max-width: 360px;
    z-index: -1
}

#content-holder #content {
    width: 100%;
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:948px) and (max-width:1023px) {
/*     #content-holder #content {
        width: calc(100% - 240px)
    } */
}

@media screen and (max-width:948px) {
    #content-holder {
        margin-top: 66px
    }
}

.page-section {
    position: relative
}

.page-section.gutter--on {
    padding: 50px
}

.page-action {
    margin-top: 100px
}

.page-wrapper {
    margin-bottom: 100px
}

.template- #content>div:first-child {
    margin-top: 10vw;
    margin-bottom: 10vw
}

.template- #content>div:first-child h1 {
    margin-bottom: 2em;
    text-align: left
}

.centered-section-content,
.newsletter,
.testimonial {
    width: 100%;
    padding-left: 20% !important;
    padding-right: 20% !important
}

@media screen and (max-width:1280px) {
    .centered-section-content,
    .newsletter,
    .testimonial {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media screen and (max-width:648px) {
    .centered-section-content,
    .newsletter,
    .testimonial {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
}

.centered-section-content-margin,
.testimonials__container .flickity-custom-nav {
    margin-left: 20% !important
}

@media screen and (max-width:1280px) {
    .centered-section-content-margin,
    .testimonials__container .flickity-custom-nav {
        margin-left: 100px !important
    }
}

@media screen and (max-width:648px) {
    .centered-section-content-margin,
    .testimonials__container .flickity-custom-nav {
        margin-left: 25px !important
    }
}

#shopify-section-search,
.overflow-hidden {
    overflow: hidden
}

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

img {
    height: auto
}

.symbol {
    width: 24px;
    height: 24px
}

.symbol.symbol--cart {
    height: auto
}

.long-arrow {
    overflow: hidden;
    width: 24px;
    height: 34px;
    display: block;
    position: relative;
    top: -5px;
    right: 0;
    transition: all 150ms linear
}

.long-arrow .symbol {
    width: 34px;
    height: 11px;
    position: absolute;
    top: 10px;
    right: 0
}

.flickity-custom-nav .long-arrow:hover,
.pagination a .long-arrow:hover,
button .long-arrow:hover {
    width: 34px;
    right: -5px
}

.flickity-custom-nav .next .long-arrow,
.pagination .next .long-arrow {
    top: -3px
}

.flickity-custom-nav .next .long-arrow:hover,
.pagination .next .long-arrow:hover {
    right: 5px
}

.flickity-custom-nav .prev .long-arrow,
.pagination .prev .long-arrow {
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    right: auto;
    top: -6px
}

.flickity-custom-nav .prev .long-arrow:hover,
.pagination .prev .long-arrow:hover {
    right: auto;
    left: -5px
}

.onboarding-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.onboarding-svg svg {
    width: 100%;
    height: 100%;
    background: #f9f9f9
}

.onboarding-svg.onboarding-background {
    position: absolute
}

.onboarding-svg.onboarding-background svg {
    position: absolute;
    top: 0;
    left: 0
}

.iframe-holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 40%;
    clear: both
}

.iframe-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-section.gutter--on {
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width:1280px) {
    .content-section.gutter--on {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .content-section.gutter--on {
        padding-left: 25px;
        padding-right: 25px
    }
}

.with-gutter {
    margin-bottom: 100px
}

@media screen and (max-width:948px) {
    .with-gutter {
        margin-bottom: 70px
    }
}

@media screen and (max-width:480px) {
    .with-gutter {
        margin-bottom: 50px
    }
}

#page-content .with-gutter:first-child,
.has-inner-padding+.with-gutter,
.without-gutter+.with-gutter {
    margin-top: 100px
}

@media screen and (max-width:948px) {
    #page-content .with-gutter: first-child,
    .has-inner-padding+.with-gutter,
    .without-gutter+.with-gutter {
        margin-top: 70px
    }
}

@media screen and (max-width:480px) {
    #page-content .with-gutter: first-child,
    .has-inner-padding+.with-gutter,
    .without-gutter+.with-gutter {
        margin-top: 50px
    }
}

.has-inner-padding {
    margin-bottom: 0
}

#page-content .has-inner-padding:last-child {
    margin-bottom: 0
}

.locals__title,
.product__text,
.rich-text__media,
.sidebar__cart .cart__title,
.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

#shopify-section-blog,
#shopify-section-collection {
    margin-bottom: 100px
}

@media screen and (max-width:948px) {
    #shopify-section-blog,
    #shopify-section-collection {
        margin-bottom: 70px
    }
}

@media screen and (max-width:480px) {
    #shopify-section-blog,
    #shopify-section-collection {
        margin-bottom: 50px
    }
}

.toggle__title {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    margin-bottom: 1.5em;
    font-weight: var(--font-weight-body-medium);
    text-transform: uppercase;
    width: 100%;
    position: relative;
    padding-top: 6px;
    cursor: pointer;
    transition: all .1s linear;
    display: block
}

@media screen and (min-width:1920px) {
    .toggle__title {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .toggle__title {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .toggle__title {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    .toggle__title {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.3
    }
}

.toggle__title .symbol {
    content: "+";
    position: absolute;
    right: -7px;
    top: 4px
}

.toggle__title .symbol.symbol--plus {
    display: block
}

.toggle__title .symbol.symbol--minus {
    display: none
}

.toggle__title svg * {
    transition: all .1s linear;
    fill: rgba(var(--color-body-txt), 1)
}

.no-touch .toggle__title:hover,
.toggle__title.focus {
    color: rgba(var(--color-body-accent), 1);
    outline: 0
}

.no-touch .toggle__title:hover svg *,
.toggle__title.focus svg * {
    fill: rgba(var(--color-body-accent), 1)
}

.toggle__title.opened {
    cursor: pointer;
    pointer-events: all
}

.toggle__title.opened .symbol--plus {
    display: none
}

.toggle__title.opened .symbol--minus {
    display: block
}

.toggle__title:last-child {
    margin-bottom: 0
}

.toggle__title+.toggle__content {
    margin-top: -5px;
    padding-bottom: 25px;
    display: none
}

.flickity-page-dots,
.slider__dots {
    left: 50%;
    bottom: 25px;
    width: auto;
    height: 21px;
    background: rgba(var(--color-body-txt), .1);
    padding: 0 4px 0 10px;
    border-radius: 21px;
    transform: translateX(-50%)
}

.flickity-page-dots .dot,
.slider__dots .dot {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-right: 6px;
    margin-left: 0;
    border-radius: 100%;
    transition: background .1s linear;
    cursor: pointer;
    opacity: 1 !important;
    background-color: rgba(var(--color-body-bg), 1) !important;
    top: 4px !important
}

.flickity-page-dots .dot.is-selected,
.slider__dots .dot.is-selected {
    background-color: rgba(var(--color-body-txt), 1) !important
}

#challenge .shopify-challenge__container {
    margin: 120px auto !important
}

.krown-column-container {
    float: left;
    margin-bottom: 20px;
    position: relative;
    padding: 0 10px
}

.krown-column-container.first {
    padding-left: 0
}

.krown-column-container.last {
    padding-right: 0
}

.krown-column-container.last:after {
    content: "";
    clear: both;
    width: 1px;
    height: 0;
    display: block
}

.krown-column-container.one-half {
    width: 50%
}

.krown-column-container.one-third {
    width: 33.33%
}

.krown-column-container.one-whole {
    width: 100%
}

@media screen and (max-width:480px) {
    .krown-column-container {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }
}

.low-dpi {
    display: inline
}

.high-dpi {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-o-min-device-pixel-ratio:13 / 10),
only screen and (min-resolution:120dpi) {
    .low-dpi {
        display: none
    }
    .high-dpi {
        display: inline
    }
}

.krown-column-row .krown-column-container {
    margin-left: 4%
}

.krown-column-container.span4 {
    width: 23%
}

.krown-column-container.span4 {
    width: 30.66%
}

.krown-column-container.span6 {
    width: 48%
}

.krown-column-container.span8 {
    width: 65.33%
}

.krown-column-container.span12 {
    width: 100%
}

.krown-column-container.first {
    margin-left: 0
}

.krown-column-container.align-center {
    text-align: center
}

.krown-column-container.align-right {
    text-align: right
}

.article__content,
.page-content {
    width: 100%;
    padding: 0 100px;
    margin: 100px auto;
    flex: 1
}

@media screen and (min-width:1280px) {
    .article__content,
    .page-content {
        width: 60%;
        padding: 0;
        max-width: 960px;
        margin: 10vw auto
    }
}

.article__content>h1.title,
.footer-text.footer-text--large .template-login .article__content .title.rte,
.footer-text.footer-text--large .template-login .page-content .title.rte,
.page-content>h1.title,
.template- #content>div:first-child .template-login .article__content h1.title,
.template- #content>div:first-child .template-login .page-content h1.title,
.template-login .article__content .footer-text.footer-text--large .title.rte,
.template-login .article__content .h0.title,
.template-login .article__content .template- #content>div:first-child h1.title,
.template-login .page-content .footer-text.footer-text--large .title.rte,
.template-login .page-content .h0.title,
.template-login .page-content .template- #content>div:first-child h1.title {
    margin-bottom: 2em
}

@media screen and (max-width:480px) {
    .article__content>h1.title,
    .footer-text.footer-text--large .template-login .article__content .title.rte,
    .footer-text.footer-text--large .template-login .page-content .title.rte,
    .page-content>h1.title,
    .template- #content>div: first-child .template-login .article__content h1.title,
    .template- #content>div:first-child .template-login .page-content h1.title,
    .template-login .article__content .footer-text.footer-text--large .title.rte,
    .template-login .article__content .h0.title,
    .template-login .article__content .template- #content>div:first-child h1.title,
    .template-login .page-content .footer-text.footer-text--large .title.rte,
    .template-login .page-content .h0.title,
    .template-login .page-content .template- #content>div:first-child h1.title {
        margin-bottom: 1.5em
    }
}

@media screen and (max-width:948px) {
    .article__content,
    .page-content {
        margin: 70px auto
    }
}

@media screen and (max-width:648px) {
    .article__content,
    .page-content {
        width: 100%;
        margin: 50px auto;
        padding: 0 25px
    }
}

@media all and (max-width:480px) {
    .krown-column-row .krown-column-container {
        margin-left: 0 !important
    }
}

.contact-form {
    margin-top: 50px
}

.template-page #content-holder #content {
    overflow: hidden
}

.scrollable-content {
    max-width: 100%;
    overflow-x: scroll
}

.krown-tabs .titles {
    border-bottom: 1px solid rgba(var(--color-body-txt), .036)
}

.krown-tabs .titles h5 {
    display: inline-block;
    margin: auto;
    line-height: 60px;
    color: rgba(var(--color-body-txt), 1);
    padding: 2px 12px 0;
    font-weight: var(--font-weight-body);
    height: 40px;
    line-height: 38px !important;
    cursor: pointer;
    transition: background .2s linear
}

@media screen and (min-width:1920px) {
    .krown-tabs .titles h5 {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .krown-tabs .titles h5 {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .krown-tabs .titles h5 {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    .krown-tabs .titles h5 {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

.krown-tabs .titles h5:hover {
    background: rgba(var(--color-body-txt), .036)
}

.krown-tabs .titles h5.opened {
    background: rgba(var(--color-body-txt), .036) !important;
    cursor: default;
    pointer-events: none
}

.krown-tabs .contents {
    min-height: 200px;
    padding: 12px 12px 0
}

.krown-tabs .contents>div {
    display: none
}

.krown-tabs .contents>div.opened,
.krown-tabs .contents>div:first-child {
    display: block
}

.ie11 .sidebar__search {
    display: none
}

.ie11 .collection--grid {
    display: block !important;
    width: calc(100% + 20px);
    margin-left: -10px
}

.ie11 .collection--grid .product-item {
    float: left;
    width: 25%;
    padding: 0 10px
}

@media all and (max-width:1024px) {
    .ie11 .collection--grid .product-item {
        width: 50%
    }
}

.ie11 .collection__filters.opened,
.ie11 .opened.collection__filters,
.ie11 .opened.localization__filters,
.ie11 .opened.sidebar__cart,
.ie11 .opened.sidebar__search,
.ie11 .opened.sidebar__seconds,
.ie11 .opened.sidebar__thirds,
.ie11 .sidebar__cart.opened,
.ie11 .sidebar__search.opened,
.ie11 .sidebar__submenu.opened {
    visibility: visible;
    overflow-y: scroll;
    background: rgba(var(--color-sidebar-bg), 1);
    max-height: 100vh
}

.ie11 .collection__filters.opened>div,
.ie11 .opened.collection__filters>div,
.ie11 .opened.localization__filters>div,
.ie11 .opened.sidebar__cart>div,
.ie11 .opened.sidebar__search>div,
.ie11 .opened.sidebar__seconds>div,
.ie11 .opened.sidebar__thirds>div,
.ie11 .sidebar__cart.opened>div,
.ie11 .sidebar__search.opened>div,
.ie11 .sidebar__submenu.opened>div {
    height: auto
}

.ie11 .collection__filters.opened>div:after,
.ie11 .opened.collection__filters>div:after,
.ie11 .opened.localization__filters>div:after,
.ie11 .opened.sidebar__cart>div:after,
.ie11 .opened.sidebar__search>div:after,
.ie11 .opened.sidebar__seconds>div:after,
.ie11 .opened.sidebar__thirds>div:after,
.ie11 .sidebar__cart.opened>div:after,
.ie11 .sidebar__search.opened>div:after,
.ie11 .sidebar__submenu.opened>div:after {
    display: none
}

.ie11 .collection__filters .filters,
.ie11 .localization__filters .filters,
.ie11 .localization__filters .locals,
.ie11 .sidebar__cart .cart,
.localization__filters .ie11 .collection__filters .locals {
    overflow: visible;
    height: auto
}

.ie11 .sidebar__cart {
    background: rgba(var(--color-sidebar-bg), 1);
    left: 240px
}

.ie11 #content-holder #content {
    display: block
}

.ie11 .article__content,
.ie11 .page-content {
    flex: auto
}

.ie11 .footer {
    width: 100%
}

.ie11 .collection-header.has-image .blog-header__container,
.ie11 .collection-header.has-image .collection-header__container,
.ie11 .collection-header.has-image .list-collections-header__container,
.ie11 .collection-header.has-image .project__header-content,
.ie11 .collection-header.has-image .search-header__container,
.ie11 .has-image.blog-header .blog-header__container,
.ie11 .has-image.blog-header .collection-header__container,
.ie11 .has-image.blog-header .list-collections-header__container,
.ie11 .has-image.blog-header .project__header-content,
.ie11 .has-image.blog-header .search-header__container,
.ie11 .has-image.list-collections-header .blog-header__container,
.ie11 .has-image.list-collections-header .collection-header__container,
.ie11 .has-image.list-collections-header .list-collections-header__container,
.ie11 .has-image.list-collections-header .project__header-content,
.ie11 .has-image.list-collections-header .search-header__container,
.ie11 .has-image.project__header .blog-header__container,
.ie11 .has-image.project__header .collection-header__container,
.ie11 .has-image.project__header .list-collections-header__container,
.ie11 .has-image.project__header .project__header-content,
.ie11 .has-image.project__header .search-header__container,
.ie11 .has-image.search-header .blog-header__container,
.ie11 .has-image.search-header .collection-header__container,
.ie11 .has-image.search-header .list-collections-header__container,
.ie11 .has-image.search-header .project__header-content,
.ie11 .has-image.search-header .search-header__container {
    position: absolute;
    bottom: 40px
}

.ie11 .collection-header.has-image .collection-filters-handle-holder,
.ie11 .has-image.blog-header .collection-filters-handle-holder,
.ie11 .has-image.list-collections-header .collection-filters-handle-holder,
.ie11 .has-image.project__header .collection-filters-handle-holder,
.ie11 .has-image.search-header .collection-filters-handle-holder {
    position: absolute;
    right: 30px;
    top: auto;
    bottom: 80px
}

.ie11 .product__add-to-cart .add-to-cart__symbol {
    height: 53px
}

.ie11 .product__add-to-cart .add-to-cart__symbol svg {
    top: 0
}

.sidebar__search {
    height: 100vh;
    bottom: 0
}

/*!
 *  2.1. Announcement bar
*/

.announcement {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    z-index: 9999
}

.announcement__text {
    line-height: 1.2;
    text-align: center
}

.announcement__exit {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .1s linear;
    z-index: 9999
}

.announcement__exit svg {
    width: 100%;
    height: 100%
}

.announcement__exit:hover {
    transform: scale(1.15)
}

.disable-transitions {
    transition: none !important
}

#shopify-section-announcement-bar {
    display: none
}

body.show-announcement-bar #shopify-section-announcement-bar {
    display: block
}

@media screen and (min-width:948px) {
    body.show-announcement-bar #collection-filters>div,
    body.show-announcement-bar .collection__filters>div,
    body.show-announcement-bar .localization__filters>div,
    body.show-announcement-bar .sidebar__cart>div,
    body.show-announcement-bar .sidebar__container,
    body.show-announcement-bar .sidebar__search>div,
    body.show-announcement-bar .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__thirds>div {
        padding-top: 120px
    }
    body.show-announcement-bar .collection__filters .localization__filters>div,
    body.show-announcement-bar .collection__filters .sidebar__cart>div,
    body.show-announcement-bar .collection__filters .sidebar__container,
    body.show-announcement-bar .collection__filters .sidebar__search>div,
    body.show-announcement-bar .collection__filters .sidebar__seconds>div,
    body.show-announcement-bar .collection__filters .sidebar__thirds>div,
    body.show-announcement-bar .collection__filters>div,
    body.show-announcement-bar .localization__filters .collection__filters>div,
    body.show-announcement-bar .localization__filters .sidebar__cart>div,
    body.show-announcement-bar .localization__filters .sidebar__container,
    body.show-announcement-bar .localization__filters .sidebar__search>div,
    body.show-announcement-bar .localization__filters .sidebar__seconds>div,
    body.show-announcement-bar .localization__filters .sidebar__thirds>div,
    body.show-announcement-bar .localization__filters>div,
    body.show-announcement-bar .sidebar__cart .collection__filters>div,
    body.show-announcement-bar .sidebar__cart .localization__filters>div,
    body.show-announcement-bar .sidebar__cart .sidebar__container,
    body.show-announcement-bar .sidebar__cart .sidebar__search>div,
    body.show-announcement-bar .sidebar__cart .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__cart .sidebar__thirds>div,
    body.show-announcement-bar .sidebar__cart>div,
    body.show-announcement-bar .sidebar__search .collection__filters>div,
    body.show-announcement-bar .sidebar__search .localization__filters>div,
    body.show-announcement-bar .sidebar__search .sidebar__cart>div,
    body.show-announcement-bar .sidebar__search .sidebar__container,
    body.show-announcement-bar .sidebar__search .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__search .sidebar__thirds>div,
    body.show-announcement-bar .sidebar__search>div,
    body.show-announcement-bar .sidebar__seconds .collection__filters>div,
    body.show-announcement-bar .sidebar__seconds .localization__filters>div,
    body.show-announcement-bar .sidebar__seconds .sidebar__cart>div,
    body.show-announcement-bar .sidebar__seconds .sidebar__container,
    body.show-announcement-bar .sidebar__seconds .sidebar__search>div,
    body.show-announcement-bar .sidebar__seconds .sidebar__thirds>div,
    body.show-announcement-bar .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__submenu .collection__filters>div,
    body.show-announcement-bar .sidebar__submenu .localization__filters>div,
    body.show-announcement-bar .sidebar__submenu .sidebar__cart>div,
    body.show-announcement-bar .sidebar__submenu .sidebar__container,
    body.show-announcement-bar .sidebar__submenu .sidebar__search>div,
    body.show-announcement-bar .sidebar__submenu .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__submenu .sidebar__thirds>div,
    body.show-announcement-bar .sidebar__thirds .collection__filters>div,
    body.show-announcement-bar .sidebar__thirds .localization__filters>div,
    body.show-announcement-bar .sidebar__thirds .sidebar__cart>div,
    body.show-announcement-bar .sidebar__thirds .sidebar__container,
    body.show-announcement-bar .sidebar__thirds .sidebar__search>div,
    body.show-announcement-bar .sidebar__thirds .sidebar__seconds>div,
    body.show-announcement-bar .sidebar__thirds>div {
        padding-top: 0
    }
    body.show-announcement-bar .sidebar__cart .cart {
        padding-top: 40px
    }
    body.show-announcement-bar #content-holder,
    body.show-announcement-bar .collection__filters-close,
    body.show-announcement-bar .localization__filters-close,
    body.show-announcement-bar .sidebar__cart-close,
    body.show-announcement-bar .sidebar__cart-handle,
    body.show-announcement-bar .sidebar__menu-handle,
    body.show-announcement-bar .sidebar__menus-close,
    body.show-announcement-bar .sidebar__search-close,
    body.show-announcement-bar .sidebar__search-handle {
        margin-top: 40px
    }
    body.show-announcement-bar .gallery--slider {
        height: calc(100vh - 40px)
    }
    body.show-announcement-bar .product__text {
        min-height: calc(100vh - 40px)
    }
}

@media screen and (max-width:948px) {
    body.show-announcement-bar .sidebar {
        top: 40px
    }
    body.show-announcement-bar #content-holder {
        margin-top: 106px
    }
    body.show-announcement-bar #collection-filters .collection__filters-close,
    body.show-announcement-bar #collection-filters .localization__filters-close {
        top: 58px;
        right: 30px
    }
}

body.no-transitions * {
    transition: none !important
}

/*!
 *  2.2. Footer
*/

.footer {
    background: rgba(var(--color-footer-bg), 1);
    color: rgba(var(--color-footer-txt), 1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 70px 70px 0
}

.footer a {
    color: rgba(var(--color-footer-txt), 1)
}

.no-touch .footer a:hover {
    color: rgba(var(--color-footer-accent), 1) !important
}

height: 70px .footer a:after {
    background: rgba(var(--color-footer-accent), 1)
}

.footer a:focus {
    color: rgba(var(--color-footer-accent), 1) !important
}

@media screen and (max-width:1280px) {
    .footer {
        padding: 100px 10% 0
    }
}

@media screen and (max-width:948px) {
    .footer {
        padding: 50px 25px
    }
}

.footer-item {
    width: 45%;
    margin-bottom: 50px
}

@media screen and (max-width:648px) {
    .footer-item {
        width: 100%;
        margin-bottom: 50px
    }
    .footer-item:last-child {
        margin-bottom: -25px !important;
        margin-top: 0 !important
    }
}

.footer-item h4 {
    text-transform: uppercase;
    margin-bottom: 50px
}

@media screen and (max-width:948px) {
    .footer-item h4 {
        margin-bottom: 30px
    }
}

.footer-item:first-child:last-child {
    width: 90%;
    margin-bottom: 50px;
    margin-top: -10px
}

.footer-item:last-child:nth-child(3) {
    width: 100%
}

@media screen and (max-width:948px) and (min-width:1920px) {
    .footer-text.footer-text--large .rte {
        font-size: calc(26px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:948px) and (min-width:1280px) and (max-width:1920px) {
    .footer-text.footer-text--large .rte {
        font-size: calc(25px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:948px) and (min-width:1023px) and (max-width:1280px) {
    .footer-text.footer-text--large .rte {
        font-size: calc(24px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:948px) and (max-width:1023px) {
    .footer-text.footer-text--large .rte {
        font-size: calc(22px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

.footer-links span {
    display: block;
    margin-bottom: 15px
}

.footer-links a {
    border-bottom: 1px solid
}

.footer-icons {
    margin-bottom: 32px
}

.footer-copyright {
    margin-bottom: 28px;
    line-height: 1.5;
    margin-top: -5px
}

.footer-newsletter .newsletter__form {
    margin-top: -10px
}

.footer-newsletter .newsletter__input {
    color: rgba(var(--color-footer-txt), 1);
    border-bottom: 1px solid rgba(var(--color-footer-txt), 1)
}

.footer-newsletter .newsletter__input::placeholder {
    color: rgba(var(--color-footer-txt), 1)
}

.footer-newsletter .newsletter__submit path {
    fill: rgba(var(--color-footer-txt), 1)
}

.footer-newsletter .newsletter__submit:focus path,
.no-touch .footer-newsletter .newsletter__submit:hover path {
    fill: rgba(var(--color-footer-accent), 1)
}

#shopify-product-reviews .footer-newsletter .spr-form-message,
.footer-newsletter #shopify-product-reviews .spr-form-message,
.footer-newsletter .alert {
    margin-bottom: 32px
}

#shopify-section-footer .footer-newsletter input[type=email]:-webkit-autofill,
#shopify-section-footer .footer-newsletter input[type=email]:-webkit-autofill:active,
#shopify-section-footer .footer-newsletter input[type=email]:-webkit-autofill:focus,
#shopify-section-footer .footer-newsletter input[type=email]:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px rgba(var(--color-footer-bg), 1) inset !important;
    -webkit-text-fill-color: rgba(var(--color-footer-txt), 1) !important
}

.footer-menus {
    display: flex
}

.footer-menus>div {
    width: 50%
}

.footer-menus span {
    line-height: 1.5
}

.footer-info {
    align-self: flex-end
}

.social-icons {
    height: 40px;
    margin-top: -10px;
    margin-left: -9px;
    display: flex
}

.social-icons a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center
}

.social-icons a .icon {
    display: block;
    width: 23px;
    height: 23px
}

.social-icons a svg {
    width: 23px !important;
    height: 23px !important
}

.social-icons a svg * {
    fill: rgba(var(--color-footer-txt), 1);
    transition: fill 150ms linear
}

.social-icons a:hover svg * {
    fill: rgba(var(--color-footer-accent), 1)
}

/*!
 *  2.4. Announcement bar
*/

#shopify-section-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 250ms linear
}

#shopify-section-popup.active {
    opacity: 1;
    visibility: visible
}

.popup-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.popup-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 620px;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(var(--color-body-bg), 1);
    color: rgba(var(--color-body-txt), 1);
    transform: translateY(50px);
    opacity: 0;
    transition: all .3s linear 50ms;
    z-index: 9;
    overflow: hidden
}

.shopify-section.active .popup-content {
    opacity: 1;
    transform: translateY(0)
}

.popup-form {
    position: relative;
    margin-top: 25px
}

.popup-form .contact-form {
    margin-top: 0
}

.popup-form input[type=email] {
    border-color: rgba(var(--color-body-txt), .36) !important
}

.popup-form input[type=email]:hover {
    border-color: rgba(var(--color-body-txt), .66) !important
}

.popup-form input[type=email]:focus {
    border-color: rgba(var(--color-body-txt), .96) !important
}

.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer
}

.popup-image {
    padding-top: 32.3%;
    width: 100%;
    height: 0;
    position: relative
}

.popup-text {
    padding: 50px
}

.popup-text .rte {
    opacity: .66
}

.popup-title {
    line-height: 1.15
}

.popup-title+.rte {
    margin-top: 25px
}

.popup-content .footer-content {
    margin-top: 35px
}

@media screen and (max-width:948px) {
    #shopify-section-popup {
        align-items: flex-end
    }
    .popup-content {
        max-width: 100%
    }
    .popup-text {
        padding: 25px;
        width: 100%
    }
    .popup-image {
        display: none
    }
}

/*!
 *  2.3. Sidebar
*/

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 20%;
    min-width: 240px;
    max-width: 360px;
    z-index: 999;
    transform: translate3d(0, 0, 0);
    height: 100%
}

.sidebar.no-transforms {
    transform: translate3d(0, 0, 0) !important
}

.collection__filters>div,
.localization__filters>div,
.sidebar__cart>div,
.sidebar__container,
.sidebar__search>div,
.sidebar__seconds>div,
.sidebar__thirds>div {
    width: 100%;
    background: rgba(var(--color-sidebar-bg), 1);
    color: rgba(var(--color-sidebar-txt), 1);
    padding: 80px 0 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 99999;
    background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
}

.collection__filters>div:after,
.localization__filters>div:after,
.sidebar__cart>div:after,
.sidebar__container:after,
.sidebar__search>div:after,
.sidebar__seconds>div:after,
.sidebar__thirds>div:after {
    height: calc(100%);
    border-left: 1px solid rgba(var(--color-sidebar-bg-darken), 1);
    position: absolute;
    width: 100%;
    display: block;
    content: "";
    background: inherit;
    left: -1px;
    z-index: 1;
    margin-top: 0;
    visibility: hidden
}

.collection__filters>div>*,
.localization__filters>div>*,
.sidebar__cart>div>*,
.sidebar__container>*,
.sidebar__search>div>*,
.sidebar__seconds>div>*,
.sidebar__thirds>div>* {
    z-index: 9
}

.collection__filters>div ul,
.localization__filters>div ul,
.sidebar__cart>div ul,
.sidebar__container ul,
.sidebar__search>div ul,
.sidebar__seconds>div ul,
.sidebar__thirds>div ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.collection__filters>div ul li,
.localization__filters>div ul li,
.sidebar__cart>div ul li,
.sidebar__container ul li,
.sidebar__search>div ul li,
.sidebar__seconds>div ul li,
.sidebar__thirds>div ul li {
    margin: 0;
    padding: 0
}

.logo {
    margin: 10px 0 60px;
    padding: 0 14%
}

.logo a {
    display: inline-block;
    position: relative;
    border: none;
    color: rgba(var(--color-sidebar-txt), 1) !important
}

.logo__text {
    font-weight: var(--font-weight-body);
    margin: 0
}

@media screen and (min-width:1920px) {
    .logo__text {
        font-size: calc(38px / 24 * var(--base-headings-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .logo__text {
        font-size: calc(35px / 24 * var(--base-headings-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .logo__text {
        font-size: calc(32px / 24 * var(--base-headings-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .logo__text {
        font-size: calc(28px / 24 * var(--base-headings-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:948px) {
    .logo__text {
        line-height: 1.4
    }
}

.logo h1 {
    max-width: 100%
}

.logo img {
    vertical-align: bottom;
    width: 100%
}

.sidebar__menus.search-bottom-padding {
    margin-bottom: 60px
}

.accounts-menu {
    margin-top: 40px !important
}

.sidebar--primary.collection__filters,
.sidebar--primary.localization__filters,
.sidebar--primary.sidebar__cart,
.sidebar--primary.sidebar__search,
.sidebar--primary.sidebar__seconds,
.sidebar--primary.sidebar__thirds,
.sidebar__menu.sidebar--primary,
.sidebar__submenu.sidebar--primary {
    font-weight: var(--font-weight-body-medium)
}

@media screen and (min-width:1920px) {
    .sidebar--primary.collection__filters,
    .sidebar--primary.localization__filters,
    .sidebar--primary.sidebar__cart,
    .sidebar--primary.sidebar__search,
    .sidebar--primary.sidebar__seconds,
    .sidebar--primary.sidebar__thirds,
    .sidebar__menu.sidebar--primary,
    .sidebar__submenu.sidebar--primary {
        font-size: calc(19px / 17 * var(--base-body-size-alt) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .sidebar--primary.collection__filters,
    .sidebar--primary.localization__filters,
    .sidebar--primary.sidebar__cart,
    .sidebar--primary.sidebar__search,
    .sidebar--primary.sidebar__seconds,
    .sidebar--primary.sidebar__thirds,
    .sidebar__menu.sidebar--primary,
    .sidebar__submenu.sidebar--primary {
        font-size: calc(18px / 17 * var(--base-body-size-alt) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .sidebar--primary.collection__filters,
    .sidebar--primary.localization__filters,
    .sidebar--primary.sidebar__cart,
    .sidebar--primary.sidebar__search,
    .sidebar--primary.sidebar__seconds,
    .sidebar--primary.sidebar__thirds,
    .sidebar__menu.sidebar--primary,
    .sidebar__submenu.sidebar--primary {
        font-size: calc(17px / 17 * var(--base-body-size-alt) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .sidebar--primary.collection__filters,
    .sidebar--primary.localization__filters,
    .sidebar--primary.sidebar__cart,
    .sidebar--primary.sidebar__search,
    .sidebar--primary.sidebar__seconds,
    .sidebar--primary.sidebar__thirds,
    .sidebar__menu.sidebar--primary,
    .sidebar__submenu.sidebar--primary {
        font-size: calc(16px / 17 * var(--base-body-size-alt) + 0px);
        line-height: 1
    }
}

.sidebar--primary.collection__filters a,
.sidebar--primary.localization__filters a,
.sidebar--primary.sidebar__cart a,
.sidebar--primary.sidebar__search a,
.sidebar--primary.sidebar__seconds a,
.sidebar--primary.sidebar__thirds a,
.sidebar__menu.sidebar--primary a,
.sidebar__submenu.sidebar--primary a {
    padding-top: 8px;
    padding-bottom: 8px
}

.sidebar--primary.collection__filters a .underline-animation,
.sidebar--primary.localization__filters a .underline-animation,
.sidebar--primary.sidebar__cart a .underline-animation,
.sidebar--primary.sidebar__search a .underline-animation,
.sidebar--primary.sidebar__seconds a .underline-animation,
.sidebar--primary.sidebar__thirds a .underline-animation,
.sidebar__menu.sidebar--primary a .underline-animation,
.sidebar__submenu.sidebar--primary a .underline-animation {
    background-size: 0 1px
}

.no-touch .sidebar--primary.collection__filters a:hover .underline-animation,
.no-touch .sidebar--primary.localization__filters a:hover .underline-animation,
.no-touch .sidebar--primary.sidebar__cart a:hover .underline-animation,
.no-touch .sidebar--primary.sidebar__search a:hover .underline-animation,
.no-touch .sidebar--primary.sidebar__seconds a:hover .underline-animation,
.no-touch .sidebar--primary.sidebar__thirds a:hover .underline-animation,
.no-touch .sidebar__menu.sidebar--primary a:hover .underline-animation,
.no-touch .sidebar__submenu.sidebar--primary a:hover .underline-animation,
.sidebar--primary.collection__filters a.selected .underline-animation,
.sidebar--primary.collection__filters a:focus .underline-animation,
.sidebar--primary.localization__filters a.selected .underline-animation,
.sidebar--primary.localization__filters a:focus .underline-animation,
.sidebar--primary.sidebar__cart a.selected .underline-animation,
.sidebar--primary.sidebar__cart a:focus .underline-animation,
.sidebar--primary.sidebar__search a.selected .underline-animation,
.sidebar--primary.sidebar__search a:focus .underline-animation,
.sidebar--primary.sidebar__seconds a.selected .underline-animation,
.sidebar--primary.sidebar__seconds a:focus .underline-animation,
.sidebar--primary.sidebar__thirds a.selected .underline-animation,
.sidebar--primary.sidebar__thirds a:focus .underline-animation,
.sidebar__menu.sidebar--primary a.selected .underline-animation,
.sidebar__menu.sidebar--primary a:focus .underline-animation,
.sidebar__submenu.sidebar--primary a.selected .underline-animation,
.sidebar__submenu.sidebar--primary a:focus .underline-animation {
    background-size: 100% 1px
}

.sidebar--secondary.collection__filters,
.sidebar--secondary.localization__filters,
.sidebar--secondary.sidebar__cart,
.sidebar--secondary.sidebar__search,
.sidebar--secondary.sidebar__seconds,
.sidebar--secondary.sidebar__thirds,
.sidebar__menu.sidebar--secondary,
.sidebar__submenu.sidebar--secondary {
    margin-top: 40px
}

@media screen and (min-width:1920px) {
    .sidebar--secondary.collection__filters,
    .sidebar--secondary.localization__filters,
    .sidebar--secondary.sidebar__cart,
    .sidebar--secondary.sidebar__search,
    .sidebar--secondary.sidebar__seconds,
    .sidebar--secondary.sidebar__thirds,
    .sidebar__menu.sidebar--secondary,
    .sidebar__submenu.sidebar--secondary {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .sidebar--secondary.collection__filters,
    .sidebar--secondary.localization__filters,
    .sidebar--secondary.sidebar__cart,
    .sidebar--secondary.sidebar__search,
    .sidebar--secondary.sidebar__seconds,
    .sidebar--secondary.sidebar__thirds,
    .sidebar__menu.sidebar--secondary,
    .sidebar__submenu.sidebar--secondary {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .sidebar--secondary.collection__filters,
    .sidebar--secondary.localization__filters,
    .sidebar--secondary.sidebar__cart,
    .sidebar--secondary.sidebar__search,
    .sidebar--secondary.sidebar__seconds,
    .sidebar--secondary.sidebar__thirds,
    .sidebar__menu.sidebar--secondary,
    .sidebar__submenu.sidebar--secondary {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .sidebar--secondary.collection__filters,
    .sidebar--secondary.localization__filters,
    .sidebar--secondary.sidebar__cart,
    .sidebar--secondary.sidebar__search,
    .sidebar--secondary.sidebar__seconds,
    .sidebar--secondary.sidebar__thirds,
    .sidebar__menu.sidebar--secondary,
    .sidebar__submenu.sidebar--secondary {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

.sidebar--secondary.collection__filters a,
.sidebar--secondary.localization__filters a,
.sidebar--secondary.sidebar__cart a,
.sidebar--secondary.sidebar__search a,
.sidebar--secondary.sidebar__seconds a,
.sidebar--secondary.sidebar__thirds a,
.sidebar__menu.sidebar--secondary a,
.sidebar__submenu.sidebar--secondary a {
    padding-top: 8px;
    padding-bottom: 8px
}

.sidebar__menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(var(--color-sidebar-txt), 1);
    padding-left: 14%;
    padding-right: 14%;
    transition: none
}

.no-touch .sidebar__menu a:hover,
.sidebar__menu a.selected,
.sidebar__menu a:focus {
    color: rgba(var(--color-sidebar-accent), 1)
}

.no-touch .sidebar__menu a:hover span+.symbol--arrow,
.sidebar__menu a.selected span+.symbol--arrow,
.sidebar__menu a:focus span+.symbol--arrow {
    left: 5px
}

.no-touch .sidebar__menu a:hover span+.symbol--arrow path,
.sidebar__menu a.selected span+.symbol--arrow path,
.sidebar__menu a:focus span+.symbol--arrow path {
    fill: rgba(var(--color-sidebar-accent), 1)
}

.sidebar__menu a.selected span+.symbol--arrow,
.touch .sidebar__menu a span+.symbol--arrow {
    left: 0 !important
}

.sidebar__menu a .underline-animation {
    background-position: 0 calc(1em + (4px));
    background-image: linear-gradient(to right, rgba(var(--color-sidebar-accent), 1), rgba(var(--color-sidebar-accent), 1))
}

.sidebar__menu .symbol--arrow {
    position: relative;
    transition: left .1s linear;
    transform: rotate(-90deg);
    left: 0
}

.sidebar__menu .symbol--arrow path {
    fill: rgba(var(--color-sidebar-txt), 1);
    transition: fill 150ms linear
}

.sidebar__menu .has-submenu.open-submenu>.collection__filters,
.sidebar__menu .has-submenu.open-submenu>.localization__filters,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds {
    visibility: visible
}

.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__cart>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__search>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__thirds>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.collection__filters>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__cart>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__search>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__thirds>div:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.localization__filters>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__thirds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__cart>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__thirds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds.sidebar__seconds>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds.sidebar__submenu>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds>div:after {
    width: 100%;
    visibility: visible
}

.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__search>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters.sidebar__thirds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.collection__filters>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__search>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters.sidebar__thirds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.localization__filters>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart.sidebar__thirds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search.sidebar__thirds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__search>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds.sidebar__seconds>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds.sidebar__submenu>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__thirds>div>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.sidebar__seconds,
.sidebar__thirds {
    margin-left: -1px
}

.sidebar__seconds>div:after,
.sidebar__thirds>div:after {
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) .1s
}

.sidebar__seconds.opened,
.sidebar__thirds.opened {
    visibility: visible
}

.sidebar__seconds.opened>div:after,
.sidebar__thirds.opened>div:after {
    width: 100%;
    visibility: visible;
    transition: all 150ms cubic-bezier(.4, 0, 1, 1);
    border: 2px solid rgba(var(--color-sidebar-bg-darken), 1)
}

.sidebar__seconds.opened .collection__filters.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .localization__filters.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .sidebar__cart.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .sidebar__search.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .sidebar__seconds.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .sidebar__thirds.submenu-opened>div>.sub-menu,
.sidebar__seconds.opened .submenu-opened>.sidebar__container>.sub-menu,
.sidebar__thirds.opened .collection__filters.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .localization__filters.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .sidebar__cart.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .sidebar__search.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .sidebar__seconds.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .sidebar__thirds.submenu-opened>div>.sub-menu,
.sidebar__thirds.opened .submenu-opened>.sidebar__container>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all 0s linear, opacity .1s cubic-bezier(.4, 0, 1, 1) .1s, visibility .1s cubic-bezier(.4, 0, 1, 1) .1s, transform .1s cubic-bezier(.4, 0, 1, 1) .1s !important
}

.sidebar__seconds .collection__filters>div,
.sidebar__seconds .localization__filters>div,
.sidebar__seconds .sidebar__cart>div,
.sidebar__seconds .sidebar__container,
.sidebar__seconds .sidebar__search>div,
.sidebar__seconds .sidebar__thirds>div,
.sidebar__seconds>div,
.sidebar__thirds .collection__filters>div,
.sidebar__thirds .localization__filters>div,
.sidebar__thirds .sidebar__cart>div,
.sidebar__thirds .sidebar__container,
.sidebar__thirds .sidebar__search>div,
.sidebar__thirds .sidebar__seconds>div,
.sidebar__thirds>div {
    overflow: hidden !important
}

.sidebar__seconds .sub-menu,
.sidebar__thirds .sub-menu {
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidebar__seconds .sub-menu::-webkit-scrollbar,
.sidebar__thirds .sub-menu::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.sidebar__seconds .sub-menu div,
.sidebar__thirds .sub-menu div {
    display: none !important
}

.sidebar__seconds .sub-menu ul,
.sidebar__thirds .sub-menu ul {
    margin-bottom: 50px
}

.sidebar__seconds .collection__filters,
.sidebar__seconds .localization__filters,
.sidebar__seconds .sidebar__cart,
.sidebar__seconds .sidebar__search,
.sidebar__seconds .sidebar__seconds,
.sidebar__seconds .sidebar__submenu,
.sidebar__seconds .sidebar__thirds,
.sidebar__thirds .collection__filters,
.sidebar__thirds .localization__filters,
.sidebar__thirds .sidebar__cart,
.sidebar__thirds .sidebar__search,
.sidebar__thirds .sidebar__seconds,
.sidebar__thirds .sidebar__submenu,
.sidebar__thirds .sidebar__thirds {
    margin-top: 0 !important
}

.sidebar__thirds,
.sidebar__thirds .collection__filters,
.sidebar__thirds .localization__filters,
.sidebar__thirds .sidebar__cart,
.sidebar__thirds .sidebar__search,
.sidebar__thirds .sidebar__seconds,
.sidebar__thirds .sidebar__submenu,
.sidebar__thirds .sidebar__thirds {
    left: 200% !important
}

@media screen and (max-width:948px) {
    .has-submenu.open-submenu>a {
        opacity: 0
    }
    .has-submenu.open-submenu .collection__filters,
    .has-submenu.open-submenu .localization__filters,
    .has-submenu.open-submenu .sidebar__cart,
    .has-submenu.open-submenu .sidebar__search,
    .has-submenu.open-submenu .sidebar__seconds,
    .has-submenu.open-submenu .sidebar__submenu,
    .has-submenu.open-submenu .sidebar__thirds {
        right: 0;
        left: auto
    }
    .opened-other-submenu,
    .opened-submenu+.accounts-menu,
    .opened-submenu>li:not(.open-submenu),
    .opened-submenu~.localization-form-holder {
        opacity: 0;
        visibility: hidden
    }
    .sub-menu {
        padding-top: 80px !important;
        transform: none !important
    }
    .accounts-menu,
    .localization-form-holder {
        transition: none !important
    }
    .sidebar__menus-back {
        display: block;
        position: absolute;
        top: 10px;
        left: 20px;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        cursor: pointer
    }
    .opened-submenus .sidebar__menus-back {
        opacity: 1;
        visibility: visible
    }
    .sidebar__menus-back path {
        fill: rgba(var(--color-sidebar-txt), 1)
    }
    .sidebar__menus-back svg {
        position: absolute;
        top: 13px;
        left: 10px
    }
    .sidebar__menus a,
    .sidebar__menus li,
    .sidebar__menus nav {
        transition: all .1s linear
    }
}

.collection__filters,
.localization__filters,
.sidebar__cart,
.sidebar__search,
.sidebar__seconds,
.sidebar__submenu,
.sidebar__thirds {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 100%;
    visibility: hidden
}

.collection__filters .localization__filters>div,
.collection__filters .sidebar__cart>div,
.collection__filters .sidebar__container,
.collection__filters .sidebar__search>div,
.collection__filters .sidebar__seconds>div,
.collection__filters .sidebar__thirds>div,
.collection__filters>div,
.localization__filters .collection__filters>div,
.localization__filters .sidebar__cart>div,
.localization__filters .sidebar__container,
.localization__filters .sidebar__search>div,
.localization__filters .sidebar__seconds>div,
.localization__filters .sidebar__thirds>div,
.localization__filters>div,
.sidebar__cart .collection__filters>div,
.sidebar__cart .localization__filters>div,
.sidebar__cart .sidebar__container,
.sidebar__cart .sidebar__search>div,
.sidebar__cart .sidebar__seconds>div,
.sidebar__cart .sidebar__thirds>div,
.sidebar__cart>div,
.sidebar__search .collection__filters>div,
.sidebar__search .localization__filters>div,
.sidebar__search .sidebar__cart>div,
.sidebar__search .sidebar__container,
.sidebar__search .sidebar__seconds>div,
.sidebar__search .sidebar__thirds>div,
.sidebar__search>div,
.sidebar__seconds .collection__filters>div,
.sidebar__seconds .localization__filters>div,
.sidebar__seconds .sidebar__cart>div,
.sidebar__seconds .sidebar__container,
.sidebar__seconds .sidebar__search>div,
.sidebar__seconds .sidebar__thirds>div,
.sidebar__seconds>div,
.sidebar__submenu .collection__filters>div,
.sidebar__submenu .localization__filters>div,
.sidebar__submenu .sidebar__cart>div,
.sidebar__submenu .sidebar__container,
.sidebar__submenu .sidebar__search>div,
.sidebar__submenu .sidebar__seconds>div,
.sidebar__submenu .sidebar__thirds>div,
.sidebar__thirds .collection__filters>div,
.sidebar__thirds .localization__filters>div,
.sidebar__thirds .sidebar__cart>div,
.sidebar__thirds .sidebar__container,
.sidebar__thirds .sidebar__search>div,
.sidebar__thirds .sidebar__seconds>div,
.sidebar__thirds>div {
    padding-top: 0;
    background: 0 0;
    border-right: none;
    margin-left: 0
}

.collection__filters .localization__filters>div:after,
.collection__filters .sidebar__cart>div:after,
.collection__filters .sidebar__container:after,
.collection__filters .sidebar__search>div:after,
.collection__filters .sidebar__seconds>div:after,
.collection__filters .sidebar__thirds>div:after,
.collection__filters>div:after,
.localization__filters .collection__filters>div:after,
.localization__filters .sidebar__cart>div:after,
.localization__filters .sidebar__container:after,
.localization__filters .sidebar__search>div:after,
.localization__filters .sidebar__seconds>div:after,
.localization__filters .sidebar__thirds>div:after,
.localization__filters>div:after,
.sidebar__cart .collection__filters>div:after,
.sidebar__cart .localization__filters>div:after,
.sidebar__cart .sidebar__container:after,
.sidebar__cart .sidebar__search>div:after,
.sidebar__cart .sidebar__seconds>div:after,
.sidebar__cart .sidebar__thirds>div:after,
.sidebar__cart>div:after,
.sidebar__search .collection__filters>div:after,
.sidebar__search .localization__filters>div:after,
.sidebar__search .sidebar__cart>div:after,
.sidebar__search .sidebar__container:after,
.sidebar__search .sidebar__seconds>div:after,
.sidebar__search .sidebar__thirds>div:after,
.sidebar__search>div:after,
.sidebar__seconds .collection__filters>div:after,
.sidebar__seconds .localization__filters>div:after,
.sidebar__seconds .sidebar__cart>div:after,
.sidebar__seconds .sidebar__container:after,
.sidebar__seconds .sidebar__search>div:after,
.sidebar__seconds .sidebar__thirds>div:after,
.sidebar__seconds>div:after,
.sidebar__submenu .collection__filters>div:after,
.sidebar__submenu .localization__filters>div:after,
.sidebar__submenu .sidebar__cart>div:after,
.sidebar__submenu .sidebar__container:after,
.sidebar__submenu .sidebar__search>div:after,
.sidebar__submenu .sidebar__seconds>div:after,
.sidebar__submenu .sidebar__thirds>div:after,
.sidebar__thirds .collection__filters>div:after,
.sidebar__thirds .localization__filters>div:after,
.sidebar__thirds .sidebar__cart>div:after,
.sidebar__thirds .sidebar__container:after,
.sidebar__thirds .sidebar__search>div:after,
.sidebar__thirds .sidebar__seconds>div:after,
.sidebar__thirds>div:after {
    width: 0;
    border-right: 1px solid rgba(var(--color-sidebar-bg-darken), 1);
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.collection__filters .sub-menu,
.localization__filters .sub-menu,
.sidebar__cart .sub-menu,
.sidebar__search .sub-menu,
.sidebar__seconds .sub-menu,
.sidebar__submenu .sub-menu,
.sidebar__thirds .sub-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__submenu--second.collection__filters,
.sidebar__submenu--second.localization__filters,
.sidebar__submenu--second.sidebar__cart,
.sidebar__submenu--second.sidebar__search,
.sidebar__submenu--second.sidebar__seconds,
.sidebar__submenu--second.sidebar__thirds,
.sidebar__submenu.sidebar__submenu--second {
    height: 100vh;
    background: rgba(var(--color-sidebar-bg), 1)
}

.sidebar__submenu--second.collection__filters .collection__filters>div,
.sidebar__submenu--second.collection__filters .localization__filters>div,
.sidebar__submenu--second.collection__filters .sidebar__cart>div,
.sidebar__submenu--second.collection__filters .sidebar__container,
.sidebar__submenu--second.collection__filters .sidebar__search>div,
.sidebar__submenu--second.collection__filters .sidebar__seconds>div,
.sidebar__submenu--second.collection__filters .sidebar__thirds>div,
.sidebar__submenu--second.localization__filters .collection__filters>div,
.sidebar__submenu--second.localization__filters .localization__filters>div,
.sidebar__submenu--second.localization__filters .sidebar__cart>div,
.sidebar__submenu--second.localization__filters .sidebar__container,
.sidebar__submenu--second.localization__filters .sidebar__search>div,
.sidebar__submenu--second.localization__filters .sidebar__seconds>div,
.sidebar__submenu--second.localization__filters .sidebar__thirds>div,
.sidebar__submenu--second.sidebar__cart .collection__filters>div,
.sidebar__submenu--second.sidebar__cart .localization__filters>div,
.sidebar__submenu--second.sidebar__cart .sidebar__cart>div,
.sidebar__submenu--second.sidebar__cart .sidebar__container,
.sidebar__submenu--second.sidebar__cart .sidebar__search>div,
.sidebar__submenu--second.sidebar__cart .sidebar__seconds>div,
.sidebar__submenu--second.sidebar__cart .sidebar__thirds>div,
.sidebar__submenu--second.sidebar__search .collection__filters>div,
.sidebar__submenu--second.sidebar__search .localization__filters>div,
.sidebar__submenu--second.sidebar__search .sidebar__cart>div,
.sidebar__submenu--second.sidebar__search .sidebar__container,
.sidebar__submenu--second.sidebar__search .sidebar__search>div,
.sidebar__submenu--second.sidebar__search .sidebar__seconds>div,
.sidebar__submenu--second.sidebar__search .sidebar__thirds>div,
.sidebar__submenu--second.sidebar__seconds .collection__filters>div,
.sidebar__submenu--second.sidebar__seconds .localization__filters>div,
.sidebar__submenu--second.sidebar__seconds .sidebar__cart>div,
.sidebar__submenu--second.sidebar__seconds .sidebar__container,
.sidebar__submenu--second.sidebar__seconds .sidebar__search>div,
.sidebar__submenu--second.sidebar__seconds .sidebar__seconds>div,
.sidebar__submenu--second.sidebar__seconds .sidebar__thirds>div,
.sidebar__submenu--second.sidebar__thirds .collection__filters>div,
.sidebar__submenu--second.sidebar__thirds .localization__filters>div,
.sidebar__submenu--second.sidebar__thirds .sidebar__cart>div,
.sidebar__submenu--second.sidebar__thirds .sidebar__container,
.sidebar__submenu--second.sidebar__thirds .sidebar__search>div,
.sidebar__submenu--second.sidebar__thirds .sidebar__seconds>div,
.sidebar__submenu--second.sidebar__thirds .sidebar__thirds>div,
.sidebar__submenu.sidebar__submenu--second .collection__filters>div,
.sidebar__submenu.sidebar__submenu--second .localization__filters>div,
.sidebar__submenu.sidebar__submenu--second .sidebar__cart>div,
.sidebar__submenu.sidebar__submenu--second .sidebar__container,
.sidebar__submenu.sidebar__submenu--second .sidebar__search>div,
.sidebar__submenu.sidebar__submenu--second .sidebar__seconds>div,
.sidebar__submenu.sidebar__submenu--second .sidebar__thirds>div {
    margin-left: 1px
}

.opened.collection__filters,
.opened.localization__filters,
.opened.sidebar__cart,
.opened.sidebar__search,
.opened.sidebar__seconds,
.opened.sidebar__thirds,
.sidebar__submenu.opened {
    visibility: visible
}

body:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .36);
    position: fixed;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear;
    z-index: 99
}

@media screen and (min-width:948px) {
    body.show-overlay: after {
        opacity: 1;
        visibility: visible
    }
    body.show-overlay.hard-overlay:after {
        z-index: 999
    }
}

#content-holder {
    transition: all .2s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__cart-handle,
.sidebar__menu-handle,
.sidebar__search-handle {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 30px;
    right: 30px;
    padding: 5px;
    cursor: pointer
}

.sidebar__cart-handle .icon,
.sidebar__menu-handle .icon,
.sidebar__search-handle .icon {
    display: flex
}

.sidebar__cart-handle .count,
.sidebar__menu-handle .count,
.sidebar__search-handle .count {
    color: rgba(var(--color-sidebar-txt), 1);
    font-weight: var(--font-weight-body-semibold);
    position: absolute;
    font-size: 11.5px;
    top: 17px;
    left: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 1;
    transition: all .1s linear
}

.sidebar__cart-handle path,
.sidebar__menu-handle path,
.sidebar__search-handle path {
    stroke: rgba(var(--color-sidebar-txt), 1);
    transition: all .1s linear
}

.no-touch .sidebar__cart-handle:hover .count,
.no-touch .sidebar__menu-handle:hover .count,
.no-touch .sidebar__search-handle:hover .count,
.sidebar__cart-handle:focus .count,
.sidebar__menu-handle:focus .count,
.sidebar__search-handle:focus .count {
    color: rgba(var(--color-sidebar-accent), 1)
}

.no-touch .sidebar__cart-handle:hover svg path,
.no-touch .sidebar__menu-handle:hover svg path,
.no-touch .sidebar__search-handle:hover svg path,
.sidebar__cart-handle:focus svg path,
.sidebar__menu-handle:focus svg path,
.sidebar__search-handle:focus svg path {
    stroke: rgba(var(--color-sidebar-accent), 1)
}

.sidebar__cart {
    width: 450px
}

.sidebar__cart>div:after {
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) .1s
}

.sidebar__cart .cart {
    opacity: 0;
    visibility: hidden;
    transition: all 150ms cubic-bezier(.4, 0, 1, 1);
    padding: 0 42px 0;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidebar__cart .cart::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.sidebar__cart .cart .cart__form {
    padding-bottom: 40px
}

.sidebar__cart.opened {
    visibility: visible
}

.sidebar__cart.opened>div:after {
    width: 100%;
    visibility: visible;
    transition: all 150ms cubic-bezier(.4, 0, 1, 1)
}

.sidebar__cart.opened .cart {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) 50ms
}

.sidebar__cart .cart__title {
    padding-top: 45px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(var(--color-sidebar-bg-darken-alt), 1);
    z-index: 999;
    top: 0;
    background: rgba(var(--color-sidebar-bg), 1)
}

#shopify-product-reviews .sidebar__cart .spr-summary-actions-newreview,
.delete-address .sidebar__cart a,
.sidebar__cart #shopify-product-reviews .spr-summary-actions-newreview,
.sidebar__cart .button--outline,
.sidebar__cart .delete-address a {
    color: rgba(var(--color-sidebar-txt), 1);
    border-color: rgba(var(--color-sidebar-txt), 1)
}

#shopify-product-reviews .no-touch .sidebar__cart .spr-summary-actions-newreview:hover,
#shopify-product-reviews .sidebar__cart .spr-summary-actions-newreview:focus,
.delete-address .no-touch .sidebar__cart a:hover,
.delete-address .sidebar__cart a:focus,
.no-touch .sidebar__cart #shopify-product-reviews .spr-summary-actions-newreview:hover,
.no-touch .sidebar__cart .button--outline:hover,
.no-touch .sidebar__cart .delete-address a:hover,
.sidebar__cart #shopify-product-reviews .spr-summary-actions-newreview:focus,
.sidebar__cart .button--outline:focus,
.sidebar__cart .delete-address a:focus {
    background: rgba(var(--color-sidebar-txt), 1);
    color: rgba(var(--color-sidebar-txt-foreground), 1)
}

#spr-form .sidebar__cart .spr-button-primary,
.project__text .rte.style-links .sidebar__cart a,
.sidebar__cart #spr-form .spr-button-primary,
.sidebar__cart .button--solid,
.sidebar__cart .project__text .rte.style-links a,
.sidebar__cart .shopify-challenge__button,
.sidebar__cart .shopify-payment-button__button--unbranded {
    backround: rgba(var(--color-sidebar-txt), 1);
    color: rgba(var(--color-sidebar-txt-foreground), 1)
}

#spr-form .no-touch .sidebar__cart .spr-button-primary:hover,
#spr-form .sidebar__cart .spr-button-primary:focus,
.no-touch .sidebar__cart #spr-form .spr-button-primary:hover,
.no-touch .sidebar__cart .button--solid:hover,
.no-touch .sidebar__cart .project__text .rte.style-links a:hover,
.no-touch .sidebar__cart .shopify-challenge__button:hover,
.no-touch .sidebar__cart .shopify-payment-button__button--unbranded:hover,
.project__text .rte.style-links .no-touch .sidebar__cart a:hover,
.project__text .rte.style-links .sidebar__cart a:focus,
.sidebar__cart #spr-form .spr-button-primary:focus,
.sidebar__cart .button--solid:focus,
.sidebar__cart .project__text .rte.style-links a:focus,
.sidebar__cart .shopify-challenge__button:focus,
.sidebar__cart .shopify-payment-button__button--unbranded:focus {
    background: rgba(var(--color-sidebar-accent), 1);
    color: rgba(var(--color-sidebar-accent-foreground), 1)
}

.sidebar__cart textarea {
    border-color: rgba(var(--color-sidebar-txt), .16);
    color: rgba(var(--color-sidebar-txt), 1);
    width: 100%;
    font-size: 13px
}

.no-touch .sidebar__cart textarea:hover {
    border-color: rgba(var(--color-sidebar-txt), .36)
}

.sidebar__cart textarea:focus {
    border-color: rgba(var(--color-sidebar-txt), .66)
}

.sidebar__cart textarea::placeholder {
    color: rgba(var(--color-sidebar-txt), 1)
}

.collection__filters-close,
.localization__filters-close,
.sidebar__cart-close,
.sidebar__menus-close,
.sidebar__search-close {
    position: absolute;
    top: 32px;
    right: 22px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
    z-index: 99 !important;
    opacity: 0;
    visibility: hidden
}

.collection__filters-close svg,
.localization__filters-close svg,
.sidebar__cart-close svg,
.sidebar__menus-close svg,
.sidebar__search-close svg {
    position: absolute;
    top: -5px;
    left: -10px;
    width: 50px
}

.collection__filters-close svg polygon,
.localization__filters-close svg polygon,
.sidebar__cart-close svg polygon,
.sidebar__menus-close svg polygon,
.sidebar__search-close svg polygon {
    fill: rgba(var(--color-sidebar-txt), 1);
    transition: all 150ms linear
}

.collection__filters-close:focus svg polygon,
.localization__filters-close:focus svg polygon,
.no-touch .collection__filters-close:hover svg polygon,
.no-touch .localization__filters-close:hover svg polygon,
.no-touch .sidebar__cart-close:hover svg polygon,
.no-touch .sidebar__menus-close:hover svg polygon,
.no-touch .sidebar__search-close:hover svg polygon,
.sidebar__cart-close:focus svg polygon,
.sidebar__menus-close:focus svg polygon,
.sidebar__search-close:focus svg polygon {
    fill: rgba(var(--color-sidebar-accent), 1)
}

.sidebar__cart.opened .collection__filters-close,
.sidebar__cart.opened .localization__filters-close,
.sidebar__cart.opened .sidebar__cart-close,
.sidebar__cart.opened .sidebar__menus-close,
.sidebar__cart.opened .sidebar__search-close {
    opacity: 1;
    visibility: visible;
    transition: all 50ms linear 50ms
}

.cart-overlay-background,
.filters-overlay-background,
.locals-overlay-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear;
    z-index: 99
}

.cart-overlay-background.show,
.show.filters-overlay-background,
.show.locals-overlay-background {
    visibility: visible;
    opacity: 1
}

.sidebar__menu-handle,
.sidebar__search-handle {
    display: none
}

.sidebar__search-close {
    width: 44px;
    margin-right: -12px;
    display: none
}

@media screen and (min-width:948px) {
    .sidebar__menus .collection__filters>div,
    .sidebar__menus .localization__filters>div,
    .sidebar__menus .sidebar__cart>div,
    .sidebar__menus .sidebar__container,
    .sidebar__menus .sidebar__search>div,
    .sidebar__menus .sidebar__seconds>div,
    .sidebar__menus .sidebar__thirds>div {
        overflow-y: scroll;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .sidebar__menus .collection__filters>div::-webkit-scrollbar,
    .sidebar__menus .localization__filters>div::-webkit-scrollbar,
    .sidebar__menus .sidebar__cart>div::-webkit-scrollbar,
    .sidebar__menus .sidebar__container::-webkit-scrollbar,
    .sidebar__menus .sidebar__search>div::-webkit-scrollbar,
    .sidebar__menus .sidebar__seconds>div::-webkit-scrollbar,
    .sidebar__menus .sidebar__thirds>div::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important
    }
}

/*!
 *  6.2. Sidebar responsive queries
*/

@media screen and (max-width:948px) {
    .sidebar {
        width: 100%;
        max-width: none;
        height: 66px;
        border-bottom: 1px solid rgba(var(--color-sidebar-bg-darken), 1)
    }
    .sidebar__responsive-container {
        border: none;
        min-height: 0;
        padding: 13px 25px;
        height: 100%
    }
    .collection__filters>div:after,
    .localization__filters>div:after,
    .sidebar__cart>div:after,
    .sidebar__container:after,
    .sidebar__search>div:after,
    .sidebar__seconds>div:after,
    .sidebar__thirds>div:after {
        display: none
    }
    .sidebar__container-holder {
        display: flex;
        height: 100%;
        flex: 0;
        justify-content: space-between
    }
    .logo {
        margin: 0;
        padding: 0;
        display: flex;
        height: 100%;
        align-items: center
    }
    .logo h1,
    .logo img {
        max-height: 39px;
        margin: 0;
        width: auto;
        display: block
    }
    .sidebar__menus {
        position: fixed;
        width: 360px;
        top: 0;
        right: 0;
        z-index: 99;
        background: rgba(var(--color-sidebar-bg), 1);
        height: 100vh;
        padding: 60px 0;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-left: 1px solid rgba(var(--color-sidebar-bg-darken), 1)
    }
    .sidebar__menus::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important
    }
}

@media screen and (max-width:948px) and (max-width:360px) {
    .sidebar__menus {
        width: 100%
    }
}

@media screen and (max-width:948px) {
    .sidebar__menu-handle svg {
        height: 28px;
        margin-top: -1px
    }
    .sidebar__cart-handle,
    .sidebar__menu-handle,
    .sidebar__search-handle {
        position: relative;
        top: 0;
        right: 0
    }
    .sidebar__responsive-handles {
        display: flex;
        margin-right: -8px
    }
    .sidebar__responsive-handles>a,
    .sidebar__responsive-handles>span {
        display: block;
        margin: 0 2px
    }
    .sidebar__menu-handle,
    .sidebar__search-handle {
        padding-top: 8px
    }
    .sidebar__menu-handle path,
    .sidebar__search-handle path {
        stroke: transparent !important;
        fill: rgba(var(--color-sidebar-txt), 1)
    }
    .no-touch .sidebar__menu-handle:hover path,
    .no-touch .sidebar__search-handle:hover path {
        fill: rgba(var(--color-sidebar-accent), 1)
    }
    #content-holder:before {
        display: none
    }
    .collection__filters-close,
    .localization__filters-close,
    .sidebar__cart-close,
    .sidebar__menus-close,
    .sidebar__search-close {
        top: 10px
    }
    .sidebar__cart .cart__title {
        padding-top: 30px;
        padding-bottom: 24px
    }
    .sidebar__cart {
        width: 360px;
        right: 0;
        left: auto;
        background: rgba(var(--color-sidebar-bg), 1);
        visibility: visible;
        transform: translateX(100%) !important;
        transition: all 120ms linear
    }
    .sidebar__cart.opened {
        transform: translateX(0) !important
    }
}

@media screen and (max-width:948px) and (max-width:360px) {
    .sidebar__cart {
        width: 100%
    }
}

@media screen and (max-width:948px) {
    .collection__filters-close svg,
    .localization__filters-close svg,
    .sidebar__cart-close svg,
    .sidebar__menus-close svg,
    .sidebar__search-close svg {
        left: -2px
    }
    .sidebar__menus {
        transform: translateX(100%);
        transition: all 120ms linear
    }
    .sidebar__menus.opened {
        transform: translateX(0)
    }
    .sidebar__menus.opened .sidebar__menus-close {
        opacity: 1;
        visibility: visible;
        display: block
    }
    .sidebar__cart .cart,
    .sidebar__menu a {
        padding-left: 30px;
        padding-right: 30px
    }
    .cart-overlay-background,
    .filters-overlay-background,
    .locals-overlay-background {
        z-index: 999;
        left: auto;
        right: 360px;
        transition: all 80ms linear
    }
    .cart-overlay-background.show,
    .show.filters-overlay-background,
    .show.locals-overlay-background {
        transition: all 80ms linear 60ms
    }
}

@media screen and (max-width:360px) {
    .sidebar__cart .cart,
    .sidebar__menu a {
        padding-left: 20px;
        padding-right: 20px
    }
    .collection__filters-close,
    .localization__filters-close,
    .sidebar__cart-close,
    .sidebar__menus-close,
    .sidebar__search-close {
        right: 25px
    }
}

/*!
 *  2.5. Text columns with icons
*/

.text-columns-with-icons {
    margin-bottom: 0
}

.text-columns-with-icons>div {
    padding-bottom: 100px
}

@media screen and (max-width:948px) {
    .text-columns-with-icons>div {
        padding-bottom: 70px
    }
}

@media screen and (max-width:480px) {
    .text-columns-with-icons>div {
        padding-bottom: 50px
    }
}

.text-w-icon {
    display: flex;
    flex-wrap: wrap;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 !important
}

.text-w-icon[data-size="2"] .text-w-icon__container {
    width: 50%
}

@media screen and (max-width:480px) {
    .text-w-icon[data-size="2"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon[data-size="3"] .text-w-icon__container {
    width: 33.33%
}

@media screen and (max-width:648px) {
    .text-w-icon[data-size="3"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon[data-size="4"] .text-w-icon__container {
    width: 25%
}

@media screen and (max-width:1280px) {
    .text-w-icon[data-size="4"] .text-w-icon__container {
        width: 50%
    }
    .text-w-icon[data-size="4"] .text-w-icon__container:nth-child(-n+2) {
        margin-bottom: 100px
    }
}

@media screen and (max-width:480px) {
    .text-w-icon[data-size="4"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon .text-w-icon__container:last-child {
    margin-bottom: 0 !important
}

.text-w-icon svg g {
    stroke-width: 2px
}

.text-w-icon__container {
    padding: 0 5%
}

.text-w-icon__icon {
    margin-bottom: 1.8em
}

.text-w-icon__icon svg * {
    stroke: rgba(var(--color-body-txt), .66)
}

@media screen and (max-width:948px) {
    .text-w-icon__container {
        padding: 0 25px
    }
    .text-w-icon:first-child {
        padding-left: 0
    }
    .text-w-icon:last-child {
        padding-right: 0
    }
}

/*!
 *  3.1. Blog item
*/

.cols-2 .blog-item {
    width: 50%;
    padding: 0 25px;
    margin-bottom: 100px
}

@media screen and (max-width:1280px) {
    .cols-2 .blog-item {
        padding: 0 1.6vw
    }
}

@media screen and (max-width:948px) {
    .cols-2 .blog-item {
        padding: 0 12.5px;
        margin-bottom: 50px
    }
}

@media screen and (max-width:648px) {
    .cols-2 .blog-item {
        width: 100%
    }
}

.cols-1 .blog-item {
    width: 100%;
    margin-bottom: 50px;
    display: flex
}

@media screen and (max-width:648px) {
    .cols-1 .blog-item {
        flex-direction: column
    }
}

.cols-1 .blog-item .blog-item__content {
    flex: 1
}

.cols-1 .blog-item .blog-item__title {
    margin-bottom: .5em
}

.cols-1.blog--images-true .blog-item .blog-item__content {
    padding-right: 10%;
    padding-top: 7%
}

@media screen and (max-width:1280px) {
    .cols-1.blog--images-true .blog-item .blog-item__content {
        padding-top: 5%
    }
}

@media screen and (max-width:480px) {
    .cols-1.blog--images-true .blog-item .blog-item__content {
        padding-right: 2%
    }
}

.cols-4 .blog-item {
    margin-right: 25px;
    word-break: break-all
}

@media screen and (min-width:1920px) {
    .cols-4 .blog-item {
        width: calc(20% - 30px)
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .cols-4 .blog-item {
        width: calc(25% - 31px)
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .cols-4 .blog-item {
        width: calc(33.33% - 33px)
    }
}

@media screen and (max-width:1023px) {
    .cols-4 .blog-item {
        width: calc(50% - 33px)
    }
}

@media screen and (max-width:948px) {
    .cols-4 .blog-item {
        margin-right: 17px
    }
}

@media screen and (max-width:768px) {
    .cols-4 .blog-item .blog-item__excerpt {
        display: none
    }
}

.cols-4 .blog-item .blog-item__title-holder {
    margin-top: 2em
}

.cols-4 .blog-item .blog-item__title,
.cols-4 .blog-item .blog-item__title-holder {
    margin-bottom: 0
}

.cols-4 .blog-item .blog-item__more {
    display: none
}

.cols-4 .blog-item .blog-item__title span {
    background-size: 0 1px;
    background-position: 0 calc(1em + 3px)
}

.cols-4 .blog-item .no-touch a:hover .blog-item__title span {
    background-size: 100% 1px
}

@media screen and (min-width:1920px) {
    .cols-4[data-limit="4"] .blog-item {
        width: calc(25% - 31px)
    }
}

.blog-item__image {
    height: 0;
    position: relative;
    overflow: hidden
}

.blog--slider .blog-item__image {
    padding-top: 100%
}

.blog--grid .blog-item__image {
    padding-top: 66.666%
}

.cols-1 .blog-item__image {
    width: 50%;
    margin-right: 7%
}

@media screen and (max-width:648px) {
    .cols-1 .blog-item__image {
        width: 100%;
        margin-right: 0
    }
}

.blog-item__image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-item__image a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    transition: opacity .2s linear
}

.blog-item__image a.focus:after,
.no-touch .blog-item__image a:hover:after {
    opacity: 1
}

.blog-item__image .placeholder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-body-txt), .036)
}

.blog--grid.cols-2 .blog-item__title-holder {
    padding-top: 2.5em
}

.blog-item__content {
    display: flex;
    flex-direction: column
}

.blog-item__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, rgba(var(--color-body-txt), 1), rgba(var(--color-body-txt), 1));
    background-size: 0 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all 150ms linear
}

a.selected .blog-item__title span,
a:focus .blog-item__title span,
a:hover .blog-item__title span {
    background-size: 100% 2px
}

.article-meta,
.blog-item__meta {
    margin-top: .5em;
    margin-bottom: 2.5em;
    opacity: .36;
    font-style: italic
}

@media screen and (min-width:1920px) {
    .article-meta,
    .blog-item__meta {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .article-meta,
    .blog-item__meta {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .article-meta,
    .blog-item__meta {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .article-meta,
    .blog-item__meta {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

.article-meta>span:not(:last-child),
.blog-item__meta>span:not(:last-child) {
    margin-right: 25px
}

.blog-item__excerpt {
    word-break: break-word
}

.blog-item__more {
    border-bottom: 1px solid;
    display: inline
}

.blog-item__more:hover {
    color: rgba(var(--color-body-accent), 1)
}

/*!
 *  3.2. Breadcrumb
*/

.breadcrumb {
    padding-top: 2px;
    display: block;
    margin-top: -60px;
    z-index: 9
}

.breadcrumb span {
    line-height: 1.5;
    word-break: break-word
}

.breadcrumb span:not(:last-child) {
    margin-right: 11px
}

@media screen and (max-width:480px) {
    .breadcrumb span: not(:last-child) {
        margin-right: 5px
    }
}

@media screen and (max-width:948px) {
    .breadcrumb {
        margin-top: -25px
    }
}

@media screen and (max-width:648px) {
    .breadcrumb {
        margin-top: -15px
    }
}

.breadcrumb__link {
    opacity: 1
}

.breadcrumb__link a {
    border-bottom: none !important
}

.breadcrumb__separator {
    opacity: .36
}

.breadcrumb__current {
    opacity: .66
}

/*!
 *  3.3. Cart fpr, 
*/

.cart-item {
    display: flex;
    padding: 30px 60px 30px 0;
    align-items: center;
    position: relative
}

.cart-item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-body-txt), .036)
}

.sidebar__cart .cart-item:not(:last-child) {
    border-bottom-color: rgba(var(--color-sidebar-txt), .036)
}

.cart-item .thumbnail {
    display: block;
    width: 84px;
    height: 100px
}

.cart-item .thumbnail img {
    vertical-align: middle
}

.cart-item .content {
    margin-left: 20px
}

.cart-item .content .title {
    display: block;
    margin-bottom: .725em;
    font-weight: var(--font-weight-body-medium)
}

.sidebar__cart .cart-item .content .title {
    color: rgba(var(--color-sidebar-txt), 1)
}

.cart-item .content .price {
    display: block;
    font-size: .935em
}

.cart-item .content .price .conditional-qty+div {
    margin-top: .425em
}

.cart-item .content .price strong {
    font-weight: 400
}

.cart-item .content .price span {
    opacity: .36
}

.cart-item .content small {
    font-size: .875em;
    font-style: italic;
    opacity: .66;
    display: block;
    margin-top: 5px
}

.cart-item .qty {
    width: 35px;
    height: 35px !important;
    text-align: center;
    opacity: .92;
    display: inline-block;
    font-size: 13px;
    transition: border-color 150ms linear;
    padding: 0;
    color: rgba(var(--color-body-txt), 1);
    border: 1px solid rgba(var(--color-body-txt), .096)
}

.sidebar__cart .cart-item .qty {
    color: rgba(var(--color-sidebar-txt), 1)
}

.sidebar__cart .cart-item .qty {
    border: 1px solid rgba(var(--color-sidebar-txt), .096)
}

.cart-item .qty:hover {
    border: 1px solid rgba(var(--color-body-txt), .16)
}

.sidebar__cart .cart-item .qty:hover {
    border: 1px solid rgba(var(--color-sidebar-txt), .16)
}

.cart-item .qty:focus {
    border: 1px solid rgba(var(--color-body-txt), .36)
}

.sidebar__cart .cart-item .qty:focus {
    border: 1px solid rgba(var(--color-sidebar-txt), .36)
}

.cart-item .qty::-webkit-inner-spin-button,
.cart-item .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-item .no-qty {
    position: absolute;
    right: 0;
    opacity: .66
}

.cart-item .actions {
    display: flex;
    position: absolute;
    right: -7px;
    align-items: center
}

.cart-item .remove {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 5px;
    cursor: pointer
}

.cart-item .remove span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.cart-item .remove svg {
    position: absolute;
    top: -16px;
    left: -6px;
    width: 36px;
    pointer-events: none
}

.cart-item .remove svg polygon {
    fill: rgba(var(--color-body-txt), 1);
    transition: fill 150ms linear
}

.sidebar__cart .cart-item .remove svg polygon {
    fill: rgba(var(--color-sidebar-txt), 1)
}

.no-touch .cart-item .remove:hover svg polygon {
    fill: rgba(var(--color-body-accent), 1)
}

.sidebar__cart .no-touch .cart-item .remove:hover svg polygon {
    fill: rgba(var(--color-sidebar-accent), 1)
}

.cart-item.remove-process {
    opacity: .3;
    pointer-events: none
}

.cart-actions {
    display: flex;
    margin-top: 60px
}

.cart-actions button,
.cart-actions input {
    flex: 1
}

.cart-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 50px
}

.cart-details>div {
    flex: 1
}

.template-cart .cart-details>div {
    padding-right: 50px
}

.template-cart .cart-details #CheckOut {
    min-width: 200px
}

.cart-details div+#CartTotal {
    margin-top: 1.4em
}

.sidebar__cart .cart-details {
    display: block
}

.sidebar__cart .cart-details>div {
    margin-bottom: 40px
}

#CartSubTotal {
    margin-bottom: .4em
}

#CartDiscounts {
    opacity: .66
}

#CartTotal {
    margin-bottom: .4em
}

.template-cart #ViewCart {
    display: none
}

.cart-buttons {
    display: flex
}

.cart-buttons>* {
    flex-grow: 1
}

@media screen and (max-width:768px) {
    .cart-details {
        display: block
    }
    .cart-details>div {
        margin-bottom: 40px
    }
}

.cart__form {
    position: relative
}

.cart__form.processing>:not(.cart__preloader) {
    opacity: .16;
    pointer-events: none
}

#shopify-product-reviews .cart__form .spr-form-message,
.cart__form #shopify-product-reviews .spr-form-message,
.cart__form .alert {
    margin: 30px 0 0
}

.cart__items {
    margin-bottom: 30px
}

.cart-continue {
    margin-top: 30px;
    display: none
}

#shopify-product-reviews .cart-continue .spr-summary-actions-newreview,
#spr-form .cart-continue .spr-button-primary,
.cart-continue #shopify-product-reviews .spr-summary-actions-newreview,
.cart-continue #spr-form .spr-button-primary,
.cart-continue .button,
.cart-continue .delete-address a,
.cart-continue .project__text .rte.style-links a,
.cart-continue .shopify-challenge__button,
.cart-continue .shopify-payment-button__button--unbranded,
.delete-address .cart-continue a,
.project__text .rte.style-links .cart-continue a {
    display: block;
    text-align: center
}

.cart__preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    transform: translate3d(-50%, -50%, 0);
    visibility: hidden
}

.cart__preloader:before {
    border-color: rgba(var(--color-sidebar-txt-lighten-alt), 1);
    border-top-color: rgba(var(--color-sidebar-accent), 1)
}

.cart__form.processing .cart__preloader {
    visibility: visible
}

.cart--empty .cart__details {
    display: none
}

.cart--empty .cart-continue {
    display: block
}

.cart__details textarea {
    width: 100%
}

#shopify-product-reviews .template-cart .cart-actions .spr-summary-actions-newreview,
#shopify-product-reviews .template-cart .cart-continue .spr-summary-actions-newreview,
#spr-form .template-cart .cart-actions .spr-button-primary,
#spr-form .template-cart .cart-continue .spr-button-primary,
.delete-address .template-cart .cart-actions a,
.delete-address .template-cart .cart-continue a,
.project__text .rte.style-links .template-cart .cart-actions a,
.project__text .rte.style-links .template-cart .cart-continue a,
.template-cart .cart-actions #shopify-product-reviews .spr-summary-actions-newreview,
.template-cart .cart-actions #spr-form .spr-button-primary,
.template-cart .cart-actions .button,
.template-cart .cart-actions .delete-address a,
.template-cart .cart-actions .project__text .rte.style-links a,
.template-cart .cart-actions .shopify-challenge__button,
.template-cart .cart-actions .shopify-payment-button__button--unbranded,
.template-cart .cart-continue #shopify-product-reviews .spr-summary-actions-newreview,
.template-cart .cart-continue #spr-form .spr-button-primary,
.template-cart .cart-continue .button,
.template-cart .cart-continue .delete-address a,
.template-cart .cart-continue .project__text .rte.style-links a,
.template-cart .cart-continue .shopify-challenge__button,
.template-cart .cart-continue .shopify-payment-button__button--unbranded {
    max-width: 320px
}

/*!
 *  3.4. Collection item
*/

.collection-item {
    position: relative;
    padding: 0 12.5px;
    margin-bottom: 25px
}

.collection-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1920px) {
    .collection-item {
        width: 33.33%
    }
}

@media screen and (min-width:768px) and (max-width:1920px) {
    .collection-item {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .collection-item {
        width: 100% !important
    }
    .collection-item .collection-item__link {
        padding-top: 36% !important
    }
}

@media screen and (max-width:480px) {
    .collection-item .collection-item__link {
        padding-top: 56% !important
    }
}

.collection-item:first-child:last-child,
.collection-list:not(.layout-thirds) .collection-item:nth-child(2n+1):last-child,
.layout-fulls .collection-item {
    width: 100%;
    margin-bottom: 50px
}

.collection-item:first-child:last-child .collection-item__link,
.collection-list:not(.layout-thirds) .collection-item:nth-child(2n+1):last-child .collection-item__link,
.layout-fulls .collection-item .collection-item__link {
    padding-top: 36%
}

.layout-halves .collection-item {
    width: 50%
}

.layout-thirds .collection-item {
    width: 25%
}

.collection-item__link {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 72%;
    display: block
}

.collection-item__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px;
    display: flex
}

@media screen and (max-width:1280px) {
    .collection-item__header {
        padding: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .collection-item__header {
        padding: 25px
    }
}

.collection-item__header.horizontal-left {
    justify-content: flex-start;
    text-align: left
}

.collection-item__header.horizontal-center {
    justify-content: center;
    text-align: center
}

.collection-item__header.horizontal-right {
    justify-content: flex-end;
    text-align: right
}

.collection-item__header.vertical-top {
    align-items: flex-start
}

.collection-item__header.vertical-middle {
    align-items: center
}

.collection-item__header.vertical-bottom {
    align-items: flex-end
}

.collection-item__title {
    margin-bottom: .5em;
    display: inline-block
}

.collection-item__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, rgba(var(--color-body-txt), 1), rgba(var(--color-body-txt), 1));
    background-size: 0 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all 150ms linear
}

a.selected .collection-item__title span,
a:focus .collection-item__title span,
a:hover .collection-item__title span {
    background-size: 100% 2px
}

.touch a .collection-item__title span {
    background-size: 100% 2px;
    position: relative;
    bottom: 2px
}

.collection-item__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.collection-item__background:after {
    content: "";
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*!
 *  3.5. Lazy image
*/

.lazy-image,
.product-item__thumbnail {
    transition: background .2s linear;
    position: relative;
    background: rgba(var(--color-body-txt), .036)
}

.lazy-image img,
.product-item__thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    transition: opacity 150ms linear;
    vertical-align: bottom;
    opacity: 0;
    transform: translate3d(0, 0, 0)
}

.lazy-image img.lazyloaded,
.product-item__thumbnail img.lazyloaded {
    opacity: 1
}

.lazy-image--background.product-item__thumbnail,
.lazy-image.lazy-image--background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 0;
    padding-top: 0 !important;
    transition: background .2s linear
}

.lazy-image--background.product-item__thumbnail img,
.lazy-image.lazy-image--background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    transition: opacity 150ms linear
}

.lazy-image[data-ratio],
.product-item__thumbnail[data-ratio] {
    height: 0
}

.lazy-image[data-ratio] img,
.product-item__thumbnail[data-ratio] img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.blog-item__header,
.image-text__container>a,
.lazy-image--hover,
.no-touch .collection-item__link,
.no-touch .product-item a,
.touch .product-item a.hover,
.video-popup__link,
.video-text__container>a {
    overflow: hidden
}

.blog-item__header .lazy-image--background,
.image-text__container>a .lazy-image--background,
.lazy-image--hover .lazy-image--background,
.no-touch .collection-item__link .lazy-image--background,
.no-touch .product-item a .lazy-image--background,
.touch .product-item a.hover .lazy-image--background,
.video-popup__link .lazy-image--background,
.video-text__container>a .lazy-image--background {
    -webkit-backface-visibility: hidden;
    will-change: transform;
    transform: scale(1) translateZ(0);
    overflow: hidden;
    transition: background .2s linear, transform .3s linear
}

.focus .blog-item__header .lazy-image--background,
.focus .image-text__container>a .lazy-image--background,
.focus .lazy-image--hover .lazy-image--background,
.focus .no-touch .collection-item__link .lazy-image--background,
.focus .no-touch .product-item a .lazy-image--background,
.focus .touch .product-item a.hover .lazy-image--background,
.focus .video-popup__link .lazy-image--background,
.focus .video-text__container>a .lazy-image--background,
.no-touch .blog-item__header:hover .lazy-image--background,
.no-touch .collection-item__link:hover .lazy-image--background,
.no-touch .focus .collection-item__link .lazy-image--background,
.no-touch .image-text__container>a:hover .lazy-image--background,
.no-touch .lazy-image--hover:hover .lazy-image--background,
.no-touch .product-item .focus a .lazy-image--background,
.no-touch .product-item a:hover .lazy-image--background,
.no-touch .video-popup__link:hover .lazy-image--background,
.no-touch .video-text__container>a:hover .lazy-image--background,
.touch .product-item .focus a.hover .lazy-image--background,
.touch .product-item .no-touch a.hover:hover .lazy-image--background {
    transform: scale(1.1) translateZ(0)
}

.lazy-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(51, 51, 51, .3) 0, rgba(51, 51, 51, .25) 20%, rgba(51, 51, 51, .2) 40%, rgba(51, 51, 51, .15) 60%, rgba(51, 51, 51, .1) 80%, rgba(51, 51, 51, .05) 90%, rgba(51, 51, 51, .02) 96%, rgba(51, 51, 51, 0) 100%);
    color: #fff;
    padding: 35px 15px 15px;
    line-height: 1
}

#zoom:before,
.cart__preloader:before,
.lazy-preloader:before,
.product__add-to-cart .preloader:before {
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid rgba(var(--color-body-txt-lighten), 1);
    border-top: 1px solid rgba(var(--color-body-accent), 1);
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: lazy-spin 1s infinite linear
}

.lazyloaded #zoom,
.lazyloaded .cart__preloader,
.lazyloaded .lazy-preloader,
.lazyloaded .product__add-to-cart .preloader,
.lazyloaded+#zoom,
.lazyloaded+.cart__preloader,
.lazyloaded+.lazy-preloader,
.product__add-to-cart .lazyloaded .preloader,
.product__add-to-cart .lazyloaded+.preloader {
    display: none
}

@keyframes lazy-spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.horizontal-center.vertical-middle+.blog-header__background #zoom,
.horizontal-center.vertical-middle+.blog-header__background .cart__preloader,
.horizontal-center.vertical-middle+.blog-header__background .lazy-preloader,
.horizontal-center.vertical-middle+.blog-header__background .product__add-to-cart .preloader,
.horizontal-center.vertical-middle+.collection-header__background #zoom,
.horizontal-center.vertical-middle+.collection-header__background .cart__preloader,
.horizontal-center.vertical-middle+.collection-header__background .lazy-preloader,
.horizontal-center.vertical-middle+.collection-header__background .product__add-to-cart .preloader,
.horizontal-center.vertical-middle+.collection-item__background #zoom,
.horizontal-center.vertical-middle+.collection-item__background .cart__preloader,
.horizontal-center.vertical-middle+.collection-item__background .lazy-preloader,
.horizontal-center.vertical-middle+.collection-item__background .product__add-to-cart .preloader,
.horizontal-center.vertical-middle+.image-text__background #zoom,
.horizontal-center.vertical-middle+.image-text__background .cart__preloader,
.horizontal-center.vertical-middle+.image-text__background .lazy-preloader,
.horizontal-center.vertical-middle+.image-text__background .product__add-to-cart .preloader,
.horizontal-center.vertical-middle+.slide__image #zoom,
.horizontal-center.vertical-middle+.slide__image .cart__preloader,
.horizontal-center.vertical-middle+.slide__image .lazy-preloader,
.horizontal-center.vertical-middle+.slide__image .product__add-to-cart .preloader,
.horizontal-center.vertical-middle+.video-text__background #zoom,
.horizontal-center.vertical-middle+.video-text__background .cart__preloader,
.horizontal-center.vertical-middle+.video-text__background .lazy-preloader,
.horizontal-center.vertical-middle+.video-text__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.blog-header__background .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.collection-header__background .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.collection-item__background .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.image-text__background .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.slide__image .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.video-text__background .preloader {
    display: none
}

.localization-form-holder .localization-form {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 20px;
    margin-top: -15px
}

.localization-form-holder .localization-form+.footer-icons {
    margin-top: 24px
}

.localization-form-holder .localization-form+.footer-copyright {
    margin-top: 28px
}

.localization-form-holder .localization-form__item {
    margin-bottom: 10px;
    display: flex;
    position: relative
}

.localization-form-holder .localization-form__item:not(:last-child) {
    margin-right: 20px
}

.localization-form-holder .regular-select-cover {
    display: inline-block;
    width: auto !important;
    position: relative;
    background: rgba(var(--color-footer-bg), 1);
    color: rgba(var(--color-footer-txt), 1);
    height: 45px;
    border: 1px solid rgba(var(--color-footer-txt), .16)
}

.localization-form-holder .regular-select-cover:focus,
.localization-form-holder .regular-select-cover:hover,
.localization-form-holder .regular-select-cover[aria-expanded=true] {
    border-color: rgba(var(--color-footer-txt), .28)
}

.localization-form-holder .regular-select-cover.focus {
    outline: auto 5px -webkit-focus-ring-color
}

.localization-form-holder .regular-select-cover svg {
    top: 9px
}

.localization-form-holder .regular-select-cover path {
    fill: rgba(var(--color-footer-txt), .46)
}

.localization-form-holder .regular-select-inner {
    height: 45px;
    color: rgba(var(--color-footer-txt), 1);
    padding: 15px 60px 0 12px;
    display: block;
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    font-size: calc(13px / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    text-transform: capitalize
}

.localization-form-holder .regular-select-content {
    list-style: none;
    background: rgba(var(--color-footer-bg), 1);
    position: relative;
    overflow: hidden;
    top: -2px;
    height: auto;
    border-color: rgba(var(--color-footer-txt), .16);
    margin: 0;
    text-transform: capitalize;
    display: none;
    width: 100%;
    left: 0
}

.localization-form-holder .content-opened.regular-select-content,
.localization-form-holder .regular-select-cover:hover .regular-select-content {
    border-color: rgba(var(--color-footer-txt), .28)
}

.localization-form-holder .content-opened.regular-select-content {
    position: absolute;
    top: 43px;
    display: block
}

.localization-form-holder .content-opened.invert-permanent.regular-select-content,
.localization-form-holder .content-opened.invert.regular-select-content {
    top: auto;
    bottom: 43px;
    border-top: 1px solid rgba(var(--color-footer-txt), .28)
}

.localization-form-holder .regular-select-item {
    height: auto;
    padding: 0
}

.localization-form-holder .regular-select-item button {
    background: rgba(var(--color-footer-bg), 1);
    display: block;
    padding: 13px 12px 11px;
    color: rgba(var(--color-footer-txt), 1);
    text-align: left;
    width: 100%;
    cursor: pointer;
    text-transform: capitalize;
    transition: all 150ms linear;
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    font-size: calc(13px / 14 * var(--base-body-size) + 0px);
    line-height: 1
}

.localization-form-holder .regular-select-item button:focus,
.no-touch .localization-form-holder .regular-select-item:hover button {
    background: rgba(var(--color-footer-bg-lighten), 1)
}

.localization-form-holder .regular-select-item.regular-select-item--selected button {
    background: rgba(var(--color-footer-bg-lighten-alt), 1)
}

.sidebar .localization-form-holder {
    padding: 50px 14% 20px;
    transition: all 80ms linear 140ms
}

@media screen and (max-width:948px) {
    .sidebar .localization-form-holder {
        padding: 50px 30px 0
    }
}

.sidebar .localization-form-holder .localization-form {
    flex-direction: column-reverse
}

.sidebar .localization-form-holder .localization-form__item {
    margin-right: auto
}

.sidebar .localization-form-holder .regular-select-cover {
    background: rgba(var(--color-sidebar-bg), 1);
    color: rgba(var(--color-sidebar-txt), 1);
    border-color: rgba(var(--color-sidebar-txt), .16)
}

.no-touch .sidebar .localization-form-holder .regular-select-cover:hover,
.sidebar .localization-form-holder .regular-select-cover:focus,
.sidebar .localization-form-holder .regular-select-cover[aria-expanded=true] {
    border-color: rgba(var(--color-sidebar-txt), .28)
}

.sidebar .localization-form-holder .regular-select-cover path {
    fill: rgba(var(--color-sidebar-txt), .46)
}

.sidebar .localization-form-holder .regular-select-inner {
    color: rgba(var(--color-sidebar-txt), 1);
    padding-right: 35px
}

.sidebar .localization-form-holder .regular-select-content {
    background: rgba(var(--color-sidebar-bg), 1);
    border-color: rgba(var(--color-sidebar-txt), .16)
}

.sidebar .localization-form-holder .content-opened.regular-select-content,
.sidebar .localization-form-holder .no-touch .regular-select-cover:hover.regular-select-content,
.sidebar .localization-form-holder .regular-select-cover:focus .regular-select-content {
    border-color: rgba(var(--color-sidebar-txt), .28)
}

.sidebar .localization-form-holder .content-opened.invert-permanent.regular-select-content {
    border-color: 1px solid rgba(var(--color-sidebar-txt), .28)
}

.sidebar .localization-form-holder .regular-select-item button {
    color: rgba(var(--color-sidebar-txt), 1);
    background: rgba(var(--color-sidebar-bg), 1)
}

.no-touch .sidebar .localization-form-holder .regular-select-item:hover button,
.sidebar .localization-form-holder .regular-select-item button:focus {
    background: rgba(var(--color-sidebar-bg-darken), 1)
}

.sidebar .localization-form-holder .regular-select-item.regular-select-item--selected button {
    background: rgba(var(--color-sidebar-bg-darken-alt), 1)
}

.sidebar .localization-form-holder .content-opened:not(.invert-permanent).regular-select-item:first-child {
    border-color: 1px solid rgba(var(--color-sidebar-txt), .28)
}

.sidebar.no-transforms .localization-form-holder {
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear
}

/*!
 *  3.6. Pagination
*/

.pagination {
    list-style: none;
    display: flex;
    margin: 50px 0 0 0;
    justify-content: center
}

.pagination li {
    cursor: default
}

.pagination li>a,
.pagination li>span {
    display: block;
    width: 36px;
    height: 36px;
    border-bottom: 1px solid transparent;
    text-align: center;
    margin: 0 7px;
    transition: all .1s linear;
    position: relative
}

.pagination li a:hover {
    border-color: rgba(var(--color-body-accent), 1);
    color: rgba(var(--color-body-accent), 1)
}

.pagination li.active>span {
    border-color: rgba(var(--color-body-txt), 1)
}

.pagination li.arrow {
    height: 0
}

.pagination li.arrow>a {
    height: 0;
    border-color: transparent !important
}

.pagination li.arrow:first-child {
    margin-right: 20px
}

.pagination li.arrow:last-child {
    margin-left: 20px
}

.pagination li.arrow .prev {
    left: 12px
}

.pagination li.arrow.disabled {
    opacity: .12;
    pointer-events: none
}

.pagination path {
    fill: rgba(var(--color-body-txt), 1);
    transition: all .1s linear
}

/*!
 *  3.7. Product item
*/

.product-item {
    position: relative;
    overflow: hidden
}

.product-item a {
    display: block;
    position: relative
}

.touch .product-item a.hover figure {
    transition: all .1s linear !important
}

.product-item a:focus {
    outline: 0
}

.product-item a.focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .25)
}

.product-item .onboarding-svg {
    position: relative !important
}

.product-item__thumbnail {
    overflow: hidden
}

.product-item__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7
}

.product-item__secondary-image {
    opacity: 0 !important;
    z-index: 8;
    transition: opacity .3s linear
}

.no-touch .product-item a:hover .product-item__secondary-image,
.product-item a:focus .product-item__secondary-image {
    opacity: 1 !important
}

.product-item__title {
    margin-bottom: 0
}

.touch a.hover .product-item__title {
    background-size: 100% 1px !important;
    transition: none !important
}

.product-item__badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 8;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    padding: 15px 15px 14px;
    background: rgba(255, 255, 255, .5);
    color: rgba(var(--color-body-txt), 1)
}

.product-item__badge.product-item__badge--sale {
    color: rgba(var(--color-body-accent), 1)
}

.product-item__badge.product-item__badge--preorder,
.product-item__badge.product-item__badge--sold {
    color: rgba(var(--color-body-txt), .5)
}

@media screen and (max-width:648px) {
    .product-item__badge {
        font-size: 11px;
        padding: 12px 11px 10px
    }
}

.product-item__price--compare {
    margin-left: 10px;
    opacity: .66
}

.product-item__caption {
    padding-top: 1.2em;
    min-height: 7em
}

@media screen and (max-width:480px) {
    .product-item__caption {
        line-height: 1.5;
        min-height: 6em
    }
    .product-item__caption .product-item__price {
        margin-top: .2em
    }
}

.template-collection-portfolio .product-item__caption {
    display: flex;
    justify-content: center;
    align-items: center
}

.template-collection-portfolio .product-item__caption .product-item__title {
    width: 80%;
    text-align: center
}

@media screen and (min-width:949px) {
    .collection--overlay .product-item__caption {
        margin-top: 0;
        color: rgba(var(--color-grid-text), 1);
        padding: 12%;
        z-index: 9;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .collection--overlay .product-item__caption .product-item__price,
    .collection--overlay .product-item__caption .product-item__title {
        transform: translateY(20px);
        opacity: 0;
        transition: all 125ms ease-in-out 0s
    }
    .collection--overlay .product-item__caption .product-item__title {
        transition-delay: 25ms
    }
    .collection--overlay .product-item__caption:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        background: rgba(var(--color-grid-bg), .3);
        transition: all 125ms ease-in-out .1s
    }
    .collection--overlay .product-item a:focus .product-item__caption .product-item__title,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title,
    .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__title {
        transition-delay: .1s
    }
    .collection--overlay .product-item a:focus .product-item__caption .product-item__price,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price,
    .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__price {
        transition-delay: 125ms
    }
    .collection--overlay .product-item a:focus .product-item__caption .product-item__price,
    .collection--overlay .product-item a:focus .product-item__caption .product-item__title,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title,
    .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__price,
    .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__title {
        opacity: 1;
        transform: translateY(0)
    }
    .collection--overlay .product-item a:focus .product-item__caption:before,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption:before,
    .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption:before {
        transition-delay: 0s;
        opacity: 1
    }
}

.template-collection-portfolio .collection--overlay .product-item__caption {
    margin-top: 0;
    color: rgba(var(--color-grid-text), 1);
    padding: 12%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.template-collection-portfolio .collection--overlay .product-item__caption .product-item__price,
.template-collection-portfolio .collection--overlay .product-item__caption .product-item__title {
    transform: translateY(20px);
    opacity: 0;
    transition: all 125ms ease-in-out 0s
}

.template-collection-portfolio .collection--overlay .product-item__caption .product-item__title {
    transition-delay: 25ms
}

.template-collection-portfolio .collection--overlay .product-item__caption:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background: rgba(var(--color-grid-bg), .3);
    transition: all 125ms ease-in-out .1s
}

.template-collection-portfolio .collection--overlay .product-item a:focus .product-item__caption .product-item__title,
.template-collection-portfolio .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title,
.template-collection-portfolio .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__title {
    transition-delay: .1s
}

.template-collection-portfolio .collection--overlay .product-item a:focus .product-item__caption .product-item__price,
.template-collection-portfolio .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price,
.template-collection-portfolio .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__price {
    transition-delay: 125ms
}

.template-collection-portfolio .collection--overlay .product-item a:focus .product-item__caption .product-item__price,
.template-collection-portfolio .collection--overlay .product-item a:focus .product-item__caption .product-item__title,
.template-collection-portfolio .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price,
.template-collection-portfolio .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title,
.template-collection-portfolio .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__price,
.template-collection-portfolio .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption .product-item__title {
    opacity: 1;
    transform: translateY(0)
}

.template-collection-portfolio .collection--overlay .product-item a:focus .product-item__caption:before,
.template-collection-portfolio .no-touch .collection--overlay .product-item a:hover .product-item__caption:before,
.template-collection-portfolio .no-touch .collection--portfolio .product-item a:hover .product-item__caption .collection--portfolio .product-item a:focus .product-item__caption:before {
    transition-delay: 0s;
    opacity: 1
}

.collection--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-gap: 25px;
    grid-gap: 25px;
    width: 100%
}

.collection--grid .product-item {
    width: auto;
    margin: 0;
    padding: 0
}

.collection--grid .product-item.featured {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}

.collection--grid .product-item.featured a {
    height: 100%
}

.collection--grid .product-item.featured .product-item__thumbnail {
    min-height: calc(100% - 7em)
}
/* /// */
@media screen and (min-width:1920px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width:1920px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width:1174px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:948px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-gap: 17px;
        grid-gap: 17px
    }
}

@media screen and (max-width:768px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:1920px) {
    .template-collection-portfolio .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:948px) {
    .template-collection-portfolio .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:768px) {
    .template-collection-portfolio .collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:480px) {
    .template-collection-portfolio .collection--grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.collection--masonry {
    display: flex !important;
    flex-wrap: wrap;
    width: calc(100% + 26px);
    margin-top: -13px;
    margin-left: -13px
}

@media screen and (min-width:1920px) {
    .collection--masonry .grid-sizer,
    .template-collection-portfolio .collection--masonry .product-item {
        width: 25%
    }
}

@media screen and (max-width:1920px) {
    .collection--masonry .grid-sizer,
    .template-collection-portfolio .collection--masonry .product-item {
        width: 33.33%
    }
}

@media screen and (max-width:1174px) {
    .collection--masonry .grid-sizer,
    .template-collection-portfolio .collection--masonry .product-item {
        width: 50%
    }
}

@media screen and (max-width:948px) {
    .collection--masonry {
        width: calc(100% + 18px);
        margin-left: -9px;
        margin-top: -9px
    }
    .template-collection-portfolio .collection--masonry .product-item {
        width: 33.33%;
        padding: 9px
    }
    .collection--masonry .grid-sizer {
        width: 33.33%
    }
}

@media screen and (max-width:768px) {
    .collection--masonry .grid-sizer,
    .template-collection-portfolio .collection--masonry .product-item {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .collection--masonry .grid-sizer,
    .template-collection-portfolio .collection--masonry .product-item {
        width: 100%
    }
}

.collection--masonry .product-item {
    padding: 13px
}

#shopify-product-reviews .spr-reviews,
.collection--slider {
    display: flex;
    flex-wrap: wrap
}

#shopify-product-reviews .is-draggable.spr-reviews,
.collection--slider.is-draggable {
    padding-bottom: 60px
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .is-draggable.spr-reviews,
    .collection--slider.is-draggable {
        padding-bottom: 40px
    }
}

#shopify-product-reviews .gutter--on .spr-reviews,
.gutter--on #shopify-product-reviews .spr-reviews,
.gutter--on .collection--slider {
    width: calc(100% + 50px)
}

#shopify-product-reviews .gutter--on .spr-reviews .product-item,
.gutter--on #shopify-product-reviews .spr-reviews .product-item,
.gutter--on .collection--slider .product-item {
    margin-right: 25px
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        margin-right: 17px
    }
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(20% - 30px)
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(25% - 31px)
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(33.33% - 33px)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(50% - 33px)
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(33.33% - 28px)
    }
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .gutter--on .spr-reviews .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    .gutter--on .collection--slider .product-item {
        width: calc(50% - 33px)
    }
}

#shopify-product-reviews .spr-reviews .flickity-viewport,
.collection--slider .flickity-viewport {
    width: 100%
}

#shopify-product-reviews .spr-reviews .flickity-page-dots,
#shopify-product-reviews .spr-reviews .slider__dots,
.collection--slider .flickity-page-dots,
.collection--slider .slider__dots {
    bottom: 5px;
    height: 13px;
    background: 0 0;
    padding: 0;
    margin-left: -25px
}

#shopify-product-reviews .spr-reviews .flickity-page-dots .dot,
#shopify-product-reviews .spr-reviews .slider__dots .dot,
.collection--slider .flickity-page-dots .dot,
.collection--slider .slider__dots .dot {
    background-color: rgba(var(--color-body-txt), .16) !important
}

#shopify-product-reviews .spr-reviews .flickity-page-dots .dot:last-child,
#shopify-product-reviews .spr-reviews .slider__dots .dot:last-child,
.collection--slider .flickity-page-dots .dot:last-child,
.collection--slider .slider__dots .dot:last-child {
    margin-right: 0
}

#shopify-product-reviews .spr-reviews .flickity-page-dots .dot.is-selected,
#shopify-product-reviews .spr-reviews .slider__dots .dot.is-selected,
.collection--slider .flickity-page-dots .dot.is-selected,
.collection--slider .slider__dots .dot.is-selected {
    background-color: rgba(var(--color-body-txt), 1) !important
}

.gutter--on .collection[data-limit] {
    width: calc(100% + 25px) !important;
    margin-left: -12.5px !important
}

.gutter--off .collection[data-limit] {
    width: 100% !important;
    margin-left: 0 !important
}

.collection[data-limit] .product-item {
    margin-right: 0 !important
}

.gutter--on .collection[data-limit] .product-item {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important
}

.collection--classic .product-item__caption.reviews-visible {
    position: relative;
    padding-right: 60px
}

@media screen and (max-width:479px) {
    .collection--classic .product-item__caption.reviews-visible {
        padding-right: 0
    }
}

@media screen and (min-width:949px) {
    .collection--overlay .product-item__reviews {
        right: 12%;
        top: 12%;
        margin-bottom: 0;
        transform: translateY(20px);
        opacity: 0;
        transition: all 125ms ease-in-out 0s
    }
    .collection--overlay .product-item a:focus .product-item__reviews,
    .no-touch .collection--overlay .product-item a:hover .product-item__reviews {
        transform: translateY(0);
        opacity: 1;
        transition: all 125ms ease-in-out .1s
    }
}

@media screen and (max-width:948px) {
    .collection--overlay .product-item__caption {
        position: relative
    }
    .collection--overlay .product-item__reviews {
        position: absolute;
        padding-right: 0
    }
}

.product-item__reviews {
    position: absolute;
    top: calc(1.2em + 5px);
    right: 0
}

.product-item__reviews .spr-starrating {
    width: 55px !important
}

.product-item__reviews .spr-starrating:before {
    right: 0;
    left: auto !important
}

.product-item__reviews .spr-icon-star-half-alt:after,
.product-item__reviews .spr-icon-star:after {
    width: 32px !important;
    text-align: right !important
}

.product-item__reviews .spr-badge[data-rating="0.0"] {
    display: none !important
}

.product-item__reviews .spr-badge-caption {
    display: none
}

@media screen and (max-width:479px) {
    .product-item__reviews {
        display: none
    }
}

/*!
 * Product Media *
*/

.dragging .product-gallery__item,
.product-gallery.flickity-enabled .product-gallery__item:not(.is-selected) .lazy-image,
.product-gallery.flickity-enabled .product-gallery__item:not(.is-selected) .product-item__thumbnail {
    pointer-events: none !important
}

.product-gallery__item .shopify-model-viewer-ui__controls-overlay,
.product-gallery__item iframe,
.product-gallery__item video {
    opacity: 0
}

.product-gallery__item video:not(.loaded) {
    position: absolute
}

.product-gallery__item .plyr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 150ms linear
}

.product-gallery__item .plyr.lazyloaded {
    opacity: 1
}

.product-gallery__item .plyr.lazyloaded model-viewer,
.product-gallery__item .plyr.lazyloaded video {
    opacity: 1
}

.product-gallery__item .plyr:not(.reset-transitions) * {
    animation: none !important;
    transition: none !important
}

.product-gallery__item .lazy-image[data-ratio] iframe,
.product-gallery__item .product-item__thumbnail[data-ratio] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    opacity: 0;
    transition: opacity 150ms linear
}

.product-gallery__item .lazy-image[data-ratio].lazyloaded iframe,
.product-gallery__item .lazy-image[data-ratio].lazyloaded iframe:not([src*=vimeo]),
.product-gallery__item .lazy-image[data-ratio].lazyloaded iframe:not([src*=youtube]),
.product-gallery__item .product-item__thumbnail[data-ratio].lazyloaded iframe,
.product-gallery__item .product-item__thumbnail[data-ratio].lazyloaded iframe:not([src*=vimeo]),
.product-gallery__item .product-item__thumbnail[data-ratio].lazyloaded iframe:not([src*=youtube]) {
    opacity: 1
}

.product-gallery__item .shopify-model-viewer-ui,
.product-gallery__item model-viewer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-gallery__item .shopify-model-viewer-ui.lazyloaded .shopify-model-viewer-ui__controls-overlay {
    opacity: 1
}

.product-gallery--fill .plyr__video-wrapper {
    height: 100%
}

.product-gallery--fill .plyr__video-wrapper video {
    width: auto;
    min-width: 100%;
    min-height: 100%
}

.product-gallery__view-in-space {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    font-size: calc(12 / 14 * var(--base-body-size) + 0px);
    line-height: 1;
    background-color: rgba(var(--color-body-txt), .08);
    border: none;
    width: 100%;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--color-body-txt), 1)
}

.product-gallery--gutter+.product-gallery__view-in-space {
    width: calc(100% - 50px);
    margin-left: 25px
}

.product-gallery--dots+.product-gallery__view-in-space:not([data-shopify-xr-hidden]) {
    margin-top: -30px;
    margin-bottom: 20px
}

.product-gallery__view-in-space[data-shopify-xr-hidden] {
    display: none
}

.template-product-portfolio .product-gallery__view-in-space {
    display: none !important
}

.product-gallery__view-in-space:focus .product-gallery__view-in-space-text,
.product-gallery__view-in-space:hover .product-gallery__view-in-space-text {
    border-bottom-color: rgba(var(--color-body-txt), 1)
}

.product-gallery__view-in-space svg.icon {
    height: 2em;
    width: 2em;
    margin-right: .2em;
    fill: transparent
}

.product-gallery__view-in-space svg.icon .icon-3d-badge-full-color-outline {
    stroke: none
}

.product-gallery__view-in-space svg.icon .icon-3d-badge-full-color-element {
    fill: rgba(var(--color-body-txt), 1);
    opacity: 1
}

.product-gallery__view-in-space-text {
    border-bottom: 1px solid transparent
}

.plyr.plyr--full-ui.plyr--video {
    color: rgba(var(--color-body-txt), 1);
    background-color: transparent
}

.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
    background-color: transparent
}

.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
    background-color: rgba(var(--color-body-bg), 1);
    border-color: rgba(var(--color-body-txt), .05)
}

.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
    color: rgba(var(--color-body-txt), .55)
}

.plyr.plyr--full-ui.plyr--video .plyr__controls {
    background-color: rgba(var(--color-body-bg), 1);
    border-color: rgba(var(--color-body-txt), .05)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-bg), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-bg), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-bg), 1)
}

.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), rgba(var(--color-body-txt), .6) var(--value, 0))
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
    background-color: rgba(var(--color-body-txt), .6)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
    background-color: rgba(var(--color-body-txt), .6)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--color-body-txt), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
    background-color: rgba(var(--color-body-txt), 1);
    color: rgba(var(--color-body-bg), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
    border-top-color: rgba(var(--color-body-txt), 1)
}

.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
    background-image: linear-gradient(-45deg, rgba(var(--color-body-txt), .6) 25%, transparent 25%, transparent 50%, rgba(var(--color-body-txt), .6) 50%, rgba(var(--color-body-txt), .6) 75%, transparent 75%, transparent)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
    color: rgba(var(--color-body-bg), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-txt), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-txt), 1)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 rgba(var(--color-body-txt), 1)
}

.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), .6) var(--value, 0))
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track,
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
    background-color: rgba(var(--color-body-bg), .6)
}

.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), .25)
}

.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), .25)
}

.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), .25)
}

.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), .25)
}

.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), .25)
}

.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), .25)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    background: rgba(var(--color-body-bg), 1);
    border-color: rgba(var(--color-body-txt), .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: rgba(var(--color-body-txt), 1)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(var(--color-body-txt), .55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
    color: rgba(var(--color-body-txt), .55);
    background: rgba(var(--color-body-txt), .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(var(--color-body-txt), .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    background: rgba(var(--color-body-bg), 1);
    border-color: rgba(var(--color-body-txt), .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
    color: rgba(var(--color-body-txt), .55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    flex-direction: row
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-left: 1px solid rgba(var(--color-body-txt), .05);
    border-bottom: none;
    height: 28px;
    bottom: 0;
    right: auto;
    top: 8px
}

/*!
 *  3.8. Search form
*/

.search-form {
    position: relative
}

.search-form input[type=search] {
    font-family: var(--font-stack-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    color: rgba(var(--color-body-txt), 1);
    opacity: .66;
    transition: all .1s linear;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid;
    width: 100%;
    height: 55px;
    padding-right: 28px
}

@media screen and (min-width:1920px) {
    .search-form input[type=search] {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .search-form input[type=search] {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .search-form input[type=search] {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .search-form input[type=search] {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

.search-form input[type=search]::placeholder {
    color: rgba(var(--color-body-txt), 1);
    opacity: 1
}

.search-form input[type=search]+button {
    opacity: .66;
    transition: all .1s linear
}

.no-touch .search-form input[type=search]:hover,
.search-form input[type=search]:focus {
    opacity: .86
}

.no-touch .search-form input[type=search]:hover+button,
.search-form input[type=search]:focus+button {
    opacity: .86
}

.search-form input[type=search].filled,
.search-form input[type=search]:focus {
    opacity: 1 !important
}

.search-form input[type=search].filled+button,
.search-form input[type=search]:focus+button {
    opacity: 1 !important
}

.search-form input[type=search].focus {
    outline: auto 5px -webkit-focus-ring-color
}

.predictive-search .search-form input[type=search]::-webkit-search-cancel-button,
.predictive-search .search-form input[type=search]::-webkit-search-decoration,
.predictive-search .search-form input[type=search]::-webkit-search-results-button,
.predictive-search .search-form input[type=search]::-webkit-search-results-decoration {
    display: none
}

.predictive-search .search-form button[type=submit] {
    pointer-events: none
}

.search-form button[type=submit] {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 18px;
    right: 0;
    cursor: pointer
}

.search-form button[type=submit] svg {
    width: 100%;
    height: 100%
}

.no-touch .search-form button[type=submit]:hover,
.search-form button[type=submit]:focus {
    opacity: 1
}

.search-form path {
    fill: rgba(var(--color-body-txt), 1)
}

.sidebar__search {
    display: block;
    width: 100%;
    left: 0;
    visibility: visible;
    pointer-events: none;
    background: 0 0
}

.sidebar__search>div:after {
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) .1s
}

.sidebar__search.predictive-search.opened {
    transform: translateX(0)
}

@media screen and (max-width:360px) {
    .sidebar__search {
        width: 100%
    }
}

.sidebar__search .search-form {
    position: fixed;
    bottom: 40px;
    width: calc(100% - 28%);
    margin-left: 14%;
    pointer-events: all
}

.sidebar__search .search-form input[type=search] {
    color: rgba(var(--color-sidebar-txt), 1)
}

.sidebar__search .search-form input[type=search]::placeholder {
    color: rgba(var(--color-sidebar-txt), 1)
}

.sidebar__search .search-form path {
    fill: rgba(var(--color-sidebar-txt), 1)
}

.sidebar__search .search-form:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    display: block;
    background: rgba(var(--color-sidebar-bg), 1)
}

.sidebar__search .search-form:before {
    content: "";
    position: absolute;
    bottom: 50px;
    left: 0;
    height: 60px;
    display: block;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(360deg, rgba(var(--color-sidebar-bg), 1) 0, rgba(var(--color-sidebar-bg), 0) 100%);
    z-index: 0
}

.collection__filters-close svg,
.localization__filters-close svg,
.sidebar__cart-close svg,
.sidebar__menus-close svg,
.sidebar__search-close svg {
    left: -2px
}

.sidebar__search {
    z-index: 99
}

@media screen and (max-width:948px) {
    .sidebar__search: not(.predictive-search) .search-form {
        bottom: auto;
        top: 4px;
        width: calc(100% - 50px);
        margin-left: 25px;
        background: rgba(var(--color-sidebar-bg), 1);
        visibility: hidden;
        opacity: 0;
        transition: all 120ms linear
    }
    .sidebar__search:not(.predictive-search) .search-form input[type=search] {
        border-bottom: 0
    }
    .sidebar__search:not(.predictive-search) .search-form button[type=submit] {
        display: none
    }
    .sidebar__search:not(.predictive-search).opened .search-form {
        visibility: visible;
        opacity: 1
    }
    .sidebar__search:not(.predictive-search).opened .sidebar__search-close {
        display: block;
        opacity: 1;
        visibility: visible;
        right: 25px;
        pointer-events: all
    }
}

@media screen and (min-width:949px) {
    .sidebar__search.predictive-search {
        transition: width 80ms linear, background 80ms linear .1s
    }
    .sidebar__search.predictive-search .sidebar__search-close {
        right: 40px;
        top: 14px;
        opacity: 0;
        visibility: hidden;
        display: block;
        pointer-events: all;
        z-index: 100;
        margin-right: -15px;
        transition: opacity 80ms linear, visibility 80ms linear
    }
    .sidebar__search.predictive-search .search-form {
        background: rgba(var(--color-sidebar-bg), 1);
        transition: width 80ms linear, margin-left 80ms linear, bottom 180ms linear 60ms;
        z-index: 99
    }
    .sidebar__search.open-search {
        pointer-events: all;
        width: 400px;
        background: rgba(var(--color-sidebar-bg), 1);
        transition: background 80ms linear, width 80ms linear 60ms;
        background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
    }
    .sidebar__search.open-search .search-form {
        bottom: calc(100% - 65px);
        width: calc(400px - 80px);
        margin-left: 40px;
        transition: width 80ms linear 60ms, margin-left 80ms linear 60ms, bottom 180ms linear .1s
    }
    .sidebar__search.open-search .sidebar__search-close {
        opacity: 1;
        visibility: visible;
        transition: opacity 80ms linear .2s, visibility 80ms linear .2s
    }
    .sidebar__search.open-search button[type=submit] {
        display: none
    }
}

@media screen and (max-width:948px) {
    .sidebar__search.predictive-search {
        width: 360px;
        right: 0;
        left: auto;
        background: rgba(var(--color-sidebar-bg), 1);
        visibility: visible;
        transform: translateX(100%);
        transition: all 120ms linear;
        pointer-events: all
    }
    .sidebar__search.predictive-search:after {
        content: "predictive-mobile";
        display: none
    }
    .sidebar__search.predictive-search.opened {
        visibility: visible
    }
    .sidebar__search.predictive-search.opened>div:after {
        width: 100%;
        visibility: visible;
        transition: all 150ms cubic-bezier(.4, 0, 1, 1)
    }
    .sidebar__search.predictive-search.opened .cart {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: all 150ms cubic-bezier(.4, 0, 1, 1) 50ms
    }
    .sidebar__search.predictive-search .search-form {
        width: calc(100% - 60px);
        margin-left: 30px;
        height: 67px;
        top: 0;
        z-index: 99
    }
    .sidebar__search.predictive-search .search-form button[type=submit] {
        display: none
    }
    .sidebar__search.predictive-search .search-form input[type=search] {
        height: 67px;
        background: rgba(var(--color-sidebar-bg), 1);
        border-bottom: 1px solid rgba(var(--color-sidebar-bg-darken-alt), 1)
    }
    .sidebar__search.predictive-search .sidebar__search-close {
        opacity: 1;
        visibility: visible;
        right: 34px;
        top: 10px;
        display: block;
        z-index: 100
    }
}

@media screen and (max-width:360px) {
    .sidebar__search {
        width: 100%
    }
    .sidebar__search .search-form {
        width: calc(100% - 40px);
        margin-left: 20px
    }
    .sidebar__search .sidebar__search-close {
        right: 24px
    }
}

@keyframes fill-progress {
    0% {
        width: 0;
        left: 0
    }
    50% {
        left: 0;
        width: 100%
    }
    100% {
        left: 100%;
        width: 0
    }
}

.sidebar__search.predictive-search .sidebar__search-container {
    position: fixed;
    padding: 45px 0 0;
    min-height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    width: 400px;
    z-index: 98 !important
}

.sidebar__search.predictive-search .sidebar__search-container>div {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (max-width:948px) {
    .sidebar__search.predictive-search .sidebar__search-container {
        width: 360px;
        padding: 45px 0 0
    }
    .sidebar__search.predictive-search .sidebar__search-container>div {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:360px) {
    .sidebar__search.predictive-search .sidebar__search-container {
        width: 100%;
        padding: 45px 0 0
    }
    .sidebar__search.predictive-search .sidebar__search-container>div {
        padding-left: 20px;
        padding-right: 20px
    }
}

.sidebar__search.predictive-search .sidebar__search-results {
    margin-top: 20px;
    transition: all 120ms linear;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: opacity 60ms linear, visibility 60ms linear;
    z-index: 8;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 170px);
    overflow-y: scroll;
    position: relative
}

.sidebar__search.predictive-search .sidebar__search-results:after {
    content: "";
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    margin-top: -40px;
    height: 60px;
    display: block;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(360deg, rgba(var(--color-sidebar-bg), 1) 0, rgba(var(--color-sidebar-bg), 0) 100%);
    z-index: 9
}

.sidebar__search.predictive-search .sidebar__search-results.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 120ms linear .2s, visibility 120ms linear .2s
}

@media screen and (max-width:948px) {
    .sidebar__search.predictive-search .sidebar__search-results {
        opacity: 1;
        visibility: visible
    }
}

.sidebar__search.predictive-search .sidebar__search-results::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.sidebar__search.predictive-search .sidebar__search-results .search-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px 0
}

.sidebar__search.predictive-search .sidebar__search-results .search-item:not(.first) {
    border-top: 1px solid rgba(var(--color-sidebar-bg-darken), 1)
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .title {
    width: 100%;
    margin-top: 0;
    line-height: 1.4;
    margin-bottom: .5em
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .caption {
    margin-top: 0;
    display: block;
    line-height: 1.4
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .content {
    width: calc(100% - 80px);
    padding-left: 20px;
    color: rgba(var(--color-sidebar-txt), 1)
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .vendor {
    display: block
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .vendor+.price {
    display: block;
    margin-top: 8px
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .thumbnail {
    width: 80px;
    height: 90px;
    background: rgba(var(--color-sidebar-bg-darken-alt), 1);
    position: relative;
    overflow: hidden
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .thumbnail:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    transition: opacity 250ms linear;
    opacity: 0;
    content: ""
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .thumbnail img {
    vertical-align: middle;
    transition: opacity 150ms linear, transform 250ms linear;
    opacity: 0
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .thumbnail img.lazyloaded {
    opacity: 1
}

.sidebar__search.predictive-search .sidebar__search-results .search-item:hover .thumbnail:after {
    opacity: 1
}

.sidebar__search.predictive-search .sidebar__search-results .search-item:hover .thumbnail img {
    transform: scale(1.025)
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.article .content {
    width: 100%;
    padding-left: 0
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.article .caption {
    margin-top: 8px
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .content {
    margin-top: -3px
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .caption,
.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .title {
    width: 100%;
    background: rgba(var(--color-sidebar-bg-darken-alt), 1);
    height: 20px;
    position: relative;
    overflow: hidden
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .caption {
    width: 60%;
    margin-top: 10px
}

.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .caption:after,
.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .thumbnail:after,
.sidebar__search.predictive-search .sidebar__search-results .search-item.blank .title:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .05;
    content: "";
    animation: fill-progress 2s infinite
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .unit-price {
    margin-top: -3px
}

.sidebar__search.predictive-search .sidebar__search-results .search-item .price .st {
    opacity: .66;
    text-decoration: line-through;
    padding-left: 5px;
    font-weight: 400
}

.sidebar__search.predictive-search .sidebar__search-results .search-title {
    display: block;
    margin-top: 38px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
    overflow: hidden
}

#section-search .sidebar__search.predictive-search .sidebar__search-results .search-title {
    margin-top: 38px
}

.sidebar__search.predictive-search .sidebar__search-link.push-top+.sidebar__search-results:after {
    margin-top: -60px
}

.sidebar__search.predictive-search .sidebar__search-link {
    position: relative;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 120ms linear;
    transition: opacity 60ms linear, visibility 60ms linear
}

.sidebar__search.predictive-search .sidebar__search-link.push-top {
    top: 20px
}

.sidebar__search.predictive-search .sidebar__search-link.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 120ms linear .2s, visibility 120ms linear .2s
}

@media screen and (max-width:948px) {
    .sidebar__search.predictive-search .sidebar__search-link {
        opacity: 1;
        visibility: visible
    }
}

.sidebar__search.predictive-search .sidebar__search-link .search-more {
    width: 100%;
    margin-top: 18px;
    line-height: 1;
    height: auto;
    min-height: 55px;
    padding-top: 18px;
    padding-bottom: 18px;
    word-break: break-all
}

@media all and (min-width:949px) {
    .show-announcement-bar .sidebar__search.predictive-search.open-search .search-form {
        bottom: calc(100% - 105px)
    }
}

.show-announcement-bar .sidebar__search.predictive-search .sidebar__search-container {
    padding-top: 95px
}

.show-announcement-bar .sidebar__search.predictive-search .sidebar__search-results {
    max-height: calc(100vh - 220px)
}

.sidebar__search.open-search .search-form:after {
    display: none
}

/*!
 *  3.9. Share popup
*/

.article__navigation a,
.share-link {
    margin-top: 55px;
    margin-bottom: -5px;
    display: block;
    cursor: pointer;
    border: none !important;
    transition: all .1s linear
}

.article__navigation a .text,
.share-link .text {
    position: relative;
    top: -5px;
    margin-left: 10px
}

.article__navigation .no-touch a:hover,
.no-touch .article__navigation a:hover,
.no-touch .share-link:hover {
    color: rgba(var(--color-body-accent), 1)
}

.article__navigation .no-touch a:hover svg path,
.no-touch .article__navigation a:hover svg path,
.no-touch .share-link:hover svg path {
    fill: rgba(var(--color-body-accent), 1)
}

.article__navigation a svg path,
.share-link svg path {
    transition: all .1s linear
}

.share-popup {
    text-align: center;
    display: flex;
    width: 30%;
    max-width: 420px;
    min-width: 320px;
    margin: auto;
    background: #fff;
    padding: 70px 50px;
    flex-direction: column;
    position: relative
}

.share-popup span {
    margin-bottom: 1.2em
}

.share-popup a {
    margin-top: .9em
}

.share-popup .basicLightboxClose {
    color: rgba(var(--color-body-txt), 1);
    opacity: 1;
    top: 5px;
    right: 5px;
    transition: all .1s linear
}

.no-touch .share-popup .basicLightboxClose:hover,
.share-popup .basicLightboxClose:focus {
    color: rgba(var(--color-body-accent), 1)
}

/*!
 *  4.1. Article 
*/

.article {
    display: flex;
    flex-direction: column-reverse
}

.article svg path {
    fill: rgba(var(--color-body-txt), 1);
    transition: all .1s linear
}

.article__image {
    position: relative;
    height: 50vh
}

@media screen and (max-width:768px) {
    .article__image {
        height: 40vh
    }
}

.article__navigation {
    display: flex;
    justify-content: space-between
}

.article__navigation .next-article .text {
    margin-left: 0;
    margin-right: 10px
}

.article__navigation a {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.article__navigation a .text {
    top: -7px
}

@media screen and (max-width:480px) {
    .article__navigation a .text {
        display: none
    }
}

.article__comments,
.comments__form {
    margin-top: 100px
}

.comments__form small {
    margin-top: 1em;
    display: block
}

.comments {
    list-style: none;
    margin-top: 30px
}

.comment:not(:last-child) {
    margin-bottom: 40px
}

.comment>span {
    display: block
}

.comment__author {
    font-weight: var(--font-weight-body-semibold);
    margin-bottom: .3em
}

.comment__content {
    margin-top: 1em
}

/*!
 *  4.2. Blog
*/

.blog-header {
    margin-top: 0 !important
}

.template-blog .blog--grid.cols-1 {
    margin: 0 50px
}

.template-blog .blog--grid.cols-2 {
    width: calc(100% - 50px);
    margin-left: 25px
}

.blog-tags {
    margin-bottom: -20px !important
}

.blog-tags a {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px
}

@media screen and (max-width:1280px) {
    .template-blog .blog--grid.cols-1,
    .template-index .blog--grid.cols-1 {
        margin: 0 3.2vw
    }
}

@media screen and (max-width:948px) {
    .template-blog .blog--grid.cols-1,
    .template-index .blog--grid.cols-1 {
        margin: 0 25px
    }
}

@media screen and (max-width:1280px) {
    .template-blog .blog--grid.cols-2,
    .template-index .blog--grid.cols-2 {
        width: calc(100% - 3.2vw);
        margin-left: 1.6vw
    }
}

@media screen and (max-width:948px) {
    .template-blog .blog--grid.cols-2,
    .template-index .blog--grid.cols-2 {
        width: calc(100% - 25px);
        margin-left: 12.5px
    }
}

@media screen and (max-width:1280px) {
    .template-index .blog--grid.cols-2 {
        margin-left: -1.6vw;
        width: calc(100% + 3.2vw)
    }
}

@media screen and (max-width:948px) {
    .template-index .blog--grid.cols-2 {
        width: calc(100% + 25px)
    }
}

/*!
 *  4.3. Collection
*/

.template-collection .breadcrumb,
.template-search .breadcrumb {
    margin-bottom: 1.8em
}

.template-collection .gutter--on,
.template-search .gutter--on {
    margin-left: 50px;
    margin-right: 50px
}

@media screen and (max-width:1280px) {
    .template-collection .gutter--on,
    .template-search .gutter--on {
        margin-left: 3.2vw;
        margin-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .template-collection .gutter--on,
    .template-search .gutter--on {
        margin-left: 25px;
        margin-right: 25px
    }
}

.template-collection-portfolio.template-search .gutter--on,
.template-collection.template-collection-portfolio .gutter--on {
    margin-top: 30px
}

.collection--portfolio {
    margin-bottom: 150px
}

@media screen and (max-width:948px) {
    .collection--portfolio {
        margin-bottom: 100px
    }
}

@media screen and (max-width:648px) {
    .collection--portfolio {
        margin-bottom: 50px
    }
}

.blog-header,
.collection-header,
.list-collections-header,
.project__header,
.search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    margin: 50px 50px 50px
}

@media screen and (max-width:1280px) {
    .blog-header,
    .collection-header,
    .list-collections-header,
    .project__header,
    .search-header {
        margin: 50px 3.2vw 50px
    }
}

@media screen and (max-width:948px) {
    .blog-header,
    .collection-header,
    .list-collections-header,
    .project__header,
    .search-header {
        margin: 50px 25px 50px
    }
}

@media screen and (max-width:648px) {
    .blog-header,
    .collection-header,
    .list-collections-header,
    .project__header,
    .search-header {
        margin-top: 50px;
        margin-bottom: 30px
    }
}

.template-collection-portfolio .blog-header,
.template-collection-portfolio .collection-header,
.template-collection-portfolio .list-collections-header,
.template-collection-portfolio .project__header,
.template-collection-portfolio .search-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.template-collection-portfolio .blog-header .collection-header__description,
.template-collection-portfolio .collection-header .collection-header__description,
.template-collection-portfolio .list-collections-header .collection-header__description,
.template-collection-portfolio .project__header .collection-header__description,
.template-collection-portfolio .search-header .collection-header__description {
    width: 80%
}

@media screen and (max-width:768px) {
    .template-collection-portfolio .blog-header .collection-header__description,
    .template-collection-portfolio .collection-header .collection-header__description,
    .template-collection-portfolio .list-collections-header .collection-header__description,
    .template-collection-portfolio .project__header .collection-header__description,
    .template-collection-portfolio .search-header .collection-header__description {
        width: 100%
    }
}

.collection-header.has-image,
.has-image.blog-header,
.has-image.list-collections-header,
.has-image.project__header,
.has-image.search-header {
    min-height: 420px;
    margin: 0;
    padding: 50px
}

@media screen and (max-width:1280px) {
    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.project__header,
    .has-image.search-header {
        padding: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.project__header,
    .has-image.search-header {
        padding: 25px
    }
}

@media screen and (max-height:768px) {
    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.project__header,
    .has-image.search-header {
        min-height: 320px
    }
}

.collection-header.has-image+.gutter--on,
.has-image.blog-header+.gutter--on,
.has-image.list-collections-header+.gutter--on,
.has-image.project__header+.gutter--on,
.has-image.search-header+.gutter--on {
    margin-top: 50px
}

@media screen and (max-width:948px) {
    .collection-header.has-image+.gutter--on,
    .has-image.blog-header+.gutter--on,
    .has-image.list-collections-header+.gutter--on,
    .has-image.project__header+.gutter--on,
    .has-image.search-header+.gutter--on {
        margin-top: 25px
    }
}

.collection-header.has-image+.gutter--off .collection--classic,
.has-image.blog-header+.gutter--off .collection--classic,
.has-image.list-collections-header+.gutter--off .collection--classic,
.has-image.project__header+.gutter--off .collection--classic,
.has-image.search-header+.gutter--off .collection--classic {
    margin-top: 25px
}

#shopify-product-reviews .blog-header .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .collection-header .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .list-collections-header .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .project__header .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .search-header .spr-summary-actions-newreview .symbol,
#spr-form .blog-header .spr-button-primary .symbol,
#spr-form .collection-header .spr-button-primary .symbol,
#spr-form .list-collections-header .spr-button-primary .symbol,
#spr-form .project__header .spr-button-primary .symbol,
#spr-form .search-header .spr-button-primary .symbol,
.blog-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
.blog-header #spr-form .spr-button-primary .symbol,
.blog-header .button .symbol,
.blog-header .delete-address a .symbol,
.blog-header .project__text .rte.style-links a .symbol,
.blog-header .shopify-challenge__button .symbol,
.blog-header .shopify-payment-button__button--unbranded .symbol,
.collection-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
.collection-header #spr-form .spr-button-primary .symbol,
.collection-header .button .symbol,
.collection-header .delete-address a .symbol,
.collection-header .project__text .rte.style-links a .symbol,
.collection-header .shopify-challenge__button .symbol,
.collection-header .shopify-payment-button__button--unbranded .symbol,
.delete-address .blog-header a .symbol,
.delete-address .collection-header a .symbol,
.delete-address .list-collections-header a .symbol,
.delete-address .project__header a .symbol,
.delete-address .search-header a .symbol,
.list-collections-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
.list-collections-header #spr-form .spr-button-primary .symbol,
.list-collections-header .button .symbol,
.list-collections-header .delete-address a .symbol,
.list-collections-header .project__text .rte.style-links a .symbol,
.list-collections-header .shopify-challenge__button .symbol,
.list-collections-header .shopify-payment-button__button--unbranded .symbol,
.project__header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
.project__header #spr-form .spr-button-primary .symbol,
.project__header .button .symbol,
.project__header .delete-address a .symbol,
.project__header .project__text .rte.style-links a .symbol,
.project__header .shopify-challenge__button .symbol,
.project__header .shopify-payment-button__button--unbranded .symbol,
.project__text .rte.style-links .blog-header a .symbol,
.project__text .rte.style-links .collection-header a .symbol,
.project__text .rte.style-links .list-collections-header a .symbol,
.project__text .rte.style-links .project__header a .symbol,
.project__text .rte.style-links .search-header a .symbol,
.search-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
.search-header #spr-form .spr-button-primary .symbol,
.search-header .button .symbol,
.search-header .delete-address a .symbol,
.search-header .project__text .rte.style-links a .symbol,
.search-header .shopify-challenge__button .symbol,
.search-header .shopify-payment-button__button--unbranded .symbol {
    position: relative;
    top: 5px;
    margin-left: 20px
}

.blog-header__container,
.collection-header__container,
.list-collections-header__container,
.project__header-content,
.search-header__container {
    width: 70%;
    max-width: 800px;
    min-width: 270px;
    margin-top: 60px;
    flex: 1
}

.blog-header__container>.h1,
.blog-header__container>.testimonial__content,
.collection-header__container>.h1,
.collection-header__container>.testimonial__content,
.list-collections-header__container>.h1,
.list-collections-header__container>.testimonial__content,
.project__header-content>.h1,
.project__header-content>.testimonial__content,
.search-header__container>.h1,
.search-header__container>.testimonial__content {
    padding-right: 50px
}

.template-collection-portfolio .blog-header__container,
.template-collection-portfolio .collection-header__container,
.template-collection-portfolio .list-collections-header__container,
.template-collection-portfolio .project__header-content,
.template-collection-portfolio .search-header__container {
    padding-bottom: 30px
}

@media screen and (max-width:948px) {
    .template-collection-portfolio .blog-header__container,
    .template-collection-portfolio .collection-header__container,
    .template-collection-portfolio .list-collections-header__container,
    .template-collection-portfolio .project__header-content,
    .template-collection-portfolio .search-header__container {
        padding-bottom: 0;
        margin-top: 30px
    }
}

.collection-body__description {
    margin-bottom: 50px
}

@media screen and (max-width:948px) {
    .collection-body__description {
        margin-bottom: 25px
    }
}

.blog-header__background,
.collection-header__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.no-content-message {
    grid-column: span 4
}

.collection-filters-handle-holder {
    height: 0;
    top: -55px;
    position: relative
}

.collection__filters,
.localization__filters {
    width: 450px;
    right: 0;
    left: auto;
    z-index: 9991
}

.collection__filters>div,
.localization__filters>div {
    padding: 0 30px;
    color: rgba(var(--color-body-txt), 1)
}

.collection__filters>div:after,
.localization__filters>div:after {
    top: 0;
    right: 0;
    left: auto;
    background: rgba(var(--color-body-bg), 1);
    border-color: rgba(var(--color-body-bg), 1);
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) .1s
}

.collection__filters .filters,
.localization__filters .filters,
.localization__filters .locals {
    opacity: 0;
    visibility: hidden;
    transition: all 150ms cubic-bezier(.4, 0, 1, 1);
    height: 100vh;
    padding: 80px 0 40px;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.collection__filters .filters::-webkit-scrollbar,
.localization__filters .filters::-webkit-scrollbar,
.localization__filters .locals::-webkit-scrollbar {
    width: 0 !important
}

.collection__filters.opened>div:after,
.opened.localization__filters>div:after {
    width: 100%;
    visibility: visible;
    transition: all 150ms cubic-bezier(.4, 0, 1, 1)
}

.collection__filters.opened .filters,
.collection__filters.opened .localization__filters .locals,
.localization__filters .collection__filters.opened .locals,
.opened.localization__filters .filters,
.opened.localization__filters .locals {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all 150ms cubic-bezier(.4, 0, 1, 1) 50ms
}

.collection__filters .option,
.localization__filters .option {
    width: 100%;
    margin-bottom: 50px
}

.collection__filters .option label,
.localization__filters .option label {
    font-weight: var(--font-weight-body-medium);
    text-transform: uppercase;
    display: block;
    margin-bottom: 1em
}

.collection__filters .option select:not(.styled),
.localization__filters .option select:not(.styled) {
    opacity: 0
}

.collection__filters .actions,
.localization__filters .actions {
    display: flex
}

.collection__filters .actions button,
.localization__filters .actions button {
    width: 50%
}

@media screen and (max-width:948px) {
    .collection__filters,
    .localization__filters {
        background: rgba(var(--color-body-bg), 1);
        width: 360px;
        visibility: visible;
        transform: translateX(100%);
        transition: all 120ms linear
    }
    .collection__filters.opened,
    .opened.localization__filters {
        transform: translateX(0)
    }
}

@media screen and (max-width:360px) {
    .collection__filters,
    .localization__filters {
        width: 100%
    }
}

.collection__filters-close,
.localization__filters-close {
    top: 35px;
    right: 20px
}

.collection__filters-close svg polygon,
.localization__filters-close svg polygon {
    fill: rgba(var(--color-body-txt), 1) !important
}

.collection__filters.opened .collection__filters-close,
.collection__filters.opened .localization__filters-close,
.opened.localization__filters .collection__filters-close,
.opened.localization__filters .localization__filters-close {
    opacity: 1;
    visibility: visible;
    transition: all 50ms linear 50ms
}

.filters-overlay-background {
    z-index: 999
}

@media screen and (max-width:648px) {
    .collection-header.has-filters,
    .has-filters.blog-header,
    .has-filters.list-collections-header,
    .has-filters.project__header,
    .has-filters.search-header {
        margin-bottom: 95px
    }
    .collection-header.has-filters .collection-filters-handle-holder,
    .has-filters.blog-header .collection-filters-handle-holder,
    .has-filters.list-collections-header .collection-filters-handle-holder,
    .has-filters.project__header .collection-filters-handle-holder,
    .has-filters.search-header .collection-filters-handle-holder {
        width: 100%;
        position: absolute;
        bottom: -22px;
        top: auto;
        opacity: .66
    }
    #shopify-product-reviews .collection-header.has-filters .collection-filters-handle-holder .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.blog-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.list-collections-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.project__header .collection-filters-handle-holder .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.search-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    #spr-form .collection-header.has-filters .collection-filters-handle-holder .spr-button-primary,
    #spr-form .has-filters.blog-header .collection-filters-handle-holder .spr-button-primary,
    #spr-form .has-filters.list-collections-header .collection-filters-handle-holder .spr-button-primary,
    #spr-form .has-filters.project__header .collection-filters-handle-holder .spr-button-primary,
    #spr-form .has-filters.search-header .collection-filters-handle-holder .spr-button-primary,
    .collection-header.has-filters .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    .collection-header.has-filters .collection-filters-handle-holder #spr-form .spr-button-primary,
    .collection-header.has-filters .collection-filters-handle-holder .button,
    .collection-header.has-filters .collection-filters-handle-holder .delete-address a,
    .collection-header.has-filters .collection-filters-handle-holder .project__text .rte.style-links a,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-challenge__button,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .delete-address .collection-header.has-filters .collection-filters-handle-holder a,
    .delete-address .has-filters.blog-header .collection-filters-handle-holder a,
    .delete-address .has-filters.list-collections-header .collection-filters-handle-holder a,
    .delete-address .has-filters.project__header .collection-filters-handle-holder a,
    .delete-address .has-filters.search-header .collection-filters-handle-holder a,
    .has-filters.blog-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    .has-filters.blog-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    .has-filters.blog-header .collection-filters-handle-holder .button,
    .has-filters.blog-header .collection-filters-handle-holder .delete-address a,
    .has-filters.blog-header .collection-filters-handle-holder .project__text .rte.style-links a,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.list-collections-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    .has-filters.list-collections-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    .has-filters.list-collections-header .collection-filters-handle-holder .button,
    .has-filters.list-collections-header .collection-filters-handle-holder .delete-address a,
    .has-filters.list-collections-header .collection-filters-handle-holder .project__text .rte.style-links a,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.project__header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    .has-filters.project__header .collection-filters-handle-holder #spr-form .spr-button-primary,
    .has-filters.project__header .collection-filters-handle-holder .button,
    .has-filters.project__header .collection-filters-handle-holder .delete-address a,
    .has-filters.project__header .collection-filters-handle-holder .project__text .rte.style-links a,
    .has-filters.project__header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.project__header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.search-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    .has-filters.search-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    .has-filters.search-header .collection-filters-handle-holder .button,
    .has-filters.search-header .collection-filters-handle-holder .delete-address a,
    .has-filters.search-header .collection-filters-handle-holder .project__text .rte.style-links a,
    .has-filters.search-header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.search-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .project__text .rte.style-links .collection-header.has-filters .collection-filters-handle-holder a,
    .project__text .rte.style-links .has-filters.blog-header .collection-filters-handle-holder a,
    .project__text .rte.style-links .has-filters.list-collections-header .collection-filters-handle-holder a,
    .project__text .rte.style-links .has-filters.project__header .collection-filters-handle-holder a,
    .project__text .rte.style-links .has-filters.search-header .collection-filters-handle-holder a {
        width: 100%;
        text-align: left
    }
    #shopify-product-reviews .collection-header.has-filters .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.blog-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.list-collections-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.project__header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.search-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    #spr-form .collection-header.has-filters .collection-filters-handle-holder .spr-button-primary>span,
    #spr-form .has-filters.blog-header .collection-filters-handle-holder .spr-button-primary>span,
    #spr-form .has-filters.list-collections-header .collection-filters-handle-holder .spr-button-primary>span,
    #spr-form .has-filters.project__header .collection-filters-handle-holder .spr-button-primary>span,
    #spr-form .has-filters.search-header .collection-filters-handle-holder .spr-button-primary>span,
    .collection-header.has-filters .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    .collection-header.has-filters .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    .collection-header.has-filters .collection-filters-handle-holder .button>span,
    .collection-header.has-filters .collection-filters-handle-holder .delete-address a>span,
    .collection-header.has-filters .collection-filters-handle-holder .project__text .rte.style-links a>span,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-challenge__button>span,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .delete-address .collection-header.has-filters .collection-filters-handle-holder a>span,
    .delete-address .has-filters.blog-header .collection-filters-handle-holder a>span,
    .delete-address .has-filters.list-collections-header .collection-filters-handle-holder a>span,
    .delete-address .has-filters.project__header .collection-filters-handle-holder a>span,
    .delete-address .has-filters.search-header .collection-filters-handle-holder a>span,
    .has-filters.blog-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    .has-filters.blog-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    .has-filters.blog-header .collection-filters-handle-holder .button>span,
    .has-filters.blog-header .collection-filters-handle-holder .delete-address a>span,
    .has-filters.blog-header .collection-filters-handle-holder .project__text .rte.style-links a>span,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.list-collections-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    .has-filters.list-collections-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .button>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .delete-address a>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .project__text .rte.style-links a>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.project__header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    .has-filters.project__header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    .has-filters.project__header .collection-filters-handle-holder .button>span,
    .has-filters.project__header .collection-filters-handle-holder .delete-address a>span,
    .has-filters.project__header .collection-filters-handle-holder .project__text .rte.style-links a>span,
    .has-filters.project__header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.project__header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.search-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    .has-filters.search-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    .has-filters.search-header .collection-filters-handle-holder .button>span,
    .has-filters.search-header .collection-filters-handle-holder .delete-address a>span,
    .has-filters.search-header .collection-filters-handle-holder .project__text .rte.style-links a>span,
    .has-filters.search-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.search-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .project__text .rte.style-links .collection-header.has-filters .collection-filters-handle-holder a>span,
    .project__text .rte.style-links .has-filters.blog-header .collection-filters-handle-holder a>span,
    .project__text .rte.style-links .has-filters.list-collections-header .collection-filters-handle-holder a>span,
    .project__text .rte.style-links .has-filters.project__header .collection-filters-handle-holder a>span,
    .project__text .rte.style-links .has-filters.search-header .collection-filters-handle-holder a>span {
        position: absolute;
        right: 20px
    }
    .collection-header.has-filters.has-image,
    .has-filters.has-image.blog-header,
    .has-filters.has-image.list-collections-header,
    .has-filters.has-image.project__header,
    .has-filters.has-image.search-header {
        min-height: 275px
    }
    .collection-header.has-filters.has-image .collection-filters-handle-holder,
    .has-filters.has-image.blog-header .collection-filters-handle-holder,
    .has-filters.has-image.list-collections-header .collection-filters-handle-holder,
    .has-filters.has-image.project__header .collection-filters-handle-holder,
    .has-filters.has-image.search-header .collection-filters-handle-holder {
        width: calc(100% - 50px)
    }
}

@media screen and (max-width:948px) {
    .blog-header: not(.has-image),
    .collection-header:not(.has-image),
    .list-collections-header:not(.has-image),
    .project__header:not(.has-image),
    .search-header:not(.has-image) {
        margin-top: 0 !important
    }
}

/*!
 *  4.4. Gift card
*/

.template-gift-card {
    height: 100vh;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.gift-card {
    width: 100%;
    max-width: 620px
}

.gift-card-logo {
    display: inline-block;
    margin-bottom: 20px
}

.gift-card-content {
    border: 1px solid rgba(var(--color-body-txt), .16);
    padding: 50px;
    position: relative
}

.gift-card__icon {
    position: absolute;
    width: 64px;
    height: 64px;
    top: -55px;
    right: 20px;
    background: rgba(var(--color-body-bg), 1)
}

.gift-card__code {
    margin-top: 20px
}

.gift-card-qr {
    display: block;
    background: rgba(var(--color-body-bg), 1);
    margin: 0;
    margin-top: 20px
}

.gift-card-qr #QrCode {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .16);
    width: 142px
}

.add-to-apple-wallet {
    height: 55px;
    vertical-align: bottom
}

@media screen and (max-width:480px) {
    .gift-card-content {
        padding: 25px
    }
    .gift-card__actions a {
        width: 100%
    }
    .gift-card__actions a:first-child {
        margin-bottom: 10px
    }
}

/*!
 *  4.5. List collections
*/

.list-collections-header .breadcrumb {
    margin-bottom: 1.8em
}

.list-collections-container {
    margin-bottom: 75px
}

@media screen and (max-width:948px) {
    .list-collections-container {
        margin-bottom: 50px
    }
}

@media screen and (max-width:480px) {
    .list-collections-container {
        margin-bottom: 25px
    }
}

.collection-list--empty {
    margin-left: 0 !important;
    width: 100% !important
}

/*!
 *  4.6. Password
*/

.password {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.password-content-wrapper {
    max-width: 600px;
    margin: auto;
    text-align: center;
    flex: 1 0 auto
}

.password-content-wrapper h1 {
    margin: 6em 0 4em
}

.password-content {
    padding: 0 30px
}

.password-login {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    font-weight: 600;
    margin: 40px 60px 0 0;
    padding-right: 40px
}

.password-login .symbol {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0
}

.password-login .symbol * {
    stroke: rgba(var(--color-body-txt), 1)
}

.template-password a:not(.logo__image):not(.logo__text):not(.js-toggle-login-modal) {
    border-bottom: 1px solid
}

.password-input-group {
    max-width: 425px;
    margin: 70px auto 35px
}

.password-input-group>input {
    width: 100%
}

#shopify-product-reviews .password-input-group .spr-summary-actions-newreview,
#spr-form .password-input-group .spr-button-primary,
.delete-address .password-input-group a,
.password-input-group #shopify-product-reviews .spr-summary-actions-newreview,
.password-input-group #spr-form .spr-button-primary,
.password-input-group .button,
.password-input-group .delete-address a,
.password-input-group .project__text .rte.style-links a,
.password-input-group .shopify-challenge__button,
.password-input-group .shopify-payment-button__button--unbranded,
.project__text .rte.style-links .password-input-group a {
    margin-top: 20px
}

.login-modal {
    text-align: center
}

.password-footer {
    text-align: center;
    padding-bottom: 40px;
    opacity: .36
}

.template-password .basicLightbox__placeholder {
    opacity: 1;
    padding: 40px;
    background: rgba(var(--color-body-bg), 1)
}

.template-password .basicLightboxClose {
    color: rgba(var(--color-body-txt), 1);
    opacity: 1
}

/*!
 *  4.7. Product
*/

.product {
    position: relative;
    display: flex;
    align-items: flex-start;
    z-index: 99
}

.desktop-breadcrumb {
    display: block
}

@media screen and (max-width:1023px) {
    .desktop-breadcrumb {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .desktop-breadcrumb+.product__header {
        margin-top: -20px
    }
}

.desktop-breadcrumb .breadcrumb {
    margin: 0 !important;
    position: relative;
    top: -60px
}

.mobile-breadcrumb {
    display: none
}

@media screen and (max-width:1023px) {
    .mobile-breadcrumb {
        display: block;
        order: 9
    }
    .mobile-breadcrumb~.product__gallery .product-gallery--gutter {
        padding-top: 0
    }
}

.mobile-breadcrumb .breadcrumb {
    margin: 0 !important
}

@media screen and (max-width:1280px) {
    .mobile-breadcrumb .breadcrumb {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .mobile-breadcrumb .breadcrumb {
        padding-left: 25px;
        padding-right: 25px
    }
}

.product__text {
    width: 35%;
    min-width: 300px;
    max-width: 400px;
    min-height: 100vh;
    padding: 100px 50px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1280px) {
    .product__text {
        padding: 100px 3.2vw
    }
}

@media screen and (max-width:948px) {
    .product__text {
        padding: 100px 25px
    }
}

.article__navigation .product__text a svg *,
.product__text .article__navigation a svg *,
.product__text .share-link svg * {
    fill: rgba(var(--color-body-txt), 1);
    transition: all .1s linear
}

.article__navigation .product__text a:hover svg *,
.product__text .article__navigation a:hover svg *,
.product__text .share-link:hover svg * {
    fill: rgba(var(--color-body-accent), 1)
}

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

.product__title {
    order: 1
}

@media screen and (min-width:648px) and (max-width:948px) {
    .product__title {
        font-size: calc(28 / 24 * var(--base-headings-size) + 0px);
        line-height: 1.2
    }
}

.product__vendor {
    order: 0
}

.product__price {
    order: 2;
    font-weight: var(--font-weight-body-medium);
    line-height: 1
}

.product__price--compare {
    opacity: .36;
    margin-left: 10px
}

.product-policies {
    order: 3;
    margin-top: 10px
}

.product__barcode,
.product__sku {
    order: 4;
    opacity: .66;
    margin-top: 12px
}

.product__barcode:empty,
.product__sku:empty {
    display: none
}

.product__sku+.product__barcode {
    margin-top: 6px
}

.unit-price {
    display: block;
    opacity: .66;
    font-weight: var(--font-weight-body-medium);
    font-size: .8em;
    margin-top: 1em
}

.product-item .unit-price {
    margin-top: 0
}

.product__content {
    margin-top: 35px;
    flex: auto
}

@media screen and (max-width:1280px) {
    .product__content {
        margin-top: 14%
    }
}

.product__offers {
    margin-bottom: 60px
}

@media screen and (max-width:1280px) {
    .product__offers {
        margin-bottom: 23%
    }
}

.product__quantity {
    width: 85px;
    height: 55px;
    position: relative;
    transition: all .1s linear;
    border: 1px solid rgba(var(--color-body-txt), .08);
    display: inline-block
}

.no-touch .product__quantity:hover,
.product__quantity:focus {
    border-color: rgba(var(--color-body-txt), .16)
}

.product__quantity input {
    color: rgba(var(--color-body-txt), 1);
    line-height: 55px;
    text-align: center;
    width: 100%;
    top: 0;
    position: absolute;
    border: none;
    padding: 0 26px
}

.product__quantity button {
    position: absolute;
    top: 21px;
    width: 12px;
    height: 12px;
    left: 12px;
    cursor: pointer;
    z-index: 9;
    transition: all .1s linear;
    opacity: .36
}

.product__quantity button svg {
    position: absolute;
    top: -6px;
    left: -6px
}

.product__quantity button.quantity__plus {
    right: 12px;
    left: auto
}

.no-touch .product__quantity button:hover,
.product__quantity button:focus {
    opacity: .66
}

.product__quantity button.disabled {
    opacity: .6
}

.product__quantity path {
    fill: rgba(var(--color-body-txt), 1)
}

.product__cart-functions {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.product__add-to-cart {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: none;
    background: rgba(var(--color-body-txt), 1)
}

.product__add-to-cart.disabled {
    width: 100% !important;
    margin-left: 0 !important;
    opacity: .16;
    cursor: normal;
    pointer-events: none
}

.product__add-to-cart.disabled+.shopify-payment-button {
    display: none
}

.product__add-to-cart .preloader {
    opacity: 1;
    top: 31px;
    margin-left: -7px
}

.product__add-to-cart .preloader:before {
    width: 12px;
    height: 12px;
    border-color: rgba(var(--color-body-accent-foreground), 1);
    border-top-color: rgba(var(--color-body-txt), .16)
}

.product__add-to-cart:after {
    content: "";
    background: rgba(var(--color-body-accent), 1);
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: 150ms height cubic-bezier(.4, 0, .2, 1) 50ms
}

.product__add-to-cart>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.product__add-to-cart>span.add-to-cart__text {
    color: rgba(var(--color-body-txt-foreground), 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart>span.add-to-cart__symbol {
    transform: translateY(100%);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart>span.add-to-cart__symbol svg {
    margin-left: 0;
    position: relative;
    top: 9px
}

.product__add-to-cart>span.add-to-cart__symbol path {
    stroke: rgba(var(--color-body-accent-foreground), 1);
    fill: none !important
}

.product__add-to-cart.working:after,
.product__add-to-cart:focus:after,
.product__add-to-cart:hover:after {
    height: 100%
}

.product__add-to-cart.working .add-to-cart__text,
.product__add-to-cart:focus .add-to-cart__text,
.product__add-to-cart:hover .add-to-cart__text {
    transform: translateY(-100%)
}

.product__add-to-cart.working .add-to-cart__symbol,
.product__add-to-cart:focus .add-to-cart__symbol,
.product__add-to-cart:hover .add-to-cart__symbol {
    transform: translateY(0);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1) .1s
}

.product__add-to-cart.working {
    pointer-events: none
}

.product__add-to-cart.working:after {
    bottom: auto;
    top: 0
}

.product__add-to-cart.working .add-to-cart__text {
    transform: translateY(100%);
    transition: none
}

.product__add-to-cart.done {
    pointer-events: none
}

.product__add-to-cart.done:after {
    height: 0
}

.product__add-to-cart.done .add-to-cart__symbol {
    transform: translateY(-100%);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart.done .add-to-cart__text {
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart.clear {
    pointer-events: none
}

.product__add-to-cart.clear>span {
    transition: none
}

.product__quantity+.product__add-to-cart {
    width: calc(100% - 110px);
    margin-left: 25px
}

.product__variants {
    width: 100%;
    position: relative;
    z-index: 99
}

.product__variant-holder {
    width: 100%;
    margin-bottom: 24px
}

.product__variant:not(.styled) {
    display: none
}

.product__availability {
    margin-top: 24px;
    display: block;
    font-style: italic
}

.variant-quantity {
    display: block;
    font-style: italic;
    opacity: .66;
    margin-top: 24px;
    line-height: 1.3
}

.shopify-payment-button {
    width: 100%;
    margin-top: 24px
}

.shopify-payment-button__button {
    min-height: 55px !important;
    border-radius: 0 !important
}

.shopify-payment-button__button--unbranded {
    background: rgba(var(--color-body-txt), .66) !important
}

.shopify-payment-button__more-options {
    color: rgba(var(--color-body-txt), 1);
    font-size: 11px !important;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none !important;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid transparent !important;
    transition: all 150ms linear
}

.no-touch .shopify-payment-button__more-options:hover,
.shopify-payment-button__more-options:focus {
    border-bottom-color: inherit !important
}

.shopify-payment-button__button--hidden {
    display: none
}

.product__description>div>:last-child {
    margin-bottom: 0
}

.truncated {
    overflow: hidden;
    position: relative;
    transition: max-height .2s ease-in-out
}

.truncated:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    visibility: visible;
    transition: all .1s linear;
    background: rgba(var(--color-body-bg), 1);
    background: linear-gradient(0deg, rgba(var(--color-body-bg), 1) 0, rgba(var(--color-body-bg), 1) 10%, rgba(var(--color-body-bg), 0) 100%)
}

.truncated.truncated--show:after {
    opacity: 0;
    visibility: hidden
}

.truncated--small {
    max-height: 100px
}

.truncated--medium {
    max-height: 150px
}

.truncated--large {
    max-height: 200px
}

.truncated__trigger {
    cursor: pointer;
    font-style: italic;
    margin-top: 5px;
    display: inline-block
}

.truncated--show+.truncated__trigger {
    opacity: .16
}

.product__text .toggles {
    margin-top: 60px
}

@media screen and (max-width:1280px) {
    .product__text .toggles {
        margin-top: 23%
    }
}

.product__gallery {
    display: flex;
    flex: 1;
    width: 100%;
    flex-direction: column
}

@media screen and (max-width:648px) {
    .product__gallery {
        width: 100%
    }
}

.product__gallery .product-gallery {
    width: 100%
}

.product-gallery__item {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:768px) {
    .product-gallery.flickity-enabled: not(.product-gallery--fill) .product-gallery__item {
        opacity: .16;
        transition: opacity .3s cubic-bezier(.39, .575, .565, 1)
    }
    .product-gallery.flickity-enabled:not(.product-gallery--fill) .product-gallery__item.is-selected {
        opacity: 1 !important
    }
    .product-gallery--gutter.flickity-enabled:not(.product-gallery--fill) .product-gallery__item {
        opacity: .36
    }
}

.product-gallery__item>:first-child {
    will-change: transform
}

@media screen and (min-width:769px) {
    .product: not(.featured-product) .product-gallery__item>:first-child {
        transform: none !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .product.featured-product .product-gallery__item>: first-child {
        transform: none !important
    }
}

@media screen and (min-width:1024px) {
    .product-gallery--slider: not(.flickity-enabled) {
        display: flex;
        position: absolute
    }
    .product-gallery--slider:not(.flickity-enabled) .product-gallery__item {
        flex-shrink: 0
    }
}

@media screen and (max-width:1023px) {
    .product-gallery: not(.flickity-enabled) {
        display: flex;
        overflow: hidden
    }
    .product-gallery:not(.flickity-enabled) .product-gallery__item {
        flex-shrink: 0
    }
}

.product-gallery--fill .product-gallery__item {
    height: 100vh;
    width: 100%
}

.product-gallery--fill .lazy-image,
.product-gallery--fill .product-item__thumbnail {
    height: 100%;
    padding-top: 0 !important
}

.product-gallery--fill.flickity-enabled {
    height: 100vh
}

.product-gallery--gutter {
    padding-bottom: 25px;
    padding-top: 25px
}

.product-gallery--gutter .product-gallery__item,
.product-gallery--gutter.flickity-enabled .product-gallery__item {
    margin-right: 25px
}

.product-gallery--gutter.product-gallery--fill .product-gallery__item {
    width: calc(100% - 25px)
}

.product-gallery--gutter.product-gallery--scroll.product-gallery--fill .product-gallery__item {
    height: calc(100vh - 50px)
}

.product-gallery--gutter.product-gallery--scroll.product-gallery--fill .product-gallery__item:not(:last-child) {
    margin-bottom: 25px
}

.product-gallery--gutter.product-gallery--fit:not(.flickity-enabled) .product-gallery__item {
    margin-bottom: 25px
}

@media screen and (min-width:1024px) {
    .template-product .product-gallery--slider {
        height: 100vh
    }
    .template-product .product-gallery--scroll .product-gallery__item {
        width: 100% !important
    }
}

@media screen and (min-width:948px) and (max-width:1023px) {
    .template-product .product-gallery {
        height: 65vh
    }
}

@media screen and (min-width:768px) and (max-width:948px) {
    .product-gallery {
        height: 65vh
    }
}

@media screen and (min-width:1024px) {
    .product: not(.featured-product) .product-gallery--dots.flickity-enabled .product-gallery__item[data-product-media-type=external_video],
    .product:not(.featured-product) .product-gallery--dots.flickity-enabled .product-gallery__item[data-product-media-type=model],
    .product:not(.featured-product) .product-gallery--dots.flickity-enabled .product-gallery__item[data-product-media-type=video] {
        height: calc(100% - 50px) !important
    }
    .product:not(.featured-product) .product-gallery--dots.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=external_video],
    .product:not(.featured-product) .product-gallery--dots.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=model],
    .product:not(.featured-product) .product-gallery--dots.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=video] {
        height: calc(100% - 70px) !important
    }
}

@media screen and (min-width:1024px) {
    .product: not(.featured-product) .product-gallery--thumbnails.flickity-enabled .product-gallery__item[data-product-media-type=external_video],
    .product:not(.featured-product) .product-gallery--thumbnails.flickity-enabled .product-gallery__item[data-product-media-type=model],
    .product:not(.featured-product) .product-gallery--thumbnails.flickity-enabled .product-gallery__item[data-product-media-type=video] {
        height: calc(100% - 100px) !important
    }
    .product:not(.featured-product) .product-gallery--thumbnails.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=external_video],
    .product:not(.featured-product) .product-gallery--thumbnails.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=model],
    .product:not(.featured-product) .product-gallery--thumbnails.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=video] {
        height: calc(100% - 110px) !important
    }
}

@media screen and (min-width:768px) {
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=external_video],
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=model],
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=video] {
        max-width: 100%;
        display: flex
    }
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=external_video] .lazy-image,
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=external_video] .product-item__thumbnail,
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=model] .lazy-image,
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=model] .product-item__thumbnail,
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=video] .lazy-image,
    .product-gallery.flickity-enabled .product-gallery__item[data-product-media-type=video] .product-item__thumbnail {
        height: 0;
        margin: auto
    }
    .product-gallery.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=external_video],
    .product-gallery.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=model],
    .product-gallery.flickity-enabled.product-gallery--gutter .product-gallery__item[data-product-media-type=video] {
        max-width: calc(100% - 25px)
    }
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
    width: 100%;
    bottom: 0;
    height: 100px;
    padding: 18px 18px 0;
    z-index: 9;
    position: absolute
}

.product-gallery--scroll:not(.flickity-enabled)+.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
    pointer-events: none
}

.product-gallery--gutter~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
    height: 110px;
    padding: 0 50px 0 25px
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnails-holder {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    height: 90%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnails-holder::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnails {
    margin: 0 auto;
    list-style: none;
    display: flex;
    pointer-events: all
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail {
    width: 60px !important;
    height: 60px;
    opacity: .36;
    flex-shrink: 0;
    transition: all .1s linear;
    position: relative;
    scroll-snap-align: start;
    cursor: pointer;
    border: 1px solid transparent
}

.no-touch .product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail:hover,
.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail:focus {
    opacity: .88 !important;
    outline: 0
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail.active {
    opacity: 1 !important;
    border-color: rgba(var(--color-body-txt), .16)
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail:not(:last-child) {
    margin-right: 9px
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .lazyloaded+.thumbnail__badge {
    opacity: 1
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail__badge {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: opacity 50ms linear
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail__badge svg {
    width: 100%;
    height: 100%
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail__badge svg .bg {
    fill: rgba(var(--color-body-bg), 1)
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail__badge svg .path {
    fill: rgba(var(--color-body-txt), 1)
}

.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail__badge svg .stroke {
    stroke: rgba(var(--color-body-txt), 1)
}

@media screen and (min-width:1023px) {
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
        width: 64px !important;
        height: 100vh !important;
        padding: 25px 0;
        bottom: 0;
        right: 25px;
        position: fixed
    }
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails.scroll {
        position: absolute
    }
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnails-holder {
        height: 100%;
        flex-direction: column;
        scroll-snap-type: y mandatory
    }
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnails {
        display: block;
        margin: auto 0
    }
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail {
        opacity: .36;
        margin-right: 0
    }
    .product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails .thumbnail:not(:last-child) {
        margin-bottom: 9px
    }
    .product-gallery--gutter.product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
        right: 50px;
        padding: 50px 0
    }
}

.product-gallery--fit {
    padding-right: 0
}

.product-gallery--fit.flickity-enabled .flickity-viewport {
    height: 100% !important
}

.product-gallery--fit.flickity-enabled .product-gallery__item {
    width: auto;
    height: 100%
}

@media screen and (min-width:768px) {
    .template-product .product-gallery--fit.flickity-enabled .product-gallery__item[data-product-media-type=image] .lazy-image,
    .template-product .product-gallery--fit.flickity-enabled .product-gallery__item[data-product-media-type=image] .product-item__thumbnail {
        padding-top: 0 !important
    }
}

.product-gallery--fit.flickity-enabled .lazy-image,
.product-gallery--fit.flickity-enabled .product-item__thumbnail {
    height: 100%;
    width: 100%;
    display: inline-block
}

.product-gallery--fit.flickity-enabled .lazy-image img,
.product-gallery--fit.flickity-enabled .product-item__thumbnail img {
    position: static;
    height: 100%;
    width: auto;
    display: block;
    object-fit: contain;
    font-family: "object-fit: contain"
}

.product-gallery__thumbnails--dots {
    font-size: 15px !important;
    position: fixed;
    bottom: 50vh;
    right: 25px;
    width: 21px;
    background: rgba(var(--color-body-txt), .1);
    padding: 4px 6px 10px;
    border-radius: 21px;
    transform: translateY(50%);
    z-index: 9;
    cursor: default
}

.product-gallery--gutter~.product-gallery__thumbnails--dots {
    right: 50px
}

.product-gallery__thumbnails--dots.scroll {
    position: absolute
}

.product-gallery__thumbnails--dots .thumbnails {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-gallery__thumbnails--dots .thumbnail {
    width: 9px;
    height: 9px;
    display: block;
    margin-top: 6px;
    border-radius: 100%;
    transition: background .1s linear;
    background: rgba(var(--color-body-bg), 1);
    cursor: pointer
}

.product-gallery__thumbnails--dots .thumbnail.active {
    background: rgba(var(--color-body-txt), 1)
}

.product-gallery__thumbnails--dots .flickity-button {
    display: none
}

@media screen and (max-width:1023px) {
    .product-gallery__thumbnails--dots {
        position: absolute !important;
        right: 50% !important;
        bottom: -20px;
        transform: translateX(50%);
        height: 21px;
        width: 100%;
        padding: 0;
        background: 0 0;
        display: block
    }
    .product-gallery__thumbnails--dots .thumbnails-holder {
        display: flex;
        justify-content: center
    }
    .product-gallery__thumbnails--dots .thumbnail {
        display: inline-block;
        margin: 0 2px 0 0;
        width: 9px;
        height: 9px;
        background: rgba(var(--color-body-txt), .36)
    }
    .product-gallery__thumbnails--dots .thumbnail.active {
        background: rgba(var(--color-body-txt), 1)
    }
}

@media screen and (min-width:1024px) {
    .product-gallery--slider~.product-gallery__thumbnails--dots {
        position: absolute !important;
        right: 50% !important;
        bottom: 25px;
        transform: translateX(50%);
        height: 21px;
        width: auto;
        line-height: 0;
        padding: 7px 7px 0 10px
    }
    .product-gallery--slider~.product-gallery__thumbnails--dots .thumbnail {
        margin: 0 2px 0 0;
        display: inline-block
    }
    .product-gallery--slider.product-gallery--gutter~.product-gallery__thumbnails--dots {
        bottom: 50px
    }
}

@media screen and (max-width:1023px) {
    .product-gallery--dots {
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .product-gallery--dots {
        margin-bottom: 30px
    }
    .product-gallery .flickity-button {
        display: none
    }
    .product-gallery__thumbnails--dots {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: -10px
    }
    .product-gallery__thumbnails--dots .thumbnails-holder {
        margin: 0 10px
    }
    .product-gallery__thumbnails--dots .flickity-button {
        display: block;
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto;
        transform: none;
        margin-top: -9px;
        border-radius: 0;
        background: 0 0 !important
    }
    .product-gallery__thumbnails--dots .flickity-button:focus {
        box-shadow: none
    }
    .product-gallery__thumbnails--dots .flickity-button.previous path {
        transform: rotate(180deg) !important
    }
    .product-gallery__thumbnails--dots .flickity-button.next path {
        transform: rotate(0) !important
    }
    .product-gallery__thumbnails--dots .flickity-button .flickity-button-icon {
        left: 0;
        top: 8px;
        width: 40px;
        height: 40px
    }
    .product-gallery__thumbnails--dots .flickity-button .flickity-button-icon path {
        fill: rgba(var(--color-body-txt), 1);
        transform-origin: center
    }
}

.flickity-button:focus {
    box-shadow: inset 0 0 5px rgba(var(--color-body-txt), .66)
}

.product-gallery .flickity-prev-next-button {
    border-radius: 0;
    width: 55px;
    height: 55px;
    background: rgba(var(--color-body-bg), .36);
    transition: all 150ms linear
}

.product-gallery .flickity-prev-next-button:focus,
.product-gallery .flickity-prev-next-button:hover {
    background: rgba(var(--color-body-bg), .66)
}

.product-gallery .flickity-prev-next-button.previous {
    left: 0
}

.product-gallery .flickity-prev-next-button.previous path {
    transform: rotate(180deg) !important
}

.product-gallery .flickity-prev-next-button.next {
    right: 0
}

.product-gallery .flickity-prev-next-button.next path {
    transform: rotate(0) !important
}

@media screen and (max-width:768px) {
    .product-gallery .flickity-prev-next-button {
        top: auto;
        bottom: -48px;
        transform: none;
        background: 0 0 !important;
        z-index: 99
    }
    .product-gallery .flickity-prev-next-button.previous {
        left: -17px
    }
    .product-gallery .flickity-prev-next-button.next {
        right: -17px
    }
}

.product-gallery .flickity-prev-next-button .flickity-button-icon {
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px
}

.product-gallery .flickity-prev-next-button .flickity-button-icon path {
    fill: rgba(var(--color-body-txt), 1);
    transform-origin: center
}

@media screen and (max-width:1023px) {
    .product-gallery--gutter .flickity-prev-next-button.previous {
        left: 25px
    }
}

@media screen and (max-width:768px) {
    .product-gallery--gutter .flickity-prev-next-button.next {
        right: 25px
    }
}

.product__image-zoom {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 24px;
    height: 24px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    transition: all .1s linear .1s;
    transform: translate3d(0, 0, 0)
}

.lazyloaded~.product__image-zoom {
    opacity: 1
}

.product-gallery--fit .product__image-zoom {
    top: 25px
}

.product__image-zoom svg path {
    fill: rgba(var(--color-body-txt), 1)
}

#zoom {
    position: fixed;
    left: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: scroll;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-overflow-scrolling: touch;
    background: rgba(var(--color-body-bg), 1);
    transition: all .2s linear;
    scrollbar-width: none;
    -ms-overflow-style: none
}

#zoom::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

#zoom.opened {
    visibility: visible;
    opacity: 1;
    z-index: 99999
}

#zoom .zoom__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-body-bg), 1);
    z-index: 6
}

#zoom img {
    opacity: 0;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    transition: opacity .1s linear
}

.touch #zoom img {
    top: 0 !important;
    left: 0 !important
}

#zoom:before {
    z-index: 7;
    position: fixed
}

#zoom.loaded:before {
    opacity: 0
}

#zoom .zoom__exit {
    z-index: 9;
    position: fixed;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: rgba(var(--color-body-bg), 1);
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#zoom .zoom__exit path {
    fill: rgba(var(--color-body-txt), 1)
}

#zoom.loaded img {
    opacity: 1
}

#zoom.loaded:after {
    opacity: 0
}

#shopify-section-product-recommendations {
    display: none;
    padding: 100px 0;
    overflow: hidden
}

@media screen and (max-width:948px) {
    #shopify-section-product-recommendations {
        padding: 70px 0
    }
}

@media screen and (max-width:480px) {
    #shopify-section-product-recommendations {
        padding: 50px 0
    }
}

#shopify-section-product-recommendations.with-gutter {
    padding-bottom: 0
}

#shopify-section-product-recommendations .h1,
#shopify-section-product-recommendations .testimonial__content {
    margin-bottom: 1.4em
}

#shopify-section-product+#shopify-section-product-story .with-gutter:first-child {
    padding-top: 100px
}

@media screen and (max-width:948px) {
    #shopify-section-product+#shopify-section-product-story .with-gutter: first-child {
        padding-top: 70px
    }
}

@media screen and (max-width:480px) {
    #shopify-section-product+#shopify-section-product-story .with-gutter: first-child {
        padding-top: 50px
    }
}

.template-product .mount-product-page+#shopify-section-product-recommendations,
.template-product .mount-product-page+#shopify-section-product-story .with-gutter:first-child,
.template-product .mount-product-page+#shopify-section-product-story.blank+#shopify-section-product-recommendations {
    border-top: 1px solid rgba(var(--color-body-txt), .036)
}

.shopify-payment-button__button--hidden {
    visibility: hidden;
    display: none !important
}

#shopify-product-reviews {
    margin: 0 !important
}

#shopify-product-reviews .is-draggable.spr-reviews {
    padding-bottom: 0 !important
}

#shopify-product-reviews .spr-container {
    border: 0;
    border-top: 1px solid rgba(var(--color-body-txt), .036);
    padding: 100px 0;
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .spr-container {
        padding: 70px 0
    }
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .spr-container {
        padding: 50px 0
    }
}

@media screen and (max-width:1280px) {
    #shopify-product-reviews .spr-container {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .spr-container {
        padding-left: 25px;
        padding-right: 25px
    }
}

#shopify-product-reviews .spr-header {
    position: relative
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .spr-summary {
        text-align: left
    }
}

#shopify-product-reviews .spr-summary-actions-newreview {
    text-align: center
}

@media screen and (min-width:480px) {
    #shopify-product-reviews .spr-summary-actions-newreview {
        position: absolute;
        right: 0;
        bottom: 5px
    }
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .spr-summary-actions-newreview {
        margin-top: 30px;
        display: block
    }
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-header-title {
        font-size: calc(26px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .spr-header-title {
        font-size: calc(25px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .spr-header-title {
        font-size: calc(24px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    #shopify-product-reviews .spr-header-title {
        font-size: calc(22px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .spr-header-title {
        text-align: left
    }
}

#shopify-product-reviews .spr-summary-starrating {
    position: relative
}

#shopify-product-reviews .spr-summary-starrating:before {
    content: attr(data-rating);
    display: inline-block
}

#shopify-product-reviews .spr-summary-starrating .spr-icon:before {
    font-size: 22px
}

#shopify-product-reviews .spr-reviews {
    overflow: visible;
    margin-top: 75px;
    width: calc(100% + 25px)
}

@media screen and (max-width:1280px) {
    #shopify-product-reviews .spr-reviews {
        width: calc(100% + (3.2vw / 2))
    }
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .spr-reviews {
        width: calc(100% + (25px / 2))
    }
}

#shopify-product-reviews .spr-reviews .flickity-viewport {
    margin-left: -25px;
    transition: height 250ms linear
}

@media screen and (max-width:1280px) {
    #shopify-product-reviews .spr-reviews .flickity-viewport {
        margin-left: -1.6vw
    }
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .spr-reviews .flickity-viewport {
        margin-left: -12.5px
    }
}

#shopify-product-reviews .spr-reviews .spr-pagination {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 100%;
    pointer-events: none
}

#shopify-product-reviews .spr-reviews .spr-pagination-page,
#shopify-product-reviews .spr-reviews .spr-pagination-prev {
    display: none
}

#shopify-product-reviews .spr-reviews .spr-pagination-next {
    position: static
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a {
    font-size: 0
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
    content: "Load more";
    opacity: .36
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a: after {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a: after {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a: after {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a: after {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1
    }
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a:hover:after {
    color: rgba(var(--color-body-accent), 1)
}

#shopify-product-reviews .spr-reviews .flickity-custom-nav {
    margin: 50px auto -10px
}

#shopify-product-reviews .spr-reviews .flickity-custom-nav .next {
    width: 34px
}

@media screen and (max-width:648px) {
    #shopify-product-reviews .spr-reviews .flickity-custom-nav {
        margin: 20px 0 -10px
    }
}

#shopify-product-reviews .spr-review,
#shopify-product-reviews .spr-reviews .spr-pagination {
    border: 0;
    margin: 0;
    padding: 0 25px
}

@media screen and (max-width:1280px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        padding: 0 1.6vw
    }
}

@media screen and (max-width:948px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        padding: 0 12.5px
    }
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 20%
    }
}

@media screen and (min-width:1336px) and (max-width:1920px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 25%
    }
}

@media screen and (min-width:1023px) and (max-width:1366px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 33.33%
    }
}

@media screen and (min-width:948px) and (max-width:1023px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 50%
    }
}

@media screen and (min-width:768px) and (max-width:948px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 33.33%
    }
}

@media screen and (min-width:648px) and (max-width:768px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 50%
    }
}

@media screen and (max-width:648px) {
    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 100% !important
    }
}

#shopify-product-reviews .spr-review:first-child:last-child,
#shopify-product-reviews .spr-reviews .spr-pagination:first-child:last-child {
    width: 50%
}

#shopify-product-reviews .spr-reviews[data-no="2"] .spr-pagination,
#shopify-product-reviews .spr-reviews[data-no="2"] .spr-review {
    width: 33.33%
}

#shopify-product-reviews .spr-summary-actions-togglereviews {
    opacity: .66
}

#shopify-product-reviews .spr-review-header-starratings {
    margin-bottom: 1em
}

#shopify-product-reviews .spr-review-header-starratings .spr-icon:before {
    font-size: 16px
}

#shopify-product-reviews .spr-review-header-title {
    margin-bottom: .2em
}

#shopify-product-reviews .spr-review-header-byline {
    opacity: .66;
    line-height: 1.3
}

#shopify-product-reviews .spr-review-header-byline strong {
    font-weight: 400
}

#shopify-product-reviews .spr-review-header-byline strong:first-child {
    text-decoration: underline
}

#shopify-product-reviews .spr-review-content {
    margin-top: 1em;
    margin-bottom: 0
}

#shopify-product-reviews .spr-review-content-body {
    word-break: break-word
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

#shopify-product-reviews .spr-review-reportreview {
    float: left;
    opacity: 0
}

#shopify-product-reviews .spr-review:hover .spr-review-reportreview,
#shopify-product-reviews .spr-reviews .spr-pagination:hover .spr-review-reportreview {
    opacity: .36
}

#shopify-product-reviews .spr-review-reply {
    background: rgba(0, 0, 0, .036);
    margin: 12px 0 0;
    padding: 12px
}

.product-page-reviews {
    display: none
}

#spr-form {
    margin: 50px auto;
    padding: 70px 50px
}

@media screen and (max-width:768px) {
    #spr-form {
        width: 90vw;
        padding: 50px 30px
    }
}

#spr-form .spr-form {
    border: none;
    margin: 0;
    padding: 0
}

#spr-form .spr-form-contact-email,
#spr-form .spr-form-contact-location,
#spr-form .spr-form-contact-name,
#spr-form .spr-form-review-body,
#spr-form .spr-form-review-rating,
#spr-form .spr-form-review-title,
#spr-form .spr-form-title {
    margin-bottom: 28px
}

#spr-form .spr-form-label {
    display: block;
    margin-bottom: 5px
}

#spr-form .spr-form-input::placeholder {
    opacity: .36
}

.product-item__reviews,
.product__reviews {
    border-bottom: 0 !important;
    order: 2;
    margin-bottom: 24px;
    height: 17px;
    overflow: hidden;
    padding-top: 2px
}

.product-item__reviews .spr-badge-caption,
.product__reviews .spr-badge-caption {
    opacity: .66
}

.product-item__reviews .spr-badge,
.product__reviews .spr-badge {
    position: relative
}

@media screen and (max-width:1023px) {
    .product-item__reviews .spr-badge,
    .product__reviews .spr-badge {
        margin-left: -5px
    }
}

.product-item__reviews .spr-badge:not([data-rating="0.0"]),
.product__reviews .spr-badge:not([data-rating="0.0"]) {
    padding-left: 55px
}

.product-item__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating,
.product__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating {
    display: flex;
    overflow: hidden;
    position: absolute;
    clip-path: inset(0 0 calc(100% - 30px) 0);
    -webkit-clip-path: inset(0 0 calc(100% - 30px) 0);
    flex-direction: column-reverse;
    width: 50px;
    pointer-events: none;
    left: 0;
    top: -1px
}

@media screen and (max-width:1023px) {
    #section-product .product-item__reviews .spr-badge: not([data-rating="0.0"]) .spr-starrating,
    #section-product .product__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating {
        left: 50%;
        top: -1px;
        transform: translateX(-100%);
        margin-left: -10px
    }
}

.product-item__reviews .spr-badge[data-rating="0.0"],
.product__reviews .spr-badge[data-rating="0.0"] {
    padding-left: 30px
}

.product-item__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before,
.product__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before {
    content: '\e801';
    left: 0
}

@media screen and (max-width:1023px) {
    .product-item__reviews .spr-badge[data-rating="0.0"],
    .product__reviews .spr-badge[data-rating="0.0"] {
        display: inline-block
    }
    .product-item__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before,
    .product__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before {
        top: -3px;
        left: 8px
    }
}

.product-item__reviews .spr-starrating:before,
.product__reviews .spr-starrating:before {
    content: '\e800';
    font-family: font-awesome-stars;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 28px
}

.product-item__reviews .spr-starrating .spr-icon,
.product__reviews .spr-starrating .spr-icon {
    width: 0 !important;
    height: 0 !important
}

.product-item__reviews .spr-starrating .spr-icon:before,
.product__reviews .spr-starrating .spr-icon:before {
    display: none !important
}

.product-item__reviews .spr-starrating .spr-icon.spr-icon-star,
.product-item__reviews .spr-starrating .spr-icon.spr-icon-star-half-alt,
.product__reviews .spr-starrating .spr-icon.spr-icon-star,
.product__reviews .spr-starrating .spr-icon.spr-icon-star-half-alt {
    width: 20px !important;
    height: 30px !important
}

.product-item__reviews .spr-starrating .spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star-half-alt:after,
.product__reviews .spr-starrating .spr-icon-star:after {
    content: "1.0";
    width: 20px;
    display: block;
    text-align: left
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star-half-alt:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star-half-alt:after {
    content: "1.5"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star:after {
    content: "2.0"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "2.5"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "3.0"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "3.5"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "4.0"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "4.5"
}

.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "5.0"
}

.product-gallery[data-size="0"],
.product-gallery[data-size="1"] {
    position: relative;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .product-gallery[data-size="0"],
    .product-gallery[data-size="1"] {
        height: auto !important
    }
}

.product-gallery[data-size="0"] .product-gallery__item,
.product-gallery[data-size="1"] .product-gallery__item {
    width: 100% !important;
    margin-right: 0 !important;
    height: auto !important;
    flex-shrink: 1 !important;
    align-self: center;
    margin-bottom: 0 !important
}

.product-gallery[data-size="0"]~.product-gallery__thumbnails,
.product-gallery[data-size="1"]~.product-gallery__thumbnails {
    display: none
}

.project__header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: sticky;
    position: -webkit-sticky;
    top: -30px;
    background: rgba(var(--color-body-bg), 1)
}

@media screen and (max-width:948px) {
    .project__header {
        top: 60px
    }
}

.project__header-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: none
}

@media screen and (max-width:948px) {
    .project__header-content {
        margin-top: 30px
    }
}

.project__title {
    margin-bottom: 1em !important
}

.project__navigation {
    display: flex;
    justify-content: center
}

.project__navigation span.arrow,
.project__navigation>a {
    line-height: 1;
    height: 30px;
    align-items: center;
    display: flex
}

.project__navigation-item.project__navigation--previous span.arrow {
    margin-right: 15px
}

.project__navigation-item.project__navigation--next span.arrow {
    margin-left: 15px
}

.project__navigation-item.disabled {
    pointer-events: none;
    opacity: .16
}

.project__navigation-item:hover {
    color: rgba(var(--color-body-accent), 1)
}

.project__navigation-separator {
    font-size: 0;
    background: rgba(var(--color-body-txt), 1);
    width: 1px;
    position: relative;
    margin: 0 20px;
    opacity: .16;
    height: 30px;
    top: 1px
}

@media screen and (max-width:648px) {
    .project__navigation-item .text,
    .project__navigation-separator {
        display: none
    }
}

.project__content {
    padding: 30px 50px 0
}

@media screen and (max-width:1280px) {
    .project__content {
        padding: 30px 3.2vw 0
    }
}

@media screen and (max-width:948px) {
    .project__content {
        padding: 0 25px
    }
}

.project__gallery .product-gallery__item:not(:first-child) {
    margin-top: 50px
}

@media screen and (max-width:1280px) {
    .project__gallery .product-gallery__item: not(:first-child) {
        margin-top: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .project__gallery .product-gallery__item: not(:first-child) {
        margin-top: 25px
    }
}

.project__text {
    max-width: 800px;
    width: 60%;
    margin: 100px auto
}

@media screen and (max-width:768px) {
    .project__text {
        width: 80%;
        margin: 80px auto
    }
}

@media screen and (max-width:648px) {
    .project__text {
        width: 100%;
        margin: 50px auto
    }
}

.project__text .rte.style-links a {
    color: rgba(var(--color-body-txt-foreground), 1) !important;
    border-bottom: 0 !important;
    margin-top: 12px
}

.spr-pagination {
    display: none !important
}

shopify-payment-terms {
    margin-top: 24px;
    font-size: clamp(12px, 90%, 16px)
}

/*!
 *  6.3. Product page responsive queries
*/

@media screen and (max-width:1023px) {
    .product {
        flex-direction: column-reverse
    }
    .product__text {
        width: 100%;
        padding: 50px 20% 100px;
        max-width: none;
        min-height: 0;
        transform: none !important;
        position: relative !important
    }
    .product__gallery {
        position: relative !important
    }
    .product__gallery .flickity-page-dots,
    .product__gallery .slider__dots {
        bottom: -45px !important;
        background: 0 0;
        padding: 0
    }
    .product__gallery .flickity-page-dots .dot,
    .product__gallery .slider__dots .dot {
        background-color: rgba(var(--color-body-txt), .16) !important
    }
    .product__gallery .flickity-page-dots .dot:last-child,
    .product__gallery .slider__dots .dot:last-child {
        margin-right: 0
    }
    .product__gallery .flickity-page-dots .dot.is-selected,
    .product__gallery .slider__dots .dot.is-selected {
        background-color: rgba(var(--color-body-txt), 1) !important
    }
    .product-gallery:after {
        content: "flickity";
        display: none
    }
    .product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
        height: 76px !important;
        padding: 9px 9px 0 9px;
        position: relative
    }
    .product-gallery--gutter~.product-gallery__thumbnails.product-gallery__thumbnails--thumbnails {
        padding: 9px 25px 0
    }
    .product-gallery--gutter {
        padding-bottom: 0
    }
    .product-gallery--gutter {
        padding-left: 25px
    }
    .product-gallery--gutter {
        padding-right: 25px
    }
    .product-gallery--fill-mobile {
        transition: height .2s linear;
        height: auto !important
    }
    .product-gallery--fill-mobile .product-gallery__item {
        width: 100%
    }
    .product-gallery--fill-mobile.product-gallery--mobile-fixed {
        height: 60vh !important;
        min-height: 0
    }
    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item {
        height: 100%
    }
    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item .lazy-image,
    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item .product-item__thumbnail {
        height: 100%;
        padding-top: 0 !important
    }
    .product__header {
        text-align: center
    }
    .product__content {
        margin-top: 50px;
        flex: 0
    }
    .product__offers {
        margin-bottom: 55px
    }
    .product__text .toggles {
        margin-top: 50px
    }
    .article__navigation a,
    .share-link {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }
    #shopify-section-product-recommendations .h1,
    #shopify-section-product-recommendations .testimonial__content {
        text-align: center
    }
    .product .breadcrumb {
        width: 100%;
        max-width: none;
        z-index: 9;
        position: static;
        padding: 22px 25px;
        order: 9
    }
}

@media screen and (max-width:1023px) and (max-width:648px) {
    .product .breadcrumb {
        padding: 15px 25px
    }
}

@media screen and (max-width:1023px) {
    .product .breadcrumb+.product__text {
        margin-top: 0
    }
}

@media screen and (max-width:648px) {
    .product__text {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 30px
    }
    .product__offers {
        margin-bottom: 30px
    }
    .product__content {
        margin-top: 30px
    }
}

@media screen and (max-width:1023px) {
    .product-gallery--gutter .product-gallery__item {
        margin-right: 17px !important
    }
}

@media screen and (max-width:948px) {
    .product__text {
        padding-bottom: 70px
    }
    #shopify-section-product-recommendations .h1,
    #shopify-section-product-recommendations .testimonial__content {
        text-align: left
    }
}

@media screen and (max-width:480px) {
    .product__text {
        padding-bottom: 50px
    }
    .product-gallery[data-mobile-style=product-gallery--fit] {
        height: 57vh !important
    }
}

.store-availability-information {
    display: flex;
    margin-top: 38px;
    text-align: left
}

.store-availability-information-container {
    margin-left: 5px
}

.store-availability-information__title {
    margin-bottom: 0;
    line-height: 1.3
}

.store-availability-information__stock {
    margin-bottom: 0;
    margin-top: 12px
}

.store-availability-information__stores {
    margin-top: 18px;
    margin-bottom: 0
}

.store-availability-information__stores a {
    border-bottom: 1px solid
}

@media screen and (max-width:768px) {
    .store-availability-information {
        margin-bottom: -12px
    }
}

.store-availability__link {
    text-decoration: underline;
    cursor: pointer
}

.store-availability-list__stock .icon {
    margin: 0 2px 3px 0
}

.store-availability-container .icon {
    width: 12px;
    height: 12px;
    margin: 2px 4px 0 0
}

.store-availability-container .icon-in-stock path {
    fill: #00730b
}

.store-availability-container .icon-out-of-stock path {
    fill: #d20
}

#StoreAvailabilityModal .top {
    border-top: 1px solid rgba(var(--color-sidebar-bg-darken-alt), 1)
}

@media screen and (min-width:1920px) {
    #StoreAvailabilityModal .title {
        font-size: calc(18px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #StoreAvailabilityModal .title {
        font-size: calc(17px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #StoreAvailabilityModal .title {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    #StoreAvailabilityModal .title {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

#StoreAvailabilityModal .site-cart-heading {
    padding-bottom: 24px
}

.store-availability-list__item {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid rgba(var(--color-sidebar-bg-darken-alt), 1)
}

.store-availability-list-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px
}

.store-availability-list-header__distance,
.store-availability-list-header__location {
    margin-bottom: 0
}

@media screen and (min-width:1920px) {
    .store-availability-list-header__distance,
    .store-availability-list-header__location {
        font-size: calc(17px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .store-availability-list-header__distance,
    .store-availability-list-header__location {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .store-availability-list-header__distance,
    .store-availability-list-header__location {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    .store-availability-list-header__distance,
    .store-availability-list-header__location {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

.store-availability-list__stock {
    margin-top: 8px;
    margin-bottom: 16px;
    display: block;
    line-height: 1.3
}

@media screen and (min-width:1920px) {
    .store-availability-list__stock {
        font-size: calc(16px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .store-availability-list__stock {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .store-availability-list__stock {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    .store-availability-list__stock {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

.store-availability-list__address,
.store-availability-list__invalid,
.store-availability-list__phone {
    margin-left: 20px
}

@media screen and (min-width:1920px) {
    .store-availability-list__address,
    .store-availability-list__invalid,
    .store-availability-list__phone {
        font-size: calc(15px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .store-availability-list__address,
    .store-availability-list__invalid,
    .store-availability-list__phone {
        font-size: calc(14px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .store-availability-list__address,
    .store-availability-list__invalid,
    .store-availability-list__phone {
        font-size: calc(13px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

@media screen and (max-width:1023px) {
    .store-availability-list__address,
    .store-availability-list__invalid,
    .store-availability-list__phone {
        font-size: calc(12px / 14 * var(--base-body-size) + 0px);
        line-height: 1.7
    }
}

.store-availability-list__address p {
    margin-bottom: 0
}

.store-availability-list__phone {
    margin-bottom: 0
}

.store-availability-list__invalid .icon {
    width: 19px;
    height: 19px;
    position: relative;
    top: 5px
}

.store-availabilities-modal__variant-title {
    margin-top: -12px;
    margin-bottom: 18px
}

body[data-single-variant] .store-availabilities-modal__variant-title {
    display: none
}

.localization__filters .locals {
    padding-top: 0
}

.localization__filters-close {
    top: 25px;
    right: 15px
}

.locals__title {
    padding-top: 35px;
    padding-bottom: 5px;
    z-index: 999;
    top: 0;
    background: rgba(var(--color-sidebar-bg), 1)
}

.locals-overlay-background {
    z-index: 999
}

/*!
 *  4.8. Search
*/

@media screen and (min-width:1280px) {
    .template-search .blog--grid {
        width: 60%
    }
}

.template-search .gutter--on+.search-header {
    margin-top: 100px
}

@media screen and (max-width:948px) {
    .template-search .gutter--on+.search-header {
        margin-top: 70px
    }
}

@media screen and (max-width:480px) {
    .template-search .gutter--on+.search-header {
        margin-top: 50px
    }
}

.template-search .search-header+.search-header {
    margin-top: -100px
}

@media screen and (max-width:948px) {
    .template-search .search-header+.search-header {
        margin-top: -70px
    }
}

@media screen and (max-width:480px) {
    .template-search .search-header+.search-header {
        margin-top: -50px
    }
}

#shopify-section-search {
    margin-bottom: 100px
}

@media screen and (max-width:948px) {
    #shopify-section-search {
        margin-bottom: 70px
    }
}

@media screen and (max-width:480px) {
    #shopify-section-search {
        margin-bottom: 50px
    }
}

/*!
 *  5.1. Blog posts
*/

.blog-posts__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 30px
}

.blog--grid {
    display: flex;
    flex-wrap: wrap
}

.blog--grid.cols-2 {
    margin-left: -25px;
    width: calc(100% + 50px);
    margin-bottom: -50px
}

.blog--slider {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 50px)
}

.blog--slider.is-draggable {
    padding-bottom: 60px
}

@media screen and (max-width:948px) {
    .blog--slider.is-draggable {
        padding-bottom: 40px
    }
}

.blog--slider .flickity-page-dots,
.blog--slider .slider__dots {
    bottom: 5px;
    height: 13px;
    background: 0 0;
    padding: 0;
    margin-left: -25px
}

.blog--slider .flickity-page-dots .dot,
.blog--slider .slider__dots .dot {
    background-color: rgba(var(--color-body-txt), .16) !important
}

.blog--slider .flickity-page-dots .dot:last-child,
.blog--slider .slider__dots .dot:last-child {
    margin-right: 0
}

.blog--slider .flickity-page-dots .dot.is-selected,
.blog--slider .slider__dots .dot.is-selected {
    background-color: rgba(var(--color-body-txt), 1) !important
}

@media screen and (max-width:648px) {
    .blog--slider {
        padding-bottom: 0
    }
}

/*!
 *  5.2. Collection list
*/

.collection-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.collection-list.gutter--on {
    width: calc(100% + 25px);
    margin-left: -12.5px;
    padding-top: 0
}

@media screen and (max-width:1280px) {
    .collection-list.gutter--on {
        width: calc(100% + 3.2vw);
        margin-left: -1.6vw
    }
}

@media screen and (max-width:948px) {
    .collection-list.gutter--on {
        width: calc(100% + 25px);
        margin-left: -12.5px
    }
}

.collection-list.gutter--off .collection-item {
    margin: 0 !important;
    padding: 0
}

/*!
 *  5.3. FAQ
*/

.faq {
    margin-top: 50px
}

.faq .toggle__title {
    text-transform: none;
    padding-left: 40px
}

.faq .toggle__title .symbol {
    right: auto;
    left: 0;
    transform: scale(1.5)
}

.faq a {
    border-bottom: 1px solid
}

/*!
 *  5.4. Featured collection
*/

.featured-collection__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin-bottom: 50px
}

@media screen and (max-width:948px) {
    .featured-collection__header {
        margin-bottom: 35px
    }
}

@media screen and (max-width:480px) {
    .featured-collection__header {
        margin-bottom: 25px
    }
}

.gutter--off .featured-collection__header {
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width:1280px) {
    .gutter--off .featured-collection__header {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .gutter--off .featured-collection__header {
        padding-left: 25px;
        padding-right: 3.2vw
    }
}

/*!
 *  5.5. Featured product
*/

.featured-product.gutter--on {
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width:1280px) {
    .featured-product.gutter--on {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .featured-product.gutter--on {
        padding-left: 25px;
        padding-right: 25px
    }
}

.featured-product .product__title a {
    color: rgba(var(--color-body-txt), 1) !important;
    border: none
}

.featured-product .product__text {
    padding: 0;
    padding-top: 100px;
    margin-top: -100px;
    min-height: 0
}

.featured-product .product__gallery {
    margin-right: 50px
}

@media screen and (max-width:1023px) {
    .featured-product {
        flex-direction: column !important
    }
    .featured-product .product__text {
        margin-top: 50px;
        padding-top: 0;
        padding-left: 12%;
        padding-right: 12%
    }
    .featured-product .product__gallery {
        margin-left: 0
    }
    .featured-product .product-gallery--fill .product-gallery__item {
        height: 100%
    }
    .featured-product .product-gallery--fill.flickity-enabled {
        height: 55vh
    }
    .featured-product .product-title-helper {
        font-weight: var(--font-weight-headings);
        display: block;
        width: 100%;
        margin-bottom: 35px
    }
}

@media screen and (max-width:1023px) and (min-width:1920px) {
    .featured-product .product-title-helper {
        font-size: calc(26px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) and (min-width:1280px) and (max-width:1920px) {
    .featured-product .product-title-helper {
        font-size: calc(25px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) and (min-width:1023px) and (max-width:1280px) {
    .featured-product .product-title-helper {
        font-size: calc(24px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) {
    .featured-product .product-title-helper {
        font-size: calc(22px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:948px) {
    .featured-product .product__text {
        padding-left: calc(20% - 25px);
        padding-right: calc(20% - 25px)
    }
}

@media screen and (max-width:648px) {
    .featured-product .product__text {
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px
    }
    .featured-product .product__text .toggles {
        margin-top: 30px
    }
}

.featured-product .lazy-image[data-ratio],
.featured-product .product-item__thumbnail[data-ratio] {
    height: 0 !important
}

.featured-product .lazy-image[data-ratio] img,
.featured-product .product-item__thumbnail[data-ratio] img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover"
}

@media screen and (min-width:1024px) {
    .featured-product .product-gallery {
        transition: height .2s linear
    }
    .featured-product .product-gallery__thumbnails--dots {
        margin-top: 20px
    }
}

@media screen and (min-width:949px) {
    .featured-product .product__gallery {
        padding-top: 100px;
        margin-top: -100px
    }
    .featured-product .product-gallery__item {
        width: 100% !important;
        height: auto !important;
        display: block !important
    }
    .featured-product .product-gallery__thumbnails--dots {
        position: relative !important;
        right: auto !important;
        transform: none;
        bottom: auto;
        padding: 0;
        background: 0 0
    }
    .featured-product .product-gallery__thumbnails--dots .thumbnails-holder {
        display: flex;
        justify-content: center
    }
    .featured-product .product-gallery__thumbnails--dots .thumbnail {
        display: inline-block;
        margin: 0 2px 0 0;
        width: 9px;
        height: 9px;
        background: rgba(var(--color-body-txt), .36)
    }
    .featured-product .product-gallery__thumbnails--dots .thumbnail.active {
        background: rgba(var(--color-body-txt), 1)
    }
}

/*!
 *  5.6. Gallery
*/

.gallery {
    padding: 0
}

.gallery__image {
    position: relative
}

.gallery__image .onboarding-svg {
    position: relative !important
}

.gallery--grid .gallery__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-gap: 25px;
    grid-gap: 25px;
    width: 100%
}

@media screen and (min-width:1920px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width:1920px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width:1174px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:948px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-gap: 17px;
        grid-gap: 17px
    }
}

@media screen and (max-width:768px) {
    .gallery--grid .gallery__content {
        grid-template-columns: 1fr 1fr;
        -ms-grid-columns: 1fr 1fr
    }
}

.gallery--grid.gutter--off .gallery__content {
    -ms-grid-gap: 0;
    grid-gap: 0
}

.gallery--grid .gallery__item {
    width: 100%;
    margin: 0;
    padding: 0
}

.gallery--grid .gallery__item.featured {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}

@media screen and (max-width:948px) {
    .gallery--grid.gallery--mobile-slider-true[data-slider-height="100vh"] {
        height: 100vh
    }
    .gallery--grid.gallery--mobile-slider-true[data-slider-height="75vh"] {
        height: 75vh
    }
    .gallery--grid.gallery--mobile-slider-true[data-slider-height="50vh"] {
        height: 50vh
    }
    .gallery--grid.gallery--mobile-slider-true[data-slider-height="25vh"] {
        height: 25vh
    }
    .gallery--grid.gallery--mobile-slider-true .gallery__content {
        display: block
    }
    .gallery--grid.gallery--mobile-slider-true .gallery__content:after {
        content: 'flickity';
        display: none
    }
    .gallery--grid.gallery--mobile-slider-true .flickity-viewport,
    .gallery--grid.gallery--mobile-slider-true .gallery__content {
        height: 100% !important
    }
    .gallery--grid.gallery--mobile-slider-true.gutter--on {
        padding: 25px;
        padding-right: 0
    }
    .gallery--grid.gallery--mobile-slider-true.gutter--on .gallery__item .lazy-image,
    .gallery--grid.gallery--mobile-slider-true.gutter--on .gallery__item .product-item__thumbnail {
        width: calc(100% - 25px)
    }
    .gallery--grid.gallery--mobile-slider-true .gallery__image {
        position: static
    }
    .gallery--grid.gallery--mobile-slider-true .gallery__item {
        width: 100%;
        height: 100%;
        top: 0 !important
    }
    .gallery--grid.gallery--mobile-slider-true .gallery__item .lazy-image,
    .gallery--grid.gallery--mobile-slider-true .gallery__item .product-item__thumbnail {
        position: absolute;
        width: 100%;
        height: 100% !important;
        padding-top: 0 !important
    }
}

.gallery__content:not(.flickity-enabled) .gallery__zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: zoom-in
}

.gallery__content:not(.flickity-enabled) .gallery__zoom svg {
    display: none
}

.gallery__content.flickity-enabled .gallery__zoom {
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer;
    height: 24px
}

.basicLightbox--img {
    cursor: zoom-out
}

/*!
 *  5.7. Heading
*/

.heading {
    display: flex;
    justify-content: space-between
}

.heading__title {
    margin-bottom: .6em;
    padding-right: 50px
}

.heading__content {
    flex: 1
}

.heading--alignment-left {
    align-items: center
}

.heading--alignment-center {
    text-align: center;
    flex-direction: column
}

.heading--alignment-center .heading__title {
    padding-right: 0
}

.heading--alignment-center .heading__content {
    padding-right: 10%;
    padding-left: 10%
}

.heading--alignment-center .heading__button {
    text-align: center;
    margin-top: 2em
}

@media screen and (max-width:648px) {
    .heading--alignment-left {
        flex-direction: column;
        text-align: center
    }
    .heading--alignment-left .heading__title {
        padding-right: 0
    }
    .heading--alignment-left .heading__button {
        margin-top: 2em
    }
}

/*!
 *  5.8. Image with text
*/

.image-text {
    display: flex;
    overflow: hidden
}

.image-text__container {
    position: relative;
    overflow: hidden
}

.image-text__content,
.video-text__content {
    display: flex;
    height: 100%;
    position: relative;
    z-index: 99
}

.horizontal-left.video-text__content,
.image-text__content.horizontal-left {
    justify-content: flex-start;
    text-align: left
}

.horizontal-center.video-text__content,
.image-text__content.horizontal-center {
    justify-content: center;
    text-align: center
}

.horizontal-right.video-text__content,
.image-text__content.horizontal-right {
    justify-content: flex-end;
    text-align: right
}

.image-text__content.vertical-top,
.vertical-top.video-text__content {
    align-items: flex-start
}

.image-text__content.vertical-middle,
.vertical-middle.video-text__content {
    align-items: center
}

.image-text__content.vertical-bottom,
.vertical-bottom.video-text__content {
    align-items: flex-end
}

a .image-text__content,
a .video-text__content {
    pointer-events: none
}

.image-text__title:first-child:last-child,
.video-text__title:first-child:last-child {
    margin-bottom: 0
}

.image-text__title span,
.video-text__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, rgba(var(--color-body-txt), 1), rgba(var(--color-body-txt), 1));
    background-size: 0 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all 150ms linear
}

a.selected .image-text__title span,
a.selected .video-text__title span,
a:focus .image-text__title span,
a:focus .video-text__title span,
a:hover .image-text__title span,
a:hover .video-text__title span {
    background-size: 100% 2px
}

.touch a .image-text__title span,
.touch a .video-text__title span {
    background-size: 100% 2px;
    position: relative;
    bottom: 2px
}

#shopify-product-reviews .image-text__body.spr-review-header-title,
#shopify-product-reviews .spr-review-header-title.video-text__body,
#spr-form .image-text__body.spr-form-title,
#spr-form .spr-form-title.video-text__body,
.faq .image-text__body.toggle__title,
.faq .toggle__title.video-text__body,
.h1.video-text__body,
.h2.video-text__body,
.image-text__body.h1,
.image-text__body.h2,
.image-text__body.testimonial__content,
.template-search .blog--grid .blog-item__title.video-text__body,
.template-search .blog--grid .image-text__body.blog-item__title,
.testimonial__content.video-text__body {
    line-height: 1.8
}

#shopify-product-reviews .image-text__body+.spr-summary-actions-newreview,
#shopify-product-reviews .video-text__body+.spr-summary-actions-newreview,
#spr-form .image-text__body+.spr-button-primary,
#spr-form .video-text__body+.spr-button-primary,
.delete-address .image-text__body+a,
.delete-address .video-text__body+a,
.image-text__body+.button,
.image-text__body+.shopify-challenge__button,
.image-text__body+.shopify-payment-button__button--unbranded,
.project__text .rte.style-links .image-text__body+a,
.project__text .rte.style-links .video-text__body+a,
.video-text__body+.button,
.video-text__body+.shopify-challenge__button,
.video-text__body+.shopify-payment-button__button--unbranded {
    margin-top: 1.5em
}

.blog-header__background,
.collection-header__background,
.image-text__background,
.video-text__background {
    z-index: -1
}

.blog-header__background:before,
.collection-header__background:before,
.image-text__background:before,
.video-text__background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .36;
    z-index: 9
}

.image-text--size-1 .image-text__container {
    width: 100%;
    padding: 100px
}

.image-text--size-2 .image-text__container {
    width: 50%;
    padding: 50px
}

.image-text--size-2.gutter--on .image-text__container:nth-child(1) {
    margin-right: 25px
}

.image-text--size-2.gutter--on .image-text__container:nth-child(2) {
    margin-left: 25px
}

.image-text--size-3 .image-text__container {
    width: 33.333%;
    padding: 50px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(1) {
    margin-right: 25px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(2) {
    margin-left: 25px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(3) {
    margin-left: 25px
}

@media screen and (max-width:948px) {
    .image-text__container {
        padding: 25px !important
    }
}

@media screen and (max-width:768px) {
    .image-text__container {
        width: 100% !important;
        margin: 0 !important
    }
    .image-text--size-2,
    .image-text--size-3 {
        flex-direction: column;
        height: auto !important
    }
    .image-text--size-2 .image-text__container,
    .image-text--size-3 .image-text__container {
        height: 50vh
    }
    .image-text--size-3 .image-text__container {
        height: 35vh
    }
}

@media screen and (max-width:648px) {
    .image-text__content>div,
    .video-text__content>div {
        max-width: 100% !important
    }
}

/*!
 *  5.9. Newsletter
*/

.newsletter__title {
    margin-bottom: 2em
}

.newsletter__form {
    width: 100%, height:70%
}

.newsletter__form .contact-form {
    margin-top: 0
}

.newsletter__form div {
    position: relative
}

.newsletter__form div:focus .newsletter__input,
.newsletter__form div:focus .newsletter__submit,
.no-touch .newsletter__form div:hover .newsletter__input,
.no-touch .newsletter__form div:hover .newsletter__submit {
    opacity: .66
}

.newsletter__input {
    width: 100%;
    color: rgba(var(--color-body-txt), 1);
    padding-left: 0;
    padding-bottom: 15px;
    border: none;
    border-bottom: 2px solid rgba(var(--color-body-txt), 1);
    opacity: .36;
    transition: all .1s linear
}

.newsletter__input::placeholder {
    opacity: 1;
    color: rgba(var(--color-body-txt), 1)
}

.newsletter__input+.newsletter__submit {
    opacity: .36;
    transition: all .1s linear
}

.newsletter__input.filled,
.newsletter__input:focus {
    opacity: 1 !important
}

.newsletter__input.filled+.newsletter__submit,
.newsletter__input:focus+.newsletter__submit {
    opacity: 1 !important
}

.newsletter__submit {
    position: absolute;
    top: 9px;
    right: 0;
    cursor: pointer
}

.newsletter__submit path {
    transition: all .1s linear;
    fill: rgba(var(--color-body-txt), 1)
}

.newsletter__submit:focus,
.no-touch .newsletter__submit:hover {
    opacity: 1 !important
}

.newsletter__submit:focus path,
.no-touch .newsletter__submit:hover path {
    fill: rgba(var(--color-body-accent), 1)
}

.newsletter__text {
    margin-top: 3em;
    line-height: 1.7;
    opacity: .66
}

/*!
 *  5.10. Rich text
*/

.rich-text {
    display: flex
}

.rich-text__title:first-child:last-child {
    margin-bottom: 0
}

.rich-text__content {
    width: 50%
}

.gutter--off.rich-text--media-off .rich-text__content {
    padding-bottom: 100px;
    padding-left: 0 !important;
    width: 60%
}

.rich-text--media-off .rich-text__content {
    width: 75%
}

@media screen and (max-width:480px) {
    .rich-text--media-off .rich-text__content {
        width: 100%
    }
}

.rich-text__media {
    width: 50%;
    max-height: 100vh;
    position: relative
}

.rich-text--media-on .rich-text__content {
    padding-right: 100px
}

@media screen and (max-width:1280px) {
    .rich-text--media-on .rich-text__content {
        padding-right: 70px
    }
}

@media screen and (max-width:948px) {
    .rich-text--media-on .rich-text__content {
        padding-right: 50px
    }
}

.rich-text--media-on.rich-text--align-right .rich-text__content {
    order: 2;
    padding-left: 100px;
    padding-right: 0
}

@media screen and (max-width:1280px) {
    .rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-left: 70px
    }
}

@media screen and (max-width:948px) {
    .rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-left: 50px
    }
}

.rich-text--media-on .rich-text__body {
    padding-bottom: 100px
}

.rich-text--media-off {
    justify-content: center
}

.rich-text--media-off .rich-text__content {
    padding-right: 0 !important
}

.rich-text--media-off.gutter--on {
    padding-left: 0;
    padding-right: 0
}

.rich-text.gutter--on.rich-text--media-on .rich-text__content {
    padding-top: 100px
}

.rich-text.gutter--off {
    padding-top: 0;
    padding-bottom: 0
}

.rich-text.gutter--off .rich-text__content {
    padding-top: 100px
}

.rich-text.gutter--off.rich-text--align-left .rich-text__content {
    padding-left: 100px
}

@media screen and (max-width:1280px) {
    .rich-text.gutter--off.rich-text--align-left .rich-text__content {
        padding-left: 70px
    }
}

@media screen and (max-width:948px) {
    .rich-text.gutter--off.rich-text--align-left .rich-text__content {
        padding-left: 50px
    }
}

.rich-text.gutter--off.rich-text--align-right .rich-text__content {
    padding-right: 100px
}

@media screen and (max-width:1280px) {
    .rich-text.gutter--off.rich-text--align-right .rich-text__content {
        padding-right: 70px
    }
}

@media screen and (max-width:948px) {
    .rich-text.gutter--off.rich-text--align-right .rich-text__content {
        padding-right: 50px
    }
}

.rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
    padding-right: 50px
}

@media screen and (max-width:1280px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-right: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-right: 25px
    }
}

.rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
    padding-left: 50px
}

@media screen and (max-width:1280px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
        padding-left: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
        padding-left: 25px
    }
}

@media screen and (max-width:648px) {
    .rich-text {
        flex-direction: column
    }
    .rich-text .rich-text__content {
        width: 100%;
        order: 1
    }
    .rich-text .rich-text__media {
        width: 100%;
        height: 50vh !important;
        position: relative;
        order: 2
    }
    .rich-text--media-off .rich-text__content {
        padding-left: 50px;
        padding-right: 50px !important
    }
}

/*!
 *  5.11. Shop the look
*/

.shop-the-look {
    display: flex
}

.shop-the-look__header {
    width: 50%;
    margin-right: 25px;
    padding: 50px;
    min-height: 50vh;
    position: relative
}

.shop-the-look__title {
    margin-bottom: .5em;
    display: inline-block
}

.shop-the-look__content {
    width: 50%
}

.shop-the-look__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.shop-the-look__background:after {
    content: "";
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width:1920px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(33% - 31px) !important
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(50% - 35px) !important
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(66.66% - 33px) !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(50% - 37px) !important
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(33.33% - 33px) !important
    }
}

@media screen and (max-width:480px) {
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    .shop-the-look .collection--slider .product-item {
        width: calc(50% - 33px) !important
    }
}

@media screen and (min-width:1920px) {
    .shop-the-look .shop-the-look__header {
        width: calc(40% - 15px)
    }
    .shop-the-look .shop-the-look__content {
        width: calc(60% - 10px)
    }
}

@media screen and (max-width:768px) {
    .shop-the-look {
        flex-direction: column
    }
    .shop-the-look .shop-the-look__header {
        width: 100%;
        margin-bottom: 25px;
        padding: 25px
    }
    .shop-the-look .shop-the-look__content {
        width: calc(100% + 17px)
    }
}

@media screen and (max-width:480px) {
    .shop-the-look .shop-the-look__content {
        width: 100%
    }
}

/*!
 *  5.12. Slider
*/

.slider {
    position: relative
}

.slider.slider--horizontal {
    height: 100vh
}

.slider .flickity-viewport {
    height: 100% !important
}

.slide {
    width: 100%;
    position: relative;
    overflow: hidden
}

.slider--vertical .slide {
    height: 100vh
}

.slider--horizontal .slide {
    height: 100%
}

.slider--slide:after {
    content: 'flickity';
    display: none
}

@media screen and (max-width:948px) {
    .slider--scroll .slider__dots {
        display: none
    }
    .slider--scroll.slider--horizontal-mobile-true:after {
        content: 'flickity';
        display: none
    }
    .slider--scroll.slider--horizontal-mobile-true .slide {
        height: 100% !important
    }
    .slider--scroll.slider--horizontal-mobile-false .slide {
        height: calc(100vh - 66px)
    }
    .slider--scroll.slider--horizontal-mobile-false .slide .slide__text,
    .slider--scroll.slider--horizontal-mobile-false .slide img {
        transform: none !important
    }
}

.slide__image {
    position: relative;
    height: 100%;
    will-change: transform
}

.slide__image .lazy-image,
.slide__image .product-item__thumbnail {
    overflow: hidden
}

.slide__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    will-change: opacity
}

.slide__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 9;
    padding: 100px;
    will-change: transform
}

@media screen and (max-width:1280px) {
    .slide__text {
        padding: 6.4vw
    }
}

.slide__text.horizontal-left {
    justify-content: flex-start;
    text-align: left
}

.slide__text.horizontal-center {
    justify-content: center;
    text-align: center
}

.slide__text.horizontal-right {
    justify-content: flex-end;
    text-align: right
}

.slide__text.vertical-top {
    align-items: flex-start
}

.slide__text.vertical-middle {
    align-items: center
}

.slide__text.vertical-bottom {
    align-items: flex-end
}

.slide__text:before {
    content: "";
    opacity: .36;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide__text>div {
    position: relative;
    z-index: 9
}

.slide__text>a {
    position: relative;
    z-index: 99
}

.slide__caption {
    display: block;
    margin-bottom: 1em
}

.slide__title {
    display: inline-block;
    margin-bottom: 1.6em
}

.slide__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, rgba(var(--color-body-txt), 1), rgba(var(--color-body-txt), 1));
    background-size: 0 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all 150ms linear
}

a.selected .slide__title span,
a:focus .slide__title span,
a:hover .slide__title span {
    background-size: 100% 2px
}

.touch a .slide__title span {
    background-size: 100% 2px
}

.touch a .slide__title .h1,
.touch a .slide__title .testimonial__content {
    position: relative;
    bottom: 2px
}

.slide__title .hh {
    margin-top: 0;
    margin-bottom: -.2em
}

.slide__title .h1,
.slide__title .testimonial__content {
    margin-bottom: -.6em;
    margin-top: -.2em
}

@media screen and (min-width:1920px) {
    .slide__title .h1,
    .slide__title .testimonial__content {
        font-size: calc(28px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .slide__title .h1,
    .slide__title .testimonial__content {
        font-size: calc(27px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .slide__title .h1,
    .slide__title .testimonial__content {
        font-size: calc(26px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

@media screen and (max-width:1023px) {
    .slide__title .h1,
    .slide__title .testimonial__content {
        font-size: calc(24px / 24 * var(--base-headings-size) + 0px);
        line-height: 1.3
    }
}

.footer-text.footer-text--large .slide__title .rte,
.slide__title .footer-text.footer-text--large .rte,
.slide__title .h0,
.slide__title .template- #content>div:first-child h1,
.template- #content>div:first-child .slide__title h1 {
    margin-bottom: 0
}

@media screen and (min-width:1920px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        font-size: calc(42px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (min-width:1280px) and (max-width:1920px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        font-size: calc(39px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (min-width:1023px) and (max-width:1280px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        font-size: calc(36px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (max-width:1023px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        font-size: calc(32px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (max-width:480px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        font-size: calc(28px / 32 * var(--base-headings-size-alt) + 0px);
        line-height: 1.2
    }
}

@media screen and (max-width:648px) {
    .footer-text.footer-text--large .slide__title .rte,
    .slide__title .footer-text.footer-text--large .rte,
    .slide__title .h0,
    .slide__title .template- #content>div: first-child h1,
    .template- #content>div:first-child .slide__title h1 {
        margin-bottom: -.4em
    }
}

.slide__subheading>span {
    display: block
}

.slide__subheading:not(:last-child) {
    margin-bottom: 3em
}

.slide__button {
    margin-top: 25px
}

.slider__dots {
    position: absolute;
    transform: rotate(90deg);
    left: auto;
    right: 0;
    bottom: auto;
    top: 50vh;
    z-index: 999;
    font-size: 14px !important
}

.slider__dots.in-view {
    position: fixed;
    top: 50vh;
    bottom: auto
}

.slider__dots.in-bottom {
    top: auto;
    bottom: 50vh
}

.slider .slider__dots .dot {
    top: 3px !important
}

@media screen and (max-width:948px) {
    .mount-slider .flickity-page-dots,
    .mount-slider .slider__dots {
        bottom: -40px;
        background: 0 0
    }
    .mount-slider .flickity-page-dots .dot,
    .mount-slider .slider__dots .dot {
        background-color: rgba(var(--color-body-txt), .16) !important
    }
    .mount-slider .flickity-page-dots .dot.is-selected,
    .mount-slider .slider__dots .dot.is-selected {
        background-color: rgba(var(--color-body-txt), 1) !important
    }
    .mount-slider+.with-gutter {
        margin-top: 35px
    }
}

@media screen and (max-width:480px) {
    .mount-slider+.with-gutter {
        margin-top: 20px
    }
}

/*!
 *  5.13. Testimonials
*/

.testimonials__container {
    margin: auto;
    width: 100%
}

.testimonials__container .flickity-viewport {
    transition: height .3s linear
}

.testimonials__container.focus {
    outline: auto 5px -webkit-focus-ring-color
}

.testimonials.gutter--on {
    padding-left: 0;
    padding-right: 0
}

.testimonial__header {
    display: flex;
    margin-bottom: 3em
}

.testimonial__header span {
    display: block
}

.testimonial__author-avatar {
    width: 66px;
    height: 66px;
    border-radius: 66px;
    overflow: hidden;
    margin-right: 25px
}

.testimonial__author-avatar img {
    border-radius: 66px
}

.testimonial__author-name {
    margin-bottom: .3em
}

/*!
 *  5.14. Text with images
*/

.text-w-image {
    display: flex;
    flex-wrap: wrap;
    padding-left: 5%;
    padding-right: 5%
}

.text-w-image[data-size="2"] .text-w-image__container {
    width: 50%
}

@media screen and (max-width:480px) {
    .text-w-image[data-size="2"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image[data-size="3"] .text-w-image__container {
    width: 33.33%
}

@media screen and (max-width:648px) {
    .text-w-image[data-size="3"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image[data-size="4"] .text-w-image__container {
    width: 25%
}

@media screen and (max-width:1280px) {
    .text-w-image[data-size="4"] .text-w-image__container {
        width: 50%
    }
    .text-w-image[data-size="4"] .text-w-image__container:nth-child(-n+2) {
        margin-bottom: 100px
    }
}

@media screen and (max-width:480px) {
    .text-w-image[data-size="4"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image .text-w-image__container:last-child {
    margin-bottom: 0 !important
}

.text-w-image__container {
    padding: 0 5%
}

.text-w-image__image {
    margin-bottom: 1.8em
}

@media screen and (max-width:948px) {
    .text-w-image__container {
        padding: 0 25px
    }
    .text-w-image:first-child {
        padding-left: 0
    }
    .text-w-image:last-child {
        padding-right: 0
    }
}

/*!
 *  5.15. Video background
*/

.video-text {
    position: relative
}

.video-text__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 0
}

.video-text__container>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-text__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px
}

@media screen and (max-width:1280px) {
    .video-text__content {
        padding: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .video-text__content {
        padding: 25px
    }
}

.video-text__title {
    margin-bottom: .6em
}

@media screen and (max-width:648px) {
    .video-text__title {
        margin-bottom: 0
    }
}

.video-text__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    display: flex;
    justify-content: center;
    align-items: center
}

.video-text__background video {
    position: absolute;
    min-width: calc(100% + 2px);
    min-height: calc(100% + 2px);
    opacity: 0;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .1s linear, background .2s linear
}

.video-text__background video+.video-text__image {
    display: none
}

@media screen and (max-width:768px) {
    .video-text__background[data-height="70vh"] {
        height: 55vh
    }
}

/*!
 *  5.16. Video popup
*/

.video-popup__container {
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.video-popup__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    overflow: hidden;
    color: rgba(var(--color-body-txt), 1);
    padding: 50px
}

.video-popup__link svg path {
    fill: rgba(var(--color-body-txt), 1)
}

.video-popup__link svg {
    transition: all .1s linear
}

.video-popup__link:hover svg {
    transform: scale(1.05)
}

@media screen and (max-width:1280px) {
    .video-popup__link {
        padding: 3.2vw
    }
}

@media screen and (max-width:948px) {
    .video-popup__link {
        padding: 25px
    }
}

.video-popup__title {
    margin-bottom: .6em
}

@media screen and (max-width:648px) {
    .video-popup__title {
        margin-bottom: 0
    }
}

.video-popup__play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate3d(-50%, -50%, 0)
}

.video-popup__play svg {
    width: 100% !important;
    height: 100% !important
}

.video-popup__background {
    z-index: -1
}

.video-popup__background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .36;
    z-index: 9
}

.video-popup__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.video-popup__blackout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .1s linear;
    pointer-events: none;
    opacity: 0;
    background: #000;
    z-index: 90
}

/*!
 *  6.1. Customer pages
*/

.login-actions {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px
}

.login-actions a:hover {
    color: rgba(var(--color-body-accent), 1)
}

@media screen and (max-width:648px) {
    .login-actions {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0
    }
    .login-actions>div {
        width: 100%;
        text-align: center !important;
        margin-top: 1em
    }
    .login-actions .button--wide {
        width: 100%
    }
}

.page-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px
}

.footer-text.footer-text--large .page-title .rte,
.page-title .footer-text.footer-text--large .rte,
.page-title .h0,
.page-title .template- #content>div:first-child h1,
.template- #content>div:first-child .page-title h1 {
    margin-bottom: 10px
}

#shopify-product-reviews .page-title .spr-summary-actions-newreview,
#spr-form .page-title .spr-button-primary,
.delete-address .page-title a,
.page-title #shopify-product-reviews .spr-summary-actions-newreview,
.page-title #spr-form .spr-button-primary,
.page-title .button,
.page-title .delete-address a,
.page-title .project__text .rte.style-links a,
.page-title .shopify-challenge__button,
.page-title .shopify-payment-button__button--unbranded,
.project__text .rte.style-links .page-title a {
    margin-bottom: 5px
}

.order-table {
    width: 100%;
    border: none
}

.order-table thead,
.order-table tr {
    border: none
}

.order-table td,
.order-table th {
    text-align: left;
    border: none;
    opacity: .66;
    min-height: 20px;
    margin-bottom: 8px
}

.order-table td:first-child,
.order-table th:first-child {
    padding-left: 0
}

.order-table th {
    text-transform: uppercase;
    padding-bottom: 15px;
    font-weight: var(--font-weight-body-bold);
    opacity: .66;
    max-width: 120px
}

.order-table tbody td:first-child,
.order-table tbody th:first-child {
    opacity: 1;
    font-weight: var(--font-weight-body-bold)
}

.order-table tfoot tr:first-child td,
.order-table tfoot tr:first-child th,
.order-table tfoot tr:last-child td,
.order-table tfoot tr:last-child th {
    padding-top: 10px
}

.order-table.o-order tfoot tr:first-child td,
.order-table.o-order tfoot tr:first-child th {
    padding-top: 40px
}

.order-table tbody tr {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 30px;
    width: 100%
}

.order-table tbody tr:last-child {
    margin-bottom: 0
}

.order-table tbody td,
.order-table tbody th {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 0 0 40% !important;
    text-align: right !important
}

.order-table tbody td span.label,
.order-table tbody th span.label {
    position: absolute;
    top: 7px;
    left: 0;
    width: 45%;
    white-space: nowrap;
    display: block;
    line-height: 1;
    font-weight: var(--font-weight-body-bold);
    text-transform: uppercase;
    text-align: left
}

.template-customers-order .order-table tfoot .text-right {
    width: 50%;
    text-align: right;
    padding-right: 0
}

.order-table.o-order tfoot {
    display: inline-table;
    width: 100%;
    margin-top: 20px
}

.address-title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px
}

.simple-address {
    opacity: .66
}

.address-popup {
    width: 80vw;
    max-width: 780px;
    margin: 50px auto;
    background: rgba(var(--color-body-bg), 1);
    padding: 70px 50px;
    flex-direction: column;
    position: relative;
    max-height: calc(100vh - 100px);
    overflow: scroll
}

.address-popup span {
    margin-bottom: 1.2em
}

.address-popup a {
    margin-top: .9em
}

.address-popup .basicLightboxClose {
    color: rgba(var(--color-body-txt), 1);
    opacity: 1;
    top: 5px;
    right: 5px;
    transition: all .1s linear
}

.address-popup .basicLightboxClose:hover {
    color: rgba(var(--color-body-accent), 1)
}

@media screen and (max-width:768px) {
    .address-popup {
        width: 90vw;
        padding: 50px 30px
    }
}

.customer-addresses {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -50px
}

.customer-address {
    width: 50%;
    margin-bottom: 50px
}

.customer-address:nth-child(odd) {
    padding-right: 25px
}

.customer-address:nth-child(even) {
    padding-left: 25px
}

.skip-to-content:focus {
    clip-path: none;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-background), 1);
    position: fixed;
    padding: 10px;
    opacity: 1;
    z-index: 10000;
    transition: none;
    top: 0;
    left: 0
}

body:not(.overflow-hidden) .sidebar>.sidebar__container {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidebar>.sidebar__container::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none
}

@media screen and (min-width:949px) {
    #shopify-section-sidebar>.sidebar: after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% + 300px);
        background: rgb(var(--color-sidebar-bg))
    }
    .sidebar>.sidebar__container {
        padding-top: 0
    }
    .sidebar__container-holder {
        margin-top: 80px
    }
    .sidebar__menus {
        height: auto !important;
        min-height: 250px;
    }
}

@media screen and (max-width:948px) {
    .sidebar__submenu .sub-menu {
        max-height: 100vh;
        overflow-y: auto;
        padding-bottom: 100px
    }
    .sidebar__menus a,
    .sidebar__menus li,
    .sidebar__menus nav {
        transition: none
    }
    .sidebar__menu.sidebar--secondary.opened-submenu,
    .sidebar__submenu.sidebar__submenu--first.sidebar--secondary {
        margin-top: 0
    }
}

.sidebar__menus.kill-overflow {
    overflow-y: hidden
}

.collection__filters {
    opacity: 0
}

.collection__filters.opened {
    opacity: 1
}

@media (min-width:948px) {
    .search-form {
/*         background-color: #ec81f0 !important; */
      background-color: transparent !important;
        opacity: 1
    }
}

.open-search .search-form {
    background-color: transparent !important
}

.sidebar__cart.opened {
    background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
}

@media screen and (max-width:948px) {
    .sidebar__menus.opened {
        background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
    }
    .sidebar__search.opened {
        background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
    }
}

body {
    font-family: Lato, sans-serif !important
}

.custom-shop-now-button {
    color: #fff;
    background: #6f2d77;
    padding: 12px
}

.custom-shop-now-button:hover {
    background: #5d2165
}

.ooo-instagram-footer .button {
    background: #6f2d77 !important;
    color: #fff !important
}

.ooo-instagram-footer .button:hover {
    background: #5d2165 !important;
    color: #fff !important
}

.shopify-payment-button__button {
    background: #6f2d77 !important;
    color: #fff !important
}

.shopify-payment-button__button:hover {
    background: #5d2165 !important;
    color: #fff !important
}

.sidebar__submenu .sub-menu {
    background-image: linear-gradient(to bottom, #fda190, #ff919d, #ff84b6, #ff7ed7, #e282fd)
}

.accounts-menu {
    font-size: 18px !important;
  	margin-top: 0px!important;
  	padding-top: 5px!important;
}

.custom-collection-list-title {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 100;
}

.footer-item h4 {
    margin-bottom: 15px
}

body {
    font-weight: 100
}

@media only screen and (min-width: 949px){
#shop .page-content {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
}
.page-content {
    padding-left: 10% !important;
    padding-right: 10% !important;
}



#search .search-form {
    background-color: transparent !important
}



@media only screen and (max-width:600px){
	.custom-collection-list{
	width: 96%;
  	float: left;
  	margin: 2%;
}
}

@media only screen and (min-width:600px){
	.custom-collection-list{
	width: 46%;
  	float: left;
  	margin: 2%;
}
}

@media only screen and (min-width:768px){
	.custom-collection-list{
	width: 46%;
  	float: left;
  	margin: 2%;
}
}

@media only screen and (min-width:949px){
	.custom-collection-list{
	width: 20%;
  	float: left;
  	margin: 2%;
}
}

@media only screen and (min-width:1200px){
	.custom-collection-list{
	width: 21%;
  	float: left;
  	margin: 2%;
}
}

.sidebar a{
	font-weight: 100;
}

.secondary-menu span{
	font-size: 18px;
}

.custom-font-weight{
	font-weight: 100;
}

.custom-height{
	min-height: 5em;
}


/* //New collection layout */



@media screen and (min-width:1920px) {
    .custom-collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (min-width:1920px) {
    .custom-collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width:1174px) {
    .custom-collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:948px) {
    .custom-collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-gap: 17px;
        grid-gap: 17px
    }
}

@media screen and (min-width:768px) {
    .custom-collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 600px) {
   .custom-collection--grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    } 
}


@media only screen and (max-width: 600px) {
   .custom-collection--grid-product {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    } 
}


@media only screen and (max-width: 947px) {
	.sidebar__responsive-handles {
    display: flex;
    margin-right: -8px;
    width: 40%;
    justify-content: space-between;
}
}

/* mailing list  */
    .popup-text {
    padding: 0px 20px 20px 20px;
}

.popup-content .rte > :last-child{
    margin-bottom: -14px;
}

.footer .footer-newsletter h4{
	text-transform: none;
}

#shopify-section-collection .no-content-message{
	text-align: center;
}