/** Shopify CDN: Minification failed

Line 3083:1 Expected "}" to go with "{"

**/
html {
    background-color: var(--color-background);
    box-sizing: border-box;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body.no-overflow {
    overflow: hidden;
}

body {
    margin: 0;
    background: var(--color-background);
    color: var(--color-foreground);
}

a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: none;
}

article, aside, footer, header, nav, section {
    display: block;
}

body:not(.keyboard) * {
    outline: 0;
}

html.nav_opened {
    overflow: hidden;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: var(--gap) 0;
    overflow: visible;
    opacity: 0.4;
}

pre {
    font-family: monospace, monospace;
    font-size: 1rem;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
    font-weight: 700;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1rem;
}

dfn {
    font-style: italic;
}

mark {
    background-color: var(--color-mark);
}

dd, dl, dt {
    margin: 0;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25rem;
}

sup {
    top: -0.5rem;
}

audio, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

fill {
    color: inherit;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[type="reset"], [type="submit"], button, html [type="button"] {
    -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625rem;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
    color: var(--color-foreground);
}

canvas {
    display: inline-block;
}

[hidden], template, .template {
    display: none;
}

:root {
    --grid-gap: 2rem;
}

form {
    margin: 0;
    position: relative;
}

[role="button"], a, area, button, input, label, select, summary, textarea {
    touch-action: manipulation;
}

input, select, textarea {
    border-radius: 0;
    font-size: 1rem;
    max-width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    color: var(--color-foreground);
}

input[disabled], select[disabled], textarea[disabled] {
    cursor: default;
}

button, input[type="submit"], label[for] {
    cursor: pointer;
}

iframe {
    border: 0;
}

@keyframes fade_in_show {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

button {
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    height: inherit;
    width: inherit;
    color: inherit;
}

textarea {
    min-height: 50px;
}

select::-ms-expand {
    display: none;
}

option {
    background-color: var(--color-background);
}

.input-error, option {
    color: var(--color-foreground);
}

.input-error {
    background-color: rgba(189, 64, 64, 0.09);
    border-color: #bd4040;
}

fieldset {
    border: 0;
    flex-wrap: wrap;
    margin: 0;
    display: flex;
    padding: 0;
    width: 100%;
    gap: var(--input-gap);
}

@media screen and (max-width: 749px) {
    fieldset {
        flex-direction: column;
    }
}

:focus-visible {
    outline: 0.01px solid var(--color-foreground-light);
    outline-offset: -0.1rem;
}

.no-js:not(html) {
    display: none !important;
}

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

.no-js-inline {
    display: none !important;
}

html.no-js .no-js-inline {
    display: inline-block !important;
}

.no-js-flex {
    display: none !important;
}

html.no-js .no-js-flex {
    display: flex !important;
}

html.no-js .js-element, html.no-js .no-js-hidden {
    display: none !important;
}

.break {
    word-break: break-word;
}

.visibility-hidden {
    visibility: hidden;
}

@media (prefers-reduced-motion) {
    .motion-reduce {
        transition: none !important;
    }
}

input {
    border: 0;
    background: 0 0;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 140%;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    color: var(--color-foreground);
}

.h1, h1 {
    font-size: 2rem;
    letter-spacing: 0;
}

.h2, h2 {
    font-size: 1.78rem;
}

.h3, h3 {
    font-size: 1.5rem;
}

.h4, .h5, h4, h5 {
    font-size: 0.9rem;
}

.h2, .h3, h2, h3 {
    margin: var(--gap) 0;
}

#MainContent > h1 {
    align-items: baseline;
    margin-bottom: 3rem;
}

body, button, input, select, textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
    color: var(--color-foreground);
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left;
}

::placeholder {
    color: rgba(var(--color-foreground-rgb), 0.6);
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgba(var(--color-foreground-rgb), 0.6);
}

::-ms-input-placeholder {
    color: rgba(var(--color-foreground-rgb), 0.6);
}

small {
    font-size: 0.8rem;
    color: var(--color-foreground-light);
}

