@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#f7f4ef;color:#6f6258;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased}.product-tilt{perspective:1200px}.product-tilt-inner{--tilt-rotate-x: 0deg;--tilt-rotate-y: 0deg;--tilt-shine-x: 50%;--tilt-shine-y: 35%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease;animation:productFloat 6s ease-in-out infinite;will-change:transform;transform:rotateX(var(--tilt-rotate-x)) rotateY(var(--tilt-rotate-y)) translateY(0)}.product-tilt:hover .product-tilt-inner{transform:rotateX(var(--tilt-rotate-x)) rotateY(var(--tilt-rotate-y)) translateY(-10px)}.product-media{border-radius:34px;overflow:hidden;position:relative;box-shadow:0 20px 50px #53483f1f;border:1px solid rgba(255,255,255,.75);background:radial-gradient(circle at top right,#fffc,#f7f4efe6)}.product-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;opacity:0;transition:none;pointer-events:none}.product-tilt:hover .product-media:after{opacity:0}.product-media img{transform:translateZ(20px) scale(1.01);transition:transform .9s cubic-bezier(.22,1,.36,1)}.product-tilt:hover .product-media img{transform:translateZ(44px) scale(1.08)}@keyframes productFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.product-tilt-inner,.product-media img{animation:none;transition:none;transform:none}}