:root{--ink:#34262d;--pink:#d96f83;--pale:#f8e7e9;--bg:#fffaf8;--line:#ead9dc;--muted:#786b72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:700}.primary{background:var(--pink);color:white}.soft{background:var(--pale);color:#8d4355}.outline{background:white;border:1px solid var(--line);color:var(--ink)}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{background:#34262d;color:white;text-align:center;padding:8px;font-size:11px;letter-spacing:.1em}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--pink)}.navlinks{display:flex;gap:22px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:48px 0}.eyebrow{font-size:11px;color:#b64f66;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.hero h1{font:500 clamp(42px,5vw,68px)/.99 Georgia,serif;letter-spacing:-2px;margin:16px 0}.hero h1 em{color:#b64f66}.hero p{color:var(--muted);line-height:1.8}.heroimg{height:400px;border-radius:25px;background:linear-gradient(0deg,#34262d33,transparent),url('https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}.sticker{position:absolute;right:16px;top:16px;border-radius:50%;background:#fffaf8e8;width:90px;height:90px;display:grid;place-items:center;text-align:center;color:#b64f66;font-size:11px;font-weight:900}.section{padding:30px 0 48px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:16px}.head h2{font:500 38px Georgia,serif;margin:7px 0}.head p{font-size:12px;color:var(--muted);max-width:360px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{background:white;border:1px solid var(--line);padding:18px;border-radius:15px;text-align:left}.cat b{display:block;margin-top:8px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter{background:white;border:1px solid var(--line);color:var(--muted);padding:8px 12px;border-radius:30px}.filter.active{background:#34262d;color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.product img{width:100%;height:200px;object-fit:cover;background:var(--pale)}.pb{padding:13px}.pb small{color:#b64f66;font-weight:800;letter-spacing:.1em;font-size:10px}.pb b{display:block;margin:5px 0}.pb p{font-size:11px;color:var(--muted);min-height:28px}.price{display:flex;align-items:center;justify-content:space-between;font-weight:800}.price button{padding:8px 12px;background:var(--pale);color:#b64f66}.banner{background:#34262d;color:white;padding:28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.banner h2{font:500 30px Georgia,serif;margin:8px 0}.banner p{color:#e1cfd4;font-size:13px}.footer{padding:30px 0;background:#f4e5e7;color:var(--muted);font-size:12px}.modal{display:none;position:fixed;inset:0;background:#20161bdc;z-index:9;overflow:auto;padding:16px}.modal.open{display:block}.app{max-width:1120px;margin:auto;background:var(--bg);border-radius:18px;min-height:90vh;overflow:hidden}.apphead{padding:18px 22px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:7px;padding:12px 20px;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}.tab{background:transparent;color:var(--muted)}.tab.active{background:var(--pale);color:#b64f66}.pane{padding:20px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.search{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile{background:white;border:1px solid var(--line);text-align:left;padding:12px;min-height:105px}.tile small{display:block;color:var(--muted);margin:6px 0}.tile b{font-size:12px;display:block}.cart,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.cartrow{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.qty button{padding:3px 8px;background:var(--pale)}.line{display:flex;justify-content:space-between;margin:12px 0;font-size:13px}.line.total{font-size:18px;font-weight:900;border-top:1px solid var(--line);padding-top:12px}.field{display:grid;gap:5px;margin:10px 0;font-size:11px;color:var(--muted)}.field input,.field select{padding:11px;border:1px solid var(--line);border-radius:9px;width:100%}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.stat{padding:15px;border:1px solid var(--line);border-radius:12px;background:white}.stat small{color:var(--muted)}.stat b{display:block;font-size:21px;margin-top:5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:var(--muted)}.note{font-size:11px;line-height:1.6;color:var(--muted)}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#34262d;color:white;padding:12px 17px;border-radius:10px;display:none;z-index:20}.toast.show{display:block}
@media(max-width:760px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding:30px 0}.heroimg{height:290px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr);gap:10px}.product img{height:155px}.head{align-items:start;flex-direction:column}.banner{align-items:start;flex-direction:column}.grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.pane{padding:12px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}