@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Merriweather:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}body{margin:0;font-family:Merriweather,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#F4F4F4;color:#333;min-height:100vh}#main-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 15%}#main-title{display:flex;align-items:center}#main-title img{width:10rem;margin-right:1.5rem}h1{text-align:center;text-transform:uppercase;color:#5a2e85;text-shadow:0 0 4px rgba(35,34,34,.4);font-size:2.5rem;margin:0}#main-header button{background:#E5A823;border:none;border-radius:5px;padding:.5rem 1.5rem;color:#201e1a;font-size:1.25rem;cursor:pointer}#main-header button:hover{background:#D99A1B}#shop{width:70%;margin:2rem auto}#shop h2{font-size:1.5rem;color:#5a2e85;text-transform:uppercase}#products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.product{height:100%;background:#FAF9F7;border-radius:6px;display:flex;flex-direction:column;box-shadow:0 0 10px #0000001a;max-width:20rem;min-height:30rem;margin:1rem}.product img{width:100%;height:30rem;border-radius:6px 6px 0 0;object-fit:cover}.product-content{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.product-content h3{font-size:1.25rem;color:#5a2e85;margin-bottom:.15rem}.product-price{font-size:1rem;color:#8b5e3c;margin:0}.product-actions{text-align:right}.product-actions button{background:#E5A823;border:none;border-radius:5px;padding:.5rem 1rem;color:#201e1a;font-size:1rem;cursor:pointer}.product-actions button:hover{background:#D99A1B}#modal{width:30%;background:#FAF9F7;border:none;border-radius:6px;box-shadow:0 0 10px #0003;animation:fade-slide-in-from-top .3s ease-in-out}#modal::backdrop{background:rgba(0,0,0,.65)}#modal h2{font-size:1.5rem;color:#5a2e85;text-transform:uppercase;margin:0}@media (max-width: 600px){#modal{width:90%;padding:1rem}#modal h2{font-size:1.2rem}#modal form{flex-direction:column;gap:.5rem}#modal form button:last-of-type{width:100%}}#cart-items{list-style:none;margin:1rem 0;min-width:200px;padding:0;display:flex;flex-direction:column;gap:.5rem}#cart-items li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#FBD392;border-radius:5px;font-size:.9rem}.cart-item-actions{font-size:1rem;display:flex;gap:.5rem;align-items:center}.cart-item-actions button{background:transparent;border:none;border-radius:5px;color:#201e1a;cursor:pointer;font-size:1.1rem}.cart-item-actions button:hover{background:#D99A1B}#cart-total-price{text-align:right}@media (max-width: 600px){#cart-items li{flex-direction:column;text-align:center;padding:.5rem}.cart-item-actions{justify-content:center;margin-top:.5rem}#cart-total-price{font-size:1rem;margin-top:.5rem}#cart-items{padding:.5rem}}#modal form{display:flex;gap:1rem;justify-content:flex-end;align-items:center}#modal form button{background:transparent;border:none;border-radius:5px;color:#201e1a;cursor:pointer;font-size:1.1rem}#modal form button:hover{color:#453719}#modal form button:last-of-type{background:#271e07;border:none;border-radius:5px;padding:.5rem 1rem;color:#f9efda;font-size:1rem;cursor:pointer}#modal form button:last-of-type:hover{background:#382e1b}#checkout{animation:fade-slide-in-from-right .3s ease-in-out}#checkout label{display:block;margin-bottom:.5rem}#checkout input{width:100%;padding:.5rem;border-radius:5px;border:none;margin-bottom:1rem}@keyframes fade-slide-in-from-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-in-from-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}#category-container{width:100vw;background-color:beige;display:flex;align-items:center;justify-content:center;border-bottom:4px solid #d4af37}#category-list{display:flex;gap:2rem;list-style:none;padding:0}.category-item{font-family:Merriweather,serif;font-size:1.2rem;padding:.5rem 1.5rem;color:#555;cursor:pointer;border:2px solid transparent;border-radius:25px;transition:all .3s ease}.category-item:hover{color:#000;background-color:#edd9b5;border-color:#d4af37}.active{color:#fff;background-color:#d4af37;font-weight:700;box-shadow:0 0 10px #0003}@media (max-width: 768px){#category-list{flex-direction:column;gap:1rem}.category-item{font-size:1rem;padding:.5rem 1rem}}.checkout-bill-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.checkout-bill{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.checkout-bill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkout-bill-header h2{font-size:1.5rem;color:#4a0e4e;margin:0}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.checkout-bill-items{margin-bottom:1.5rem}.checkout-bill-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.checkout-bill-summary{border-top:1px solid #eee;padding-top:1rem}.checkout-bill-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.checkout-bill-row.total{font-weight:700;margin-top:1rem}.checkout-button{display:block;width:100%;padding:.75rem;background-color:#4a0e4e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1.5rem;transition:background-color .2s}.checkout-button:hover{background-color:#3a0b3e}