*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#faf8f5;color:#25211e}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:auto;padding:0 20px}.topbar{background:#1d1815;color:#fff;padding:8px;text-align:center;font-size:13px}.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.head{display:flex;align-items:center;gap:22px;padding:18px 20px}.logo{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;white-space:nowrap}.logo span{font-size:12px;display:block;letter-spacing:4px}.search{flex:1;display:flex}.search input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px}.nav{display:flex;gap:20px;padding:0 20px 16px;flex-wrap:wrap}.nav a{font-size:14px}.actions{display:flex;gap:14px;white-space:nowrap}.hero{min-height:470px;background:linear-gradient(90deg,#f1e8dd,#fff0 70%),url('../images/hero.jpg') center/cover;display:flex;align-items:center}.hero-inner{max-width:620px;padding:70px 20px}.eyebrow{letter-spacing:3px;font-size:12px}.hero h1{font:52px/1.05 Georgia,serif;margin:12px 0}.btn{display:inline-block;background:#1d1815;color:#fff;padding:13px 20px;border-radius:3px;border:0;cursor:pointer}.section{padding:65px 20px}.section h2{font:36px Georgia,serif}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #eee}.card img,.ph{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}.card-body{padding:15px}.muted{color:#777;font-size:13px}.price{font-weight:700;margin-top:8px}.story{padding:90px 20px;background:#eee6dc}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 20px;gap:20px}.benefits div{padding:20px;background:#fff}.footer{background:#1d1815;color:#fff;padding:50px 20px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer a{display:block;margin:8px 0;color:#ddd}.auth,.checkout{max-width:620px;margin:60px auto;background:#fff;padding:30px;border:1px solid #eee}.field{margin:0 0 16px}.field label{display:block;font-size:13px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #ddd;border-radius:4px}.notice{padding:12px;background:#f4eadb;margin-bottom:16px}.cart-row{display:grid;grid-template-columns:1fr 120px 120px;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.admin-wrap{display:flex;min-height:100vh;background:#f5f6f8}.sidebar{width:250px;background:#171b21;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.sidebar h2{font-family:Georgia,serif}.sidebar a{display:block;padding:10px 12px;border-radius:6px;color:#cbd0d8}.sidebar a:hover,.sidebar a.active{background:#2a3039;color:#fff}.main{flex:1;padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid #e5e7eb;padding:20px;border-radius:10px}.stat b{font-size:28px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:20px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.badge{padding:4px 8px;border-radius:20px;background:#eee;font-size:12px}.danger{color:#a00}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.btn.alt{background:#eee;color:#222}.btn.danger{background:#a33;color:#fff}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.media-grid img{width:100%;aspect-ratio:1;object-fit:cover}.mobile-menu{display:none}@media(max-width:800px){.grid,.benefits,.stats,.footer-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.main{padding:15px}.head{flex-wrap:wrap}.mobile-menu{display:block}.nav{display:none}.menu-open .nav{display:flex}.hero h1{font-size:40px}.form-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}