.header-wrapper{position:relative;z-index:100;background:color-mix(in srgb,var(--color-background) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.header-wrapper--sticky{position:sticky;inset-block-start:0}.announcement-bar{background:var(--color-accent);color:var(--color-accent-contrast);text-align:center;font-size:var(--font-size-sm);padding-block:.6rem;padding-inline:var(--space-md)}.announcement-bar a{color:inherit;text-decoration:none}.announcement-bar a:hover{text-decoration:underline;color:inherit}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);min-height:var(--header-height);padding-block:var(--space-sm)}.header__logo{font-family:var(--font-heading-family);font-size:clamp(1.35rem,1.2rem + .6vw,1.75rem);font-weight:700;letter-spacing:-.02em;text-decoration:none;line-height:1}.header__logo:hover{color:var(--color-text)}.header__logo-image{max-height:2.5rem;width:auto}.header__nav{display:none;justify-content:center}.header__menu{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-md)}.header__menu-link{text-decoration:none;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;padding-block:var(--space-3xs);position:relative}.header__menu-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:inline-start;transition:transform var(--transition-base)}.header__menu-link:hover:after,.header__menu-link[aria-current=page]:after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:var(--space-2xs);justify-self:end}.header__icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-fast)}.header__icon-button:hover{background:color-mix(in srgb,var(--color-border) 45%,transparent);color:var(--color-text)}.header__cart-count{position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem;min-width:1.1rem;height:1.1rem;padding-inline:.25rem;display:grid;place-items:center;font-size:.65rem;font-weight:700;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:999px;line-height:1}.header__menu-toggle{display:inline-flex}@media(min-width:900px){.header__nav{display:flex}.header__menu-toggle{display:none}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.mobile-menu[open],.mobile-menu[aria-hidden=false]{pointer-events:auto}.mobile-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity var(--transition-base)}.mobile-menu__panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(100%,22rem);background:var(--color-surface);padding:var(--space-md);transform:translate(-100%);transition:transform var(--transition-base);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto}.mobile-menu[open] .mobile-menu__overlay,.mobile-menu[aria-hidden=false] .mobile-menu__overlay{opacity:1}.mobile-menu[open] .mobile-menu__panel,.mobile-menu[aria-hidden=false] .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center}.mobile-menu__list{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-menu__link{display:block;padding-block:var(--space-2xs);font-size:var(--font-size-lg);text-decoration:none;font-weight:500}.footer{border-block-start:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-background));padding-block:var(--space-2xl) var(--space-lg);margin-block-start:var(--space-xl)}.footer__grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-block-end:var(--space-xl)}.footer__heading{font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--space-sm)}.footer__links{display:flex;flex-direction:column;gap:var(--space-2xs)}.footer__links a{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer__links a:hover{color:var(--color-accent)}.footer__text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer__newsletter-form{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-start:var(--space-sm)}.footer__newsletter-form .field__input{flex:1 1 12rem}.footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:center;padding-block-start:var(--space-lg);border-block-start:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer__social{display:flex;gap:var(--space-sm)}.footer__social a{text-decoration:none}.footer__payment{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center}.footer__payment svg{height:1.5rem;width:auto}.hero{position:relative;isolation:isolate;min-height:min(85vh,48rem);display:grid;align-items:end;color:var(--color-accent-contrast);overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000000a6,#00000040 45%,#00000026)}.hero__content{padding-block:clamp(3rem,8vw,6rem);padding-inline:0;max-width:36rem}.hero__brand{font-family:var(--font-heading-family);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:.95;margin-block-end:var(--space-md);text-wrap:balance}.hero__heading{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;margin-block-end:var(--space-sm);color:inherit}.hero__text{color:#ffffffd9;margin-block-end:var(--space-lg);max-width:32ch}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero .button--primary{background:var(--color-accent-contrast);color:var(--color-accent)}.hero .button--primary:hover{background:color-mix(in srgb,var(--color-accent-contrast) 90%,white);color:var(--color-accent)}.hero .button--secondary{border-color:#ffffff8c;color:var(--color-accent-contrast)}.hero .button--secondary:hover{border-color:#fff;color:#fff}.product-grid{container-type:inline-size;container-name:product-grid;display:grid;gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}@container product-grid (min-width: 700px){.product-grid{gap:var(--space-xl) var(--space-lg)}}.product-grid--2{grid-template-columns:repeat(2,1fr)}.product-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.product-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.collection-layout{display:grid;gap:var(--space-lg)}@media(min-width:900px){.collection-layout--with-filters{grid-template-columns:16rem 1fr;gap:var(--space-xl)}}.collection-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center;margin-block-end:var(--space-md);padding-block-end:var(--space-sm);border-block-end:1px solid var(--color-border)}.collection-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.product{display:grid;gap:var(--space-xl)}@media(min-width:900px){.product{grid-template-columns:1.1fr .9fr;gap:var(--space-2xl);align-items:start}.product__info{position:sticky;inset-block-start:calc(var(--header-height) + var(--space-lg))}}.product__media{display:grid;gap:var(--space-sm)}.product__media-main{aspect-ratio:4 / 5;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.product__media-main img{width:100%;height:100%}.product__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-2xs)}.product__thumb{aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;padding:0;cursor:pointer;background:var(--color-surface)}.product__thumb[aria-pressed=true],.product__thumb.is-active{border-color:var(--color-accent)}.product__thumb img{width:100%;height:100%}.product__title{margin-block-end:var(--space-sm)}.product__price{margin-block-end:var(--space-md);font-size:var(--font-size-lg)}.product__description{margin-block-start:var(--space-lg);color:var(--color-text-muted)}.product__form{display:flex;flex-direction:column;gap:var(--space-md);margin-block-start:var(--space-lg)}.cart-page{display:grid;gap:var(--space-xl)}@media(min-width:900px){.cart-page{grid-template-columns:1fr 22rem;align-items:start}}.cart-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);position:sticky;inset-block-start:calc(var(--header-height) + var(--space-md))}.cart-summary__row{display:flex;justify-content:space-between;gap:var(--space-sm);margin-block-end:var(--space-sm)}.cart-summary__total{font-size:var(--font-size-lg);font-weight:700;padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-border);margin-block-end:var(--space-md)}.image-with-text{display:grid;gap:0;align-items:stretch;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface)}@media(min-width:768px){.image-with-text{grid-template-columns:1fr 1fr}.image-with-text--reverse .image-with-text__media{order:2}}.image-with-text__media{aspect-ratio:4 / 5;min-height:20rem}.image-with-text__media img{width:100%;height:100%}.image-with-text__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);gap:var(--space-md)}.faq{max-width:42rem;margin-inline:auto}.faq__item{border-block-end:1px solid var(--color-border)}.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);cursor:pointer;font-weight:600;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";font-size:1.25rem;font-weight:400;transition:transform var(--transition-base)}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__answer{padding-block-end:var(--space-md);color:var(--color-text-muted)}.testimonials{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.testimonial{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.testimonial__quote{font-size:var(--font-size-lg);font-style:italic;margin-block-end:var(--space-md);text-wrap:pretty}.testimonial__author{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.newsletter-section{text-align:center;padding-block:var(--space-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-background)),var(--color-background) 60%);border-radius:var(--radius-lg)}.newsletter-section__form{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);max-width:28rem;margin-inline:auto;margin-block-start:var(--space-lg)}.newsletter-section__form .field__input{flex:1 1 14rem}.pagination{display:flex;flex-wrap:wrap;gap:var(--space-2xs);justify-content:center;align-items:center;margin-block-start:var(--space-xl)}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding-inline:.5rem;text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.pagination__item[aria-current=page],.pagination__item:hover{border-color:var(--color-accent);color:var(--color-accent)}.section[data-lazy-section]{content-visibility:auto;contain-intrinsic-size:auto 400px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zavelyn-layout.css.map */