@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--navy:#101a33;--navy2:#1c2c4b;--gold:#d9ad57;--goldlight:#f0d69e;--ink:#1c263b;--muted:#7b8495;--line:#e8eaf0;--cream:#f8f7f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}header{height:76px;background:var(--navy);color:white;display:flex;align-items:center;gap:22px;padding:0 5vw;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:220px;color:var(--goldlight);font-size:28px}.brand b,.brand small{display:block}.brand b{font-size:12px;letter-spacing:1.5px;color:white}.brand small{font-size:9px;letter-spacing:1.4px;color:#c4ccda;margin-top:4px}header input{flex:1;max-width:560px;padding:12px 15px;border:0;border-radius:7px}header button,nav button{padding:11px 14px;border:1px solid #ffffff40;background:#ffffff12;color:white;border-radius:7px;font-size:12px}header i{font-style:normal;background:var(--gold);color:var(--navy);padding:2px 6px;border-radius:20px}nav{background:#1a2946;color:#dbe1eb;padding:14px 5vw;display:flex;gap:25px;font-size:12px}.hero{background:linear-gradient(110deg,#101a33,#25395d);color:white;padding:58px 10vw;min-height:390px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero small,main section>small,.about small,.modal>small,.modal form>label{color:#b58a40;letter-spacing:2px;font-weight:800;font-size:10px}.hero h1{font:800 clamp(42px,6vw,68px)/1.05 'Playfair Display';margin:17px 0}.hero em{color:var(--goldlight);font-style:normal}.hero p{color:#c4ccda;max-width:430px;line-height:1.8;font-size:13px;margin-bottom:25px}.goldbtn{display:inline-block;border:0;background:var(--gold);color:#17213a;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:800}.goldbtn:hover{background:var(--goldlight)}.heroart{height:255px;width:220px;margin:auto;background:linear-gradient(145deg,#30466e,#101a33);border:1px solid #d9ad57aa;box-shadow:0 20px 50px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transform:rotate(4deg)}.heroart .om{font-size:92px;color:var(--goldlight)}.heroart b{font-size:11px;letter-spacing:2px}.heroart small{color:var(--goldlight)}.benefits{display:flex;justify-content:space-evenly;gap:15px;padding:22px 5vw;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;color:#4e5a70}main section{padding:55px 7vw}h2{font:700 30px 'Playfair Display';color:var(--navy);margin:8px 0 22px}.products{background:var(--cream)}.tools{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:-8px 0 20px}.tools select{padding:9px;border:1px solid var(--line);border-radius:6px;background:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #15234415}.photo{height:190px;background:#f1f1ef;display:grid;place-items:center;overflow:hidden;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:45px;color:#c7a66b}.info{padding:14px}.info h3{font-size:13px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info p{font-size:10px;color:var(--muted);height:29px;overflow:hidden;line-height:1.5}.price{font-size:17px;font-weight:800;color:var(--navy)}.delivery{font-size:9px;color:var(--muted)}.stock{font-size:10px;color:#5d8a61;margin:8px 0}.actions{display:flex;gap:6px}.actions button{flex:1;padding:9px 4px;border-radius:5px;font-size:10px;font-weight:800;border:1px solid var(--navy)}.add{background:var(--navy);color:white}.view{background:white;color:var(--navy)}.empty{text-align:center;color:var(--muted);padding:35px}.about{background:#f2eee4;display:flex;align-items:center;gap:22px}.about>div{width:75px;height:75px;border-radius:16px;background:var(--navy);color:var(--goldlight);display:grid;place-items:center;font-size:42px;flex-shrink:0}.about p{font-size:12px;line-height:1.7;color:var(--muted)}footer{background:var(--navy);color:white;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}footer button,#logout{background:transparent;border:1px solid #ffffff55;color:var(--goldlight);padding:9px 12px;border-radius:6px}.veil{position:fixed;inset:0;background:#081126b8;z-index:20;display:flex;justify-content:center;align-items:center;padding:15px}.veil[hidden]{display:none}.modal{position:relative;background:white;border-radius:13px;padding:28px;width:min(100%,530px);max-height:92vh;overflow:auto}.modal h2{margin:8px 0 18px}.x{position:absolute;right:15px;top:12px;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;background:#f0f1f4}.drawer{background:white;margin-left:auto;width:min(100%,460px);height:100%;padding:25px;overflow:auto;position:relative}.drawer h2{margin-bottom:15px}.drawer .x{position:fixed;right:25px;top:25px}.cartline{display:grid;grid-template-columns:65px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cartline img{width:65px;height:65px;object-fit:cover;border-radius:7px}.cartline h4{font-size:11px;margin:0 0 5px}.cartline small{font-size:9px;color:var(--muted)}.qty{display:flex;align-items:center;gap:9px;margin-top:7px}.qty button{border:1px solid var(--line);background:white;border-radius:5px;padding:3px 9px}.remove{border:0;background:none;color:#ad4545;font-size:10px}.summary{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}.sumrow{display:flex;justify-content:space-between;font-size:12px;margin:9px 0}.sumrow.total{font-size:16px;font-weight:800}.full{width:100%;text-align:center;margin-top:13px}.modal label{display:block;margin:13px 0;font-size:11px;font-weight:700;color:var(--ink);letter-spacing:0}.modal input,.modal textarea,.modal select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #dfe2e9;border-radius:6px;font-size:12px}.passrow{display:flex;gap:7px}.passrow input{flex:1}.passrow button{margin-top:6px;border:1px solid var(--line);border-radius:6px;background:#f6f6f6;padding:0 12px}.owner{width:min(100%,680px)}.dashhead,.stats,.two{display:flex;gap:12px;justify-content:space-between}.stats{margin:15px 0}.stats div{flex:1;background:#f4f1e9;padding:13px;border-radius:7px;font-size:10px}.stats b{display:block;font-size:24px;color:var(--navy)}.two>*{width:50%}#preview{width:110px;height:110px;object-fit:cover;border-radius:7px;margin:8px 0}#manage{margin-top:10px}.manageitem{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.manageitem img{width:45px;height:45px;object-fit:cover;border-radius:5px}.manageitem span{flex:1;font-size:11px}.manageitem button{padding:6px 8px;background:white;border:1px solid var(--line);border-radius:5px;font-size:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:11px 17px;border-radius:7px;font-size:11px;opacity:0;transition:.2s;z-index:40}#toast.show{opacity:1}
@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.hero{padding:45px 7vw}}@media(max-width:600px){header{height:auto;flex-wrap:wrap;padding:12px;gap:8px}.brand{min-width:0;flex:1;font-size:22px}.brand b{font-size:10px}header input{order:3;flex-basis:100%;max-width:none}header button{font-size:10px;padding:9px}nav{padding:12px 16px}.hero{grid-template-columns:1fr;padding:35px 22px 25px}.heroart{height:190px;width:165px;margin-top:25px}.heroart .om{font-size:65px}.benefits{padding:15px;flex-wrap:wrap;font-size:9px;justify-content:flex-start}main section{padding:38px 15px}h2{font-size:26px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{height:145px}.info{padding:10px}.info h3{font-size:11px}.info p{font-size:9px}.actions button{font-size:9px;padding:8px 2px}.about{padding:28px 18px}.about>div{width:55px;height:55px;font-size:30px}footer{flex-wrap:wrap}footer span{order:3;flex-basis:100%}.modal{padding:24px 17px}.two{gap:8px}}
.localnote{background:#f8f4e9;border:1px solid #ead9b3;border-radius:7px;color:#6c572d;padding:10px 12px;font-size:11px;line-height:1.6;margin:12px 0}

.offer{display:inline-block;margin:7px 0;padding:5px 8px;border-radius:5px;background:#f6edda;color:#805b1e;font-size:10px;font-weight:700;line-height:1.4}