*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.animate-bounce-slow{animation:bounce 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#c8a97e,#1a3c34);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.shadow-soft{box-shadow:0 4px 20px #00000014}.shadow-soft-lg{box-shadow:0 10px 40px #0000001f}.image-zoom-container{overflow:hidden;border-radius:12px}.image-zoom{transition:transform .6s cubic-bezier(.4,0,.2,1)}.image-zoom-container:hover .image-zoom{transform:scale(1.1)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f5f7f5}::-webkit-scrollbar-thumb{background:#c8a97e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1a3c34}.product-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.product-card:hover:before{left:100%}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1a3c3426}.badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10}.badge-bestseller{background:linear-gradient(135deg,gold,orange);color:#1a3c34}.badge-premium{background:linear-gradient(135deg,#c8a97e,#8b7355);color:#fff}.badge-trending{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff}.btn-primary{position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.hero-gradient{background:linear-gradient(135deg,#1a3c34,#2d5f52,#1a3c34)}.hero-overlay{background:linear-gradient(to bottom,#1a3c34b3,#1a3c34e6)}.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.category-card{position:relative;overflow:hidden;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.category-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,rgba(26,60,52,.9),transparent);transition:height .4s ease}.category-card:hover:after{height:100%}.category-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #1a3c3433}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:768px){.hero-gradient,.parallax{background-attachment:scroll}}::selection{background:#c8a97e;color:#fff}::-moz-selection{background:#c8a97e;color:#fff}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid #C8A97E;outline-offset:2px}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.text-shadow-soft{text-shadow:0 2px 10px rgba(0,0,0,.1)}.text-shadow-strong{text-shadow:0 4px 20px rgba(0,0,0,.3)}.border-gradient{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#c8a97e,#1a3c34);background-origin:border-box;background-clip:padding-box,border-box}.overlay-dark{position:relative}.overlay-dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;transition:background .3s ease}.overlay-dark:hover:before{background:#0009}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter{animation:countUp .6s ease-out}