/* ===== 首頁 內湖店面＋Google Map（2026-11-04） ===== */
#store{background:transparent}
#store .st-in{max-width:1180px;margin:0 auto}
#store .st-lead{margin:-18px 0 32px;font-size:16px;line-height:1.8;color:var(--ink-2,#3a4a58)}
.st-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:16px 24px;align-items:stretch}
/* 桌機：左右兩欄共用同一組列高（subgrid）→ 主照片與地圖同高、縮圖與資訊卡同高 */
.st-photos,.st-side{grid-row:span 2;display:grid;grid-template-rows:subgrid;gap:16px;min-width:0}

/* 照片：主圖＋兩張縮圖，點縮圖換主圖 */
.st-main{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#e9e4d2;aspect-ratio:16/10}
.st-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);
  transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform 1.4s cubic-bezier(.2,.6,.2,1)}
.st-main img.is-on{opacity:1;transform:scale(1)}
.st-main:hover img.is-on{transform:scale(1.025)}
.st-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;color:#fff;font-size:14px;letter-spacing:.04em;
  background:linear-gradient(to top,rgba(10,16,22,.62),rgba(10,16,22,0));pointer-events:none}
.st-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:0}
.st-thumb{position:relative;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;min-height:96px;background:#e9e4d2;
  box-shadow:0 0 0 0 var(--ink,#1D2A36);transition:box-shadow .25s,opacity .25s;opacity:.62}
.st-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.st-thumb:hover{opacity:.9}.st-thumb:hover img{transform:scale(1.05)}
.st-thumb[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px var(--ink,#1D2A36)}
.st-tn{position:absolute;left:10px;bottom:8px;padding:4px 9px;border-radius:999px;background:rgba(10,16,22,.62);color:#fff;
  font:500 12px/1.2 var(--f-sans,sans-serif);letter-spacing:.04em;backdrop-filter:blur(4px)}
@media(max-width:520px){.st-tn{left:6px;bottom:6px;padding:3px 7px;font-size:11px}}
.st-thumb:focus-visible{outline:2px solid var(--sky,#2C6AA8);outline-offset:3px}

/* 地圖＋資訊卡 */
.st-map{position:relative;border-radius:16px;overflow:hidden;background:#e4e8ea;min-height:300px}
.st-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.st-card{background:#fff;border-radius:16px;padding:22px 24px;box-shadow:0 1px 0 rgba(29,42,54,.06),0 10px 30px -18px rgba(29,42,54,.25)}
.st-name{font:700 19px/1.4 'Noto Serif TC',serif;color:var(--ink,#1D2A36);margin:0 0 12px}
.st-lines{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.st-lines li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--ink,#1D2A36)}
.st-lines svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;fill:none;stroke:var(--copper,#C8924A);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st-lines a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.st-tel{display:flex;flex-wrap:wrap;gap:0 14px}
.st-tel a{display:inline-flex;align-items:center;min-height:32px}
.st-acts{display:flex;flex-wrap:wrap;gap:10px}
.st-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;
  color:var(--ink,#1D2A36);box-shadow:inset 0 0 0 1.5px var(--ink,#1D2A36);transition:background .2s}
.st-btn:hover{background:rgba(29,42,54,.06)}
.st-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
  .st-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}
  .st-photos,.st-side{grid-row:auto;grid-template-rows:none}
  .st-thumb{min-height:0;aspect-ratio:16/10}
  .st-map{min-height:0;height:260px}
  #store .st-lead{margin:-12px 0 24px}
}
@media(max-width:520px){
  .st-thumbs{gap:8px}
  .st-card{padding:20px 18px}
  .st-acts .st-btn{flex:1 1 100%;justify-content:center}
  .st-tel{flex-direction:column}
  .st-tel a{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .st-main img,.st-thumb img{transition:none!important;transform:none!important}
}