/* MEZIS 쇼룸 사이트 - PC 전용 디자인 (화면 폭 1024px 이상에서만 적용, 모바일은 site.css 그대로) */
@media (min-width:1024px){
  :root{--pcw:1320px}
  body{font-size:18px;padding-bottom:0}
  .wrap{max-width:var(--pcw);padding:0 56px}
  .tabbar{display:none}

  /* 상단 */
  .hd .wrap{height:88px}
  .hd .logo img{height:46px}
  .topnav{display:flex;gap:46px}
  .topnav a{font-size:15px;letter-spacing:.14em;padding:10px 0;border-bottom-width:2px}
  .topnav a:hover{color:var(--brick)}

  /* 글자 */
  h1{font-size:46px;line-height:1.3}
  h2{font-size:32px}
  h3{font-size:22px}
  .lead{font-size:20px}
  .page-h{padding:64px 0 14px}
  .page-h p{font-size:19px}
  .prose p{font-size:19px;line-height:1.95;max-width:560px}

  /* 버튼: 가로로 나란히 */
  .stack{display:flex;flex-wrap:wrap;gap:12px;max-width:none}
  .stack .btn{width:auto;min-width:230px;padding:14px 34px}
  .btn{transition:background .2s,color .2s,border-color .2s}
  .btn:not(.primary):not(.off):not(.dark):hover{background:var(--ink);color:#f3ead6}
  .chip{transition:border-color .2s}.chip:hover{border-color:var(--ink)}
  .chips{flex-wrap:wrap;overflow:visible;padding-bottom:22px}

  /* 푸터 */
  .ft{margin-top:96px;padding:54px 0 60px;font-size:15px}
  .ft img{height:36px}

  /* ---------- 메인 ---------- */
  .hero{padding:48px 0 0}
  .hero .wrap{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center;padding-top:0}
  .hero .wrap>div:first-child{order:2}
  .hero-copy{order:1;padding:0}
  .hero-copy h1{font-size:42px;line-height:1.36;margin-bottom:22px;word-break:keep-all}
  .hero-copy p{font-size:20px;margin-bottom:34px;max-width:460px}
  .slides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;overflow:visible;scroll-snap-type:none}
  .slide{flex:none;max-height:none;aspect-ratio:3/4.7;background:#fff}
  .slide:nth-child(2){margin-top:64px}
  .slide:nth-child(3){margin-top:22px}
  .slide img{object-position:50% 12%}
  .dots{display:none}
  .sec{padding:84px 0 0}
  .sec-h{margin-bottom:26px;align-items:flex-end}
  .sec-h a{font-size:16px}
  .postcard{display:grid;grid-template-columns:auto 1fr;column-gap:56px;align-items:center;padding:34px 44px}
  .postcard .tg{grid-row:1/span 2;font-size:15px;white-space:nowrap}
  .postcard h3{font-size:26px;margin:0 0 6px}
  .hscroll{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;overflow:visible;padding-bottom:0}
  .hscroll .look{flex:none}
  .banner{display:flex;align-items:center;gap:36px;margin:84px 0 0;padding:34px 44px}
  .banner b{font-size:26px;margin:0}
  .banner span{flex:1}
  .banner em{margin:0}

  /* 룩 카드 */
  .grid{grid-template-columns:repeat(4,1fr);gap:44px 26px}
  .look .ph{background:#fff}
  .look .ph img{transition:transform .5s ease}
  .look:hover .ph img{transform:scale(1.04)}
  .look .nm{font-size:17px;margin-top:14px}

  /* ---------- 룩북 / 소식 / 보증서 ---------- */
  .grid{margin-top:34px!important}
  body[data-page=look] main>.banner{margin-top:72px}
  #list .post{margin:0}
  body[data-page=look] #list{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
  body[data-page=look] #list .empty{grid-column:1/-1}
  .post summary{padding:26px 30px}
  .post summary h3{font-size:22px}
  .post .bd{padding:20px 30px 28px}

  body[data-page=care] main{display:grid;grid-template-columns:5fr 7fr;column-gap:88px;align-items:start}
  body[data-page=care] .page-h,body[data-page=care] .vals,body[data-page=care] .notice-line,body[data-page=care] .stack{grid-column:1}
  body[data-page=care] .steps{grid-column:2;grid-row:1/span 4;margin-top:64px}
  body[data-page=care] .page-h{padding-bottom:6px}
  .steps li{padding:30px 0 30px 78px}
  .steps li::before{width:48px;height:48px;top:28px;font-size:20px}
  .steps b{font-size:22px;margin-bottom:4px}
  .vals{margin-top:26px}
  .notice-line{font-size:17px}

  /* ---------- 회사 / 브랜드 ---------- */
  body[data-page=company] #main{grid-template-rows:auto 1fr;display:grid;grid-template-columns:5fr 7fr;column-gap:84px;align-items:start}
  body[data-page=company] #main>*{grid-column:1/-1}
  body[data-page=company] #main>.page-h{grid-column:1;padding-top:84px}
  body[data-page=company] #main>.page-h h1{font-size:44px;word-break:keep-all}
  body[data-page=company] #main>.prose{grid-column:1}
  body[data-page=company] #main>.album{grid-column:2;grid-row:1/span 2;margin:60px 0 0;align-self:start}
  body[data-page=brand] #body{grid-template-rows:auto auto auto 1fr;display:grid;grid-template-columns:5fr 7fr;column-gap:84px;align-items:start}
  body[data-page=brand] #body>*{grid-column:1/-1}
  body[data-page=brand] #body>.badge{grid-column:1;justify-self:start}
  body[data-page=brand] #body>h2,body[data-page=brand] #body>p.mute,body[data-page=brand] #body>.prose{grid-column:1}
  body[data-page=brand] #body>h2{font-size:42px;margin-top:6px}
  body[data-page=brand] #body>.album{grid-column:2;grid-row:1/span 4;margin:0}
  body[data-page=brand] .page-h{padding-top:64px}
  .album{margin:36px 0 10px;gap:22px;padding:14px 8px 30px}
  .pol{padding:12px 12px 14px}
  .pol figcaption{font-size:16px}
  body[data-page=company] #main>.album,body[data-page=brand] #body>.album{grid-template-columns:repeat(3,1fr)}
  body[data-page=company] #main>.album[data-n="4"],body[data-page=brand] #body>.album[data-n="4"]{grid-template-columns:repeat(2,1fr)}
  body[data-page=brand] #body>.album[data-n="2"]{grid-template-columns:repeat(2,1fr)}
  .vcards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
  .vcards li{padding:30px 30px 32px}
  .vcards b{font-size:22px}
  .sec .tline,.tline{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 34px;margin:34px 0 0;padding:0;border:0}
  .tline li{padding:34px 0 34px;border-top:2px solid var(--camel)}
  .tline li::before{left:0;top:-9px}
  .tline li:last-child{padding-bottom:34px}
  .tline .yr{font-size:17px}
  .tline b{font-size:20px}
  .tl-ph{width:140px}
  .sec>h2{font-size:34px}

  /* ---------- 매장 ---------- */
  .stores{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0}
  .store{padding:26px 26px 24px;background:#fff;border:1px solid var(--line)}
  .store h3{font-size:22px}
  .store .ad{margin-bottom:18px}

  /* ---------- 룩 상세 ---------- */
  body.detail .wrap{max-width:1240px}
  .detail-cols{grid-template-columns:7fr 5fr;gap:72px;padding-top:40px}
  .detail-cols .gal{grid-template-columns:1fr 1fr;gap:10px;background:none;position:static}
  .detail-cols .gal .g{background:#fff}
  .detail-cols .gal .g:first-child{grid-column:1/-1;aspect-ratio:4/4.6}
  .detail-cols>div:last-child{position:sticky;top:112px;align-self:start}
  .sw{display:none}
  .d-title{padding-top:0}
  .d-title h1{font-size:36px}
  .blk{padding:26px 0}
  .blk h2{font-size:21px}
  .actionbar{position:static;border:0;background:none;padding:0;margin-top:26px}
  .actionbar .wrap{max-width:none;padding:0}
  body.detail{padding-bottom:0}

  /* 매장 선택 창 */
  .sheet{align-items:center}
  .sheet-box{max-width:640px;border-radius:14px}
}

/* 스마트 보증서 페이지 QR (PC 전용) */
.pc-qr{display:flex;align-items:center;gap:28px;margin:8px 0 36px;padding:24px 28px;border:1px solid #ddd;max-width:560px}
.pc-qr #pcQrImg{width:132px;height:132px;flex:none}
.pc-qr #pcQrImg svg{width:100%;height:100%;display:block}
.pc-qr b{font-size:18px}
.pc-qr p{margin:8px 0 0;color:#555;line-height:1.6}