.uppercase {
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.type_extralarge {
    font-size: calc(var(--type-extralarge) * var(--font-heading-scale));
}

.type_large {
    font-size: calc(var(--type-large) * var(--font-heading-scale));
}

.type_medium {
    font-size: var(--type-medium);
}

.type_default {
    font-size: var(--type-default);
    font-family: var(--font-body-family);
}

.type_small {
    font-size: var(--type-small);
    color: var(--color-foreground-light);
    font-family: var(--font-body-family);
    margin: 0;
}

.type_bold {
    font-weight: 700;
}

.pr {
    color: var(--p-text-color);
    line-height: 150%;
    max-width: 700px;
}

.pr_ts {
    font-size: 0.88rem;
    font-weight: 500;
    color: rgba(var(--color-foreground-rgb), 0.8);
}

.pr_b {
    font-size: 1.1rem;
    font-weight: 600;
}

.pr a[href] {
    border-bottom: 1px solid var(--color-accent);
    color: var(--color-accent);
}

.pr a[href]:hover {
    opacity: 0.7;
}

.grecaptcha-badge {
    opacity: 0;
    display: none !important;
}

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

body .fallback-text, body .visually-hidden, body .visually-hidden * {
    clip: rect(0 0 0 0);
    --size: 1px;
    border: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    height: var(--size);
    max-width: var(--size) !important;
    max-height: var(--size) !important;
    min-width: var(--size) !important;
    min-height: var(--size) !important;
    opacity: 0 !important;
}

body .admin-block-adjust {
    top: calc(var(--header-height-dependent) * -1);
}

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

.label-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    flex-grow: 0;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.collection-extra-text {
  /* text-align: center; */
  margin: 40px 0 20px;
  /* font-size: 18px; */
  line-height: 1.6;
  /* color: #333; */
}



@media screen and (max-width: 499px) {
    .small-hide {
        display: none !important;
    }
}

@media screen and (max-width: 749px) {
    .medium-hide {
        display: none !important;
    }
}

@media screen and (min-width: 750px) {
    .medium-up-hide {
        display: none !important;
    }
}

@media screen and (max-width: 989px) {
    .large-hide {
        display: none !important;
    }
}

@media screen and (min-width: 990px) {
    .large-up-hide {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .wide-up-hide {
        display: none !important;
    }
}

.side-spacer {
    margin: 0 auto;
}

.no-placeholder .label-hidden, .visually-shown {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: inherit !important;
    width: auto;
}

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

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

.no-js .js, .supports-no-cookies:not(html) {
    display: none;
}

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

html.supports-no-cookies .supports-cookies {
    display: none;
}

.skip-link:focus {
    clip: auto;
    background-color: var(--color-background);
    color: var(--color-foreground);
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 15px;
    position: absolute !important;
    transition: none;
    width: auto;
    z-index: 10000;
}

.hide, hidden {
    display: none !important;
}

.hidden {
    opacity: 0;
}

.visible, visible {
    visibility: visible !important;
}

#preview-bar-iframe {
    display: none;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a > * {
    cursor: pointer;
}

p {
    margin: 0.5rem 0;
}

.gap, .gap-extralarge, .gap-large, .gap-small {
    --gap-size: var(--gap);
    width: var(--gap-size);
    height: var(--gap-size);
    min-width: var(--gap-size);
    min-height: var(--gap-size);
    max-width: var(--gap-size);
    max-height: var(--gap-size);
    display: inline-block;
}

.gap-small {
    --gap-size: var(--gap-small);
}

.gap-large {
    --gap-size: var(--gap-large);
}

.gap-extralarge {
    --gap-size: var(--gap-extralarge);
}

.section-content {
    --padding:
    var(--section-padding) var(--page-side);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-foreground);
    background: var(--color-gradient);
    position: relative;
    padding: var(--padding);
}

.section-content.boxed-color {
    background: transparent;
    padding: 0;
}

.section-content.no_side_padding {
    padding-right: 0;
    padding-left: 0;
}

.section-content.no_side_padding .page_side:not(.subsection.boxed-width .page_side) {
    padding-left: var(--page-side);
    padding-right: var(--page-side);
}

.section-header__content {
    padding-bottom: 0;
    padding-top: 0;
}

.section-header {
    gap: var(--gap-small);
    width: 100%;
}

.section-header-block {
    padding-bottom: var(--gap-section-header);
}

.section-header-block.boxed-width {
    margin: auto;
}

.section-header .header__title {
    color: var(--color-foreground);
    font-size: 0.7rem;
    letter-spacing: 0.2rem;
    margin: 0;
    font-family: var(--font-body-family);
    text-transform: uppercase;
    justify-content: var(--align, flex-start);
}

.section-header .header__subtitle {
    color: var(--color-foreground);
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    font-size: 1.7rem;
    margin: 0;
    justify-content: var(--align, flex-s);
}

@media screen and (min-width: 990px) {
    .section-header .header__title {
        font-size: 0.8rem;
    }

    .section-header .header__subtitle {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .header__title {
        font-size: 0.8rem;
    }

    .section-header .header__subtitle {
        font-size: calc(2.3rem * var(--font-heading-scale));
    }

    .section-header .header__title {
        font-size: calc(0.9rem + (var(--font-heading-scale) * 0.2rem));
    }
}

.heading_description {
    color: rgba(var(--color-foreground-rgb), 0.6);
    font-size: 1rem;
}

.header__description {
    opacity: 0.8;
}

.page_content {
    flex-grow: 1;
    width: 100%;
}

.padding-bottom_small, .padding-small, .margin-bottom_small, .margin-small {
    --padding-bottom-value: var(--gap-small);
}

.padding-top_small, .padding-small, .margin-top_small, .margin-small {
    --padding-top-value: var(--gap-small);
}

.padding-bottom_medium, .padding-medium, .margin-bottom_medium, .margin-medium {
    --padding-bottom-value: var(--gap);
}

.padding-top_medium, .padding-medium, .margin-top_medium, .margin-medium {
    --padding-top-value: var(--gap);
}

.padding-bottom_large, .padding-large, .margin-bottom_large, .margin-large {
    --padding-bottom-value: var(--gap-large);
}

.padding-top_large, .padding-large, .margin-top_large, .margin-large {
    --padding-top-value: var(--gap-large);
}

.padding-bottom_extralarge, .padding-extralarge, .margin-bottom_extralarge, .margin-extralarge {
    --padding-bottom-value: var(--gap-extralarge);
}

.padding-top_extralarge, .padding-extralarge, .margin-top_extralarge, .margin-extralarge {
    --padding-top-value: var(--gap-extralarge);
}

.padding-small, .padding-medium, .padding-large, .padding-extralarge, .padding-bottom_small, .padding-bottom_medium, .padding-bottom_large, .padding-bottom_extralarge {
    padding-bottom: var(--padding-bottom-value);
}

.padding-small, .padding-medium, .padding-large, .padding-extralarge, .padding-top_small, .padding-top_medium, .padding-top_large, .padding-top_extralarge {
    padding-top: var(--padding-top-value);
}

.padding-top_none {
    padding-top: 0;
}

.padding-bottom_none {
    padding-bottom: 0;
}

.margin-small, .margin-medium, .margin-large, .margin-extralarge, .margin-bottom_small, .margin-bottom_medium, .margin-bottom_large, .margin-bottom_extralarge {
    margin-bottom: var(--padding-bottom-value);
}

.margin-small, .margin-medium, .margin-large, .margin-extralarge, .margin-top_small, .margin-top_medium, .margin-top_large, .margin-top_extralarge {
    margin-top: var(--padding-top-value);
}

.margin-top_none {
    margin-top: 0;
}

.margin-bottom_none {
    margin-bottom: 0;
}

.height-adjust {
    min-height: var(--min-height);
}

.subsection-adjust {
    display: flex;
    justify-content: var(--align);
    align-items: var(--vertical-align);
    padding: var(--page-side) 0;
}

.subsection-adjust.boxed-width {
    padding: var(--page-side);
}

.section-content.no_inner_padding.content_background .subsection {
    padding: 0;
}

.section-background__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    background-color: var(--color-background);
}

@media screen and (max-width: 989px) {
    .banner .section-background__wrapper {
        position: relative;
        height: 100px;
        min-height: var(--min-height);
    }
    .banner .subsection-content.content_background {
        padding: var(--page-side);
    }
        .banner .subsection {
        min-height:initial;
    }
}

.section-content.boxed_background .section-background__wrapper {
    max-width: var(--page-width);
    left: 50%;
    transform: translateX(-50%);
}

.section-background {
    width: 100%;
    height: 100%;
}

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

.divider span {
    width: 100%;
    height: 0;
    border-top: var(--border);
}

.elip {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.caption {
    font-size: 0.88rem;
    color: var(--color-foreground-light);
}

.caption-large {
    font-size: 0.9rem;
    color: rgba(var(--color-foreground-rgb), 0.8);
    margin: 0;
    font-family: var(--font-body-family);
}

.caption-large > span {
    color: var(--color-foreground);
}

.back-box {
    --color: var(--color-foreground-rgb);
    background: rgba(var(--color), 0.05);
    color: rgba(var(--color), 1);
    padding: 0.3rem 0.8rem;
    border-radius: var(--bradius);
}

.empty {
    align-items: center;
    background-color: rgba(var(--color-foreground-rgb), 0.05);
    border-radius: var(--bradius);
    color: var(--color-foreground-light);
    display: flex;
    font-size: 1rem;
    justify-content: center;
    line-height: 150%;
    margin: 1rem 0;
    padding: var(--gap);
    width: 100%;
}

.empty * {
    font-weight: 400;
    font-size: 1rem;
}

.empty a {
    vertical-align: middle;
    margin: 0 0.4rem;
}

.empty span {
    color: rgba(var(--color-foreground-rgb), 0.7);
}

.empty p {
    margin: 0;
}

::-moz-selection {
    background: #333;
    color: var(--color-background);
}

::selection {
    background: #333;
    color: var(--color-background);
}

main {
    box-sizing: content-box;
    box-sizing: initial;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 100%;
    height: 100%;
    position: relative;
}

.full_center {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

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

svg {
    width: 0.8rem;
    height: auto;
}

._trigger, [data-trigger] {
    cursor: pointer;
}

[disable] {
    pointer-events: none;
    opacity: 0.4;
}

._current {
    pointer-events: none;
}

.midline {
    display: flex;
    margin-right: 10px;
    width: 20px;
}

.no-svg .fallback-text {
    clip: none;
    height: auto;
    margin: 0;
    overflow: inherit;
    position: static;
    width: auto;
}

.size {
    align-items: center;
    display: flex;
    height: var(--size);
    justify-content: center;
    width: var(--size);
}

.sizer {
    border-radius: calc(var(--size) / 2);
}

.absolute-center, .absolute-corner, .absolute-full {
    left: 0;
    top: 0;
    position: absolute;
}

.absolute-full {
    height: 100%;
    width: 100%;
}

.absolute-position {
    position: absolute;
}

.align-left {
    text-align: left;
    --align: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.align-center {
    text-align: center;
    --align: center;
    justify-content: center;
    align-items: center;
}

.align-right {
    text-align: right;
    --align: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
}

.vertical-align-bottom {
    --vertical-align: flex-end;
}

.vertical-align-top {
    --vertical-align: flex-start;
}

.vertical-align-center {
    --vertical-align: center;
}

.framed {
    background-color: #fafafa;
    border-radius: 5px;
    line-height: 140%;
    margin: 2rem 0;
    padding: 20px;
}

.framed._lined {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 40%, 0.12);
    border-radius: 0;
    color: var(--color-foreground-light);
    padding: 22px;
}

.info {
    opacity: 0.4;
}

/* Bdges */
.badge {
    --badge-background: var(
    --color-background);
    --badge-color: var(
    --color-foreground);
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0.17rem 0.5rem;
    white-space: nowrap;
    word-break: break-word;
    background: var(--badge-background);
    color: var(--badge-color);
    letter-spacing: 0;
    border-radius: var(--border-radius-badge);
}

.badge._success {
    --badge-background: var(--color-success);
    --badge-color: var(--color-success-text);
}

.badge_icon {
    --icon-size: 1.1rem;
    display: flex;
    align-items: center;
    color: var(--color-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    --stroke-width: 0.1rem;
    white-space: nowrap;
    font-size: 0.8rem;
}

.badge_icon .icon {
    margin-right: var(--gap-small);
}

.badge._uppercase {
    text-transform: uppercase;
    padding: 0 0.8rem;
    font-weight: 500;
}

.badge._small {
    height: 1.6rem;
    border-radius: 0.8rem;
    padding: 0 0.9rem;
    align-items: center;
    font-size: var(--type-small);
    gap: 0.5rem;
}

.badge._outline {
    color: var(--badge-color);
    background: var(--badge-background);
    border: 2px solid var(--badge-color);
    border-radius: var(--bradius);
}

.badge.color-self {
    background: rgba(var(--color-foreground-rgb), 0.08);
    color: rgba(var(--color-foreground-rgb), 0.88);
}

.grid-item_badges {
    --side: 0.3rem;
    position: absolute;
    justify-content: flex-end;
    top: var(--side);
    right: var(--side);
    z-index: 1;
    font-size: 0.84rem;
    gap: calc(var(--side)/2);
}

.grid-item_badges .badge {
    display: none;
}

.grid-item_badges .badge-type, .grid-item_badges .badge-discount, .grid-item_badges.sale .badge-sale, .grid-item_badges.soldout .badge-soldout, .grid-item_badges-wrapper.unavailable .badge-unavailable {
    display: flex;
}

.grid-item_badges .badge-discount span {
    margin: 0;
    opacity: 0.8;
}

.grid-item_badges-wrapper.unavailable .badge-sale, .grid-item_badges-wrapper.unavailable .badge-soldout, .grid-item_badges-wrapper.unavailable .badge-discount {
    display: none;
}

.grid-item_badges span {
    --spacing: 1px;
    margin: 0 0 var(--spacing) var(--spacing);
}

.grid-item_badges ._sold {
    background-color: #f5f5f5;
    color: #6a6a6a;
}

.grid-item_badges ._sale {
    background: var(--color-success);
    color: var(--color-success-text);
}

.grid-item_badges ._new {
    background-color: #000;
    color: #fff;
}

.back_image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.rel {
    position: relative;
}

.t--a {
    transition: all 0.2s ease;
}

.t-ot {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.mla {
    margin-left: auto;
}

.mra {
    margin-right: auto;
}

.tr-2 {
    transition: all 0.4s ease, margin 0s ease, color 50ms ease, transform 0.4s ease, border 0s ease;
}

.o-h {
    transition: opacity var(--transition);
}

.o-h:hover {
    opacity: 0.6;
}

.w-1, .w-1-a, .w-1-a > * {
    width: 100%;
}

.h-1, .h-1-a, .h-1-a > * {
    height: 100%;
}

.separator {
    height: 1rem;
}

.sepline {
    background: rgba(var(--color-foreground-rgb), 0.2);
    height: 0.8rem;
    margin: 0 0.5rem;
    width: 1px;
    min-width: 1px;
    display: inline-block;
}

.side_lines {
    align-items: baseline;
    display: flex;
}

.side_lines::after, .side_lines:before {
    background: rgba(var(--color-foreground-rgb), 0.2);
    content: "";
    display: block;
    height: 1px;
    margin: 0 0.9rem;
    width: 3rem;
}

@media screen and (max-width: 499px) {
    .side_lines::after, .side_lines:before, .header__title::after, .header__title:before {
        display: none;
    }
}

._extend.header__title, .side_lines._extend {
    justify-content: stretch;
    margin: 2rem 0;
    width: 100%;
}

#pageTop {
    height: var(--header-height-mobile);
    top: 0;
    left: 0;
}

@media screen and (min-width: 749px) {
    #pageTop {
        height: var(--header-height);
    }
}

._extend.header__title::after, ._extend.header__title:before, .side_lines._extend::after, .side_lines._extend:before {
    flex-grow: 1;
    margin: 0;
    width: auto;
}

._extend.header__title span, .side_lines._extend span {
    margin: 0 10px;
}

.social-sharing {
    --icon-size: 2rem;
    --size: 2.6rem;
    gap: var(--gap-medium);
    flex-wrap: wrap;
}

.social-sharing > li {
    height: 100%;
}

.social-sharing a {
    align-items: center;
    display: flex;
    height: 100%;
    width: var(--size);
    height: var(--size);
    justify-content: flex-start;
}

.social-sharing a:hover {
    opacity: 0.5;
}

.Qslider {
    overflow: hidden;
}

.boxed-width {
    max-width: var(--page-width);
    width: 100%;
}

.full-width {
    max-width: 100%;
}

.f-size {
    font-size: var(--f-size);
}

.max-m, .max-m-m {
    max-width: 700px;
    width: 100%;
}

.max-s, .max-s-m {
    max-width: 350px;
    width: 100%;
}

.max-m-m, .max-s-m {
    margin: auto;
}

.mw-small {
    max-width: 750px;
}
.mw-medium {
    max-width: 990px;
}
.mw-large {
    max-width: var(--page-width);
}

body .shopify-challenge__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin: 5rem auto;
}

.shopify-challenge__errors {
    order: 2;
}

figure {
    margin: 0;
}

img, picture {
    margin: 0;
    max-width: 100%;
    height: auto;
}

.hero-banner {
    background-repeat: no-repeat;
}

.hero-banner--article {
    background-position: 50%;
    background-size: cover;
    min-height: 278px;
}

.placeholder-svg {
    fill: var(--color-foreground);
    background-color: #fafafa;
    border: 1px solid var(--color-foreground);
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

.placeholder-svg--small {
    width: 480px;
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center;
}

.placeholder-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.placeholder-background .icon {
    border: 0;
}

.responsive-image__wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

.responsive-image__wrapper:before {
    content: "";
    display: block;
    position: relative;
}

.responsive-image__wrapper--full-height {
    height: 100%;
}

.responsive-image__image {
    width: 100%;
    position: relative;
    height: auto;
    display: block;
}

.responsive-image__wrapper._cropped:before {
    display: none;
}

.breadcrumb {
    align-items: stretch;
    color: var(--breadcrumb-color);
    height: 100%;
}

.breadcrumb .icon {
    width: 1.6rem;
    --icon-size: 0.25rem;
}

.breadcrumb .icon svg {
    fill: var(--color-foreground-light);
}

span.breadcrumb-active {
    display: flex;
    align-items: center;
    opacity: 0.8;
}

a.breadcrumb-link {
    display: flex;
    align-items: center;
    font-size: inherit;
}

body.keyboard .btn.breadcrumb-link:focus {
    outline-offset: -1px;
}

.breadcrumb_wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    height: 2.6rem;
    font-size: 0.8rem;
}

#breadcrumb .breadcrumb_wrapper.boxed-width {
    padding: 0;
}

#footer_breadcrumb .breadcrumb_wrapper {
    height: 100%;
    max-width: 100%;
}

