*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f8fa;color:#18202a}.container{max-width:1100px;margin:auto;padding:0 18px}.topbar{background:#101828;color:white}.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}.brand{font-size:24px;font-weight:800;color:white;text-decoration:none}.brand span{color:#55c878}.nav nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav a{color:white;text-decoration:none}.cart{font-weight:bold}.hero{margin:30px 0;padding:60px 35px;border-radius:18px;background:linear-gradient(120deg,#0f5132,#198754);color:white}.hero h1{font-size:44px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:35px}.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000012}.card img{width:100%;height:180px;object-fit:cover;background:#eee}.pad{padding:16px}.pad h3{min-height:42px}.btn{display:inline-block;border:0;border-radius:8px;background:#198754;color:white;padding:11px 17px;text-decoration:none;cursor:pointer;margin-top:12px}.btn.small{padding:8px 12px;float:right}.btn.secondary{background:#475467}.filters{display:flex;gap:10px;margin:20px 0}.filters input,.filters select{flex:1}.filters .btn{margin:0}input,textarea,select{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:7px;background:white}label{display:block;margin:13px 0;font-weight:600}label input,label textarea,label select{margin-top:6px;font-weight:normal}.formbox{background:white;padding:25px;border-radius:12px;max-width:500px;margin:35px auto}.formbox.wide{max-width:700px}.error{background:#fee4e2;padding:12px;border-radius:7px;color:#b42318}.notice{background:white;padding:25px;border-radius:12px;margin:30px 0}.success{border-left:5px solid #198754}.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.product img{width:100%;max-height:500px;object-fit:cover;border-radius:14px}.qty{width:90px}.table-wrap{overflow:auto;background:white;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #eaecf0;text-align:left}.total{font-size:22px;font-weight:bold;text-align:right}.checkout{display:grid;grid-template-columns:2fr 1fr;gap:25px}.summary{background:white;padding:25px;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats div{background:white;padding:25px;border-radius:12px}.stats b{font-size:28px;display:block}.stats span{color:#667085}.inline{display:inline}.inline button{border:0;background:none;color:#b42318;cursor:pointer}footer{margin-top:60px;padding:30px 0;background:#101828;color:white}@media(max-width:700px){.nav{align-items:flex-start;padding:12px 18px;gap:10px;flex-direction:column}.hero h1{font-size:32px}.product,.checkout{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.filters{flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.card img{height:140px}.nav nav{gap:10px;font-size:14px}}