:root{--bg:#faf7f5;--bg-white:#fff;--text:#1a1010;--text-light:#4a2e2e;--text-muted:#6b5252;--primary:#800020;--primary-hover:#600018;--primary-light:#fcedf1;--secondary:#b8884e;--secondary-light:#fef6ee;--accent:#9a7040;--border:#e0d2c8;--border-light:#ede5de;--success:#1a6b3a;--success-light:#eaf5ef;--warning:#945d00;--danger:#a11515;--shadow-sm:0 1px 2px #8000200d;--shadow:0 2px 8px #80002014;--shadow-lg:0 8px 24px #8000201f;--radius:8px;--radius-lg:12px;--max-width:1200px;--header-height:68px;--sidebar-width:240px}.serif{font-family:Playfair Display,Georgia,Times New Roman,serif}.section-title{color:var(--text);text-align:center;letter-spacing:-.3px;margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:700}.section-title:after{content:"";background:var(--secondary);border-radius:2px;width:48px;height:3px;margin:12px auto 0;display:block}.section-subtitle{text-align:center;color:var(--text-muted);max-width:560px;margin:0 auto 40px;font-size:16px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-white);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-white);width:100%;color:var(--text);padding:10px 14px;font-size:14px;transition:border-color .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.badge{letter-spacing:.01em;border-radius:100px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--secondary-light);color:var(--warning)}.badge-danger{color:var(--danger);background:#fceef2}.badge-default{background:var(--border-light);color:var(--text-light)}.badge-hit{color:#800020;background:#fcedf1}.badge-new{color:#0d4a8a;background:#eef6fc}.badge-sugar-free{color:#1a6b3a;background:#eaf5ef}.badge-sale{color:#7a4d00;background:#fef6ee}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cart-pulse{animation:.4s ease-out cartPulse}.fade-in-up{animation:.5s ease-out both fadeInUp}.scale-in{animation:.4s ease-out both scaleIn}.product-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8000201f}.product-card .card-image{aspect-ratio:1;background:var(--bg);width:100%;position:relative;overflow:hidden}.product-card .card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s}.product-card:hover .card-image img{filter:brightness(1.03);transform:scale(1.06)}.product-card .card-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.product-card .card-body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.product-card .card-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .2s}.product-card .card-title:hover{color:var(--primary)}.product-card .card-weight{color:var(--text-muted);font-size:13px}.product-card .card-price-row{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.product-card .card-price{color:var(--primary);font-size:18px;font-weight:700}.product-card .card-old-price{color:var(--text-muted);font-size:14px;text-decoration:line-through}.product-card .card-discount{color:#c62828;background:#fdecea;border-radius:100px;padding:2px 7px;font-size:12px;font-weight:600}.btn-add-cart{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;margin-top:10px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-add-cart:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #80002040}.btn-add-cart:active{transition-duration:.1s;transform:translateY(0)scale(.96)}.btn-add-cart.added{background:var(--success);animation:.4s ease-out addedPulse}@keyframes addedPulse{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}.btn-add-cart:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.4s ease-out both pageIn}.card{transition:transform .25s,box-shadow .25s}.btn:active{transform:scale(.97)}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:120%}.input{transition:border-color .2s,box-shadow .3s}@keyframes imgReveal{0%{opacity:0;filter:blur(4px);transform:scale(1.02)}to{opacity:1;filter:blur();transform:scale(1)}}.img-reveal{animation:.5s ease-out both imgReveal}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes priceReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.stagger>*{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.stagger.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger.visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}.stagger.visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}.stagger.visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger.visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}.stagger.visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.stagger.visible>:nth-child(7){opacity:1;transition-delay:.48s;transform:translateY(0)}.stagger.visible>:nth-child(8){opacity:1;transition-delay:.56s;transform:translateY(0)}html{scroll-behavior:smooth}.animated-link{display:inline-block;position:relative}.animated-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.animated-link:hover:after{width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=768px){.section-title{font-size:26px}.hide-mobile{display:none!important}.show-mobile{display:block!important}.container{padding:0 16px}}@media (width>=769px){.show-mobile{display:none!important}}