#breadcrumb, #footer_breadcrumb {
    flex-grow: 0;
    padding: 0 var(--page-side);
    width: 100%;
    z-index: 1;
}

#breadcrumb {
    display: flex;
    justify-content: center;
}

#footer_breadcrumb {
    padding-left: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 499px) {
    #breadcrumb, #footer_breadcrumb, .small-hide {
        display: none !important;
    }
}

.qgrid {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--grid-gap) * -0.5);
    overflow: hidden;
    width: calc(100% + var(--grid-gap));
    transition: opacity var(--transition);
    justify-content: var(--blocks-alignment, flex-start);
}

.qgrid.loading {
    opacity: 0.5;
}

.qgrid-wrapper {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.qgrid > * {
    --padding:
    calc(var(--grid-gap) / 2);
    padding: var(--padding);
    --n: 1;
    --width:
    calc(100% / var(--n));
    width: var(--width);
    max-width: var(--width);
}

.grid-s-1, .qg-s-1 > * {
    --n: 2;
}

.grid-2, .qg-2 > * {
    --n: 2;
}

.grid-3, .qg-3 > * {
    --n: 3;
}

.grid-4, .qg-4 > * {
    --n: 4;
}

.grid-5, .qg-5 > * {
    --n: 5;
}

.grid-6, .qg-6 > * {
    --n: 6;
}

.grid-7, .qg-7 > * {
    --n: 7;
}

.grid-8, .qg-8 > * {
    --n: 8;
}

@media screen and (min-width: 500px) {
    .grid-s-1, .qg-s-1 > * {
        --n: 1;
    }

    .grid-s-2, .qg-s-2 > * {
        --n: 2;
    }

    .grid-s-3, .qg-s-3 > * {
        --n: 3;
    }

    .grid-s-4, .qg-s-4 > * {
        --n: 4;
    }

    .grid-s-5, .qg-s-5 > * {
        --n: 5;
    }

    .grid-s-6, .qg-s-6 > * {
        --n: 6;
    }

    .grid-s-7, .qg-s-7 > * {
        --n: 7;
    }

    .grid-s-8, .qg-s-8 > * {
        --n: 8;
    }
}

@media screen and (min-width: 750px) {
    .grid-m-1, .qg-m-1 > * {
        --n: 1;
    }

    .grid-m-2, .qg-m-2 > * {
        --n: 2;
    }

    .grid-m-3, .qg-m-3 > * {
        --n: 3;
    }

    .grid-m-4, .qg-m-4 > * {
        --n: 4;
    }

    .grid-m-5, .qg-m-5 > * {
        --n: 5;
    }

    .grid-m-6, .qg-m-6 > * {
        --n: 6;
    }

    .grid-m-7, .qg-m-7 > * {
        --n: 7;
    }

    .grid-m-8, .qg-m-8 > * {
        --n: 8;
    }
}

@media screen and (min-width: 1200px) {
    .grid-l-1, .qg-l-1 > * {
        --n: 1;
    }

    .grid-l-2, .qg-l-2 > * {
        --n: 2;
    }

    .grid-l-3, .qg-l-3 > * {
        --n: 3;
    }

    .grid-l-4, .qg-l-4 > * {
        --n: 4;
    }

    .grid-l-5, .qg-l-5 > * {
        --n: 5;
    }

    .grid-l-6, .qg-l-6 > * {
        --n: 6;
    }

    .grid-l-7, .qg-l-7 > * {
        --n: 7;
    }

    .grid-l-8, .qg-l-8 > * {
        --n: 8;
    }

    .layout-grid.grid-g-1, .layout-grid.qg-g-1 > * {
        --n: 1;
    }

    .layout-grid.grid-g-2, .layout-grid.qg-g-2 > * {
        --n: 2;
    }

    .layout-grid.grid-g-3, .layout-grid.qg-g-3 > * {
        --n: 3;
    }

    .layout-grid.grid-g-4, .layout-grid.qg-g-4 > * {
        --n: 4;
    }

    .layout-grid.grid-g-5, .layout-grid.qg-g-5 > * {
        --n: 5;
    }

    .layout-grid.grid-g-6, .layout-grid.qg-g-6 > * {
        --n: 6;
    }

    .layout-grid.grid-g-7, .layout-grid.qg-g-7 > * {
        --n: 7;
    }

    .layout-grid.grid-g-8, .layout-grid.qg-g-8 > * {
        --n: 8;
    }
}

@media screen and (min-width: 1600px) {
    .grid-w-1, .qg-w-1 > * {
        --n: 1;
    }

    .grid-w-2, .qg-w-2 > * {
        --n: 2;
    }

    .grid-w-3, .qg-w-3 > * {
        --n: 3;
    }

    .grid-w-4, .qg-w-4 > * {
        --n: 4;
    }

    .grid-w-5, .qg-w-5 > * {
        --n: 5;
    }

    .grid-w-6, .qg-w-6 > * {
        --n: 6;
    }

    .grid-w-7, .qg-w-7 > * {
        --n: 7;
    }

    .grid-w-8, .qg-w-8 > * {
        --n: 8;
    }
}

.qgrid > * > .framed {
    margin: 0;
}

.layout-grid .collection-grid__info {
    --transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform var(--transition);
    flex-direction: column;
    max-height: 100%;
    align-items: baseline;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    transform: translateY(100%);
    padding: 0;
    position: absolute;
    width: 100%;
background: var(--color-background);}

.collection-grid__info-wrapper {
    background: var(--color-background);
    display: flex;
    flex-direction: column;
    gap: var(--gap-tiny);
    z-index: 2;
    margin-bottom: -2px;
}

.collection-grid__info-wrapper .price {
    gap: 0 0.5rem;
    font-size: 0.7rem;
}

@media only screen and (min-width: 750px) {
    .collection-grid__info-wrapper .price {
        gap: 0 0.5rem;
        font-size: 0.88rem;
    }
}

.collection-grid__info-wrapper .price-wrapper {
    margin: 0;
}

.collection-grid__info-wrapper .price-amount {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-small);
    flex-wrap: wrap;
}

