﻿:root{--gold:#c99a45;--ink:#17120f;--brown:#2d1d16;--cream:#f7f0e4;--card:#fffdf8;--muted:#766b63;--radius:22px;--shadow:0 18px 50px #29180d18}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Noto Sans Ethiopic",system-ui,sans-serif}.hero{min-height:410px;background:linear-gradient(90deg,#160f0bcf,#160f0b60),url('../images/hero.png') center/cover;color:#fff;padding:24px 5vw}.nav,.hero-inner,.wrap{max-width:1200px;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font:700 1.25rem Georgia;color:#fff;text-decoration:none}.lang{display:flex;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:4px}.lang a{color:#fff;padding:8px 13px;text-decoration:none;border-radius:99px}.lang .active{background:var(--gold);color:#17120f}.hero-inner{padding-top:95px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#e1ba71;font-size:.75rem}.hero h1{font:500 clamp(2.7rem,7vw,5.8rem)/.95 Georgia;margin:14px 0;max-width:750px}.hero p{font-size:1.05rem;max-width:580px;color:#f0e7dc}.wrap{padding:0 5vw 100px}.search{margin:-31px 0 24px;background:white;box-shadow:var(--shadow);border-radius:18px;padding:12px 18px;display:flex;gap:10px;position:relative}.search input{border:0;outline:0;width:100%;font-size:1rem}.categories{display:flex;gap:10px;overflow:auto;padding:7px 0 24px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #dacdbd;background:transparent;border-radius:99px;padding:10px 17px;cursor:pointer}.chip.active{background:var(--brown);color:#fff;border-color:var(--brown)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 18px}.section-head h2{font:500 2.2rem Georgia;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.card:hover{transform:translateY(-3px)}.photo{height:220px;background:#ddd center/cover;position:relative}.badge{position:absolute;top:14px;left:14px;background:var(--gold);border-radius:99px;padding:7px 10px;font-size:.72rem;font-weight:700}.content{padding:20px}.content h3{font:500 1.4rem Georgia;margin:0 0 7px}.content p{color:var(--muted);line-height:1.55;min-height:48px}.meta,.price-row{display:flex;justify-content:space-between;align-items:center}.meta{font-size:.78rem;color:var(--muted)}.price{font:700 1.22rem Georgia;color:#9c6816}.old{text-decoration:line-through;color:#999;font-size:.85rem}.btn{border:0;background:var(--gold);color:#17120f;font-weight:750;padding:11px 15px;border-radius:12px;cursor:pointer}.btn:disabled{opacity:.45}.floating{position:fixed;right:24px;bottom:24px;background:var(--brown);color:#fff;border:0;border-radius:99px;padding:15px 20px;box-shadow:0 10px 30px #0005;z-index:10}.footer{background:#17120f;color:#d8cbbc;padding:55px 5vw}.footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100%);background:white;z-index:30;box-shadow:-20px 0 70px #0004;padding:24px;transform:translateX(105%);transition:.3s;overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.cart-item img{width:56px;height:56px;object-fit:cover;border-radius:10px}.qty button{width:28px;height:28px;border:1px solid #ddd;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}.span2{grid-column:1/-1}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:360px}.hero-inner{padding-top:70px}.grid{grid-template-columns:1fr}.photo{height:235px}.footer-inner{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.floating{right:15px;bottom:15px}}

