:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-smooth:cubic-bezier(.785,.135,.15,.86)}
body{animation:page-enter .55s var(--ease-out) both}
main,.site-header,.site-footer{transition:opacity .24s ease,transform .24s ease}
body.is-leaving main,body.is-leaving .site-header,body.is-leaving .site-footer{opacity:0;transform:translateY(6px)}
@keyframes page-enter{from{opacity:0}to{opacity:1}}
.site-header{position:sticky;top:0;transition:transform .16s ease-in-out,background .2s,color .2s,box-shadow .2s;will-change:transform}
.site-header.is-hidden{transform:translateY(-105%)}
.site-header.is-compact{box-shadow:0 1px 0 rgba(0,0,0,.08)}
.header-main{transition:height .28s var(--ease-out)}
.header-logo img{transition:opacity .2s,filter .2s}
.primary-nav a{position:relative}
.primary-nav>ul>li>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}
.primary-nav>ul>li:hover>a::after,.primary-nav>ul>li:focus-within>a::after{transform:scaleX(1);transform-origin:left}
.nav-dropdown{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s ease,transform .25s var(--ease-out),visibility .2s}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown li{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .25s var(--ease-out)}
.nav-item:hover .nav-dropdown li,.nav-item:focus-within .nav-dropdown li{opacity:1;transform:none}
.nav-dropdown li:nth-child(2){transition-delay:.025s}.nav-dropdown li:nth-child(3){transition-delay:.05s}.nav-dropdown li:nth-child(4){transition-delay:.075s}.nav-dropdown li:nth-child(5){transition-delay:.1s}
.button{position:relative;background-image:linear-gradient(var(--ink),var(--ink));background-repeat:no-repeat;background-size:0 100%;background-position:right center;transition:background-size .45s var(--ease-smooth),background-position .45s steps(1),color .45s var(--ease-smooth),border-color .45s var(--ease-smooth)}
.button:hover{background-size:100% 100%;background-position:left center}
.button--solid{background-image:linear-gradient(#000,#000);background-size:100% 100%;background-position:left center}
.button--solid:hover{background-size:0 100%;background-position:right center;color:var(--ink);background-color:var(--paper)}
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
[data-reveal].is-visible{opacity:1;transform:none}
.hero-slider{position:relative;min-height:clamp(560px,65vw,760px);overflow:hidden;background:#eee}
.hero-slider .hero{position:absolute;inset:0;min-height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s}
.hero-slider .hero.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-slider .hero__media{transform:scale(1.035);transition:transform 7s ease-out}
.hero-slider .hero.is-active .hero__media{transform:scale(1)}
.hero-slider .hero__content>*{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}
.hero-slider .hero.is-active .hero__content>*{opacity:1;transform:none}
.hero-slider .hero.is-active .hero__content>*:nth-child(1){transition-delay:.18s}.hero-slider .hero.is-active .hero__content>*:nth-child(2){transition-delay:.27s}.hero-slider .hero.is-active .hero__content>*:nth-child(3){transition-delay:.36s}.hero-slider .hero.is-active .hero__content>*:nth-child(4){transition-delay:.45s}
.hero-slider__arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:48px;height:48px;border:0;background:rgba(255,255,255,.85);opacity:0;transform:translateY(-50%);transition:opacity .2s,background .2s}
.hero-slider:hover .hero-slider__arrow,.hero-slider:focus-within .hero-slider__arrow{opacity:1}.hero-slider__arrow:hover{background:#fff}.hero-slider__arrow--previous{left:24px}.hero-slider__arrow--next{right:24px}
.hero-slider__dots{position:absolute;z-index:3;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}
.hero-slider__dots button{width:28px;height:3px;padding:0;border:0;background:rgba(255,255,255,.5);transition:width .25s,background .25s}.hero-slider__dots button[aria-pressed="true"]{width:52px;background:#fff}
.category-controls{margin-bottom:14px}.category-card img{transition:transform .7s var(--ease-out)}.category-card__content{transition:transform .5s var(--ease-out)}.category-card:hover .category-card__content{transform:translateY(-7px)}
.product-card__image img,.product-card__image img+img{transition:opacity .15s ease-in-out,transform .6s var(--ease-out)}.product-card:hover .product-card__image img+img{transform:scale(1.018)}
.product-card__title{background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s var(--ease-out)}.product-card:hover .product-card__title{background-size:100% 1px}
.quick-add{transition:opacity .25s,transform .35s var(--ease-out),background .2s}.quick-add:hover{background:var(--ink);color:#fff}
.carousel-control{transition:background .2s,color .2s,opacity .2s}.carousel-control:hover{background:var(--ink);color:#fff}.carousel-control[disabled]{opacity:.25;cursor:default}
[data-carousel]{cursor:grab;scroll-behavior:smooth}[data-carousel].is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.gallery-thumb{transition:border-color .2s,opacity .2s,transform .25s var(--ease-out)}.gallery-thumb:hover{transform:translateY(-2px)}.gallery-thumb:not(.is-active){opacity:.72}.gallery-main__item{overflow:hidden}.gallery-main__item img{transition:transform .8s var(--ease-out)}.gallery-main__item:hover img{transform:scale(1.025)}
.drawer__panel{transition:transform .45s var(--ease-smooth)}.drawer::before{transition:opacity .35s}.mobile-nav>li{opacity:0;transform:translateX(-12px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.drawer.is-open .mobile-nav>li{opacity:1;transform:none}.drawer.is-open .mobile-nav>li:nth-child(2){transition-delay:.035s}.drawer.is-open .mobile-nav>li:nth-child(3){transition-delay:.07s}.drawer.is-open .mobile-nav>li:nth-child(4){transition-delay:.105s}.drawer.is-open .mobile-nav>li:nth-child(5){transition-delay:.14s}.drawer.is-open .mobile-nav>li:nth-child(6){transition-delay:.175s}
.drawer--right .drawer__panel{left:auto;right:0;transform:translateX(100%)}.drawer--right.is-open .drawer__panel{transform:none}.drawer__title{text-transform:uppercase;font-size:12px;letter-spacing:.7px}.drawer-search{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--ink)}.drawer-search input{min-width:0;border:0;padding:15px 2px;background:transparent;outline:0}.drawer-search .button{min-height:48px;border:0;padding-inline:20px}.drawer-search__hint{margin-top:18px;color:#333;font-size:11px}
[data-announcement-slide]{animation:announcement-in .35s var(--ease-out)}@keyframes announcement-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.toast{transition:opacity .25s,transform .35s var(--ease-out)}
@media(max-width:749px){body.template-index .site-header{position:absolute}.template-index .site-header.is-compact{position:fixed;top:0;background:var(--paper);color:var(--ink)}.template-index .site-header.is-compact .header-logo img{filter:none}.hero-slider{min-height:620px}.hero-slider__arrow{display:none}.hero-slider__dots{bottom:14px}.category-controls{display:none}}
@media(max-width:749px){body:not(.template-index) .site-header{position:sticky;top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.hero-slider .hero__media{transform:none}}