.collection-grid__info-wrapper .price .price-badges {
    width: auto;
    gap: var(--gap-tiny);
}

.collection-grid__info-wrapper .price .badge_icon {
    --icon-size: 0.9rem;
    font-size: 0.7rem;
}

.layout-grid .collection-grid__info-wrapper {
    padding: var(--gap) 0 var(--gap-small);
}

.grid-item-image__wrapper {
    --width: 5.5rem;
    width: var(--width);
    min-width: var(--width);
    border: var(--border-light);
    display: flex;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 750px) {
    .grid-item-image__wrapper {
        --width: 100%;
    }

.small_results .grid-item-image__wrapper {--width: 6rem;}
}

.grid-item-image__wrapper img {
    transition: transform 250ms ease-out;
    transform: scale(1.001);
    background-color: var(--color-list-items);
    border-radius: var(--border-radius-image);
}

.layout-grid .collection-grid__info ._overlay {
    background-color: rgba(var(--color-background-rgb), 1);
    display: block;
    z-index: 1;
}

.layout-grid .collection-grid-item:hover .collection-grid__info {
    transform: translateY(calc(-100% + 1px));
}

.page-header {
    padding: var(--gap-large) 0;
    width: 100%;
}

.page-header .header__title {
    margin: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.3rem;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    --font-size: 1.3rem;
    font-size: calc(var(--font-heading-scale) * var(--font-size));
}

