/* SJT UX quick v1 (2026-10-22 item_ux_quick) - 빈 결과 안내 + 모바일 첫머리 줄이기. 원복: 스니펫 #186 비활성화 + 캐시 비우기 */

/* ---- 1. 빈 결과 안내: 흰 바탕, 회색 글자, 노란 카카오 버튼 ---- */
.sjt-empty{grid-column:1/-1;box-sizing:border-box;width:100%;background:#fff;border:0;text-align:center;padding:44px 16px 36px;color:#5f6b7a}
.sjt-empty[hidden]{display:none!important}
.sjt-empty-msg{margin:0 auto 22px;max-width:30em;font-size:15px;line-height:1.75;color:#5f6b7a;word-break:keep-all}
.sjt-empty-kakao,.sjt-empty-kakao:visited{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px;padding:0 30px;border-radius:10px;background:#FEE500;color:#191919!important;font-size:16px;font-weight:700;line-height:1;text-decoration:none!important;white-space:nowrap}
.sjt-empty-kakao:hover{background:#f2d900}
.sjt-empty-kakao:focus-visible{outline:3px solid #1557C0;outline-offset:2px}
@media(max-width:480px){.sjt-empty-kakao{width:100%;max-width:320px}}

/* ---- 5. 모바일 첫머리 줄이기 (390 기준): 히어로 축소, 소개글은 상품 목록 아래로 이동(글은 그대로 유지) ---- */
@media(max-width:768px){
  body.page-id-45 .entry-content,body.page-id-44 .entry-content,body.page-id-54 .entry-content,body.page-id-10187 .entry-content{display:flex;flex-direction:column}
  body.page-id-45 .entry-content>p:empty,body.page-id-44 .entry-content>p:empty,body.page-id-54 .entry-content>p:empty,body.page-id-10187 .entry-content>p:empty{display:none}
  body.page-id-45 .entry-content>*,body.page-id-44 .entry-content>*,body.page-id-54 .entry-content>*,body.page-id-10187 .entry-content>*{order:10}
  body.page-id-45 .entry-content>.sp-bc,body.page-id-44 .entry-content>.sp-bc,body.page-id-54 .entry-content>.sp-bc,body.page-id-10187 .entry-content>.sp-bc{order:1}
  body.page-id-45 .entry-content>.sp-hero,body.page-id-44 .entry-content>.sp-hero,body.page-id-54 .entry-content>.sp-hero,body.page-id-10187 .entry-content>.sp-hero{order:2}
  body.page-id-45 .entry-content>.sp-blog,body.page-id-44 .entry-content>.sp-blog,body.page-id-54 .entry-content>.sp-blog,body.page-id-10187 .entry-content>.sp-blog{order:3}
  body.page-id-45 .entry-content>.sp-div,body.page-id-44 .entry-content>.sp-div,body.page-id-54 .entry-content>.sp-div,body.page-id-10187 .entry-content>.sp-div{order:4;width:100%}
  body.page-id-45 .entry-content>.sp-intro,body.page-id-44 .entry-content>.sp-intro,body.page-id-54 .entry-content>.sp-intro,body.page-id-10187 .entry-content>.sp-intro{order:5}
  body.page-id-45 .entry-content>.sp-story,body.page-id-44 .entry-content>.sp-story,body.page-id-54 .entry-content>.sp-story,body.page-id-10187 .entry-content>.sp-story{order:6}
  body.page-id-45 .entry-content>.sp-cta,body.page-id-44 .entry-content>.sp-cta,body.page-id-54 .entry-content>.sp-cta,body.page-id-10187 .entry-content>.sp-cta{order:7}
  body.page-id-45 .entry-content>.sj-footer,body.page-id-44 .entry-content>.sj-footer,body.page-id-54 .entry-content>.sj-footer,body.page-id-10187 .entry-content>.sj-footer{order:8}
  body.page-id-45 .sp-hero,body.page-id-44 .sp-hero,body.page-id-54 .sp-hero,body.page-id-10187 .sp-hero{height:150px!important;min-height:0!important;align-items:center!important}
  body.page-id-45 .sp-hero-in,body.page-id-44 .sp-hero-in,body.page-id-54 .sp-hero-in,body.page-id-10187 .sp-hero-in{padding:0 5%!important}
  body.page-id-45 .sp-hero-lbl,body.page-id-44 .sp-hero-lbl,body.page-id-54 .sp-hero-lbl,body.page-id-10187 .sp-hero-lbl{margin-bottom:6px!important}
  body.page-id-45 .sp-hero-h1,body.page-id-44 .sp-hero-h1,body.page-id-54 .sp-hero-h1,body.page-id-10187 .sp-hero-h1{font-size:26px!important;margin-bottom:6px!important}
  body.page-id-45 .sp-hero-sub,body.page-id-44 .sp-hero-sub,body.page-id-54 .sp-hero-sub,body.page-id-10187 .sp-hero-sub{font-size:13px!important;line-height:1.5!important}
  body.page-id-10187 .sp-blog-head{margin-bottom:14px!important;padding-bottom:12px!important}
  body.page-id-45 .sp-blog,body.page-id-44 .sp-blog,body.page-id-54 .sp-blog,body.page-id-10187 .sp-blog{padding-top:20px!important}
  body.page-id-45 .sp-intro,body.page-id-44 .sp-intro,body.page-id-54 .sp-intro,body.page-id-10187 .sp-intro{padding-top:28px!important}

  /* /travel/ */
  body.page-id-8 .sv-hero{height:110px!important}
  body.page-id-8 .sv-hero-h1{font-size:24px!important}
  body.page-id-8 .sjp-shop{padding-top:6px}
  body.page-id-8 .sjp-shop h2{font-size:21px;margin:4px 0 2px}
  body.page-id-8 .sjp-sub{font-size:13px;margin-bottom:10px}
  body.page-id-8 .sjp-filter-panel{margin-bottom:12px}
  body.page-id-8 .sjp-filter-group{padding:9px 0;gap:6px}
  body.page-id-8 .sjp-filter-label{font-size:12px}
  body.page-id-8 .sjp-filter-buttons{gap:6px}
  body.page-id-8 .sjp-filter-btn{padding:6px 12px;font-size:13px}
  body.page-id-8 .sjp-tools{margin-bottom:14px}
}
