/* 翌超 全站共用設計規範（首頁與產品頁一致）
   版寬 1200px、邊距 60px（手機 24px）；直角按鈕；容器圓角 4px；標題襯線 500 字重。
   產品頁 body 加上 .yc-inner，以下規則只覆蓋產品頁的舊樣式，不影響首頁版面。 */

:root{
  --yc-max:1200px;
  --yc-gutter:60px;
  --yc-edge:max(var(--yc-gutter), calc((100vw - var(--yc-max)) / 2 + var(--yc-gutter)));
  --yc-ink:#1a1814;
  --yc-ink-soft:#4a4640;
  --yc-muted:#76706a;
  --yc-paper:#faf9f7;
  --yc-paper-alt:#f3efe7;
  --yc-line:#ddd6ca;
  --yc-gold:#b5935a;
  --yc-gold-dark:#8f7240;
  --yc-radius:4px;
  --yc-hh:67px;            /* 產品頁頁首高度（供黏性導覽列定位） */
}
@media (max-width:900px){ :root{ --yc-gutter:24px; } }
@media (max-width:600px){ :root{ --yc-hh:73px; } }

/* ── 首頁：頁首、首屏、頁尾與內容區左緣對齊 ── */
@media (min-width:901px){
  #mainNav, #mainNav.scrolled{ padding-left:var(--yc-edge); padding-right:var(--yc-edge); }
  .hero-left{ padding-left:var(--yc-edge); }
  .hero-stat-bar{ padding-left:var(--yc-edge); padding-right:var(--yc-edge); }
}
body > footer{ padding-left:var(--yc-edge); padding-right:var(--yc-edge); }
.footer-sub, .footer-right{ color:rgba(250,249,247,.58); }

/* ── 產品頁：色彩 ── */
.yc-inner{
  --ink:var(--yc-ink); --ink-soft:var(--yc-ink-soft); --paper:var(--yc-paper); --paper-alt:var(--yc-paper-alt);
  --line:var(--yc-line); --gold:var(--yc-gold); --gold-dark:var(--yc-gold-dark);
  background:var(--yc-paper); color:var(--yc-ink);
  font-family:'Noto Sans TC',sans-serif;
}
.yc-inner h1, .yc-inner h2, .yc-inner h3{ font-family:'Noto Serif TC',serif; }

/* ── 產品頁：版寬 ── */
.yc-inner .wrap{ max-width:var(--yc-max); padding-left:var(--yc-gutter); padding-right:var(--yc-gutter); }

