*{box-sizing:border-box}:root{margin:0;padding:0}.cards{width:100%;display:grid}#root{margin:0;padding:0}.grid{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 0}.slogan{text-align:center;font-size:1.7rem}.a-div{width:100%;height:10vh;background-color:#00f}@media(max-width:768px){.slogan{font-size:1.2rem}}.navbar{display:flex;align-items:center;margin:2rem;position:relative}.logo{font-size:1.8rem;font-weight:900;margin-right:auto;text-decoration:none}.home,.orders,.contact,.log-in,.sign-up{margin-right:1rem}.home,.log-out,.contact,.orders{font-size:1.2rem}.contact:hover,.log-in:hover,.sign-up:hover{cursor:pointer}.log-in{font-weight:900;font-size:1.2rem;border-style:solid;border-color:gray;border-radius:20px;padding:.5rem}.sign-up{color:#fff;text-decoration:none;font-weight:900;font-size:1.2rem;border-radius:20px;padding:.5rem}.nav-link{text-decoration:none;cursor:pointer;color:#000}.nav-link:hover{opacity:.8}.nav-link:visited{color:inherit}.nav-links{display:flex;align-items:center}.hamburger{display:none;cursor:pointer}@media(max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem;z-index:1000}.nav-links.open{display:flex}.hamburger{display:block}.nav-links a{margin:.5rem 0}.right{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;float:right;margin-left:auto}.basket-icon-container{margin-right:10px}}.basket-link,.basket-icon-container{position:relative}.basket-count{position:absolute;top:-8px;right:-5px;background-color:red;color:#fff;font-size:.9rem;font-weight:700;border-radius:50%;padding:.05rem .2rem;min-width:20px;text-align:center;display:inline-block}.log-out{margin-right:1rem;cursor:pointer}.dialog{margin-right:1rem}:root{--card-width: 320px;--card-radius: 12px;--image-aspect: 66.666%}.product-card *{box-sizing:border-box}.product-card{width:min(100%,var(--card-width));background:linear-gradient(180deg,#fff,#fbfbfb);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 8px 20px #20202014;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #2020201f}.product-image-container{position:relative;width:100%;height:0;padding-top:var(--image-aspect);background:linear-gradient(135deg,#f6f6f6,#fff)}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.product-image.placeholder{display:flex;align-items:center;justify-content:center;color:#777;background:repeating-linear-gradient(45deg,#f3f3f3 0,#f3f3f3 10px,#fff 10px,#fff 20px)}.image-top-row{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}.price-badge{background:#000000d1;color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.9rem}.top-actions{display:flex;gap:6px}.card-details{padding:12px 14px 18px;display:flex;flex-direction:column;gap:8px}.product-name{margin:0;font-size:1.05rem;font-weight:800;color:#111827;line-height:1.2}.product-sub{margin:0;color:#6b7280;font-size:.85rem}.qty-and-add-to-basket{display:flex;align-items:center;gap:12px;margin-top:8px}.qty-kgs-bags{display:flex;align-items:center;gap:10px;flex:1}.qty{min-width:64px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 6px 14px #0f172a0a;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.kgs-or-bags{font-weight:700;color:#374151;font-size:.9rem}.add-to-basket{display:inline-flex;align-items:center;gap:8px;background-color:#111827;color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.add-to-basket:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1118271f}.btn-text{font-size:.9rem}.arrow{border:solid #111827;border-width:0 1.4px 1.4px 0;display:inline-block;padding:3px;margin-left:6px}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}@media(max-width:500px){.product-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.product-card .qty-and-add-to-basket{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.product-card .qty-kgs-bags{width:100%!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;order:1!important}.product-card .qty{min-width:56px!important;padding:8px!important;flex:0 0 auto!important}.product-card .add-to-basket{width:100%!important;order:2!important;justify-content:center!important;padding:12px 14px!important;font-size:.95rem!important}.product-card{font-size:.92rem!important}.add-to-basket{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:36px;height:auto;white-space:nowrap;border-radius:999px;box-sizing:border-box}.add-to-basket svg,.add-to-basket .MuiSvgIcon-root{font-size:16px;width:16px;height:16px;line-height:1}.add-to-basket .btn-text{display:inline-block;line-height:1;font-size:.75rem}}