@media screen and (min-width: 750px) {
    .page-header .header__title {
        --font-size: 1.7rem;
    }
}

@media screen and (min-width: 990px) {
    .page-header .header__title {
        --font-size: 2.1rem;
    }
}

@media screen and (min-width: 1200px) {
    .page-header .header__title {
        --font-size: 2.6rem;
    }
}

.page-header p {
    font-size: 1.05rem;
}

.page-header.left {
    align-items: flex-start;
    text-align: left;
}

.page-header .ctag {
    font-family: var(--font-body-family);
    font-size: 0.9rem;
    color: var(--color-foreground-light);
}

.page-header .ctag:nth-child(2) {
    margin-left: var(--gap-small);
}

.page-header .ctag, .page-header .ctag__separator {
    line-height: initial;
}

.page-header .ctag__separator {
    font-size: 1rem;
}

.headings_rss {
    padding-left: 1rem;
}

.headings_rss svg {
    height: 12px;
    width: 14px;
}

.headings_titlebox {
    align-items: center;
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
}

.headings_titlebox h1 {
    margin: 0;
}

.header-suffix {
    color: var(--color-foreground-light);
    display: flex;
    align-items: center;
    gap: var(--gap);
    margin-top: var(--gap);
    --part-size: 1.5rem;
}

@media only screen and (min-width: 750px) {
    .header-suffix {
        --part-size: 1.8rem;
    }
}

.header-suffix .header-suffix__icon, .header-suffix .header-suffix__number {
    height: var(--part-size);
    min-width: var(--part-size);
}

.header-suffix .header-suffix__icon {
    --icon-size: 1rem;
    --fill: var(--color-foreground);
}

