@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{background:#f0ece3;justify-content:center;margin:0;padding:0;font-family:DM Sans,sans-serif;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes productIn{0%{opacity:0;transform:translateY(12px)scale(.94)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes productOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes glowPulse{0%,to{opacity:.16}50%{opacity:.28}}.f1{opacity:0;animation:.4s 50ms forwards fadeUp}.f2{opacity:0;animation:.4s .12s forwards fadeUp}.f3{opacity:0;animation:.4s .2s forwards fadeUp}.atc{transition:background .15s,transform .2s}.atc:active{transform:scale(.95)}.atc:hover{opacity:.9;transform:scale(1.03)}.tab{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:2px;padding:0;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.tab:hover{transform:translateY(-2px)}.slide-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 12px;display:flex;overflow-x:auto}.slide-track::-webkit-scrollbar{display:none}.slide-card{scroll-snap-align:start;background:#fff;border:1px solid #6c9c75;border-radius:13px;flex-direction:column;flex:0 0 calc(50vw - 18px);max-width:240px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden}.slide-card:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 10px 20px #0000000f}@media (min-width:768px){.slide-card{flex:0 0 calc(25vw - 20px)}}.dot,.rdot,.ddot{cursor:pointer;background:#d5c9b8;border-radius:50%;width:4px;height:4px;transition:all .22s}.dot:hover,.rdot:hover,.ddot:hover{opacity:.8;transform:scale(1.3)}.dot.active,.rdot.active,.ddot.active{border-radius:2px;width:12px}.dot.active{background:#3a6b35}.rdot.active{background:#7d4b23}.ddot.active{background:#b8885a}.hero-product{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-product.visible{pointer-events:auto;animation:.5s forwards productIn}.hero-product.hiding{pointer-events:none;animation:.3s forwards productOut}.hdot{cursor:pointer;background:#ffffff47;border-radius:50%;width:5px;height:5px;transition:all .28s}.hdot.active{background:#ffffffe6;border-radius:3px;width:13px}.hdot:hover{transform:scale(1.3)}.pdp-container{flex-direction:column;display:flex}.pdp-left{width:100%;position:relative}.pdp-right{width:100%}@media (min-width:768px){.pdp-container{flex-direction:row;align-items:flex-start;gap:40px;padding:20px}.pdp-left{border-radius:16px;flex:1;position:sticky;top:20px;overflow:hidden}.pdp-right{background:#fff;border-radius:16px;flex:1.2;padding:30px;box-shadow:0 8px 30px #0000000a}}.cat-grid{grid-template-columns:repeat(auto-fill,160px);justify-content:center;gap:16px;display:grid}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px;display:grid}@media (min-width:768px){.product-grid{grid-template-columns:repeat(4,1fr)}}