@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#211d1a;background:white;--brown:#8c6447;--red:#b6243b;--line:#e9e3df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:34px;background:#f3ebe6;display:flex;align-items:center;justify-content:space-around;padding:0 4%;font-size:11px;gap:10px}.header,header{height:80px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eee6e0;background:white}header nav{display:flex;gap:clamp(8px,1.4vw,22px)}header nav a{font-size:12px}header nav a:hover{color:var(--brown)}.logo{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.logo strong{font-family:'Playfair Display',serif;font-size:34px;letter-spacing:8px;font-weight:400;line-height:1}.logo small{font-size:8px;letter-spacing:3px;margin-top:7px}.head-right{display:flex;align-items:center;gap:10px}.head-right input{width:160px;padding:9px;border:1px solid var(--line);font-size:11px}.head-right button{border:0;background:white;font-size:12px}.hero{height:390px;position:relative;display:grid;grid-template-columns:1.5fr .5fr;overflow:hidden;background:#eee1d6}.hero-bg{position:absolute;inset:0 24% 0 0;background:linear-gradient(90deg,#f3e9e0ed,#f3e9e077 47%,transparent 72%),url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-copy{position:relative;align-self:center;margin-left:9%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b6b53;font-weight:700}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(34px,3.4vw,54px);line-height:1.12;font-weight:500;margin:15px 0}.hero-copy p:not(.eyebrow){font-family:'Playfair Display',serif;font-size:17px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brown);color:white;border:0;padding:13px 20px;font-size:11px;letter-spacing:.7px;margin-top:12px}.sale{position:relative;grid-column:2;z-index:2;background:linear-gradient(135deg,#fae5e5,#f5d6d8);border-left:7px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a20f2f}.sale small,.sale span{font-size:11px;letter-spacing:2px}.sale strong{font:500 54px/.95 'Playfair Display',serif;margin:12px}.sale em{font-style:normal;font-size:83px}.sale button{background:transparent;border:1px solid #b31c39;border-radius:30px;color:#a20f2f;padding:10px 20px;margin-top:18px}.categories{display:flex;justify-content:space-around;gap:10px;padding:20px 5%;overflow:auto}.cat{border:0;background:white;min-width:70px;padding:14px 12px;border-radius:50px;color:#7b5c45}.cat:hover{background:#f8eee8}.benefits{background:#fbf8f6;display:grid;grid-template-columns:repeat(4,1fr);padding:17px 4%;margin-bottom:26px}.benefits>div{display:flex;justify-content:center;align-items:center;gap:12px;border-right:1px solid #ded4ce}.benefits>div:last-child{border:0}.benefits b,.benefits small{display:block}.benefits b{font-size:10px}.benefits small{font-size:10px;color:#89827c;margin-top:4px}main#products{padding:8px 4.5% 40px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2{font-size:21px;letter-spacing:.6px;margin:0}.section-head select{border:1px solid var(--line);padding:8px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 15px}.card{min-width:0}.photo{position:relative;aspect-ratio:.78;overflow:hidden;background:#f3ebe6}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.03)}.discount{position:absolute;top:10px;left:10px;background:#d94b50;color:white;padding:5px 7px;font-size:10px}.add{position:absolute;bottom:0;left:0;width:100%;padding:12px;border:0;background:#2a2521df;color:white;font-size:10px;letter-spacing:1px;transform:translateY(100%)}.card:hover .add{transform:translateY(0)}.info{padding:10px 2px}.info h3{font-size:12px;font-weight:500;margin:0 0 8px}.price{display:flex;gap:8px;align-items:center}.price b{font-size:13px;color:var(--red)}.price del{font-size:10px;color:#999}.info>small{font-size:10px;color:#8e8882;display:block;margin-top:5px}.promo{margin:0 4.5% 40px;background:#f2e8e0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.promo>div{padding:35px 9%}.promo h2{font:500 36px/1.15 'Playfair Display',serif}.promo p:not(.eyebrow){font-size:13px;line-height:1.8;color:#6d625a}.promo img{width:100%;height:320px;object-fit:cover}.newsletter{background:#faf5f1;padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}.newsletter h2{font:500 23px 'Playfair Display',serif}.newsletter p{font-size:12px;color:#81766f}footer{text-align:center;padding:35px 15px}footer p,footer>small{font-size:11px;color:#81766f}footer>div{font-size:11px;margin:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#28231f;color:white;padding:13px 20px;border-radius:6px;z-index:50;font-size:12px}.layer{position:fixed;inset:0;background:#17120f77;z-index:30;display:flex;justify-content:flex-end}.layer[hidden]{display:none}.drawer{background:white;width:min(440px,100%);height:100%;padding:22px;display:flex;flex-direction:column;overflow:auto}.drawerHead{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawerHead button,.close{border:0;background:white}.cartitem{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.cartitem img{width:75px;height:90px;object-fit:cover}.cartitem div{font-size:12px;flex:1}.cartitem p{color:var(--red)}.cartitem button{border:1px solid var(--line);background:white;padding:4px 9px}.drawer #cartSummary{margin-top:auto}.full{width:100%}.modal{position:relative;margin:auto;background:white;width:min(500px,94vw);padding:28px;border-radius:8px;max-height:90vh;overflow:auto}.modal .close{position:absolute;right:15px;top:15px}.modal h2{font-family:'Playfair Display',serif}.modal form,.admin-card form{display:grid;gap:13px}.modal label,.admin-card label{display:grid;gap:6px;font-size:12px}.modal input,.modal textarea,.admin-card input{padding:10px;border:1px solid var(--line);width:100%;border-radius:3px}.success{color:#178352;font-size:12px;margin-top:10px}.error{color:#b6243b;font-size:12px}.empty{text-align:center;color:#8b8178;padding:25px}.admin-body{background:#f6f5f2}.admin-main{max-width:1200px;margin:30px auto;padding:0 18px}.admin-card{background:white;padding:24px;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.admin-card h1{font-family:'Playfair Display',serif}.admin-card form{max-width:500px}.admin-head,.formactions,.admin-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px}.outline{background:white;border:1px solid var(--line);padding:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stats div{background:white;padding:20px;border:1px solid var(--line);display:grid;gap:8px}.stats small{color:#81766f}.stats b{font-size:21px}.admin-tabs{justify-content:flex-start;margin-bottom:15px}.admin-tabs button{padding:10px 16px;border:0;background:#e9e1db}.admin-tabs button.active{background:var(--brown);color:white}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#faf7f4}td small{display:block;color:#8d8279;margin-top:5px}td button,td select{padding:6px;border:1px solid var(--line);background:white} @media(max-width:1000px){header nav{gap:9px}header nav a{font-size:10px}.head-right input{width:120px}.hero{height:340px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.topbar span:nth-child(2),.topbar span:nth-child(3){display:none}.topbar{justify-content:space-between;font-size:9px;padding:0 10px}.header,header{height:auto;min-height:70px;padding:12px;flex-wrap:wrap}.header nav,header nav{order:3;width:100%;overflow:auto;padding:8px 0}.logo strong{font-size:27px}.head-right{margin-left:auto}.head-right input{width:100px}.hero{height:310px;grid-template-columns:1fr}.hero-bg{inset:0;background:linear-gradient(90deg,#f3e9e0ed,#f3e9e088 65%,transparent),url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1000&q=85') center/cover}.hero-copy{margin-left:6%;max-width:75%}.hero h1{font-size:32px}.sale{display:none}.categories{justify-content:flex-start;padding:15px}.benefits{grid-template-columns:repeat(2,1fr);gap:14px;padding:15px}.benefits>div{justify-content:flex-start;border:0}.benefits b,.benefits small{font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}main#products{padding:10px 12px 25px}.section-head h2{font-size:16px}.add{transform:none;padding:9px}.promo{grid-template-columns:1fr;margin:0 12px 25px}.promo img{height:230px}.newsletter{display:block;padding:22px 15px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.admin-main{padding:0 10px}.admin-card{padding:15px}}