:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:220ms;--motion-medium:650ms}
html{scroll-behavior:smooth}
.motion-ready .motion-reveal{opacity:0;transform:translateY(30px);transition:opacity var(--motion-medium) var(--motion-ease),transform var(--motion-medium) var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.motion-ready .hero-copy,.motion-ready .internal-hero .container,.motion-ready .ts-store-hero .container{animation:ts-rise-in .8s .12s var(--motion-ease) both}
.motion-ready .hero-plates .plate{animation:ts-plate-in .9s var(--motion-ease) both}
.motion-ready .hero-plates .plate-two{animation-delay:.12s}.motion-ready .hero-plates .plate-three{animation-delay:.24s}
@keyframes ts-rise-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ts-plate-in{from{opacity:0;transform:translate(35px,25px) scale(.94)}to{opacity:1;transform:none}}
.site-header,.navbar,.brand,.brand img{transition:transform .35s var(--motion-ease),height .35s var(--motion-ease),background-color .3s,box-shadow .3s}
.desktop-nav a,.mega-menu-trigger,.mobile-nav a{position:relative;transition:color var(--motion-fast),opacity var(--motion-fast)}
.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:2px;background:#efae32;transition:left .25s var(--motion-ease),right .25s var(--motion-ease)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{left:0;right:0}
.category-mega--desktop{transform-origin:top;transition:opacity .24s var(--motion-ease),transform .3s var(--motion-ease),visibility .24s}
.category-mega--desktop[aria-hidden="true"]{opacity:0;transform:translateY(-10px) scaleY(.97);visibility:hidden;pointer-events:none}
.category-mega--desktop[aria-hidden="false"]{opacity:1;transform:none;visibility:visible}
.mega-category-card,.ts-store-card,.blog-card,.business-posts article,.celebration-card,.related-card,.space-card,.service-card{transition:transform .32s var(--motion-ease),box-shadow .32s var(--motion-ease)}
.mega-category-card:hover,.blog-card:hover,.business-posts article:hover,.celebration-card:hover,.related-card:hover,.space-card:hover,.service-card:hover{transform:translateY(-6px)}
.mega-category-card img,.blog-card img,.business-posts img,.celebration-card img,.related-card img,.space-card img,.service-card img,.ts-product-featured img{transition:transform .55s var(--motion-ease),filter .35s}
.mega-category-card:hover img,.blog-card:hover img,.business-posts article:hover img,.celebration-card:hover img,.space-card:hover img,.service-card:hover img{transform:scale(1.045)}
.btn,.button,button,input[type=submit],.ts-product-whatsapp{transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast)}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover,.ts-product-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(75,43,0,.18)}
.btn:active,.button:active,button:active,input[type=submit]:active,.ts-product-whatsapp:active{transform:translateY(0) scale(.98)}
.featured-panel.is-active{animation:ts-panel-in .45s var(--motion-ease) both}
@keyframes ts-panel-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.feature-slides img{transition:opacity .45s var(--motion-ease),transform .65s var(--motion-ease)}
.feature-slides img:not(.is-active){transform:scale(.98)}
input,select,textarea{transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(239,174,50,.2)}
.ts-product-thumb img{transition:transform .3s var(--motion-ease)}.ts-product-thumb:hover img{transform:scale(1.08)}
.ts-product-featured img{animation:ts-image-in .55s var(--motion-ease) both}@keyframes ts-image-in{from{opacity:.25;transform:scale(.985)}to{opacity:1;transform:none}}
.ts-store-sidebar a{transition:background-color var(--motion-fast),color var(--motion-fast),padding-left var(--motion-fast)}.ts-store-sidebar a:hover{padding-left:19px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-reveal{opacity:1!important;transform:none!important}}