@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

.products-page{background:#f5f1e7;color:#17140f;min-height:100vh;padding:80px max(5vw,24px) 120px;font-family:'Noto Sans KR',sans-serif}
.products-intro{max-width:1500px;margin:0 auto 38px}
.products-intro .eyebrow{margin:0 0 10px;color:#9d7a2d;font-size:12px;font-weight:700;letter-spacing:.28em}
.products-intro h1{margin:0;font-size:clamp(42px,5vw,72px);font-weight:700;letter-spacing:-.05em}
.products-intro>p:not(.eyebrow){margin:16px 0 0;color:#665d4d;font-size:17px}
.products-intro .notice{font-size:13px!important}
.filters{max-width:1500px;margin:0 auto 34px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #cfc4ad;padding-top:22px}
.filters button{border:1px solid #b7aa90;background:transparent;padding:11px 17px;color:#342d22;font:700 14px 'Noto Sans KR',sans-serif;cursor:pointer}
.filters button b{margin-left:5px;color:#9d7a2d}
.filters button.active,.filters button:hover{background:#17140f;border-color:#17140f;color:#fff}
.product-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.product-card{min-width:0;border-bottom:1px solid #cfc4ad;padding-bottom:22px}
.product-card[hidden]{display:none}
.product-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#e2ddd2}
.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.product-image:hover img{transform:scale(1.035)}
.product-copy p{display:flex;justify-content:space-between;gap:12px;margin:17px 0 8px;color:#9d7a2d;font-size:12px;font-weight:700}
.product-copy small{color:#756c5d;font-size:11px;font-weight:500}
.product-copy h2{min-height:3.2em;margin:0 0 14px;font-size:16px;line-height:1.6;font-weight:700;letter-spacing:-.025em}
.product-link{color:#17140f;font-size:13px;font-weight:700;text-decoration:none}
.product-link:hover{color:#9d7a2d}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.products-page{padding:48px 18px 80px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-copy h2{font-size:14px}.filters{gap:7px}.filters button{padding:9px 11px;font-size:12px}}
@media(max-width:400px){.product-grid{grid-template-columns:1fr}}