*{box-sizing:border-box}body{font-family:Inter,system-ui,Arial;margin:0;color:#222}.container{max-width:1200px;margin:0 auto;padding:1rem}.nav{background:#c63b2a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}img{display:block;max-width:100%}.app-root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:2rem}header{position:sticky;top:0;left:0;width:100%;background-color:#c63b2a;color:#fff;padding:1rem 2rem}header nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center}header nav ul{list-style:none;display:flex;gap:1.5rem}header nav ul li a{color:#fff;text-decoration:none;font-weight:500}header nav ul li a:hover{text-decoration:underline}.product-card{border:1px solid #eee;padding:1rem;border-radius:8px}.slidecart{position:fixed;right:0;top:0;width:360px;height:100%;background:#fff;box-shadow:-8px 0 24px #00000014;transform:translate(100%);transition:transform .25s ease}.slidecart[aria-hidden=false]{transform:translate(0)}.paystack-btn{background:#c63b2a;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}.shop{padding:2rem 1rem}.shop .grid{max-width:1280px;display:grid;grid-template-columns:1fr;justify-items:space-between}.shop .product-card{background:#fff}@media screen and (min-width: 760px){.shop .grid{grid-template-columns:repeat(2,1fr);row-gap:8rem;column-gap:10rem}}@media screen and (min-width: 1440px){.shop .grid{grid-template-columns:repeat(2,1fr);row-gap:5rem;column-gap:25rem}}.slidecart{position:fixed;top:0;right:0;height:100vh;width:350px;background:#fff;box-shadow:-4px 0 10px #0000001a;transform:translate(100%);transition:transform .4s ease;z-index:999;display:flex;flex-direction:column;padding:1.5rem}.slidecart.open{transform:translate(0)}.slidecart .cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.slidecart .cart-header h3{font-size:1.25rem;color:#333}.slidecart .cart-header .close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s}.slidecart .cart-header .close-btn:hover{color:#333}.slidecart .cart-items{flex:1;overflow-y:auto;padding-right:.25rem}.slidecart .cart-items .empty-msg{text-align:center;color:#666;margin-top:2rem}.slidecart .cart-items .cart-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.slidecart .cart-items .cart-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.slidecart .cart-items .cart-item .info{flex:1;margin-left:.75rem}.slidecart .cart-items .cart-item .info h5{font-size:.95rem;margin-bottom:.25rem}.slidecart .cart-items .cart-item .info p{font-weight:600;color:#c63b2a}.slidecart .cart-items .cart-item .remove-btn{background:transparent;border:none;font-size:1.25rem;color:#c63b2a;cursor:pointer;transition:color .2s}.slidecart .cart-item .quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.slidecart .cart-item .quantity-controls button.qty-btn{padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;transition:background .2s}.slidecart .cart-item .quantity-controls button.qty-btn:hover{background:#f0f0f0}.slidecart .cart-item .quantity-controls span{min-width:20px;text-align:center;display:inline-block}.slidecart .cart-summary{margin-top:1rem}.slidecart .cart-summary p{font-weight:600;margin-bottom:.5rem}.slidecart .cart-summary .checkout-form{display:flex;flex-direction:column;gap:.5rem}.slidecart .cart-summary .checkout-form input,.slidecart .cart-summary .checkout-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;width:100%}.slidecart .cart-summary .checkout-form button.checkout{padding:.75rem;background:#c63b2a;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s}.checkout-form{display:flex;flex-direction:column;gap:.5rem}.checkout-form input,.checkout-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;width:100%}.checkout-form button{padding:.75rem;background:#c63b2a;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s}.qty-btn,.qty{padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;transition:background .2s}.qty-btn:hover,.qty:hover{background:#f0f0f0}.success-page{padding:2rem;text-align:center}.success-page .purchased-items{margin:2rem 0}.success-page .purchased-items ul{list-style:none;padding:0}.success-page .purchased-items ul li.purchased-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.success-page .purchased-items ul li.purchased-item img{border-radius:4px}.success-page .purchased-items ul li.purchased-item span{margin:0 .5rem}.products-grid .add-to-cart{border:none;border-radius:4px;padding:4px 12px;font-size:16px;background-color:#c63b2a;color:#fff}.products-grid .added-to-cart{border:none;border-radius:4px;padding:4px 12px;font-size:16px;background-color:green;color:#fff}.products-grid .remove-btn{border:none;border-radius:4px;padding:4px 12px;font-size:16px;background:#000;color:#fff;margin-right:12px}.hero{height:80vh;width:100%;background-image:url(/assets/marble-bg.jpg);background-size:cover;background-repeat:no-repeat;display:grid;place-items:center;grid-template-rows:auto auto}.hero .logo{position:absolute;top:120px}.hero .serving-board{position:absolute;bottom:300px}@media screen and (min-width: 500px){.hero .logo,.hero .serving-board{position:static;inset:auto}}section.products-page{max-width:1920px;background-image:url(/assets/product-list-bg.svg);background-size:cover;background-color:#ffffffb3;background-blend-mode:lighten;padding-top:3rem}section.products-page h1{max-width:1280px;margin:auto}section.products-page .products-grid{max-width:1280px;margin:auto;display:grid;place-items:center}.cart-header button{background-color:none;background:none;border:none}.cart-header button svg{stroke:#c63b2a;background-color:none}.cart-btn{background-color:none;background:none;border:1px solid white;padding:4px 8px;color:#fff;border-radius:6px}.cart-btn button{background-color:none;background:none;border:1px solid white}.cart-btn button svg{stroke:#fff;background-color:none}.lucide.lucide-shopping-basket{stroke:#fff}