:root{--bg: #f7f4ef;--ink: #1a1a1a;--muted: #8a8278;--line: #d8d1c6;--paper: #fffdf9}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Jost,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.site-header,.site-footer{display:flex;justify-content:center;padding:28px 24px;letter-spacing:.35em;text-transform:uppercase;font-size:11px;color:var(--muted)}.brand{display:flex;flex-direction:column;align-items:center;gap:8px}.mark{font-family:Cormorant Garamond,serif;font-size:42px;letter-spacing:.12em;color:var(--ink);line-height:1}.name{letter-spacing:.42em;font-size:11px;padding-left:.42em}.catalog,.detail,.empty{width:min(1080px,calc(100% - 48px));margin:0 auto 64px}.empty{text-align:center;padding-top:48px}.empty h1,.detail h1,.card h2{font-family:Cormorant Garamond,serif;font-weight:400}.eyebrow,.status{letter-spacing:.32em;text-transform:uppercase;font-size:11px;color:var(--muted);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:36px 28px;margin-top:36px}.card{display:flex;flex-direction:column;gap:8px}.card h2{margin:12px 0 0;font-size:28px;font-weight:400}.frame{position:relative;aspect-ratio:4 / 5;background:#efeae3;display:flex;align-items:center;justify-content:center;overflow:hidden}.badge{position:absolute;top:12px;left:12px;z-index:1;background:var(--ink);color:var(--bg);font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:7px 9px 6px 11px}.frame img{width:100%;height:100%;object-fit:cover}.no-photo{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.price{margin:0;letter-spacing:.08em}.price.large{font-size:18px}.avail{margin:0;color:var(--ink);font-size:14px}.muted{color:var(--muted)}.text-link{letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;margin-top:28px}.detail h1{margin:0 0 8px;font-size:clamp(40px,5vw,64px);font-weight:400}.detail h2{margin:32px 0 12px;font-size:12px;font-weight:400;letter-spacing:.28em;text-transform:uppercase}.description{line-height:1.7}.detail .description h1,.detail .description h2,.detail .description h3{font-family:Cormorant Garamond,serif;font-weight:400;letter-spacing:0;text-transform:none;margin:.7em 0 .25em}.detail .description h1{font-size:34px}.detail .description h2{font-size:26px}.detail .description h3{font-size:20px}.description p{margin:0 0 .8em}.description ul{margin:.4em 0 .8em;padding-left:1.2em}.description li:has(input[type=checkbox]){list-style:none;margin-left:-1.2em}.description input[type=checkbox]{margin-right:8px;accent-color:var(--ink)}.description strong{font-weight:500}.thumbs{display:flex;gap:8px;margin-top:12px}.thumb{width:64px;height:80px;padding:0;border:1px solid transparent;background:#efeae3;cursor:pointer}.thumb.selected{border-color:var(--ink)}.thumb img{width:100%;height:100%;object-fit:cover}.groups{list-style:none;margin:0;padding:0}.groups li{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-top:1px solid var(--line)}@media (max-width: 800px){.detail-layout{grid-template-columns:1fr;gap:24px}}
