:root{--red: hsl(14, 86%, 42%);--rose-900: hsl(14, 65%, 9%);--rose-500: hsl(7, 20%, 60%);--rose-100: hsl(13, 31%, 94%)}body{font-family:Red Hat Text,sans-serif;background:var(--rose-100);margin:0}.app-container{padding:20px;display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:auto}.product-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1024px){.app-container{flex-direction:row;align-items:flex-start}.product-section{flex:2}.product-grid{grid-template-columns:repeat(3,1fr)}.cart-sidebar{flex:1;position:sticky;top:20px}}.product-card img{width:100%;border-radius:8px}.image-container{position:relative;margin-bottom:25px}.add-to-cart-btn{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--rose-500);padding:8px 15px;border-radius:20px;display:flex;gap:8px;font-weight:700;cursor:pointer;width:140px;justify-content:center;align-items:center}.qty-selector{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:8px 15px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;width:140px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;width:90%;max-width:400px;padding:20px;border-radius:12px;max-height:90vh;overflow-y:auto}.conf-icon{width:25px;margin-bottom:10px}.modal-content h1{font-size:1.5rem;margin:0;color:var(--rose-900)}.subtext{font-size:.8rem;margin:5px 0 15px;color:var(--rose-500)}.summary-list{background:var(--rose-100);padding:10px;border-radius:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #ddd}.modal-thumb{width:35px;height:35px;border-radius:4px;margin-right:10px}.item-details .name{font-size:.75rem;font-weight:700;margin:0}.item-details .qty{color:var(--red);font-weight:700;font-size:.75rem}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.grand-total{font-size:1.2rem;font-weight:800}.confirm-btn,.new-order-btn{background:var(--red)!important;color:#fff!important;width:100%;padding:10px;border:none;border-radius:25px;font-weight:700;cursor:pointer;margin-top:15px;display:block}.circle-btn{background:transparent;border:1px solid white;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.circle-btn img{width:10px;filter:brightness(0) invert(1)}.circle-btn:hover{background-color:#fff}.circle-btn:hover img{filter:none}