:root{--y:#ffd000;--r:#df1d26;--k:#171717;--g:#f5ff5f5;--b:#e7e7e7}
*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:var(--k);background:#fff}button,input,select,textarea{font:inherit}
.top{background:var(--y);padding:8px;text-align:center;font-size:12px;font-weight:800}.nav{height:70px;display:flex;align-items:center;gap:20px;padding:0 5%;border-bottom:1px solid var(--b);position:sticky;top:0;background:#fff;z-index:4}
.logo{font-size:28px;font-weight:1000;line-height:.72}.logo small{display:block;text-align:center;font-size:11px;margin-top:7px}.search{display:flex;flex:1;max-width:560px;border:1px solid #ddd;border-radius:10px;overflow:hidden}.search input{border:0;padding:12px;flex:1;outline:0}.search button{border:0;background:var(--y);font-weight:900;padding:0 17px}.navlinks{display:flex;gap:15px;align-items:center}.navlinks button,.navlinks a{border:0;background:none;text-decoration:none;color:#222;font-weight:800;cursor:pointer}.cart{background:var(--k)!important;color:#fff!important;padding:10px 13px!important;border-radius:9px}
.hero{padding:65px 8%;display:grid;grid-template-columns:1.3fr .7fr;gap:45px;background:linear-gradient(115deg,#fff 55%,#fff5b5)}.hero h1{font-size:clamp(40px,5vw,65px);line-height:.98;letter-spacing:-3px;margin:12px 0}.hero em{font-style:normal;color:var(--r)}.hero p{font-size:17px;line-height:1.6;color:#555;max-width:650px}.tag{color:var(--r);font-weight:1000;font-size:10px;letter-spacing:1.5px}.btn{border:0;border-radius:9px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:var(--y)}.dark{background:var(--k);color:#fff}.danger{background:var(--r);color:#fff}.card{background:#fff;border:1px solid var(--b);border-radius:14px;padding:18px}.heroCard{align-self:center;box-shadow:0 20px 50px #0001}.big{font-size:100px;text-align:center}.section{padding:50px 8%}.section h2{font-size:32px;margin:8px 0 22px}.titleRow{display:flex;justify-content:space-between;align-items:end;gap:15px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pimg{height:155px;border-radius:10px;background:#fff5c7;display:grid;place-items:center;font-size:62px}.product{position:relative}.discount{position:absolute;top:27px;left:27px;background:var(--r);color:#fff;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:1000}.product h3{margin:12px 0 4px;font-size:15px}.muted{color:#777;font-size:11px}.price{color:var(--r);font-size:20px;font-weight:1000;margin:5px 0 10px}.product .btn{width:100%;margin-top:4px}.socia{background:var(--k);color:#fff}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.step{border-top:3px solid var(--y);padding-top:14px}.num{display:grid;place-items:center;background:var(--r);color:#fff;width:28px;height:28px;border-radius:50%;font-weight:1000}
.accountBox{background:#fff6c9;display:flex;justify-content:space-between;align-items:center}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:20}.hide{display:none}.modalBox{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:25px;position:relative}.x{position:absolute;right:14px;top:8px;border:0;background:none;font-size:30px}.field{display:block;font-weight:800;font-size:12px;margin:12px 0}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:8px;margin-top:5px}.line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eee}.total{font-size:22px;font-weight:1000;color:var(--r)}.choice{border:1px solid #ddd;border-radius:10px;padding:13px;margin:8px 0;cursor:pointer}.choice.sel{border:2px solid var(--y);background:#fff9d7}.notice{padding:13px;background:#fff5c5;border-left:4px solid var(--y);border-radius:7px}.toast{position:fixed;right:18px;bottom:18px;background:var(--k);color:#fff;padding:12px 16px;border-radius:9px;opacity:0;z-index:30}.toast.on{opacity:1}
footer{background:var(--y);padding:30px 8%;display:flex;justify-content:space-between;font-weight:800}.adminShell{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:#f5f5f5}.side{background:var(--k);color:#fff;padding:20px 13px}.side h2{margin:0 10px 22px}.side a{display:block;color:#ccc;text-decoration:none;padding:10px;border-radius:7px;cursor:pointer}.side a.active,.side a:hover{background:#2c2c2c;color:#fff;border-left:3px solid var(--y)}.adminMain header{height:75px;background:#fff;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b)}.adminContent{padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat strong{display:block;font-size:26px;margin:9px 0}.adminGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.status{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900}.ok{background:#dcf6e7;color:#126735}.pending{background:#fff0bd;color:#805e00}.processing{background:#e7efff;color:#2857a6}.cancelled{background:#ffe1e1;color:#a00000}
.delivery{max-width:850px;margin:auto;padding:20px}.deliveryTop{background:var(--k);color:#fff;padding:20px;border-radius:14px}.map{height:230px;background:linear-gradient(135deg,#ececec,#fff);border:1px solid #ddd;border-radius:14px;margin:15px 0;display:grid;place-items:center;font-size:55px}.timeline{border-left:3px solid var(--y);padding-left:18px}.timeline div{margin:15px 0}.pill{display:inline-block;padding:6px 9px;background:#eee;border-radius:20px;font-size:10px;font-weight:900}
@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.navlinks a{display:none}.adminShell{grid-template-columns:1fr}.side{display:none}.stats{grid-template-columns:repeat(2,1fr)}.adminGrid{grid-template-columns:1fr}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding:45px 20px}.heroCard{display:none}.section{padding:40px 20px}.products{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.accountBox{display:block}footer{display:block}.nav{padding:0 12px}.search{position:absolute;top:76px;left:12px;right:12px}.stats{grid-template-columns:1fr}}