.header-suffix .header-suffix__number {
    background: var(--color-foreground);
    padding: 0 calc(var(--part-size) / 3);
    min-height: var(--part-size);
    color: var(--color-background);
    display: flex;
    border-radius: calc(var(--part-size) / 2);
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.header-suffix .header-suffix__term {
    text-decoration: underline;
    color: var(--color-foreground);
    font-weight: 500;
}

@media screen and (max-width: 749px) {
    .page-header h1 {
        font-size: 1.5rem;
    }

    .page-header {
        margin: 1rem 0;
    }
}

section {
    position: relative;
}

.section-content.section-cart-header {
    padding-bottom: var(--gap);
}

.subsection {
    margin: auto;
    position: relative;
}

.section-content.boxed-color .subsection {
    background: var(--color-gradient);
    padding-right: calc(var(--page-side) * 2);
    padding-left: calc(var(--page-side) * 2);
}

.section-content.boxed-color.section-header__content .subsection {
    padding-top: 0;
    padding-bottom: 0;
}

.subsection-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-small);
    z-index: 2;
    position: relative;
}

.subsection-content.content_background {
    background: var(--color-background);
    padding: calc(var(--gap-extralarge) * 0.7) calc(var(--gap-extralarge) * 0.88);
}

.subsection-content.content_background.no_background {
    /* padding-left: 0; */
    /* background: transparent; */
}

body .product_section {
    padding-top: 0;
}

.section-content.no_padding {
    padding-bottom: 0;
    padding-top: 0;
}

.section-content.no_inner_padding.content_background {
    padding: 0;
}

@media screen and (max-width: 749px) {
    section:first-child .section-content:not(.no_padding) {
        /* padding-top: 0; */
    }
}

#shopify-section-sections {
    border-top: 1px solid hsla(0, 0%, 40%, 0.12);
    margin-top: 40px;
    padding-top: 80px;
}

details._left .customer-drop {
    right: initial;
    left: 0;
    transform-origin: top left;
}

.customer-drop li {
    display: flex;
}

.customer-drop noscript {
    width: 100%;
}

.customer-drop li a, .customer-drop li button {
    padding: var(--padding);
    white-space: nowrap;
    width: 100%;
    font-size: 1rem;
    display: flex;
    justify-content: flex-start;
    transition: background var(--transition), opacity var(--transition);
}

.customer-drop li a:hover, .customer-drop li button:hover {
    background: rgba(var(--color-foreground-rgb), 0.033);
    opacity: 0.8;
}

.checkbox_icon {
    --size: 1.28rem;
    height: var(--size);
    width: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    display: flex;
    --transition-duration: 200ms;
    pointer-events: none;
}

.checkbox_icon svg {
    transition: fill 0.3s ease-out;
}

.checkbox_icon .icon {
    position: absolute;
    margin: 0;
    left: 0;
}

.checkbox_icon_empty {
    fill: transparent;
    stroke: var(--color-foreground);
    stroke-width: 1.4px;
}

.checkbox_icon_checmmark {
    stroke: var(--color-background);
    stroke-width: 1.4;
    fill: transparent;
}

.checkbox_icon_cover {
    transform-origin: center;
    fill: var(--color-background);
    --transition-delay: 150ms;
    transition: transform var(--transition-duration) var(--transition-delay);
}

input[type="checkbox"]:checked ~ .checkbox_icon .checkbox_icon_cover {
    transform: scale(0);
    --transition-delay: 0s;
}

.loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(var(--color-background-rgb), 0.8);
    --icon-size: 1.8rem;
    display: flex;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.1s ease-out;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.loading .loading-overlay {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.horizontal-line {
    border-bottom: var(--border-dark);
    height: 1px;
    width: 100%;
    margin: 1rem 0;
}

.quantity {
    --size: 2rem;
    --button-size: var(--size);
    --side: 0rem;
    --icon-size: 1.2rem;
    --input-size: var(--size);
    height: var(--size);
    overflow: hidden;
    display: flex;
    /* border: var(--border-light); */
    justify-content: flex-start;
    padding: var(--side);
    border-radius: var(--bradius);
    box-sizing: initial;
    align-items: center;
}

.no-js .quantity {
    border: var(--border);
}

@media screen and (max-width: 499px) {
    .quantity {
        --size: 1.7rem;
    }
}

.quantity._narrow {
    --size: 1.8rem;
    --button-size: 1.5rem;
    --icon-size: 0.95rem;
    --input-size: 1.7rem;
    height: var(--size);
    --border: var(
    --border-light);
    border: var(--border);
    align-items: stretch;
}

.quantity._narrow input {
    /* height: calc(var(--button-size) / 0.7); */
    border: var(--border-light);
    border-width: 0 1px;
}

.quantity__input {
    width: var(--input-size);
    height: 100%;
    padding: 0;
    margin: 0 var(--side);
    text-align: center;
    font-size: var(--type-small);
    -moz-appearance: textfield;
    -webkit-appearance: none;
}


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

html:not(.no-js) .quantity__input[type="number"] {
    -moz-appearance: textfield;
}

html:not(.no-js) .quantity__input::-webkit-inner-spin-button, html:not(.no-js) .quantity__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.quantity__button {
    --background: transparent;
    opacity: 0.8;
    width: var(--button-size);
    height: var(--button-size);
    border-radius: calc(var(--button-size) / 2);
    background-color: var(--background);
    transform-origin: center center;
    background: rgba(var(--color-foreground-rgb), 0.05);
}

.quantity._narrow .quantity__button {
    color: rgba(var(--color-foreground-rgb), 0.8);
    background: transparent;
    border-radius: 0;
    height: 100%;
}

.quantity > .quantity__button[name="plus"] {
    order: 2;
}

.quantity-buttons {
    display: flex;
    flex-direction: column;
}

.quantity__button:hover {
    opacity: 1;
    --background: rgba(var(--color-foreground-rgb), 0.05);
}

.quantity__button:active {
    opacity: 0.3;
}

.quantity__button .icon {
    display: flex;
    width: 100%;
    min-width: initial;
    --fill: var(--color-foreground);
}

.cart-number_wrapper {
    --offset: 0rem;
    --font-size: 0.7rem;
    --size: 1.1rem;
    padding: 0;
    margin: 0;
    cursor: pointer;
    left: 50%;
    top: 50%;
    transform: translate(calc(0% - var(--offset)), calc(-90% + var(--offset)));
    transition: transform var(--transition-long);
    box-shadow: 0 0 0 0.14rem var(--color-background);
    border-radius: 0.15rem;
    overflow: hidden;
}

body.header-shrinked .cart-number_wrapper:not(.no_number) {
    --offset: 0.25rem;
}

.cart-number_wrapper.no_number {
    --size: 0.5rem;
    --offset: -0.3rem;
    margin-top: calc(var(--icon-size) / 10);
    border-radius: calc(var(--size) / 2);
}

#cart-number {
    line-height: var(--font-size);
    font-size: var(--font-size);
    font-weight: 500;
    padding: 0 calc(var(--size) * 0.3);
    text-align: center;
    background: var(--color-background);
    color: var(--color-foreground);
    letter-spacing: 0;
    height: var(--size);
    min-height: var(--size);
    min-width: var(--size);
}

