:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fffdf4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#333}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#fffdf4;color:#213547}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f0f0f0;cursor:pointer;transition:border-color .25s}button:hover{border-color:#999}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.checkout-container{padding:1.5rem;min-height:100vh;background-color:#fffdf4;color:#333}.checkout-title{font-size:1.8rem;font-weight:700;margin-bottom:1.2rem;color:#222}.empty-cart{font-size:1.2rem;color:#555}.checkout-item{display:flex;align-items:center;padding:.8rem 0;border-bottom:1px solid #ccc;gap:1rem;transition:background-color .2s ease}.checkout-item:hover{background-color:#f7f2e9}.select-circle{width:18px;height:18px;cursor:pointer}.item-details{display:flex;flex-direction:column;gap:.2rem}.item-details h4{margin:0;font-size:1.2rem;font-weight:600}.item-details p{margin:.2rem 0;color:#555}.quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.quantity-controls button{width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem}.checkout-summary{margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:1.1rem;color:#222}.checkout-summary p,.checkout-summary h3{margin:.4rem 0}.checkout-summary h3{font-size:1.3rem;font-weight:700}.pay-button{margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.pay-button:disabled{background-color:#aaa;cursor:not-allowed}.progress-bar{height:12px;background-color:#ddd;border-radius:6px;overflow:hidden;margin-top:.3rem;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .4s ease}.progress-fill.gift{background-color:#90ee90}.progress-fill.delivery{background-color:#add8e6}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.admin-section{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:1rem;background:#f9f9f9;cursor:pointer}.admin-section h3{margin:0;display:flex;justify-content:space-between;align-items:center}.admin-section .content{margin-top:1rem;display:none}.admin-section .content.active{display:block}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.product-card{border:1px solid #ccc;border-radius:8px;padding:.5rem;text-align:center}.product-card img{width:100%;height:100px;object-fit:cover;margin-bottom:.5rem}.product-images{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.product-images img{width:60px;height:60px;object-fit:cover;border:1px solid #ccc}.success-checkmark{width:80px;height:115px;margin:0 auto}.check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.check-icon:before,.check-icon:after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}@keyframes rotate-circle{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}to{width:25px;left:14px;top:46px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}