:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#111827;background-color:#f3f4f6}body{margin:0;padding:0;background-color:#f3f4f6}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:1200px;margin:1.5rem auto;padding:0 1rem 2rem}.page h1{margin-bottom:.25rem}.page p{margin-top:.25rem;max-width:700px}.home-grid{margin-top:1.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home-card{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0f172a1a}.footer{text-align:center;font-size:.8rem;color:#6b7280;padding:.75rem 1rem 1.25rem;border-top:1px solid #e5e7eb}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;min-height:90px;background-image:url(/images/nImage.jpeg);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;color:#f9fafb}.navbar:before{content:"";position:absolute;inset:0;background:#000000a6;z-index:0}.navbar>*{position:relative;z-index:1}.navbar-logo{height:48px;width:auto;object-fit:contain;border-radius:10px;margin-bottom:.25rem}.navbar-left{display:flex;flex-direction:column;gap:.15rem}.brand{font-size:1.4rem;font-weight:800;letter-spacing:.5px;text-decoration:none;color:#fff;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.45)}.tagline{font-size:.9rem;color:#ffffffd9}.navbar-greeting{margin:0 1rem;padding:.35rem .75rem;border-radius:999px;background:#ffffff1f;color:#ffffffeb;font-size:.95rem;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:1rem}.nav-link{text-decoration:none;color:#ffffffe6;font-size:.98rem;padding:.45rem .7rem;border-radius:10px;transition:background .15s ease,transform .15s ease}.nav-link:hover{background:#ffffff1f;transform:translateY(-1px)}.nav-link.active{font-weight:700;background:#ffffff29}.basket-link{display:inline-flex;align-items:center;gap:.25rem;position:relative}.basket-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;border-radius:999px;background-color:#f59e0b;color:#111827;font-size:.75rem;font-weight:800}.logout-button{border:none;cursor:pointer;background:transparent;font-family:inherit}@media(max-width:640px){.navbar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;min-height:110px}.navbar-links{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.75rem}.navbar-greeting{width:100%;margin:0;font-size:.95rem}.tagline{font-size:.85rem}}.layout{display:grid;grid-template-columns:2fr 1.2fr;gap:1.5rem;margin-top:1rem}.products-section h2,.order-section h2{margin-bottom:.75rem}.products-grid{display:grid;gap:1.5rem;padding:1rem 0}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:640px)and (max-width:1023px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.products-grid,.layout{grid-template-columns:1fr}}.product-card{width:100%;max-width:none;background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.product-image-wrapper{width:100%;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f4f6;border-radius:.5rem;margin-bottom:.5rem;cursor:pointer}.product-image{max-width:100%;max-height:100%;object-fit:cover;object-position:center}.product-price{font-weight:600;margin:.25rem 0}.product-description{font-size:.9rem;color:#4b5563;margin-bottom:.75rem}.quantity-label{display:flex;justify-content:space-between;align-items:center}.quantity-label input{width:80px;padding:.25rem;margin-left:.5rem}.order-form{display:flex;flex-direction:column;gap:.75rem}.order-form input,.order-form textarea{margin-top:.25rem;padding:.5rem;border-radius:4px;border:1px solid #d1d5db}.order-summary{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.order-summary button{padding:.6rem 1.2rem;border-radius:6px;border:none;background:#111827;color:#fff;cursor:pointer}.order-summary button:hover{opacity:.9}.add-to-basket-btn{margin-top:.75rem;width:100%;padding:.5rem .75rem;border-radius:.5rem;border:none;background-color:#111827;color:#fff;font-size:.9rem;cursor:pointer}.add-to-basket-btn:hover{opacity:.9}.hero h1{font-size:clamp(3.5rem,8vw,6rem);margin-bottom:1rem;color:#d97706}.subtitle{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:2.5rem;color:#444}.notice p{font-size:clamp(1.2rem,2.5vw,1.6rem);margin:1.2rem 0;color:#333}.warning{font-size:clamp(1.3rem,3vw,1.8rem);margin-top:2rem;font-weight:700;color:#b91c1c}