/* ── 產品頁：頁首（與首頁同語言：淺底、細線、直角按鈕） ── */
.yc-inner header.site{
  background:rgba(250,249,247,.95); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  color:var(--yc-ink); border-bottom:.5px solid var(--yc-line); position:sticky; top:0; z-index:50;
}
.yc-inner header.site .topbar{
  max-width:var(--yc-max); margin:0 auto; padding:14px var(--yc-gutter);
  display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap;
}
.yc-inner .brand-mark{
  font-family:'Noto Serif TC',serif; font-weight:500; font-size:20px; letter-spacing:.05em;
  color:var(--yc-ink); text-decoration:none; white-space:nowrap;
}
.yc-inner .brand-mark span{ color:var(--yc-gold); }
.yc-inner header.site{ line-height:1.5; font-family:'Noto Sans TC',sans-serif; }
.yc-inner header.site .crumb{
  flex:1; min-width:0; margin:0; padding:0; font-family:'Noto Sans TC',sans-serif;
  font-size:13px; letter-spacing:.04em; color:var(--yc-muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.yc-inner header.site .crumb a{ color:var(--yc-muted); text-decoration:none; }
.yc-inner header.site .crumb a:hover{ color:var(--yc-gold-dark); }
.yc-inner header.site a{ text-decoration:none; }
.yc-inner header.site .search-cta{
  border:.5px solid var(--yc-line); border-radius:0; color:var(--yc-ink-soft);
  padding:8px 14px; font-size:13px; letter-spacing:.06em; background:transparent;
}
.yc-inner header.site .search-cta:hover{ border-color:var(--yc-gold); color:var(--yc-gold-dark); }
.yc-inner header.site .line-cta{
  background:var(--yc-ink); color:var(--yc-paper); border-radius:0; padding:9px 18px;
  font-size:13px; font-weight:500; letter-spacing:.08em;
}
.yc-inner header.site .line-cta:hover{ background:var(--yc-gold); color:#fff; }
@media (max-width:600px){
  .yc-inner header.site .topbar{ padding:8px var(--yc-gutter); gap:4px 12px; }
  .yc-inner header.site .crumb{ order:3; flex-basis:100%; font-size:12px; }
  .yc-inner .brand-mark{ font-size:18px; }
  .yc-inner header.site .search-cta{ padding:7px 10px; }
  .yc-inner header.site .line-cta{ padding:7px 14px; }
}

/* ── 產品頁：頁內黏性導覽列置於頁首正下方 ── */
.yc-inner .series-nav, .yc-inner .tools-bar{ top:var(--yc-hh) !important; }

/* ── 產品頁：標題字重與層級 ── */
.yc-inner h1, .yc-inner h2, .yc-inner h3,
.yc-inner .s-zh, .yc-inner .p-name, .yc-inner .m-name{ font-weight:500; letter-spacing:.02em; }
.yc-inner .hero h1{ letter-spacing:.03em; }
.yc-inner .eyebrow{ letter-spacing:.2em; }

/* ── 產品頁：按鈕直角 ── */
.yc-inner .line-cta, .yc-inner .btn, .yc-inner a.cta, .yc-inner .cta-btn{ border-radius:0; }
.yc-inner .cta-band .line-cta{ background:var(--yc-gold); color:var(--yc-ink); letter-spacing:.08em; }
.yc-inner .cta-band .line-cta:hover{ background:#fff; color:var(--yc-ink); }

/* ── 產品頁：圓角統一（容器 4px、小標籤 2px） ── */
.yc-inner .p-card, .yc-inner .pcard, .yc-inner .brand-card, .yc-inner details.series, .yc-inner .note,
.yc-inner .guide .g, .yc-inner .item-photo, .yc-inner .scene, .yc-inner .master, .yc-inner .cta-band,
.yc-inner .series-card .thumb, .yc-inner .info, .yc-inner .showroom, .yc-inner .callout{ border-radius:var(--yc-radius); }
.yc-inner .p-card .item-photo, .yc-inner .series-card .thumb{ border-radius:0; }
.yc-inner .badge, .yc-inner .sibs a, .yc-inner .jump a, .yc-inner .hot, .yc-inner .tag,
.yc-inner .catnav a, .yc-inner .chip, .yc-inner .q, .yc-inner .series-nav a, .yc-inner .sibling-nav a,
.yc-inner .item-tags span, .yc-inner .tag-rec, .yc-inner .finder-grid .links a, .yc-inner .t-hot{ border-radius:2px; }
.yc-inner .series-line{ border-radius:0; }

/* ── 產品頁：次要文字對比 ── */
.yc-inner dl.p-spec dt, .yc-inner .item-orig, .yc-inner .item-note,
.yc-inner .jump a span, .yc-inner .brand-card.placeholder, .yc-inner .brand-card.placeholder h3{ color:var(--yc-muted); }
.yc-inner dl.p-spec dd{ color:var(--yc-ink-soft); }

/* ── 產品頁：頁尾（與首頁同款） ── */
.yc-inner footer.site{
  background:var(--yc-ink); color:rgba(250,249,247,.58); padding:48px 0 36px; font-size:12px;
  border-top:1px solid rgba(255,255,255,.08); letter-spacing:.06em; line-height:1.8;
}
.yc-inner footer.site .wrap{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.yc-inner footer.site a{ color:rgba(250,249,247,.75); text-decoration:none; }
.yc-inner footer.site a:hover{ color:var(--yc-gold); }
.yc-inner footer.site .footer-logo{ font-family:'Noto Serif TC',serif; font-size:18px; color:var(--yc-paper); letter-spacing:.05em; }
.yc-inner footer.site .footer-logo span{ color:var(--yc-gold); }
.yc-inner footer.site .footer-sub{ font-size:12px; margin-top:6px; letter-spacing:.08em; }
.yc-inner footer.site .footer-sub a{ color:var(--yc-gold); }
.yc-inner footer.site .footer-right{ text-align:right; }
@media (max-width:600px){ .yc-inner footer.site .footer-right{ text-align:left; } }

/* ── KROSNO／LAV 舊版型：頁尾對齊、按鈕直角 ── */
.yc-inner footer.site{ text-align:left; }
.yc-inner .cta-line{ border-radius:0; background:var(--yc-ink); letter-spacing:.08em; }
.yc-inner .cta-line:hover{ background:var(--yc-gold); transform:none; }

/* ── 品號搜尋頁：直角控制項 ── */
.yc-inner .sbox{ border-radius:var(--yc-radius); border-width:.5px; }
.yc-inner .sbox:focus-within{ border-color:var(--yc-gold); }
.yc-inner .sbox button{ border-radius:0; font-weight:500; letter-spacing:.08em; }
.yc-inner .hint button{ border-radius:2px; }
.yc-inner .results a, .yc-inner .result, .yc-inner .r-item{ border-radius:var(--yc-radius); }

/* ── 首頁：聯絡區 LINE 按鈕改用品牌墨色，只保留 LINE 圖示綠色（懸浮鈕維持 LINE 綠，作為全站唯一綠色點） ── */
.btn-line{ background:var(--yc-ink); }
.btn-line:hover{ background:var(--yc-gold); }
.btn-line svg{ fill:#06C755; background:#fff; border-radius:4px; padding:2px; }
.mobile-menu-line{ background:var(--yc-ink) !important; }

/* ── 首頁：電話、地址、營業時間的數字改用無襯線，與中文一致 ── */
.contact-value{ font-family:'Noto Sans TC',sans-serif; font-size:15px; letter-spacing:.04em; }

/* ── 有系列導覽列的頁面（KROSNO／LAV）：錨點跳轉預留頁首＋導覽列高度 ── */
html:has(body.yc-inner .series-nav){ scroll-padding-top:calc(var(--yc-hh) + 78px); }

/* ── 刀具型號速查：手機上篩選列不固定，避免佔去三分之一畫面 ── */
@media (max-width:600px){ .yc-inner .tools-bar{ position:static !important; } }