@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root{
--store-font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--store-font-size-base:14px;
--store-font-size-base-mobile:16px;
--store-font-size-base-current:var(--store-font-size-base);
--store-font-line-height:1.15;
--store-font-letter-spacing:0em;
--store-max-width:5000px;
--store-page-padding:0px;
--store-section-gap:12px;
--store-compact-section-gap:24px;
--store-border-radius:12px;
--store-border-color:#e8e0f3;
--store-bg:#ffffff;
--store-surface:#F8F8F6;
--store-highlight:#e8e8e8;
--store-brand:#4E4D4B;
--store-button:#4E4D4B;
--store-button-hover:#211c35;
--store-attention-bg:#fff7d6;
--store-attention-text:#7a4a00;
--store-text:#000000;
--store-muted-text:#000000;
--store-dark-surface-text:#ffffff;
--store-dark-surface-muted-text:#d7d1e8;
--store-h1-size:23px;
--store-h2-size:19px;
--store-h3-size:17px;
--store-h1-line-height:1.15;
--store-h2-line-height:1.15;
--store-h3-line-height:1.15;
--store-h1-letter-spacing:0em;
--store-h2-letter-spacing:0em;
--store-h3-letter-spacing:0em;
--store-control-font-size:var(--store-font-size-base-current);
--store-input-height:36px;
--store-button-height:30px;
--store-control-padding-x:12px;
--product-card-background:#ffffff;
--product-card-radius:12px;
--product-card-padding:24px;
--product-card-gap:16px;
--product-card-media-background:#f3f3f3;
--product-card-media-radius:12px;
--product-card-media-height:360px;
--product-card-media-padding:16px;
--product-card-text-align:center;
--product-card-brand-size:16px;
--product-card-brand-line-height:1.2;
--product-card-title-size:14px;
--product-card-title-line-height:1.2;
--product-card-meta-size:14px;
--product-card-meta-line-height:1.25;
--product-card-rating-size:14px;
--product-card-rating-line-height:1.2;
--product-card-old-price-size:12px;
--product-card-old-price-line-height:1.2;
--product-card-price-size:14px;
--product-card-price-line-height:1.1;
--product-card-brand-color:#5f5a7a;
--product-card-title-color:#232c58;
--product-card-meta-color:#5f5a7a;
--product-card-rating-color:#5f5a7a;
--product-card-old-price-color:#5f5a7a;
--product-card-price-color:#232c58;
}
*{box-sizing:border-box}
html{overflow-y:scroll;overflow-x:clip}
body{margin:0;min-height:100vh;background:var(--store-bg);color:var(--store-text);font-family:var(--store-font-family);font-size:var(--store-font-size-base-current);line-height:var(--store-font-line-height);letter-spacing:var(--store-font-letter-spacing);overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
.compiled-storefront{width:100%;min-height:100vh}
.compiled-main{width:100%;max-width:100%;margin:0;padding:0 0 80px}
.compiled-header,.compiled-footer{width:100%;background:var(--store-bg)}
:root{--store-header-bg:#ffffff}

.compiled-header.is-sticky-all{position:sticky;top:var(--compiled-header-sticky-top,0px);z-index:var(--compiled-header-sticky-z-index,40);background:var(--store-header-bg)}
.compiled-header.is-sticky-top,.compiled-header.is-sticky-menu{display:contents}
.storefront-header{display:grid;width:100%;background:var(--store-header-bg);color:var(--store-text)}
.storefront-header-line{width:100%;max-width:none;background:var(--header-line-bg,var(--store-header-bg));color:var(--header-line-color,var(--store-text))}
.storefront-header-line.is-sticky{position:sticky;top:var(--header-sticky-top,0px);z-index:var(--header-sticky-z-index,40);background:var(--header-sticky-bg,var(--header-line-bg,var(--store-header-bg)));color:var(--header-sticky-color,var(--header-line-color,var(--store-text)))}
.storefront-header-line-content{display:grid;align-items:center;width:var(--header-content-width,min(var(--store-max-width),calc(100vw - (var(--store-page-padding) * 2))));max-width:100%;margin:0 auto;padding:var(--header-padding-top,14px) var(--header-padding-x,0px) var(--header-padding-bottom,14px);gap:var(--header-column-gap,18px)}
.storefront-header-line-content--top{grid-template-columns:minmax(120px,220px) minmax(260px,1fr) minmax(120px,220px)}
.storefront-header-line-content--menu{grid-template-columns:minmax(0,1fr);padding-top:0;overflow:hidden}
.header-col-menu{min-width:0;width:100%;max-width:100%;overflow:hidden}
.header-col-logo{min-width:max-content}
.header-logo{display:inline-flex;align-items:center;color:inherit;text-decoration:none;min-width:max-content}
.header-logo picture{display:inline-flex;align-items:center;min-width:max-content}
.header-logo img{display:block;width:auto;max-width:min(180px,32vw);max-height:var(--header-logo-desktop-height,56px);object-fit:contain}
.header-search{display:flex;align-items:stretch;min-width:0;max-width:560px;width:100%;justify-self:center}
.header-search input{min-width:0;flex:1;height:var(--store-input-height);border:1px solid var(--store-border-color);border-right:0;border-radius:var(--store-border-radius) 0 0 var(--store-border-radius);padding:0 var(--store-control-padding-x);background:#fff;color:var(--store-text);font-size:var(--store-control-font-size)}
.header-search button{display:grid;place-items:center;width:var(--store-button-height);height:var(--store-input-height);border:0;border-radius:0 var(--store-border-radius) var(--store-border-radius) 0;background:var(--store-button);color:#fff}
.header-search-icon,.header-account-icon,.header-cart-icon,.header-notification-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header-action{display:grid;place-items:center;color:inherit;text-decoration:none;min-width:var(--store-button-height);min-height:var(--store-button-height);background:transparent;border:0;font-size:var(--store-control-font-size)}
.header-col-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;width:100%}
.header-col-controls .header-action{flex:0 0 auto}
.header-cart{position:relative}
.header-cart span{position:absolute;right:2px;top:2px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--store-muted-text);color:#fff;font-size:11px;line-height:1}
.header-category-menu{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}
.header-category-menu::-webkit-scrollbar{display:none}
.header-category-menu-inner{display:flex;align-items:center;gap:var(--header-menu-item-gap,12px);width:max-content;min-width:100%;max-width:none;flex-wrap:nowrap}
.header-category-menu-inner a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--store-button-height);padding:0 var(--store-control-padding-x);border-radius:999px;background:var(--store-surface);color:var(--store-text);font-size:var(--store-control-font-size);font-weight:700;text-decoration:none;white-space:nowrap}
.header-category-menu--button .header-category-menu-inner a{border-radius:var(--store-border-radius)}
.header-category-menu--badge .header-category-menu-inner a,.header-category-menu--button .header-category-menu-inner a{font-size:80%}
.header-category-menu--text .header-category-menu-inner a{min-height:auto;padding:0;border-radius:0;background:transparent;color:inherit}
@media(max-width:900px){.storefront-header-line-content{width:var(--header-content-width,100%);padding:var(--header-padding-top,10px) var(--header-padding-x,var(--store-page-padding)) var(--header-padding-bottom,10px);gap:var(--header-column-gap,10px)}.storefront-header-line-content--top{grid-template-columns:minmax(82px,max-content) minmax(0,1fr) auto}.storefront-header-line-content--menu{grid-template-columns:minmax(0,1fr)}.header-logo img{max-width:min(112px,30vw);max-height:var(--header-logo-mobile-height,42px)}.header-col-controls{width:auto}.header-col-search--hide-mobile{display:none}.header-search{grid-column:1/-1;grid-row:2;max-width:none}.header-category-menu{width:100%;max-width:100vw}.header-category-menu-inner a{flex:0 0 auto}}

.compiled-storefront.home-desktop-banner-under-header{position:relative}
.compiled-storefront.home-desktop-banner-under-header>.compiled-header{position:absolute;inset:0 0 auto;z-index:60;display:grid;background:transparent}
@media(max-width:900px){:root{--store-font-size-base-current:var(--store-font-size-base-mobile)}}
