/** Shopify CDN: Minification failed

Line 14:0 Expected "}" to go with "{"

**/
* { box-sizing: border-box; } body { color: var(--color-foreground); background: var(--color-background); display: flex; flex-direction: column; margin: 0; min-height: 100svh; font-variation-settings: 'slnt' 0; } :root { --hover-transition-duration: 0.25s; --hover-transition-timing: ease-out; --submenu-animation-speed: 360ms; } html {  scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); scroll-behavior: smooth; } @media (min-width: 990px) { html:has(.page-wrapper), html:has(.page-wrapper) body { height: 100dvh; overflow: hidden; } } html[scroll-lock] { overflow: hidden; }  @media (min-width: 990px) { html[scroll-lock] .page-wrapper { overflow: hidden; } } .page-wrapper { display: flex; flex-direction: column; min-height: 100dvh; transition: margin-inline-end var(--animation-speed) var(--animation-timing-fade-out); } @media (min-width: 990px) { .page-wrapper { height: 100dvh; overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); } .page-wrapper--drawer-open shopify-account::part(dialog) { translate: calc(-1 * var(--theme-drawer-width, var(--sidebar-width))); }  [dir='rtl'] .page-wrapper--drawer-open shopify-account::part(dialog) { translate: var(--theme-drawer-width, var(--sidebar-width)); } } .page-wrapper--drawer-open { margin-inline-end: var(--theme-drawer-width, var(--sidebar-width)); transition-timing-function: var(--animation-timing-fade-in); } img, picture, video, canvas, svg { display: block; max-width: 100%; } img { width: 100%; height: auto; } input, textarea, select { font: inherit; border-radius: var(--style-border-radius-inputs); }  select { background-color: var(--color-background); color: currentcolor; } .product-card, .collection-card, .predictive-search-results__card--product, .predictive-search-results__card { position: relative; transition: transform var(--hover-transition-duration) var(--hover-transition-timing), box-shadow var(--hover-transition-duration) var(--hover-transition-timing); z-index: var(--layer-flat); } .product-card__link { position: absolute; inset: 0; } .product-card__content { position: relative; cursor: pointer; } dialog {  --backdrop-color-rgb: var(--color-shadow-rgb); background-color: var(--color-background); color: var(--color-foreground); } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } .wrap-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } p:empty { display: none; } :first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0; }  :last-child:is(p, h1, h2, h3, h4, h5, h6), :where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) { margin-block-end: 0; }   @media (prefers-reduced-motion: no-preference) {  :root { view-transition-name: none; }  html:active-view-transition-type(page-navigation), html:active-view-transition-type(product-image-transition) { view-transition-name: root-custom; } ::view-transition { pointer-events: none; } html:active-view-transition-type(page-navigation) main[data-page-transition-enabled='true'] { view-transition-name: main-content; } html:active-view-transition-type(page-navigation) main[data-product-transition='true'][data-template*='product'] { view-transition-name: none; } ::view-transition-old(main-content) { animation: var(--view-transition-old-main-content); } ::view-transition-new(main-content) { animation: var(--view-transition-new-main-content); } html:active-view-transition-type(product-image-transition) { [data-view-transition-type='product-image-transition'] { view-transition-name: product-image-transition; } [data-view-transition-type='product-details'] { view-transition-name: product-details; } } ::view-transition-group(product-image-transition) { z-index: 1; } ::view-transition-group(product-image-transition), ::view-transition-group(product-details) { animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); } ::view-transition-old(product-image-transition), ::view-transition-new(product-image-transition) { block-size: 100%; overflow: hidden; object-fit: cover; animation-duration: 0.25s; animation-timing-function: var(--animation-easing); } ::view-transition-new(product-details) { animation: var(--view-transition-new-main-content); } }  *:focus-visible { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } @supports not selector(:focus-visible) { *:focus { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); } } .focus-inset { outline-offset: calc(var(--focus-outline-width) * -1); }  .content-for-layout { flex: 1; display: flex; flex-direction: column; } .content-for-layout > .shopify-section:last-child { flex-grow: 1; }  .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: max(16px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px)); } @media screen and (min-width: 750px) { .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: max(40px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px)); } } .page-width-wide {  --page-content-width: var(--wide-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-normal { --page-content-width: var(--normal-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-narrow {  --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-content { --page-content-width: var(--normal-content-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }  .section { --full-page-grid-central-column-width: min( var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2) ); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width) var(--full-page-grid-margin);  --util-page-margin-offset: max( var(--page-margin), calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2)) / 2) );  --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%;  position: relative;  display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height, 'auto'); }  .section > * { grid-column: 2; }  .shopify-section:not(.header-section) :is(.section, .cart-summary) { background: transparent; } .shopify-section:not(.header-section):has(.section) { position: relative; } .shopify-section:not(.header-section) .section-background { content: ''; position: absolute; inset: 0; z-index: var(--layer-section-background); background-color: var(--color-background); }  .section--page-width > * { grid-column: 2; }  .section--full-width > * { grid-column: 1 / -1; } @media screen and (max-width: 749px) { .section--mobile-full-width > * { grid-column: 1 / -1; } }  .section--full-width.section--full-width-margin > * { grid-column: 1 / -1; @media screen and (min-width: 750px) { padding-inline: var(--page-margin); } }  .section > .force-full-width { grid-column: 1 / -1; } .section--height-small { --section-min-height: var(--section-height-small); } .section--height-medium { --section-min-height: var(--section-height-medium); } .section--height-large { --section-min-height: var(--section-height-large); } .section--height-full-screen { --section-min-height: 100svh; } .section-content-wrapper.section-content-wrapper { min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px)); position: relative; width: 100%; height: 100%; }  .hidden {  display: none !important; } @media screen and (max-width: 749px) { .hidden--mobile, .mobile\:hidden {  display: none !important; } } @media screen and (min-width: 750px) { .hidden--desktop, .desktop\:hidden {  display: none !important; } } .hide-when-empty:empty {  display: none !important; } .visually-hidden:not(:focus, :active) {  position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0);  word-wrap: normal !important; } .contents { display: contents; } .flex { display: flex; gap: var(--gap-md); } .grid { --centered-column-number: 12; --full-width-column-number: 14; --centered: column-1 / span var(--centered-column-number); --full-width: column-0 / span var(--full-width-column-number); display: flex; flex-direction: column; } @media screen and (min-width: 750px) { .grid { display: grid; gap: 0; grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number), minmax(0, 1fr)) var(--margin-4xl); grid-template-areas: 'column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13'; } } @media screen and (min-width: 1400px) { .grid { grid-template-columns: 1fr repeat( var(--centered-column-number), minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number))) ) 1fr; } } .flip-x { scale: -1 1; } .list-unstyled { margin: 0; padding: 0; list-style: none; } .text-left { --text-align: start; text-align: start; } .text-center { --text-align: center; text-align: center; } .text-right { --text-align: end; text-align: end; } .text-inherit { color: inherit; } .user-select-text { user-select: text; } .justify-left { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-right { justify-content: flex-end; } .svg-wrapper { color: currentcolor; display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-sm); height: var(--icon-size-sm); pointer-events: none; } .svg-wrapper--smaller { width: var(--icon-size-2xs); height: var(--icon-size-2xs); } .svg-wrapper--small { width: var(--icon-size-xs); height: var(--icon-size-xs); } .svg-wrapper > svg { width: var(--icon-size-sm); height: var(--icon-size-sm); } .relative { position: relative; }  .icon-success, .icon-error { width: var(--icon-size-md); height: var(--icon-size-md); flex-shrink: 0; } .icon-success { color: var(--color-success); } .icon-error { fill: var(--color-error); } .icon-default { fill: currentColor; } [data-placeholder='true'] * { cursor: default; }  body, .paragraph:not(.button), .paragraph > *, .text-block.paragraph :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); text-transform: var(--font-paragraph--case); -webkit-font-smoothing: antialiased; color: var(--color, var(--color-foreground)); }  @media screen and (max-width: 1200px) { input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph { font-size: max(1rem, var(--font-paragraph--size)); } } .paragraph > small { font-size: smaller; }  h1, .h1.h1, .text-block.h1 > *, .text-block.h1 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-h1--size); line-height: var(--font-h1--line-height); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h1.h1, textarea.h1.h1, select.h1.h1 { font-size: max(1rem, var(--font-h1--size)); } } h2, .h2.h2, .text-block.h2 > *, .text-block.h2 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-h2--size); line-height: var(--font-h2--line-height); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h2.h2, textarea.h2.h2, select.h2.h2 { font-size: max(1rem, var(--font-h2--size)); } } h3, .h3, .h3.h3, .text-block.h3 > *, .text-block.h3 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-h3--size); line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h3, textarea.h3, select.h3 { font-size: max(1rem, var(--font-h3--size)); } } h4, .h4.h4, .text-block.h4 > *, .text-block.h4 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-h4--size); line-height: var(--font-h4--line-height); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h4.h4, textarea.h4.h4, select.h4.h4 { font-size: max(1rem, var(--font-h4--size)); } } h5, .h5.h5, .text-block.h5 > *, .text-block.h5 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-h5--size); line-height: var(--font-h5--line-height); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h5.h5, textarea.h5.h5, select.h5.h5 { font-size: max(1rem, var(--font-h5--size)); } } h6, .h6.h6, .text-block.h6 > *, .text-block.h6 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-h6--size); line-height: var(--font-h6--line-height); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); color: var(--color); } @media screen and (max-width: 1200px) { input.h6.h6, textarea.h6.h6, select.h6.h6 { font-size: max(1rem, var(--font-h6--size)); } } :first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-start: 0; } :last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-end: 0; }  a { color: currentcolor; text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing), color var(--animation-speed) var(--animation-easing); } :is(h1, h2, h3, h4, h5, h6, p) > a:hover { color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7); }  p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)) { text-decoration-color: currentcolor; &:hover { text-decoration-color: currentcolor; color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7); } } .container-background-image { background-repeat: no-repeat; background-size: cover; background-position: center center; }  summary::-webkit-details-marker { display: none; }  .button, .button-secondary, .button-custom, button.shopify-payment-button__button--unbranded { --text-align: center; display: grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-color: var(--button-background-color); border: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); margin-block: 0; transition: color var(--animation-speed) var(--animation-easing), box-shadow var(--animation-speed) var(--animation-easing), background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); padding-block: var(--button-padding-block); padding-inline: var(--button-padding-inline); } .button { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary); } .button:not(.button-secondary, .button-unstyled) { outline-color: var(--button-focus-outline-color, var(--button-background-color)); } .button-secondary { font-family: var(--button-font-family-secondary); text-transform: var(--button-text-case-secondary); border-radius: var(--style-border-radius-buttons-secondary); } button.shopify-payment-button__button--unbranded { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); } textarea, input:not([type='checkbox'], [type='radio']) { background-color: var(--color-input-background); border-color: var(--color-input-border); } textarea::placeholder, input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-muted-text)); } textarea:not(:placeholder-shown)::placeholder, input:not(:placeholder-shown)::placeholder { opacity: 0; }  .button[hidden] { display: none; } .button[aria-disabled='true'], .button-secondary[aria-disabled='true'], .button:disabled { opacity: 0.5; cursor: not-allowed; } .button, button.shopify-payment-button__button--unbranded { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); --button-focus-outline-color: var(--color-primary-button-focus-outline); } .button:hover, button.shopify-payment-button__button--unbranded:hover:not([disabled]) { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); } .button-secondary { --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); } .button-secondary:hover { --button-color: var(--color-secondary-button-hover-text); --button-background-color: var(--color-secondary-button-hover-background); --button-border-color: var(--color-secondary-button-hover-border); } .button-custom { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-secondary); --button-focus-outline-color: var(--color-primary-button-focus-outline); font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary); outline-color: var(--button-focus-outline-color, var(--button-background-color)); } .button-custom:hover { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); }  button.shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: var(--button-background-color); } .button-unstyled { display: block; padding: 0; background-color: inherit; color: var(--color-foreground); border: 0; border-radius: 0; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); } .button-unstyled:hover { background-color: inherit; }  :where(.button-unstyled):hover { --hover-color-rgb: var(--color-foreground-rgb); color: rgb(var(--hover-color-rgb) / var(--opacity-70)); } .button-unstyled--with-icon { color: var(--color-foreground); display: flex; gap: var(--gap-2xs); align-items: center; } .button-unstyled--transparent { background-color: transparent; box-shadow: none; }  .icon-caret svg { transition: transform var(--animation-speed) var(--animation-easing); } summary { display: flex; align-items: center; cursor: pointer; list-style: none; padding-block: var(--padding-sm); } summary:hover { color: rgb(var(--color-foreground-rgb) / var(--opacity-80)); }  .close-button { position: fixed;  top: max(var(--margin-lg), var(--safe-area-inset-top, 0px)); inset-inline-end: max(var(--margin-lg), var(--safe-area-inset-right, 0px)); width: var(--minimum-touch-target); height: var(--minimum-touch-target); z-index: var(--layer-flat); background-color: transparent; display: flex; align-items: center; justify-content: center;  border-radius: 50%; }  [dir='rtl'] .close-button { inset-inline-end: max(var(--margin-lg), var(--safe-area-inset-left, 0px)); }  @supports not (background-color: rgb(from red 150 g b / alpha)) {  .close-button:focus-visible { outline: none; overflow: visible; } .close-button:focus-visible::after { content: ''; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline-width) solid currentColor; border-radius: 50%; display: inherit; } } .dialog--closed .close-button { animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards; } .close-button:hover { background-color: transparent; opacity: 0.8; } .close-button svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }  .product-media { display: flex; flex: 1; } .sticky-content { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); } @media screen and (min-width: 750px) { .sticky-content--desktop, .sticky-content--desktop.full-height--desktop > .group-block { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); } }  .spacing-style { --spacing-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --spacing-scale: var(--spacing-scale-default); }   --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px); padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: var(--margin-inline-start) var(--margin-inline-end); }  .size-style { width: var(--size-style-width-mobile, var(--size-style-width)); height: var(--size-style-height-mobile, var(--size-style-height)); @media screen and (min-width: 750px) { width: var(--size-style-width); height: var(--size-style-height); } }  .custom-typography, .custom-typography > * { font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing); } .custom-typography { h1 { line-height: var(--line-height--display, var(--line-height)); } h2, h3, h4 { line-height: var(--line-height--heading, var(--line-height)); } p { line-height: var(--line-height--body, var(--line-height)); } } .custom-font-size, .custom-font-size > * { font-size: var(--font-size); } .custom-font-weight, .custom-font-weight > * { font-weight: var(--font-weight); }  .border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); }  .gap-style, .layout-panel-flex { --gap-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --gap-scale: var(--spacing-scale-default); } } .layout-panel-flex { display: flex; gap: var(--gap); height: 100%; } .shopify-block:has(> [shopify-block-empty]) { display: none; } .layout-panel-flex--row { flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment); } .layout-panel-flex--column { flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment); } @media screen and (max-width: 749px) { .mobile-column { flex-flow: column nowrap; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); } .layout-panel-flex--row:not(.mobile-column) { flex-wrap: var(--flex-wrap-mobile); height: auto; > .menu { flex: 1 1 min-content; } > .text-block { flex: 1 1 var(--max-width--display-tight); } > .image-block { flex: 1 1 var(--size-style-width-mobile-min); } > .button { flex: 0 0 fit-content; } > .group-block--height-fill { height: calc(var(--section-min-height, auto) - var(--section-height-offset, 0px)); } } } @media screen and (min-width: 750px) { .layout-panel-flex { flex-direction: var(--flex-direction); } }  .field { position: relative; width: 100%; display: flex; transition: box-shadow var(--animation-speed) ease; } .field__input { flex-grow: 1; text-align: start; border-radius: var(--style-border-radius-inputs); transition: box-shadow var(--animation-speed) ease, background-color var(--animation-speed) ease; padding: var(--input-padding); box-shadow: var(--input-box-shadow); background-color: var(--color-input-background); color: var(--color-input-text); border: none; outline: none; font-size: var(--font-paragraph--size); &:autofill { background-color: var(--color-input-background); color: var(--color-input-text); } } .field__input:focus { box-shadow: var(--input-box-shadow-focus); } .field__input--button-radius { border-radius: var(--style-border-radius-buttons-primary); } .field__input--button-padding { padding-inline: var(--padding-3xl); } .field__label { color: rgb(var(--color-input-text-rgb) / var(--opacity-80)); font-size: var(--font-paragraph--size); inset-inline-start: var(--input-padding-x); top: 50%; transform: translateY(-50%); margin-bottom: 0; pointer-events: none; position: absolute; transition: top var(--animation-speed) ease, font-size var(--animation-speed) ease; }  .rte, .shopify-policy__title { :is(h1, h2, h3, h4, h5, h6) { margin-block: clamp(1.5rem, 1em * 3.3, 2.5rem) var(--font-heading--spacing); } :first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty + :is(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0; } ul, ol { margin-block-start: 0; padding-inline-start: 1.5em; }  :is(ul, ol):not(:is(ul, ol) :is(ul, ol)) { margin-block-end: 1em; } blockquote { margin-inline: 1.5em 2.3em; margin-block: 3.8em; padding-inline-start: 0.8em; border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25)); font-style: italic; font-weight: 500; } .rte-table-wrapper { overflow-x: auto; } table {  width: 100% !important; border-collapse: collapse; } tr:not(:has(td)), thead { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); font-weight: bold; text-transform: uppercase; } tr:has(td) { border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10)); } th, td { text-align: start; padding-inline: var(--padding-md); padding-block: var(--padding-sm); } } .shopify-policy__container { padding-block: var(--padding-xl); }  :where(input[type='radio']), :where(input[type='checkbox']) { width: var(--checkbox-size); height: var(--checkbox-size); aspect-ratio: 1; margin: 0; margin-inline-end: var(--padding-3xs); padding: 0; border: var(--checkbox-border); appearance: none; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; }  input[type='radio'] { border-radius: var(--style-border-radius-50); background: transparent; transition: border-color 0.2s ease, background-color 0.2s ease; } :where(input[type='radio']):checked { border-color: var(--color-foreground); background: var(--color-background); } :where(input[type='radio']):checked::after { content: ''; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: calc(var(--checkbox-size) / 2); height: calc(var(--checkbox-size) / 2); background: var(--color-foreground); border-radius: var(--style-border-radius-50); transition: background 0.2s ease; } :where(input[type='radio']):disabled { border-color: var(--input-disabled-border-color); background-color: var(--input-disabled-background-color); cursor: not-allowed; } :where(input[type='radio']):disabled:checked::after { background: var(--input-disabled-background-color); } :where(input[type='radio']):not(:disabled):hover { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); } :where(input[type='radio']):not(:disabled):hover:checked { border-color: var(--color-foreground); background-color: var(--color-background); } :where(input[type='radio']):not(:disabled):hover:checked::after { background: rgb(var(--color-foreground-rgb) / var(--opacity-85)); }  :where(input[type='checkbox']) { border-radius: var(--checkbox-border-radius); background-color: var(--color-background); transition: border-color 0.2s ease, background-color 0.2s ease; } :where(input[type='checkbox']):checked { background-color: var(--color-foreground); border-color: var(--color-foreground); } :where(input[type='checkbox']):checked::after { content: ''; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: var(--checkbox-size); height: var(--checkbox-size); background-color: var(--color-background); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; } :where(input[type='checkbox']):not(:disabled):hover { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); } :where(input[type='checkbox']):not(:disabled):hover:checked { border-color: var(--color-foreground); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85)); } :where(input[type='checkbox']):disabled { background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color); cursor: not-allowed; } :where(input[type='checkbox']):disabled:checked::after { background-color: var(--input-disabled-text-color); }  :where(input[type='radio']) + label, :where(input[type='checkbox']) + label { display: inline; vertical-align: middle; cursor: pointer; } :where(input[type='radio']):disabled + label, :where(input[type='checkbox']):disabled + label { color: var(--input-disabled-text-color); cursor: not-allowed; }  @keyframes grow { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes move-and-fade { from { transform: translate(var(--start-x, 0), var(--start-y, 0)); opacity: var(--start-opacity, 0); } to { transform: translate(var(--end-x, 0), var(--end-y, 0)); opacity: var(--end-opacity, 1); } } @keyframes slideInTopViewTransition { from { transform: translateY(100px); } } @keyframes elementSlideInTop { from { margin-top: var(--padding-sm); opacity: 0; } to { margin-top: 0; opacity: 1; } } @keyframes elementSlideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(var(--padding-sm)); opacity: 0; } } @keyframes elementSlideOutBottom { from { transform: translateY(0); opacity: 1; } to { transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0; } } @keyframes thumbnailsSlideInTop { from { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; } to { transform: translateY(-50%); opacity: 1; } } @keyframes thumbnailsSlideOutTop { from { transform: translateY(-50%); opacity: 1; } to { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; } } @keyframes thumbnailsSlideInBottom { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes thumbnailsSlideOutBottom { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } } @keyframes search-element-slide-in-bottom { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes search-element-slide-out-bottom { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(20px); opacity: 0; } } @keyframes backdropFilter { from { backdrop-filter: brightness(1); } to { backdrop-filter: brightness(0.75); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalSlideInTop { from { transform: translateY(var(--padding-sm)); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes modalSlideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(var(--padding-sm)); opacity: 0; } }  slideshow-container[animate-arrows]:hover > slideshow-arrows .slideshow-control, slideshow-component:focus-within > slideshow-container[animate-arrows] > slideshow-arrows .slideshow-control { animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards; }  @media (hover: none) and (pointer: coarse) { .resource-list__carousel > [animate-arrows] > :where(slideshow-arrows) > .slideshow-control:not(:focus-visible) { position: absolute; clip: rect(0 0 0 0); animation: none; } .resource-list__carousel > [animate-arrows] > :where(slideshow-arrows) > .slideshow-control:focus-visible { opacity: 1; animation: none; } } @keyframes arrowsSlideIn { from { transform: translate(var(--padding-sm), 0); opacity: 0; } to { opacity: 1; } } .section-resource-list, .section-carousel { row-gap: var(--gap); } .section-resource-list__content { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%; } .section-resource-list__header:is(:empty, :has(.group-block-content:empty)), .section-resource-list__content:empty { display: none; } :where(.section-resource-list.section--full-width) product-card[data-product-transition] > .group-block, :where(.section-carousel.section--full-width) product-card[data-product-transition] > .group-block { @media screen and (max-width: 749px) { padding-inline: max(var(--padding-xs), var(--padding-inline-start)) max(var(--padding-xs), var(--padding-inline-end)); } }  .group-block, .group-block-content { position: relative; } .group-block:has(> video-background-component) { overflow: hidden; } .group-block-content { height: 100%; width: 100%; }  .section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill { flex: 1; }  .layout-panel-flex--row > .group-block--width-fit { flex: 0; } .layout-panel-flex--row > .group-block--width-fill { flex: 1; } .layout-panel-flex--row > .group-block--width-custom { flex-basis: var(--size-style-width); }  .group-block--height-fit { height: auto; } .group-block--height-custom, .group-block--height-fill { height: var(--size-style-height); }  .layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; } .layout-panel-flex--column > .group-block--height-fill { flex: 1; } .layout-panel-flex--column > .group-block--height-custom { flex-basis: var(--size-style-height); }   ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); border-radius: 20px; border: 6px solid transparent; background-clip: content-box; transition: background-color 0.2s; } ::-webkit-scrollbar-thumb:hover { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); }  @media screen and (max-width: 1200px) { input, textarea, select,  .paragraph.paragraph input, .paragraph.paragraph textarea, .paragraph.paragraph select, .h1.h1 input, .h1.h1 textarea, .h1.h1 select, .h2.h2 input, .h2.h2 textarea, .h2.h2 select, .h3.h3 input, .h3.h3 textarea, .h3.h3 select, .h4.h4 input, .h4.h4 textarea, .h4.h4 select, .h5.h5 input, .h5.h5 textarea, .h5.h5 select, .h6.h6 input, .h6.h6 textarea, .h6.h6 select { font-size: max(1rem, 100%); } }  main > .shopify-section:first-child .section:not(.disable-section-top-offset) { &.spacing-style, .spacing-style { --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean));  .spacing-style { --section-top-offset: 0px; } }  .sticky-content { margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1); } } .add-to-cart-button[disabled] { background-color: #b8960c !important; color: #ffffff !important; border: 2px solid #b8960c !important; opacity: 1 !important; font-weight: 600 !important; letter-spacing: 0.05em !important; }   .product-information .product-media-gallery { padding: 0 !important; margin: 0 !important; } .product-information .product-media-gallery__media { border-radius: 0 !important; }  .product-information [data-block-type="_product-media-gallery"] { align-self: stretch; } .product-information [data-block-type="_product-media-gallery"] img { object-fit: cover; width: 100%; height: 100%; min-height: 600px; }  .product-information [data-block-type="_product-details"] h1 { font-size: clamp(2rem, 3.5vw, 3rem) !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; font-weight: 600 !important; }  .product-information .price__regular, .product-information .price__sale { font-size: 1.25rem !important; letter-spacing: 0.05em !important; opacity: 0.8; }  .product-information [data-block-type="_product-details"] { border-left: 3px solid #c8a96e !important; border-top: none !important; }  .product-information .button--add-to-cart, .product-information [data-block-type="add-to-cart"] button { width: 100% !important; padding-block: 18px !important; font-size: 0.9rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; border-radius: 2px !important; }  .product-information .feature-strip p, .product-information [data-block-type="text"] p { font-size: 0.75rem !important; letter-spacing: 0.1em !important; }  .product-information .variant-picker__option-values button { border-radius: 2px !important; font-size: 0.8rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 8px 20px !important; }  @media (min-width: 990px) { .product-information { padding-block-start: 0 !important; } .product-information [data-block-type="_product-media-gallery"] { margin-block-start: 0 !important; } }  @media (max-width: 989px) { .product-information [data-block-type="_product-details"] { border-left: none !important; border-top: 3px solid #c8a96e !important; }  @media screen and (max-width: 749px) {  .menu-drawer { width: 56.25vw !important; max-width: 240px !important; top: 60px !important; height: calc(100dvh - 60px) !important; }  .menu-drawer__navigation { padding-top: 0 !important; } .menu-drawer__navigation-container { height: auto !important; min-height: 100%; grid-template-rows: auto 1fr !important; }  .menu-drawer__menu-item--mainlist { font-size: 22px !important; line-height: 1.3 !important; }  .menu-drawer__menu-item--child { font-size: 15px !important; line-height: 1.4 !important; }  .menu-drawer__menu > .menu-drawer__list-item { min-height: 48px !important; } .menu-drawer__menu .menu-drawer__list-item--flat { margin-block-end: 8px !important; }  @media screen and (max-width: 749px) { .menu-drawer__navigation > .menu-drawer__menu { transform: translateY(-100px) !important; } } } 
/* Maya Pet Co: lift homepage hero CTA on small screens only. */
@media screen and (max-width: 749px) {
  .hero-wrapper .hero__content-wrapper a[href*="/products/wool-felt-pet-bed"] {
    position: relative;
    transform: translateY(105px);
  }
}