@media screen and (max-width: 749px) {
    #cart-number {
        font-size: 0;
        --size: 0.38rem;
        border-radius: calc(var(--size) / 2);
    }

    .cart-number_wrapper {
        left: initial;
        top: 0;
        left: calc(100% - 0.3rem);
        transform: none;
    }
}

#cart_trigger {
    display: flex;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
}

details-panel.cart-drop {
    height: 100%;
    width: 100%;
}

#cart_trigger:hover {
    transition: opacity var(--transition);
}

.cart-trigger__content {
    height: auto;
    width: auto;
    max-width: initial;
    min-width: initial;
    position: relative;
}

.header .cart_wrapper.no_counter {
    margin-bottom: 0;
}

#cart_trigger :hover .icon {
    opacity: 0.5;
}

.cart_trigger .icon svg {
    fill: var(--color);
}

/** Background images  */
responsive-background {
    background-repeat: no-repeat;
    background-position: var(--background-position, center);
    background-size: cover;
    opacity: var(--opacity, 1);
}

responsive-background.background-fit {
    background-size: contain;
    border-radius: 0;
}

/** Disclosure  */
.disclosure_content {
    background: var(--color-background);
    white-space: nowrap;
    padding: 0.5rem 0;
}

.disclosure_content .btn {
    padding: 0.3rem 0.8rem;
    min-height: 44px;
    min-width: 44px;
    font-size: 0.88rem;
    opacity: 0.88;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color var(--transition), opacity var(--transition);
}

.disclosure_content .disclosure_active {
    cursor: none;
    pointer-events: none;
}

.disclosure_content .disclosure_active::before {
    height: 100%;
    width: 0.2rem;
    border-radius: 0.1rem;
    background: var(--color-foreground);
    display: flex;
    content: "";
    position: absolute;
    left: -1px;
}

.disclosure_content .btn:not(.disclosure_active):hover {
    background-color: var(--color-foreground-pale);
    opacity: 1;
}

/* Cookie show */
cookie-show:not(.showing) {
    display: none;
}

/* page */
.page-placeholder {
    width: 100%;
    background: rgba(var(--color-foreground-rgb), 0.04);
}

.page-content {
    margin-bottom: var(--gap-large);
}

/* popup share */
.popup__content {
    padding: var(--gap-large);
    width: 40rem;
    max-width: 100%;
}

.popup__content copy-to-clipboard {
    margin-bottom: 0;
}

.share-popup__title {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    line-height: 140%;
    font-size: 1.5rem;
}

.share-popup__name {
    font-family: var(--font-heading-family);
    font-size: var(--type-large);
}

.share-popup__title.has_name span:not(.share-popup__name) {
    font-size: var(--type-default);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
}

.share-popup.btn {
    width: auto;
    display: flex;
    gap: var(--gap-small);
    --icon-size: 1.4rem;
    font-size: var(--type-default);
}

@media screen and (min-width: 500px) {
    .share-popup.btn {
        --icon-size: 1.6rem;
        gap: var(--gap);
    }
}

.share-popup.btn._link {
    display: flex;
}

.share-popup.btn._primary, .share-popup.btn._secondary {
    gap: var(--gap-large);
}

/*  Blocks content */
.block__title {
    margin: 0;
}

.block__title.type_large, .block__title.type_extralarge {
    font-family: var(--font-heading-family);
}

.block__content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-small);
    margin-top: var(--gap-small);
}

.hover_details {
    position: absolute;
    --side: 1rem;
    --size: var(--min-input-size);
    --icon-size: 0.7rem;
    --stroke-width: 2.2;
    bottom: var(--side);
    right: var(--side);
    background: rgba(var(--color-background-rgb), 0.93);
    width: var(--size);
    height: var(--size);
    display: none !important;
    align-items: center;
    justify-content: center;
    border: var(--border-light);
    z-index: 5;
    transition: opacity var(--transition-long) 0.1s, width 0s 0.1s, height 0s 0.1s;
    border-radius: 0.1rem;
}

