:root{--milo-warm-cream: #FDF8F3;--milo-soft-terracotta: #C9A387;--milo-deep-walnut: #5D4037;--milo-sage-green: #8B9A7B;--milo-sunset-coral: #E8A87C;--milo-cloud-white: #FEFEFE;--milo-gradient-warm: linear-gradient(135deg, #FDF8F3 0%, #F5EDE6 100%);--milo-gradient-hero: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);--milo-gradient-section: linear-gradient(180deg, transparent 0%, rgba(253, 248, 243, .03) 100%);--milo-ease-out-expo: cubic-bezier(.16, 1, .3, 1);--milo-ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--milo-ease-smooth: cubic-bezier(.4, 0, .2, 1);--milo-reveal-duration: .8s;--milo-stagger-delay: .1s}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.milo-reveal,.milo-fade-up,.milo-fade-in,.milo-scale-in,.milo-slide-left,.milo-slide-right{opacity:1!important;transform:none!important;transition:none!important}}.milo-reveal{opacity:0;transform:translateY(30px);transition:opacity var(--milo-reveal-duration) var(--milo-ease-out-expo),transform var(--milo-reveal-duration) var(--milo-ease-out-expo)}.milo-reveal.is-visible{opacity:1;transform:translateY(0)}.milo-fade-up{opacity:0;transform:translateY(40px);transition:opacity .6s var(--milo-ease-out-expo),transform .8s var(--milo-ease-out-expo)}.milo-fade-up.is-visible{opacity:1;transform:translateY(0)}.milo-fade-in{opacity:0;transition:opacity .8s var(--milo-ease-smooth)}.milo-fade-in.is-visible{opacity:1}.milo-scale-in{opacity:0;transform:scale(.95);transition:opacity .6s var(--milo-ease-out-expo),transform .8s var(--milo-ease-out-back)}.milo-scale-in.is-visible{opacity:1;transform:scale(1)}.milo-slide-left{opacity:0;transform:translate(-50px);transition:opacity .7s var(--milo-ease-out-expo),transform .9s var(--milo-ease-out-expo)}.milo-slide-left.is-visible{opacity:1;transform:translate(0)}.milo-slide-right{opacity:0;transform:translate(50px);transition:opacity .7s var(--milo-ease-out-expo),transform .9s var(--milo-ease-out-expo)}.milo-slide-right.is-visible{opacity:1;transform:translate(0)}.milo-stagger-1{transition-delay:calc(var(--milo-stagger-delay) * 1)}.milo-stagger-2{transition-delay:calc(var(--milo-stagger-delay) * 2)}.milo-stagger-3{transition-delay:calc(var(--milo-stagger-delay) * 3)}.milo-stagger-4{transition-delay:calc(var(--milo-stagger-delay) * 4)}.milo-stagger-5{transition-delay:calc(var(--milo-stagger-delay) * 5)}.milo-stagger-6{transition-delay:calc(var(--milo-stagger-delay) * 6)}.milo-parallax-container{overflow:hidden;position:relative}.milo-parallax-slow{will-change:transform;transition:transform .1s linear}.milo-parallax-bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;will-change:transform}.hero-enhanced{position:relative;overflow:hidden}.hero-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.5) 100%);z-index:1;pointer-events:none}.hero-enhanced .hero-content{position:relative;z-index:2}.hero-enhanced:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--milo-soft-terracotta) 0%,var(--milo-sunset-coral) 50%,var(--milo-soft-terracotta) 100%);background-size:200% 100%;animation:shimmer-border 3s ease-in-out infinite}@keyframes shimmer-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-enhanced{position:relative}.section-wave-divider:before{content:"";position:absolute;top:-1px;left:0;right:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C200,20 400,0 600,30 C800,60 1000,40 1200,0 L1200,0 L0,0 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;z-index:1}.milo-image-container{position:relative;overflow:hidden;border-radius:var(--style-border-radius-md, 8px)}.milo-image-container img{transition:transform .6s var(--milo-ease-out-expo)}.milo-image-container:hover img{transform:scale(1.05)}.milo-image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .4s var(--milo-ease-smooth);pointer-events:none}.milo-image-container:hover:after{opacity:1}.product-card,.product-grid__card{transition:transform .4s var(--milo-ease-out-expo),box-shadow .4s var(--milo-ease-smooth)}.product-card:hover,.product-grid__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #0000001a,0 8px 16px -8px #00000014}.quick-add__button{transition:transform .3s var(--milo-ease-out-back),opacity .3s var(--milo-ease-smooth)}.product-card:hover .quick-add__button,.product-grid__card:hover .quick-add__button{transform:translateY(-5px)}.button,.button-secondary{position:relative;overflow:hidden;transition:transform .3s var(--milo-ease-out-expo),box-shadow .3s var(--milo-ease-smooth),background-color .3s var(--milo-ease-smooth),color .3s var(--milo-ease-smooth)}.button:hover,.button-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #00000040}.button:active,.button-secondary:active{transform:translateY(0);box-shadow:0 4px 15px -4px #0003}.button:before,.button-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s var(--milo-ease-out-expo),height .6s var(--milo-ease-out-expo)}.button:active:before,.button-secondary:active:before{width:300px;height:300px;opacity:0}accordion-custom details summary{transition:color .3s var(--milo-ease-smooth),background-color .3s var(--milo-ease-smooth)}accordion-custom details summary:hover{background-color:#00000005}accordion-custom details[open] summary{color:var(--milo-deep-walnut, currentColor)}accordion-custom summary .svg-wrapper{transition:transform .4s var(--milo-ease-out-back)}accordion-custom details[open] summary .svg-wrapper{transform:rotate(180deg)}::selection{background-color:var(--milo-soft-terracotta);color:#fff}.milo-float{animation:gentle-float 6s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.milo-float-delayed{animation:gentle-float 6s ease-in-out infinite;animation-delay:1s}.milo-skeleton{background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.milo-scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--milo-soft-terracotta) 0%,var(--milo-sunset-coral) 100%);z-index:9999;transition:width .1s linear}header-component{transition:background-color .4s var(--milo-ease-smooth),box-shadow .4s var(--milo-ease-smooth)}header-component.scrolled{box-shadow:0 4px 30px #00000014}footer{position:relative}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 50%,transparent 100%)}[id]{scroll-margin-top:calc(var(--header-height, 80px) + 20px)}.media-gallery__grid .product-media-container{transition:transform .4s var(--milo-ease-out-expo)}.media-gallery__grid .product-media-container:hover{transform:scale(1.02)}.field__input{transition:box-shadow .3s var(--milo-ease-smooth),border-color .3s var(--milo-ease-smooth),background-color .3s var(--milo-ease-smooth)}.field__input:focus{box-shadow:0 0 0 3px #c9a38733,var(--input-box-shadow-focus)}cart-drawer-component dialog{transition:transform .4s var(--milo-ease-out-expo)}cart-drawer-component dialog[open]{animation:slide-in-right .4s var(--milo-ease-out-expo) forwards}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.quantity-selector{transition:box-shadow .3s var(--milo-ease-smooth),border-color .3s var(--milo-ease-smooth)}.quantity-selector:focus-within{box-shadow:0 0 0 3px #c9a38726}.quantity-minus:active,.quantity-plus:active{transform:scale(.9)}.product-badges .badge{animation:badge-pop .4s var(--milo-ease-out-back)}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}a:not(.button):not(.button-secondary){position:relative}.rte a:not(.button):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--milo-ease-out-expo)}.rte a:not(.button):hover:after{transform:scaleX(1);transform-origin:left}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);padding:8px 12px;background:var(--color-foreground);color:var(--color-background);font-size:.75rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s var(--milo-ease-smooth),transform .3s var(--milo-ease-out-expo);z-index:100}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-10px)}@media screen and (max-width: 749px){.milo-reveal,.milo-slide-left,.milo-slide-right{transform:translateY(20px)}.product-card:hover,.product-grid__card:hover{transform:translateY(-4px)}.button:hover,.button-secondary:hover{transform:translateY(-1px)}}@media (prefers-color-scheme: dark){:root{--milo-gradient-warm: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)}::selection{background-color:var(--milo-sunset-coral);color:#000}}@media print{.milo-reveal,.milo-fade-up,.milo-fade-in,.milo-scale-in,.milo-slide-left,.milo-slide-right{opacity:1!important;transform:none!important}.milo-scroll-progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/milocozy-enhancements.css.map */