*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;color:#29231f;background:#fffaf6}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5}header b{font-size:24px}nav{display:flex;gap:25px}nav a{color:#29231f;text-decoration:none}header button{padding:10px 15px;background:white;border:1px solid #29231f;border-radius:5px}.hero{padding:110px 8%;min-height:500px;background:linear-gradient(90deg,#f2ded0,#fffaf6)}.hero h1{font-size:clamp(42px,6vw,70px);max-width:700px;margin:15px 0}.hero p{font:18px Arial,sans-serif;line-height:1.6}.primary{display:inline-block;background:#29231f;color:white;text-decoration:none;padding:14px 25px;border-radius:5px;margin-top:15px}section{padding:70px 6%}h2{font-size:35px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.card{background:#fff;border:1px solid #eadfd7;border-radius:10px;overflow:hidden}.pic{height:270px;background:#eee;display:flex;align-items:center;justify-content:center;font-family:Arial;color:#777}.body{padding:18px}.price{font:bold 20px Arial}.add{width:100%;padding:11px;margin-top:14px;background:white;border:1px solid #29231f;border-radius:4px}.about{text-align:center;background:#f2ded0}.about p{font:17px Arial}footer{text-align:center;padding:25px;font:14px Arial}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:10}.hidden{display:none}.box{background:white;padding:30px;width:min(500px,90%);border-radius:10px;position:relative}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}