/* templates/store_basic/theme.css — 매장안내형 1 매장 안내: 친근한 초록 1색·둥근 12px·버튼 크게(폰 우선) (2026-10-12)
   가정: <body class="tpl-store_basic">, 블록 = .hb-blk-<type>. */
:root{
  --hb-primary:#0b7a3b;--hb-accent:#0b7a3b;--hb-bg:#ffffff;--hb-fg:#16201a;--hb-muted:#5c6660;--hb-line:#e3e8e5;
  --hb-radius:12px;--hb-card-radius:12px;--hb-btn-radius:12px;
  --hb-font-head:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --hb-font-body:var(--hb-font-head);
}
.tpl-store_basic{--sec:clamp(40px,7vw,88px);--tx:var(--hb-fg);--tx2:var(--hb-muted);--line:var(--hb-line);--bg2:#f3f7f4;background:var(--hb-bg);color:var(--hb-fg);font-family:var(--hb-font-body);font-size:16px}
.tpl-store_basic h1,.tpl-store_basic h2,.tpl-store_basic h3{font-family:var(--hb-font-head)}
.tpl-store_basic :focus-visible{outline-color:var(--hb-primary)}
.tpl-store_basic .lbl{color:var(--hb-primary)}
.tpl-store_basic .hero-txt .lbl{color:#fff}

/* 버튼 — 크게(손가락), 초록 1색 */
.tpl-store_basic .btn{min-height:52px;border-radius:var(--hb-btn-radius);border-color:var(--hb-primary);color:var(--hb-primary);font-size:16px}
.tpl-store_basic .btn-primary{background:var(--hb-primary);color:#fff}
.tpl-store_basic .btn-primary:hover{background:var(--hb-primary);border-color:var(--hb-primary);filter:brightness(.9)}
.tpl-store_basic .btn-line:hover{background:var(--hb-primary);color:#fff}
.tpl-store_basic .btn-white{color:var(--hb-primary);border-color:#fff}
.tpl-store_basic .chip{border-radius:999px}
.tpl-store_basic .chip.on,.tpl-store_basic .chip:hover{background:var(--hb-primary);border-color:var(--hb-primary);color:#fff}
.tpl-store_basic .tab[aria-current]{color:var(--hb-primary)}
.tpl-store_basic .gnb a:hover,.tpl-store_basic .gnb a[aria-current]{border-bottom-color:var(--hb-primary)}

/* 섹션 머리 — 한글 제목 크게, 대문자 영문 느낌 줄임 */
.tpl-store_basic .sec-hd{text-align:left;margin-bottom:18px}
.tpl-store_basic .sec-en{font-size:clamp(22px,5.6vw,30px);letter-spacing:-.01em;text-transform:none}
.tpl-store_basic .sec-more{border-bottom:0;color:var(--hb-primary)}

/* hero — 매장 사진 + 오늘 영업 */
.tpl-store_basic .hero{margin:12px 16px 0;border-radius:var(--hb-card-radius)}
.tpl-store_basic .hero-track{aspect-ratio:4/3}
.tpl-store_basic .hero-noimg{background:var(--bg2);padding:clamp(40px,9vw,80px) 0}
.tpl-store_basic .hero-noimg .btn-primary{min-height:54px;padding:0 26px}
.tpl-store_basic .hero-title{font-size:clamp(26px,6.6vw,40px);letter-spacing:-.02em}

/* about — 매장 소개 문단(첫 화면, 검색엔진이 읽는 본문) */
.tpl-store_basic .hb-blk-about{padding-top:28px}
.tpl-store_basic .hb-blk-about .wrap>*{min-width:0}
.tpl-store_basic .hb-blk-about h2,.tpl-store_basic .hb-blk-about h3{font-size:clamp(20px,5.2vw,26px);letter-spacing:-.01em;line-height:1.35}
.tpl-store_basic .hb-blk-about p{color:var(--hb-muted);line-height:1.8;margin-top:8px}
.tpl-store_basic .hb-blk-about img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:var(--hb-card-radius);margin-top:14px;background:var(--bg2)}

/* faq — 둥근 묶음 */
.tpl-store_basic .faq{border-top:0;background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-card-radius);padding:0 16px}
.tpl-store_basic .faq details:last-child{border-bottom:0}
.tpl-store_basic .faq summary::before{color:var(--hb-primary)}

/* map — 주소·영업시간·전화·지도 버튼 */
.tpl-store_basic .hb-blk-map .wrap>*{min-width:0}
.tpl-store_basic .hb-blk-map dl,.tpl-store_basic .hb-blk-map ul,.tpl-store_basic .hb-blk-map table{width:100%;border-collapse:collapse;margin:0;font-size:15px}
.tpl-store_basic .hb-blk-map dl>div,.tpl-store_basic .hb-blk-map li,.tpl-store_basic .hb-blk-map tr{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hb-line)}
.tpl-store_basic .hb-blk-map dt,.tpl-store_basic .hb-blk-map th{color:var(--hb-muted);font-weight:500;text-align:left}
.tpl-store_basic .hb-blk-map dd,.tpl-store_basic .hb-blk-map td{margin:0;font-weight:700;text-align:right}
.tpl-store_basic .hb-blk-map a[href^="tel:"]{display:inline-block;font-size:clamp(22px,6vw,28px);font-weight:800;color:var(--hb-primary);text-decoration:none}
.tpl-store_basic .hb-blk-map .btn{flex:1 1 140px}

/* events — 이번 주 행사 카드(기간 배지) */
.tpl-store_basic .hb-blk-events ul,.tpl-store_basic .hb-blk-events ol{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tpl-store_basic .hb-blk-events li,.tpl-store_basic .hb-blk-events article{min-width:0;border:1px solid var(--hb-line);border-radius:var(--hb-card-radius);padding:16px 18px;background:#fff}
.tpl-store_basic .hb-blk-events time{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--bg2);color:var(--hb-primary);font-size:13px;font-weight:700}
.tpl-store_basic .hb-blk-events h3{font-size:17px;margin-top:8px;line-height:1.45}
.tpl-store_basic .hb-blk-events img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:calc(var(--hb-card-radius) - 4px);margin-bottom:10px}

/* 행사 상품 카드 */
.tpl-store_basic .card-img{border-radius:var(--hb-card-radius)}
.tpl-store_basic .price-disc{background:var(--hb-primary);border-radius:6px}
.tpl-store_basic .price-now{font-size:17px}

/* 공지 */
.tpl-store_basic .notice-mini,.tpl-store_basic .board-list{border-top:2px solid var(--hb-fg)}
.tpl-store_basic .notice-mini a{padding:15px 0;font-size:15px}
.tpl-store_basic .pin{border-color:var(--hb-primary);color:var(--hb-primary);border-radius:6px}
.tpl-store_basic .info-card{border-radius:var(--hb-card-radius)}

/* contact — 카카오·전화 큰 버튼 2개 */
.tpl-store_basic .hb-blk-contact{margin-top:var(--sec)}
.tpl-store_basic .hb-blk-contact .btn{flex:1 1 150px;min-height:56px;font-size:17px}
.tpl-store_basic .hb-blk-contact .btn-kakao,.tpl-store_basic .hb-blk-contact a[href*="kakao"]{background:#fee500;border-color:#fee500;color:#191600}

@media (min-width:768px){
  .tpl-store_basic .hero{margin:16px auto 0;max-width:1208px}
  .tpl-store_basic .hero-track{aspect-ratio:1920/700}
  .tpl-store_basic .hb-blk-map .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
  .tpl-store_basic .hb-blk-events ul,.tpl-store_basic .hb-blk-events ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media (min-width:960px){
  .tpl-store_basic .hb-blk-events ul,.tpl-store_basic .hb-blk-events ol{grid-template-columns:repeat(4,minmax(0,1fr))}
}