@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#11184f;--blue:#315fc7;--ink:#14182c;--muted:#69718a;--line:#e4e8f1;--bg:#f7f9fd;--green:#168b52}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{width:min(1120px,calc(100% - 36px));height:72px;margin:auto;display:flex;align-items:center;gap:25px}.logo{font:700 25px "Space Grotesk";letter-spacing:-1.2px;color:var(--navy);text-decoration:none}.logo span{color:var(--blue)}.logo>span:first-child{display:inline-block;margin-right:7px}
nav{display:flex;gap:23px;margin-left:auto}nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.cart-btn{border:0;background:#edf2ff;color:var(--navy);padding:11px 15px;border-radius:11px;font-weight:800;cursor:pointer}.cart-btn b{background:var(--blue);color:white;border-radius:20px;padding:3px 7px}
.hero{background:linear-gradient(135deg,#f7f9ff,#fff);overflow:hidden}.hero-inner{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue);margin:0 0 13px}h1,h2{font-family:"Space Grotesk";letter-spacing:-2px}h1{font-size:clamp(52px,7vw,82px);line-height:.96;color:var(--navy);margin:0}h1 span{color:var(--blue)}h2{font-size:44px;color:var(--navy);margin:0}.hero p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.65;max-width:580px;margin:25px 0 30px}.button{display:inline-block;border:0;border-radius:11px;background:var(--navy);color:#fff;text-decoration:none;padding:14px 20px;font-weight:800;cursor:pointer}.hero-art{height:350px;background:var(--navy);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 20px 50px #11184f20}.chip{position:absolute;right:55px;top:55px;width:115px;height:115px;border:7px solid #76a2ff;border-radius:24px;display:grid;place-items:center;color:white;background:#1b2b72;font:700 32px "Space Grotesk"}.hero-art h2{position:absolute;left:45px;bottom:62px;color:#fff;font-size:42px}.line{height:3px;background:#76a2ff;position:absolute}.l1{width:150px;right:-10px;top:155px}.l2{width:205px;right:-45px;top:195px}.l3{width:120px;left:-20px;bottom:125px}
main{padding:85px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.filters{display:flex;gap:9px}.filters input,.filters select,.cart input,.admin input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;outline:none}.filters input{width:240px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;flex-direction:column;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 16px 45px #11184f12}.pic{height:150px;border-radius:13px;background:linear-gradient(135deg,#eef3ff,#fafbfe);display:grid;place-items:center;font-size:52px;margin-bottom:15px}.tag{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.product h3{font-size:16px;margin:7px 0}.price{font-weight:800;font-size:18px;margin:10px 0 15px}.add{margin-top:auto;border:1px solid #ccd7f5;background:#f2f5ff;color:var(--navy);border-radius:10px;padding:10px;font-weight:800;cursor:pointer}.add:hover{background:var(--navy);color:white}.empty{text-align:center;color:var(--muted);padding:40px}
.about{background:var(--navy);padding:85px 0;color:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2{color:white}.about p:last-child{color:#c9d0ef;font-size:17px;line-height:1.8}
.contact{padding:85px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.contact-grid a{padding:21px;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:var(--navy);font-weight:800}.contact-grid small{color:var(--muted);font-weight:500}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between}
.shade{position:fixed;inset:0;background:#070a1d66;z-index:30}.drawer{display:none;position:fixed;right:0;top:0;height:100%;width:min(440px,100%);z-index:31;background:white;box-shadow:-15px 0 45px #0002;padding:25px;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-head h2{font-size:28px}.drawer-head button{border:0;background:none;font-size:20px;cursor:pointer}.cart-items{overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-row h4{margin:0 0 5px}.cart-row small{color:var(--muted)}.qty{display:flex;align-items:center;gap:8px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer}.checkout{border-top:1px solid var(--line);padding-top:18px}.total{display:flex;justify-content:space-between;font-size:20px;margin-bottom:10px}.cart label,.admin label{display:block;font-size:12px;font-weight:700;margin:9px 0}.cart input,.admin input{width:100%;margin-top:5px}.whatsapp{width:100%;border:0;border-radius:11px;padding:14px;background:var(--green);color:#fff;font-weight:800;cursor:pointer;margin-top:9px}.note{font-size:11px;color:var(--muted);line-height:1.5}.empty-cart{text-align:center;color:var(--muted);padding:45px 0}
.admin{min-height:calc(100vh - 72px)}.admin-card{border:1px solid var(--line);border-radius:18px;padding:25px;margin:20px 0;box-shadow:0 10px 30px #11184f08}.admin-card h3{margin-top:0}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.admin-actions{display:flex;gap:10px;margin-top:15px}.secondary,.filebtn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:12px 15px;font-weight:800;cursor:pointer}.filebtn input{display:none}.admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.admin-row button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.danger{color:#a11!important}
@media(max-width:850px){nav{display:none}.hero-inner,.two{grid-template-columns:1fr}.hero-inner{padding:65px 0}.grid{grid-template-columns:repeat(2,1fr)}.heading{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.grid,.contact-grid,.form-grid{grid-template-columns:1fr}.hero-art{height:300px}.hero-art h2{font-size:34px;left:30px}.chip{right:30px}.foot{flex-direction:column;gap:8px}.admin-list-head{align-items:flex-start;flex-direction:column}}