.products-page { background:#f7f5f0; color:#24231f; }
.products-hero { position:relative; display:flex; min-height:520px; padding:170px max(6vw,40px) 80px; align-items:flex-end; overflow:hidden; box-sizing:border-box; background:linear-gradient(90deg,rgba(20,20,18,.86),rgba(20,20,18,.2)),url('../images/category-toilets.jpg') center 58%/cover no-repeat; color:#fff; }
.products-hero::after { position:absolute; inset:0; border:1px solid rgba(255,255,255,.1); content:""; pointer-events:none; }
.products-hero-inner { position:relative; z-index:1; width:min(1400px,100%); margin:0 auto; }
.products-hero .section-eyebrow { color:#c6a96e; }
.products-hero h1 { margin:15px 0 22px; font-family:Georgia,"Noto Serif KR",serif; font-size:clamp(58px,7vw,108px); font-weight:400; letter-spacing:-.06em; }
.products-hero p:last-child { margin:0; color:rgba(255,255,255,.78); font-size:15px; line-height:1.9; }
.products-hero-index { position:absolute; right:max(6vw,40px); bottom:72px; color:rgba(255,255,255,.34); font-family:Georgia,serif; font-size:76px; }
.products-catalog { padding:0 max(4vw,28px) 130px; }
.products-catalog-inner { width:min(1400px,100%); margin:0 auto; }
.products-categories { display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 100px; border-right:1px solid #d8d2c7; border-bottom:1px solid #d8d2c7; }
.products-categories a { display:flex; height:84px; padding:0 28px; align-items:center; gap:18px; border-left:1px solid #d8d2c7; background:#f7f5f0; color:#777168; font-size:14px; transition:.25s ease; }
.products-categories a span { color:#aaa297; font-family:Georgia,serif; font-size:11px; }
.products-categories a:hover,.products-categories a.is-active { background:#272722; color:#fff; }
.products-categories a.is-active span { color:#c6a96e; }
.products-toolbar { display:flex; margin-bottom:36px; align-items:flex-end; justify-content:space-between; border-bottom:1px solid #beb8ad; padding-bottom:24px; }
.products-toolbar h2 { margin:10px 0 0; font-family:Georgia,"Noto Serif KR",serif; font-size:clamp(30px,3vw,44px); font-weight:400; letter-spacing:-.045em; }
.products-toolbar-meta { display:flex; align-items:center; gap:28px; color:#777168; font-size:12px; }
.products-toolbar-meta b { color:#24231f; }
.products-toolbar-meta label { display:flex; align-items:center; gap:10px; }
.products-toolbar-meta select { min-width:110px; height:38px; padding:0 30px 0 12px; border:1px solid #cbc5ba; background:#fff; color:#555047; }
.products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:68px 24px; }
.product-card { min-width:0; }
.product-card-click { display:block; color:inherit; }
.product-card-image { position:relative; aspect-ratio:4/3; overflow:hidden; background:#e8e4dc; }
.product-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-card-image img { transform:scale(1.025); }
.product-card-image>span { position:absolute; top:18px; left:18px; display:grid; width:36px; height:36px; place-items:center; background:rgba(247,245,240,.9); color:#6e685f; font-family:Georgia,serif; font-size:11px; }
.product-card-body { padding:22px 4px 0; }
.product-card-meta { display:flex; justify-content:space-between; color:#9a7f4b; font-size:10px; font-weight:700; letter-spacing:.13em; }
.product-card h3 { margin:15px 0 10px; font-family:Georgia,"Noto Serif KR",serif; font-size:25px; font-weight:400; letter-spacing:-.04em; }
.product-card p { min-height:46px; margin:0; color:#777168; font-size:13px; line-height:1.75; word-break:keep-all; }
.product-card ul { display:flex; gap:7px; margin:18px 0 22px; padding:0; list-style:none; }
.product-card li { padding:6px 10px; border:1px solid #d2cbc0; border-radius:18px; color:#6d675e; font-size:10px; }
.product-card-link { display:flex; padding:13px 0; justify-content:space-between; border-top:1px solid #c8c1b5; color:#777168; font-size:11px; }
.product-card-link b { color:#272722; font-size:14px; }
.products-consultation { display:flex; min-height:330px; padding:70px max(8vw,50px); align-items:center; justify-content:space-between; box-sizing:border-box; background:#252520; color:#fff; }
.products-consultation h2 { margin:12px 0 0; font-family:Georgia,"Noto Serif KR",serif; font-size:clamp(34px,4vw,58px); font-weight:400; line-height:1.3; letter-spacing:-.05em; }
.products-consultation a { display:flex; width:min(340px,32vw); padding:18px 0; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.45); color:#fff; font-size:13px; }
@media(max-width:900px){.products-hero{min-height:430px;padding:140px 24px 55px}.products-hero-index{right:24px;bottom:50px;font-size:48px}.products-catalog{padding:0 20px 90px}.products-categories{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.products-categories a{height:64px;padding:0 18px}.products-toolbar{align-items:flex-start;gap:25px;flex-direction:column}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 16px}.products-consultation{padding:60px 30px}.products-consultation a{width:280px}}
@media(max-width:600px){.products-hero{min-height:390px}.products-hero h1{font-size:56px}.products-hero-index{display:none}.products-categories{margin-bottom:55px}.products-categories a{font-size:12px}.products-toolbar-meta{width:100%;justify-content:space-between}.products-grid{grid-template-columns:1fr;gap:52px}.product-card p{min-height:0}.products-consultation{align-items:flex-start;flex-direction:column;gap:50px}.products-consultation a{width:100%}}