:root{--bg:#f7f6f3;--card:#fff;--ink:#111;--muted:#99938b;--line:#e5e1db;--soft:#efede9;--dark:#151515;--sale:#8d2e24}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:40;background:rgba(247,246,243,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:76px;max-width:1420px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}.brand-word{display:block;font-weight:900;font-size:21px;letter-spacing:.16em}.brand-sub{display:block;margin-top:5px;font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:700}.brand-logo{display:block;width:170px;height:auto;}.header-meta{display:flex;align-items:center;gap:18px}.private-note{font-size:10px;color:var(--muted);letter-spacing:.12em}.reset{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.hero{background:#fbfaf8;border-bottom:1px solid var(--line)}.hero-inner{max-width:1420px;margin:auto;min-height:210px;padding:34px 34px 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:44px}.hero-kicker,.catalog-eyebrow{margin:0 0 11px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:60px;line-height:1;margin:0;letter-spacing:-.035em}.hero-copy{margin:18px 0 0;color:#706a63;font-size:15px}.hero-stats{display:grid;grid-template-columns:repeat(3,128px);border-left:1px solid var(--line)}.hero-stats div{padding:10px 20px;border-right:1px solid var(--line);text-align:center}.hero-stats strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400}.hero-stats span{display:block;margin-top:7px;color:var(--muted);font-size:9px;letter-spacing:.12em}
.toolbar-wrap{position:sticky;top:76px;z-index:30;background:rgba(247,246,243,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.toolbar{max-width:1420px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;display:flex;align-items:center;gap:7px;height:60px;padding:0 18px;border:0;background:transparent;white-space:nowrap;color:#706a63;font-size:12px;cursor:pointer}.tab .dot{width:7px;height:7px;border-radius:50%;background:#c8c3bc}.tab b{font-size:10px;font-weight:700;color:#aaa49d}.tab.is-active{color:#111;font-weight:800}.tab.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#111}.tabs .tab:first-child{ padding-left:0; } .tabs .tab:first-child.is-active:after{ left:0; }.tab.is-active .dot{background:#111}.tab.sale{color:var(--sale)}.tab.sale .dot{background:#c59b94}.tab.sale.is-active:after{background:var(--sale)}.tab.sale.is-active .dot{background:var(--sale)}.search{width:min(330px,27vw);height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;flex:0 0 auto}.search span{color:#aaa}.search input{border:0;outline:0;width:100%;font-size:12px;background:transparent}.search input::placeholder{color:#aaa49d}
.catalog-wrap{max-width:1420px;margin:auto;padding:42px 34px 90px}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.catalog-head h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;margin:0;letter-spacing:-.02em}.result-count{font-size:11px;color:var(--muted);margin:0}.brand-section{margin:0 0 52px}.brand-banner{border-radius:14px;background:#efeee9;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand-banner-main{display:flex;align-items:center;gap:14px}.brand-mark{width:8px;height:8px;border-radius:50%;background:#111}.brand-banner h3{margin:0;font-size:16px;letter-spacing:-.01em}.brand-banner p{margin:5px 0 0;color:var(--muted);font-size:10px}.brand-count{min-width:42px;height:32px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.68);display:grid;place-items:center;font-size:10px;font-weight:800;color:#6d675f}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);border-color:#d3cec6;box-shadow:0 12px 32px rgba(0,0,0,.055)}.product-image{position:relative;aspect-ratio:1.08/1;background:#faf9f7;display:grid;place-items:center;padding:28px 24px 8px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brand-label{position:absolute;top:12px;right:12px;max-width:74%;padding:7px 9px;border-radius:5px;background:#171717;color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-label{position:absolute;left:12px;top:12px;border:1px solid #d9d5ce;background:rgba(255,255,255,.92);border-radius:5px;padding:6px 8px;font-size:9px;font-weight:800;color:#6d675f}.sale-dot{position:absolute;right:15px;bottom:15px;width:11px;height:11px;border-radius:50%;background:var(--sale);box-shadow:0 2px 8px rgba(141,46,36,.3)}
.product-body{padding:18px 18px 17px}.product-name{margin:0;font-size:16px;font-weight:800;line-height:1.38;letter-spacing:-.025em}.product-designer{margin:6px 0 0;color:#aaa49d;font-size:10px;line-height:1.4;text-transform:uppercase}.product-price{margin:17px 0 0;font-size:18px;font-weight:800;letter-spacing:-.018em;white-space:pre-line}.product-price.many{font-size:13px;line-height:1.5}.product-sale{margin-top:7px;color:var(--sale);font-weight:900;font-size:18px}.quick-spec{margin-top:17px;border-top:1px solid var(--line);padding-top:11px}.quick-spec-row{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:4px 0;font-size:10.5px;line-height:1.45}.quick-spec-row span{color:var(--muted)}.quick-spec-row strong{font-weight:650;min-width:0;word-break:keep-all}.card-code{margin-top:12px;color:#aaa49d;font-size:9px;letter-spacing:.04em}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 18px}.card-actions.single{grid-template-columns:1fr}.card-action{min-height:44px;border-radius:9px;border:1px solid #111;background:#fff;color:#111;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.05em;cursor:pointer}.card-action.primary{background:#111;color:#fff}.empty{padding:70px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;color:var(--muted);font-size:13px}footer{max-width:1420px;margin:0 auto;padding:26px 34px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.1em}
.gallery-modal[hidden]{display:none}.gallery-modal{position:fixed;inset:0;z-index:100}.gallery-backdrop{position:absolute;inset:0;background:rgba(15,15,15,.58);backdrop-filter:blur(8px)}.gallery-panel{position:absolute;inset:34px;max-width:1100px;margin:auto;background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 40px 100px rgba(0,0,0,.24)}.gallery-close{position:absolute;right:18px;top:18px;z-index:5;width:40px;height:40px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:rgba(255,255,255,.94);font-size:26px;line-height:1;cursor:pointer}.gallery-head{padding:24px 70px 14px 24px}.gallery-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.gallery-head h2{margin:7px 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:30px}.gallery-stage{position:relative;min-height:0;background:#f7f6f3;display:grid;place-items:center}.gallery-stage img{width:100%;height:100%;object-fit:contain;padding:4%;mix-blend-mode:multiply}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:56px;border:0;border-radius:999px;background:rgba(255,255,255,.88);font-size:34px;cursor:pointer}.gallery-arrow.prev{left:16px}.gallery-arrow.next{right:16px}.gallery-count{padding:14px 20px 18px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:1250px){.hero-inner,.catalog-wrap{max-width:1100px}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-stats{grid-template-columns:repeat(3,110px)}}
@media(max-width:900px){.hero-inner{min-height:240px}.hero h1{font-size:50px}.hero-stats{display:none}.toolbar{display:block;padding:0}.tabs{padding:0 24px;border-bottom:1px solid var(--line)}.search{width:calc(100% - 48px);margin:10px 24px 12px}.catalog-wrap{padding-top:30px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.header-inner{height:68px;padding:0 16px}.brand-text-desktop{display:none}.brand-logo{display:block;width:155px;max-height:50px}.private-note{display:none}.reset{padding:8px 11px;font-size:9px}.hero{display:none}.toolbar-wrap{top:68px}.toolbar{display:block}.tabs{padding:0 14px}.tab{height:50px;padding:0 12px;font-size:12px}.tab:first-child{padding-left:2px}.tab.is-active:after{left:2px;right:2px}.search{width:calc(100% - 28px);margin:8px 14px 10px;height:38px}.catalog-wrap{padding:18px 14px 60px}.catalog-head{align-items:flex-end;margin:0 2px 16px}.catalog-eyebrow{font-size:9px;margin-bottom:7px}.catalog-head h2{font-size:27px}.result-count{font-size:9px;max-width:38%;text-align:right;line-height:1.35}.brand-section{margin-bottom:34px}.brand-banner{padding:14px 15px;border-radius:11px;margin-bottom:10px}.brand-banner-main{gap:11px}.brand-banner h3{font-size:15px}.brand-banner p{font-size:9px;line-height:1.4}.brand-count{min-width:38px;height:30px}.product-grid{grid-template-columns:1fr;gap:14px}.product-card{border-radius:14px}.product-image{aspect-ratio:1.35/1;padding:34px 28px 5px}.brand-label{top:13px;right:13px;font-size:9px;padding:7px 9px}.floor-label{left:13px;top:13px;font-size:9px;padding:6px 8px}.sale-dot{right:16px;bottom:14px;width:12px;height:12px}.product-body{padding:19px 18px 15px}.product-name{font-size:19px;line-height:1.35}.product-designer{font-size:11px;margin-top:7px}.product-price{font-size:19px;margin-top:17px}.product-price.many{font-size:13px}.product-sale{font-size:19px}.quick-spec{margin-top:16px;padding-top:10px}.quick-spec-row{grid-template-columns:72px 1fr;gap:9px;padding:5px 0;font-size:12px;line-height:1.5}.card-code{font-size:10px;margin-top:13px}.card-actions{padding:0 18px 18px;gap:8px}.card-action{min-height:46px;font-size:10px}.gallery-panel{inset:0;border-radius:0}.gallery-head{padding:20px 58px 12px 18px}.gallery-head h2{font-size:23px}.gallery-stage img{padding:5%}.gallery-arrow{width:38px;height:52px}footer{padding:22px 16px 38px}}
@media(max-width:640px){

  /* 층 탭 + 검색창은 모바일에서 고정하지 않음 */
  .toolbar-wrap{
    position:static;
  }

  /* 카드 상단 제목 영역 압축 */
  .catalog-wrap{
    padding:14px 14px 52px;
  }

  .catalog-head{
    margin:0 2px 12px;
  }

  .catalog-head h2{
    font-size:24px;
  }

  .catalog-eyebrow{
    margin-bottom:5px;
  }

  /* 브랜드 구분 영역 축소 */
  .brand-banner{
    padding:11px 14px;
    margin-bottom:10px;
  }

  .brand-banner p{
    display:none;
  }

  /* ★ 가장 중요: 이미지 높이 축소 */
  .product-image{
    aspect-ratio:1.35 / 1;
    padding:24px 24px 4px;
  }

  /* 제품 정보 영역 조금 압축 */
  .product-body{
    padding:16px 16px 12px;
  }

  .product-name{
    font-size:17px;
    line-height:1.3;
  }

  .product-designer{
    margin-top:5px;
    font-size:10px;
  }

  .product-price{
    margin-top:13px;
    font-size:18px;
  }

  .quick-spec{
    margin-top:13px;
    padding-top:8px;
  }

  .quick-spec-row{
    grid-template-columns:66px 1fr;
    gap:8px;
    padding:3px 0;
    font-size:11px;
    line-height:1.4;
  }

  .card-actions{
    padding:0 16px 16px;
  }

  .card-action{
    min-height:42px;
  }
}
