:root{--ink:#183f35;--paper:#faf8f1;--line:#d9dfd3;--accent:#c9a877}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 24px;cursor:pointer;border-radius:2px}button:hover,.button:hover{background:#2d594b;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.top{background:var(--ink);color:#fff;padding:9px 5%;display:flex;justify-content:space-between;font-size:12px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:3px}.brand small{display:block;text-align:center;font:9px Arial;letter-spacing:4px}nav{display:flex;gap:32px;font-size:14px}#count{background:#e6ebdf;border-radius:50%;padding:4px 8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:#e9eddf;padding:65px 8%;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(38px,5vw,70px);margin:20px 0}h2{font-size:38px}h3{font-size:20px}.hero p{max-width:430px;margin:24px 0 32px;color:#536253}.hero-art{display:flex;justify-content:center;align-items:center;gap:20px}.hero-art img{width:44%;box-shadow:10px 20px 25px #173e3530;transform:rotate(-8deg)}.hero-art img+img{transform:rotate(9deg) translateY(30px)}.strip{display:flex;justify-content:space-around;gap:15px;padding:20px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1px}.section{padding:60px 6%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}input,select{padding:12px;border:1px solid #bac7b7;background:transparent;color:var(--ink);border-radius:2px}input{min-width:280px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px}.cover{height:300px;background:#eeeee5;display:flex;align-items:center;justify-content:center;padding:25px}.cover img{max-width:100%;height:100%;object-fit:contain;box-shadow:5px 8px 12px #0002}.card h3{margin:17px 0 10px;line-height:1.35;font-size:19px}.card p{font-size:12px;color:#637463}.price{font-weight:bold;font-size:16px!important;color:var(--ink)!important}.about{background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px 8%}.about p{max-width:550px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail .cover{height:600px}.detail h1{font-size:42px}.muted{color:#687667;font-size:14px}.notice{padding:18px;background:#eeeee5;border-left:3px solid var(--accent)}.cartrow{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.cartrow img{width:65px}.cartrow h3{flex:1;font-size:18px}.cartrow button{padding:7px 12px}.summary{max-width:520px;margin:35px 0 35px auto;padding:30px;background:#e9eddf}.summary p{display:flex;justify-content:space-between}footer{padding:50px 5%;background:var(--ink);color:#f5f5e8;display:flex;justify-content:space-between;gap:35px;font-size:12px}footer .brand{font-size:23px}.empty{padding:80px 0;text-align:center}@media(max-width:800px){.top span{display:none}.top{justify-content:center}header{flex-direction:column;gap:22px}nav{gap:20px}.hero{grid-template-columns:1fr;padding:40px 7%;gap:30px}.hero-art{padding:20px 25px 40px}.hero-art img{max-height:280px;width:auto;max-width:45%}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.cover{height:240px;padding:15px}.section{padding:35px 5%}.section-head,.about,.detail{display:block}.detail .cover{height:400px}.detail h1{font-size:32px}.about{padding:40px 7%}footer{flex-direction:column}.strip{font-size:10px}.cartrow{gap:10px;flex-wrap:wrap}.cartrow h3{min-width:150px}input{min-width:0;width:100%}}
