:root{--brown:#382215;--white:#fff;--cream:#f7f5f2;--line:#e8e1db;--muted:#7a706a;--shadow:0 12px 32px #38221512}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--brown);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1280px;margin:auto;padding:0 18px 110px}.top{display:flex;align-items:center;gap:14px;padding:18px 0;position:sticky;top:0;z-index:20;background:#f7f5f2eF;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand img{height:40px;width:40px;border-radius:12px}.searchbar{flex:1;display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.searchbar button{background:none;border:0;padding:12px}.searchbar input{border:0;outline:0;min-width:0;flex:1;padding:12px;background:none}.round{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:13px}.headline{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px;gap:12px}.headline h2{margin:0;font-size:22px;letter-spacing:-.6px}.headline button,.link{background:none;border:0;color:#6b4129;font-weight:750}.hero{background:#382215;color:#fff;border-radius:26px;min-height:240px;display:flex;align-items:center;justify-content:space-between;padding:30px;overflow:hidden;position:relative}.hero h1{font-size:clamp(28px,5vw,52px);line-height:1.07;max-width:540px;margin:8px 0 14px}.hero p{opacity:.8}.hero .visual{font-size:110px;opacity:.2}.hero-controls{display:flex;gap:8px;margin-top:16px}.hero-controls button{border:1px solid #ffffff66;color:white;background:#ffffff20;border-radius:12px;padding:9px 14px}.pill{display:inline-block;border-radius:100px;background:#ffffff22;padding:7px 12px;font-size:12px}.btn{background:var(--brown);border:1px solid var(--brown);color:white;border-radius:13px;padding:12px 17px;font-weight:750}.btn.alt{background:white;color:var(--brown);border-color:var(--line)}.btn:disabled{opacity:.5}.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding:2px 0 8px}.strip .product{scroll-snap-align:start}.gridproducts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product .photo{aspect-ratio:1/1;background:linear-gradient(135deg,#eee7e1,#faf8f6);display:grid;place-items:center;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{color:#b6a69b}.sale{position:absolute;top:9px;right:9px;background:#382215;color:white;border-radius:8px;padding:5px;font-size:11px}.product .meta{padding:11px}.product .name{font-size:13px;font-weight:700;line-height:1.4;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:17px;font-weight:850;margin-top:7px}.muted{color:var(--muted);font-size:12px}.bottom{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--line);padding:8px 8px max(10px,env(safe-area-inset-bottom))}.navitem{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--muted);border:0;background:none;min-width:55px;padding:6px}.navitem.active{color:var(--brown);font-weight:850}.navitem svg{width:23px;height:23px}.panel{background:white;border:1px solid var(--line);border-radius:19px;padding:19px;margin:14px 0}.sectiontitle{font-size:24px;margin:20px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.field{display:grid;gap:6px;margin:12px 0}.field input,.field textarea,.field select{width:100%;border:1px solid #d9d0c9;border-radius:12px;padding:12px;background:#fff;color:#382215}.field label{font-weight:700;font-size:13px}.chip{border:1px solid var(--line);background:white;border-radius:100px;padding:8px 12px;white-space:nowrap}.chips{display:flex;gap:7px;overflow:auto;padding:6px 0}.empty{padding:45px 18px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:18px}.empty h3{color:var(--brown)}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.menu button{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:13px;padding:16px;text-align:left}.menu svg{width:20px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detailimage{aspect-ratio:1;background:#efe9e3;border-radius:20px;overflow:hidden;display:grid;place-items:center}.detailimage img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:7px;overflow:auto;margin-top:8px}.thumbs button{width:66px;height:66px;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:cover}.qty{display:flex;gap:14px;align-items:center}.qty button{border:1px solid var(--line);border-radius:10px;background:white;padding:9px 14px}.toast{position:fixed;top:75px;right:16px;z-index:100;background:#382215;color:white;padding:13px 18px;border-radius:13px;max-width:330px;box-shadow:var(--shadow)}.auth{max-width:480px;margin:40px auto}.boot{text-align:center;margin:22vh auto}.boot img{border-radius:22px}.spinner{width:25px;height:25px;border:3px solid #eee;border-top-color:#382215;border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.adminlayout{display:grid;grid-template-columns:230px 1fr;gap:20px}.adminnav{display:grid;align-content:start;gap:8px}.adminnav button{text-align:left;padding:13px;border-radius:12px;border:1px solid var(--line);background:white}.bannerimg{width:100%;height:180px;object-fit:cover;border-radius:15px}.bad{color:#ad3025}.good{color:#217247}@media(max-width:700px){.shell{padding:0 12px 100px}.brand span{display:none}.brand img{width:37px;height:37px}.top{gap:8px}.top .round{width:37px}.hero{min-height:210px;padding:21px}.hero .visual{display:none}.gridproducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.strip{grid-auto-columns:calc((100% - 30px)/4);gap:10px}.product .meta{padding:8px}.product .price{font-size:15px}.detail{grid-template-columns:1fr}.menu{grid-template-columns:1fr}.adminlayout{grid-template-columns:1fr}.adminnav{grid-template-columns:repeat(2,1fr)}.headline h2{font-size:19px}}

/* Premium storefront demo enhancement */
.demo-notice{padding:10px 15px;border:1px solid #dfd1c3;background:#f0e8de;color:#513522;border-radius:13px;font-size:12px;font-weight:650;margin:0 0 12px}.demo-chip{position:absolute;top:10px;left:9px;z-index:2;font-size:9px;font-weight:850;letter-spacing:.09em;color:#382215;background:#ffffffed;border:1px solid #ffffffa8;border-radius:6px;padding:5px 6px}.product .photo img{transition:transform .3s ease}.product:hover .photo img{transform:scale(1.05)}.hero{background:radial-gradient(circle at 85% 30%,#886247 0,transparent 43%),linear-gradient(125deg,#382215,#573523);box-shadow:0 16px 38px #38221524}.hero:after{content:"";position:absolute;right:7%;top:18%;width:145px;height:145px;border:27px solid #ffffff13;border-radius:50%;pointer-events:none}.panel,.product{box-shadow:0 2px 10px #38221507}.navitem.active{position:relative}.navitem.active:before{content:"";position:absolute;top:-8px;width:30px;height:3px;border-radius:3px;background:#382215}.strip{grid-auto-columns:170px}.strip .photo{aspect-ratio:1}.headline h2{font-weight:850}@media(max-width:700px){.strip{grid-auto-columns:calc((100% - 30px)/4)}.product .name{font-size:12px}.hero:after{width:90px;height:90px;border-width:17px;right:-25px}}