:root{--brown:#382215;--white:#fff;--cream:#f9f6f2;--line:#e9e1d9;--muted:#7c716a;--gold:#aa7954;--red:#ad3b30;--green:#237750;--shadow:0 15px 45px #38221510;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--brown);background:var(--cream)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.boot{min-height:100vh;display:grid;place-items:center;font-size:28px;font-weight:800}.shell{max-width:1440px;margin:auto;min-height:100vh;padding-bottom:90px}.top{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px max(16px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand img{height:38px;width:38px;object-fit:contain;border-radius:10px}.top .desktopnav{display:flex;gap:5px;margin-left:auto}.top .desktopnav button{background:transparent;border:0;padding:11px 13px;border-radius:10px;color:var(--muted)}.top .desktopnav button.active{background:var(--brown);color:white}.iconbtn{border:1px solid var(--line);background:white;border-radius:12px;padding:11px;display:inline-flex;align-items:center;justify-content:center}.searchbar{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:var(--shadow);width:100%}.searchbar input{border:0;outline:0;flex:1;min-width:0;background:transparent}.searchbar .iconbtn{background:var(--cream)}.main{padding:20px clamp(14px,3vw,36px)}.intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--gold)}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-1.7px;line-height:1.12;margin:7px 0}h2{font-size:22px;letter-spacing:-.6px;margin:0}p{color:var(--muted);line-height:1.6}.section{margin:28px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.sectionhead button,.link{background:transparent;border:0;color:var(--gold);font-weight:750}.hero{background:linear-gradient(120deg,#382215,#765039);color:white;min-height:235px;border-radius:24px;padding:clamp(24px,5vw,56px);position:relative;overflow:hidden;display:flex;align-items:center}.hero h1{max-width:610px}.hero p{color:#e7d6c8}.hero img{max-width:42%;max-height:250px;object-fit:contain;margin-left:auto;border-radius:16px}.hero .dots{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:20px;background:#ffffff77;border:0;padding:0}.dot.active{width:23px;background:white}.heroarrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff33;color:white;border:1px solid #ffffff55;border-radius:50%;width:32px;height:32px}.heroarrow.left{left:7px}.heroarrow.right{right:7px}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:750;background:var(--brown);color:white;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn.light{background:white;color:var(--brown)}.btn.outline{background:white;color:var(--brown);border:1px solid var(--line)}.btn.small{padding:8px 12px;font-size:12px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.products.compact{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:9px}.products.compact .product{flex:0 0 140px;scroll-snap-align:start}.product{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s;cursor:pointer}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product .photo{aspect-ratio:1.13;background:#f1eae2;display:grid;place-items:center;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{display:grid;place-items:center;width:100%;height:100%;color:#aa907b;background:linear-gradient(140deg,#eee2d5,#f8f4ef)}.discount{position:absolute;right:8px;top:8px;background:var(--brown);color:white;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:800}.product .body{padding:11px}.product .name{font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.price{font-weight:850;margin:8px 0 5px}.old{text-decoration:line-through;color:var(--muted);font-size:12px;font-weight:400}.meta{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff2;backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 5px max(8px,env(safe-area-inset-bottom))}.bottom button{border:0;background:none;display:grid;justify-items:center;gap:4px;color:var(--muted);font-size:10px;min-width:58px}.bottom button.active{color:var(--brown);font-weight:800}.bottom button.active i{background:#eee4dc;border-radius:9px}.bottom button i{padding:5px;display:flex}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:15px}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;outline-color:var(--gold)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;border-radius:50px;padding:9px 13px;font-size:12px}.chip.active{background:var(--brown);color:white}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:grid;gap:12px}.muted{color:var(--muted)}.smalltext{font-size:12px}.tabs{display:flex;gap:8px;overflow-x:auto;padding:5px 0 12px}.tabs button{white-space:nowrap;background:white;border:1px solid var(--line);border-radius:12px;padding:10px}.tabs button.active{background:var(--brown);color:white}.empty{text-align:center;padding:42px 18px;border:1px dashed #d6c8bc;border-radius:18px;background:white}.empty svg{width:35px;height:35px;color:var(--gold)}.profilehero{display:flex;align-items:center;gap:15px}.avatar{height:58px;width:58px;border-radius:50%;background:#eaddd0;display:grid;place-items:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.menuitem{width:100%;border:0;background:white;display:flex;justify-content:space-between;align-items:center;padding:15px 8px;border-bottom:1px solid var(--line);text-align:left}.menuitem span{display:flex;gap:12px;align-items:center}.detailgrid{display:grid;gap:20px}.gallerymain{aspect-ratio:1.2;background:#f1eae2;border-radius:20px;overflow:hidden}.gallerymain img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:7px;overflow-x:auto;margin-top:8px}.thumbs button{width:65px;height:65px;flex:none;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden}.thumbs button.active{border-color:var(--brown)}.thumbs img{width:100%;height:100%;object-fit:cover}.counter{display:flex;align-items:center;gap:14px}.counter button{height:36px;width:36px;border:1px solid var(--line);border-radius:9px;background:white}.counter input{width:55px;text-align:center;border:1px solid var(--line);padding:9px;border-radius:8px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--brown);color:white;padding:13px 18px;border-radius:12px;z-index:100;box-shadow:var(--shadow);max-width:90vw}.adminlayout{display:grid;gap:20px}.metricgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:white;border:1px solid var(--line);padding:20px;border-radius:16px}.metric strong{font-size:26px;display:block;margin:8px 0}.chart{height:150px;width:100%;border-bottom:1px solid var(--line)}.authwrap{max-width:520px;margin:30px auto}.plans{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.plan{background:white;border:1px solid var(--line);padding:18px;border-radius:16px}.plan strong{font-size:23px}.notice{padding:13px;background:#f5eae0;border-radius:10px;color:var(--brown);font-size:13px}.footer{padding:30px;text-align:center;font-size:12px;color:var(--muted)}@media(min-width:760px){.main{padding-top:30px}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.products.compact .product{flex-basis:180px}.detailgrid{grid-template-columns:1fr 1fr}.plans{grid-template-columns:repeat(3,1fr)}.adminlayout{grid-template-columns:220px 1fr}.metricgrid{grid-template-columns:repeat(4,1fr)}.bottom{display:none}.shell{padding-bottom:0}.hero{min-height:310px}}@media(max-width:759px){.top .desktopnav{display:none}.top{gap:8px}.brand{font-size:18px}.brand img{width:31px;height:31px}.hero{min-height:205px}.hero img{max-width:32%}.grid2.mobileone{grid-template-columns:1fr}}