.hover_details__parent:hover .hover_details {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

@media (hover: none) {
    .hover_details {
        display: flex;
    }
}

.collapsable-tab {
    line-height: 150%;
    padding: 0;
    width: 100%;
    border-width: 1px 0;
}

.collapsible-tabs__wrapper .collapsable-tab {
    border-bottom: var(--border);
}

.collapsible-tabs__wrapper .collapsable-tab:last-child {
    border: 0;
}

.collapsable-tab ._content {
    color: var(--color-foreground);
}

.collapsible-tabs__wrapper .collapsable-tab ._content {
    border: 0;
}

.collapsible-tabs__wrapper .collapsable-tab__summary {
    padding: calc(var(--gap-large) * 0.4) 0;
    font-weight: inherit;
}

.collapsible-tabs__wrapper .collapsable-tab__summary.type_large .collapsable-tab__title, .collapsible-tabs__wrapper .collapsable-tab__summary.type_extralarge .collapsable-tab__title {
    font-family: var(--font-heading-family);
}

.collapsible-tabs__wrapper .collapsable-tab__summary.type_bold {
    font-weight: bold;
}

.collapsible-tabs__wrapper .collapsable-tab ._content_wrapper {
    padding: 0 0 var(--gap-small) 0;
}

.collapsable-tab__title {
    font-size: inherit;
    margin: 0;
    font-weight: inherit;
    font-family: var(--font-body-family);
}

.collapsible-tabs__wrapper .collapsable-tab__title {
    line-height: 160%;
}

.collapsable-tab details-panel[accordion] ._content {
    padding-bottom: 1rem;
}

.selling_plans .policy-popup__trigger {
    margin-top: var(--gap);
    font-size: var(--type-small);
    gap: 0.4rem;
    justify-content: var(--align);
    --icon-size: 1.4rem;
    opacity: 0.7;
    transition: opacity var(--transition);
}

.selling_plans .policy-popup__trigger:hover {
    opacity: 1;
}

.selling_plans.selling-plan-block {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.selling-plan__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
}

.selling-plan__title-discount:not(.selling_plan-legend_details .selling-plan__title-discount) {
    background: rgba(var(--color-foreground-rgb),0.05);
    padding: 0.2rem 0.4rem;
    border-radius: 0.4rem;
    color: var(--color-foreground-light);
    margin-left: auto;
}

.selling-plan__title-discount:empty, selling-plan__title-adjustments:empty {
    display: none;
}

.selling-plan-label dl {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
    min-height: 2rem;
}

.selling_plan-legend_details {
    background: rgba(var(--color-foreground-rgb),0.04);
    color: rgba(var(--color-foreground-rgb),0.8);
    padding: 0.2rem 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: var(--type-small);
}

.selling_plan-legend_details.no_label {
    display: none;
}

.selling_plan-legend_details .selling-plan__title-adjustments {
    border-left: var(--border);
    padding-left: 0.6rem;
}

.selling_plan-legend_details .selling-plan__title-discount {
    padding-left: 0.7rem;
    border-left: var(--border-dark);
}

.selling-plan__title-adjustments {
    font-weight: bold;
}

/* Search */
.search-header {
    gap: 1rem;
}

.search-header .header-suffix {
    margin: 0;
}

.range-element input {
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    min-height: 44px;
    /* width: 700px; */
}

body.keyboard .range-element input:focus ~ .range-element__handle:after {
    outline: 1px solid var(--color-foreground-lighter);
    outline-offset: 0.3rem;
}

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

.range-element__mask {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

div.range-element__handle {
    width: 100%;
    height: 1px;
    display: flex;
    position: absolute;
    background-color: rgba(var(--color-foreground-rgb),0.25);
    align-items: center;
    z-index: 0;
    pointer-events: none;
}

.range-element__handle:after {
    content: '';
    position: absolute;
    --size: 1rem;
    width: var(--size);
    height: var(--size);
    background-color: var(--color-foreground);
    left: var(--position);
    border-radius: calc(var(--size)/2);
    transform: translateX(-50%);
    transition: transform var(--transition-long);
    border: 3px solid var(--color-background);
}

.range-element__mask:hover .range-element__handle:after {
    transform: translateX(-50%) scale(1.5);
}

@media screen and (max-width: 1199px) {
    column-shifter{
        display:none;
    }
}
#tidio-chat-iframe {
  bottom: 20px !important;
  right: 77px !important;
  z-index: 9999 !important;
}

/* Footer Code */
.footer-grid-4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  align-items: start;
}

.footer-heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
  text-transform: uppercase;
  color: #623D34;
}

.footer-subheading {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #623D34;
}

.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.8;
}
.footer-block {
  min-width: 180px;
}

.footer-menu li {
  margin-bottom: 8px;
}

.footer-menu a {
  color: #623D34;
  font-size: 14px;
  text-decoration: none;
}

.footer-menu a:hover {
  text-decoration: underline;
}

footer-block svg {
    margin-right: 8px;
    height: 50px;
}

.footer-block .footer-subheading {
  margin-top: 24px;
}
.footer-block .social-sharing {
  justify-content: center !important;
  gap: 12px;
}

/* For Collection header */

/* Added for different banner in the mobile and desktop view */
.desktop-banner {
  display: block;
}
.mobile-banner {
  display: none;
}

@media screen and (max-width: 767px) {
  .desktop-banner {
    display: none;
  }
  .mobile-banner {
    display: block;
}
  
/***** HEADER PIXEL PERFECT LIVING SHAPES CLONE FOR BAZAAR THEME *****/

/* Limit header full width to match Living Shapes */
.header__wrapper, .listmenus__wrapper, .listmenu-section-content {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Top level first menu spacing */
#list-menu-listmenu_PBCdqL .list-menu_wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    padding: 15px 0;
}

/* Top level first menu items */
#list-menu-listmenu_PBCdqL .list-menu-item a {
    font-weight: 500;
    font-size: 14px;
    color: #5C4033;
    text-decoration: none;
}

/* Logo perfect alignment */
.header__branding {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

/* Set logo size to respect your 158px width */
.header__branding img {
    max-width: 158px;
    height: auto;
}

/* Main navigation styling (2nd menu) */
#list-menu-menu_TR4CTR {
    display: flex;
    justify-content: space-between;
}

/* Main navigation link styling */
#list-menu-menu_TR4CTR .list-menu-item a {
    font-weight: 600;
    font-size: 15px;
    color: #5C4033;
    text-transform: uppercase;
    text-decoration: none;
}

/* Remove separator line margin */
.separator_line {
    margin: 0 !important;
}

/* Align icons on right */
.header_icon, .header__icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/* Prevent extra spacing */
.side-spacer {
    display: none;
}

/* Overall header height stabilization */
.header_panel {
    min-height: auto;
}

/* Optional: Slightly reduce gap on mobile for better balance */
@media (max-width: 768px) {
    #list-menu-listmenu_PBCdqL .list-menu_wrapper {
        gap: 20px;
    }
    #list-menu-menu_TR4CTR {
        gap: 30px;
    }

  /* ========== MOBILE POLISH FOR HEADER (BAZAAR THEME) ========== */

@media (max-width: 767px) {

  /* Turn entire header row into a clean flex container */
  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    position: relative;
  }

  /* Left: Hamburger menu button */
  .header-panel-menu__trigger {
    order: -1;
    margin: 0;
  }

  /* Center: Logo */
  .header__branding {
    order: 0;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header__branding img {
    max-width: 106px !important;
    height: auto;
  }

  /* Right: Search, Cart, Account icons */
  .header__icons {
    order: 3;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* Set icon size uniformly */
  .header_icon svg {
    width: 20px;
    height: 20px;
  }

  /* Remove unwanted side spacers */
  .side-spacer {
    display: none !important;
  }

  /* Optional: Top menu on mobile keeps stacking well */
  .list-menu_wrapper {
    flex-direction: column !important;
    gap: 15px !important;
  }

  /* Announcement bar size fix */
  .announcement-bar {
    font-size: 13px;
    padding: 5px 10px;
  }
}


@media screen and (max-width: 749px) {
  ul.collection-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px; /* Adjust spacing between products */
  }

  ul.collection-grid > li {
    width: 100% !important;
  }
}

.panel-menu__main .logo-container {
    padding-top: 20px;
}
.panel-menu__foot {
    padding-left: 10px;
    padding-top: 0px;
}
.social-sharing li a svg{
    width:26px!important;
}