/* 預先產生的靜態內容（#ssr）：網站渲染完成前、或不跑 JavaScript 的搜尋引擎看到的版本。
   配色與字體跟網站一致，只做最簡單的排版。 */
/* 疊在網站上層，網站渲染完成後整塊移除，下面的版面不會被推動（避免 CLS） */
.ssr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  min-height: 100vh;
  box-sizing: border-box;
  max-width: none;
  padding: 0 max(24px, calc((100vw - 1180px) / 2)) 64px;
  font-family: "Noto Sans TC", system-ui, sans-serif;
  color: #254157;
  background: #F7F4EE;
  line-height: 1.9;
}
.ssr a { color: #254157; text-decoration: none; }
.ssr-h {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  min-height: 76px;
  border-bottom: 1px solid #D9CDB6;
}
.ssr-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Noto Serif TC", serif;
  font-size: 19px;
  letter-spacing: 0.3em;
}
.ssr-brand img { border-radius: 999px; mix-blend-mode: multiply; }
.ssr-h nav { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; letter-spacing: 0.14em; }
.ssr-m h1, .ssr-m h2 { font-family: "Noto Serif TC", serif; font-weight: 400; letter-spacing: 0.14em; }
.ssr-m h1 { font-size: clamp(26px, 3.4vw, 34px); margin: 40px 0 16px; }
.ssr-m h2 { font-size: 22px; margin: 48px 0 16px; }
.ssr-m p { color: #4A443B; max-width: 720px; }
.ssr-m img { max-width: 100%; height: auto; }
.ssr-hero { display: block; max-width: 640px !important; margin: 16px 0; }
.ssr-crumbs { margin-top: 28px; font-size: 13px; color: #7A7266; }
.ssr-crumbs a { color: #7A7266; }
.ssr-price { color: #8E7444; }
.ssr-tags a { margin-right: 12px; color: #8E7444; }
.ssr-list { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 0; list-style: none; }
.ssr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(44%, 200px), 1fr));
  gap: 32px 20px;
  padding: 0;
  list-style: none;
}
.ssr-grid a { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.ssr-grid img { width: 100%; aspect-ratio: 707 / 1000; object-fit: cover; border: 1px solid #E1D7C4; background: #EFE9DE; }
.ssr-f { margin-top: 64px; padding-top: 24px; border-top: 1px solid #D9CDB6; font-size: 13px; color: #5C554B; }
.ssr-f nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }