/* ==================================================================
   求婚戒與結婚對戒 pillar —— 手機版（aj.mobile）

   與桌機版 aj.frontend/css/bridal-ring.css 是「各做一份」：
   class 名稱與設計語言完全相同，HTML 也由桌機版原樣帶過來，
   差別只在版型（多欄 → 單欄）與字級基準。

   ⚠️ Trap 2：本站 bootstrap.min.css 設 html{font-size:10px}，
      1rem = 10px 而非 16px。桌機版的 rem 都是以 16px 寫的，
      本檔所有 rem 值已一律乘 1.6 換算（共 142 處），
      所以視覺大小與桌機一致。**日後從桌機版搬任何規則過來，
      記得同樣乘 1.6，否則會小一大截。**

   ⚠️ Trap 8：最後一段深色 CTA 與頁尾之間要留 40px，見檔尾 .ajbr .ajbr-cta{}。

   ⚠️ .css 沒有伺服器端註解，這裡寫的每一個字都會被公開讀到。
   ================================================================== */

/* ---------- 基礎 ---------- */
.ajbr,.ajbr *,.ajbr *::before,.ajbr *::after{box-sizing:border-box;margin:0;padding:0;}

.ajbr{
  --black:#303030; --footer:#202126; --white:#ffffff; --ivory:#f6f5f3; --stone:#eeecea;
  --line:#e2e0dd; --gold:#ad995a; --gold-dark:#8f7d47; --gold-line:#c3b183;
  --text:#303030; --muted:#5c5955; --muted-lt:#a39f9c;
  --sans:"Microsoft JhengHei","微軟正黑體","PingFang TC","Heiti TC","Helvetica Neue",Arial,sans-serif;
  --serif-display:"Cormorant Garamond","Microsoft JhengHei","微軟正黑體","PingFang TC",serif;
  --num:"Playfair Display",Georgia,serif;
  /* 數字與中文混排：數字用 Playfair，中文回到系統黑體 */
  --num-zh:"Playfair Display","Microsoft JhengHei","微軟正黑體","PingFang TC",sans-serif;
  font-family:var(--sans); font-weight:400; font-size:16px; font-style:normal;
  color:var(--text); background:var(--white); line-height:1.9;
}

.ajbr a{color:inherit;text-decoration:none;}
.ajbr section{padding:110px 0;}
.ajbr .ajbr-alt{background:var(--ivory);}
.ajbr .ajbr-wrap{max-width:100%;margin:0 auto;padding:0 16px;}
.ajbr .ajbr-tc{text-align:center;}

.ajbr h1{font-size:3.52rem;line-height:1.5;margin-bottom:24px;font-weight:500;letter-spacing:.02em;}
.ajbr h2{font-size:2.8rem;line-height:1.6;margin-bottom:22px;font-weight:500;letter-spacing:.03em;}
.ajbr h3{font-size:1.76rem;margin-bottom:12px;font-weight:500;letter-spacing:.04em;}
.ajbr p{font-size:1.6rem;}

.ajbr .ajbr-eyebrow{font-family:var(--serif-display);font-style:normal;color:var(--muted);
  letter-spacing:.08em;font-size:1.568rem;margin-bottom:16px;}
.ajbr .ajbr-eyebrow.ajbr-lat{font-style:italic;}
.ajbr hr.ajbr-rule{border:none;border-top:1px solid var(--gold-line);width:44px;margin:0 auto 26px;}
.ajbr .ajbr-hero-lede{font-size:1.632rem;color:var(--muted);max-width:820px;margin:0 auto 36px;}
.ajbr .ajbr-subhead{text-align:center;font-size:1.84rem;margin-bottom:20px;}

/* ---------- 快答 ---------- */
.ajbr .ajbr-quick-answer{max-width:904px;margin:0 auto 56px;background:var(--ivory);
  border-left:3px solid var(--gold-line);padding:20px 26px;color:var(--text);
  font-size:1.536rem;line-height:1.9;}
.ajbr .ajbr-alt .ajbr-quick-answer{background:var(--white);}
.ajbr .ajbr-quick-answer strong{font-weight:600;font-size:1.536rem;}

/* ---------- HERO（主視覺滿版 1000px，與下方深色區塊左右對齊，間距 100px）---------- */
.ajbr .ajbr-hero{padding-bottom:50px;}
.ajbr .ajbr-hero .ajbr-big-img{width:calc(100% + 32px);height:420px;margin:50px -16px 50px;}

/* ---------- 先給答案 ---------- */
.ajbr .ajbr-story{position:relative;padding:110px 0;background:linear-gradient(135deg,#3a3a3a,#242424);}
.ajbr .ajbr-story .ajbr-inner{max-width:820px;margin:0 auto;padding:0 48px;text-align:center;}
.ajbr .ajbr-story .ajbr-story-h2{color:#f0efed;font-size:2.48rem;letter-spacing:.06em;margin:0 0 14px;font-weight:500;}
.ajbr .ajbr-story .ajbr-eyebrow{color:var(--gold-line);}
.ajbr .ajbr-story p{color:#e7e5e2;font-size:1.68rem;line-height:2;}
.ajbr .ajbr-point-lines{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;margin-top:34px;}
.ajbr .ajbr-point-lines .ajbr-pl{display:inline-flex;align-items:center;gap:8px;color:#c7c4c1;font-size:1.472rem;}
.ajbr .ajbr-point-lines .ajbr-pl-text{font-size:1.472rem;}
.ajbr .ajbr-point-lines .ajbr-mark{color:var(--gold-line);font-size:1.28rem;}

/* ---------- 目錄 ---------- */
.ajbr .ajbr-toc-wrap{padding:60px 0 0;}
.ajbr #difference{padding-top:70px;}
.ajbr .ajbr-toc-card{position:relative;margin:0 -16px;width:calc(100% + 32px);border:1px solid var(--line);background:var(--white);padding:0 40px;}
.ajbr .ajbr-toc-state{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;}
.ajbr .ajbr-toc-head{display:flex;align-items:center;justify-content:space-between;padding:26px 0 8px;transition:padding .35s ease;}
.ajbr .ajbr-toc-state:checked~.ajbr-toc-head{padding:20px 0;}
.ajbr .ajbr-toc-title{font-family:var(--serif-display);font-size:2.08rem;font-weight:400;color:var(--black);letter-spacing:.06em;}
.ajbr .ajbr-toc-title .ajbr-lat{font-family:var(--serif-display);font-style:italic;color:var(--muted);font-size:1.36rem;margin-left:10px;}
.ajbr .ajbr-toc-toggle{width:30px;height:30px;border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-size:1.28rem;cursor:pointer;flex-shrink:0;transition:transform .25s;}
.ajbr .ajbr-toc-state:checked~.ajbr-toc-head .ajbr-toc-toggle{transform:rotate(-90deg);}
.ajbr .ajbr-toc-state:focus-visible~.ajbr-toc-head .ajbr-toc-toggle{outline:2px solid var(--gold-line);outline-offset:3px;}
.ajbr .ajbr-toc-body{overflow:hidden;max-height:1200px;transition:max-height .35s ease;}
.ajbr .ajbr-toc-state:checked~.ajbr-toc-body{max-height:0;}
.ajbr .ajbr-toc-list{list-style:none;padding-bottom:16px;}
.ajbr .ajbr-toc-item{border-bottom:1px solid var(--line);}
.ajbr .ajbr-toc-item:last-child{border-bottom:none;}
.ajbr .ajbr-toc-item a{display:flex;gap:12px;align-items:baseline;padding:10px 0;font-size:1.44rem;color:var(--text);}
.ajbr .ajbr-toc-num{font-family:var(--num);font-weight:600;color:var(--gold-dark);font-size:1.44rem;flex-shrink:0;width:22px;}
.ajbr .ajbr-toc-text{font-size:1.44rem;}

/* ---------- 圖片佔位框 ---------- */
.ajbr .ajbr-big-img{background:repeating-linear-gradient(135deg,#f6f5f3,#f6f5f3 12px,#eeece9 12px,#eeece9 24px);
  border:1px dashed #c9c5c0;display:flex;align-items:center;justify-content:center;
  color:var(--muted-lt);text-align:center;font-size:1.312rem;}
.ajbr .ajbr-big-img .ajbr-ph-label{max-width:340px;background:rgba(255,255,255,.88);padding:14px 18px;
  font-size:1.312rem;letter-spacing:.03em;line-height:1.7;color:var(--text);}
.ajbr .ajbr-big-img .ajbr-ph-tag{display:block;font-weight:500;font-size:1.088rem;letter-spacing:.2em;
  color:var(--gold-dark);margin-bottom:6px;text-transform:uppercase;}
.ajbr .ajbr-big-img .ajbr-ph-size{display:block;font-family:var(--sans);font-style:normal;
  font-size:1.376rem;color:var(--gold-dark);margin-top:6px;}
.ajbr .ajbr-big-img .ajbr-ph-file{display:block;font-size:1.152rem;color:var(--muted-lt);margin-top:2px;}

/* ---------- 時間軸 ---------- */
.ajbr .ajbr-flow{max-width:904px;margin:0 auto 54px;}
.ajbr .ajbr-flow-track{display:grid;grid-template-columns:repeat(3,1fr);position:relative;}
.ajbr .ajbr-flow-track::before{content:'';position:absolute;left:12%;right:12%;top:23px;
  border-top:1px solid var(--gold-line);}
.ajbr .ajbr-flow-step{text-align:center;position:relative;min-width:0;padding:0 8px;}
.ajbr .ajbr-flow-dot{width:46px;height:46px;border:1px solid var(--gold-line);border-radius:50%;
  background:var(--white);color:var(--gold-dark);margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;}
.ajbr .ajbr-flow-dot svg{width:24px;height:24px;display:block;}
.ajbr .ajbr-flow-num{font-family:var(--num);font-style:italic;font-size:1.6rem;line-height:1;}
.ajbr .ajbr-flow-when{font-size:1.312rem;letter-spacing:.16em;color:var(--gold-dark);margin-bottom:6px;}
.ajbr .ajbr-flow-ring{font-size:1.632rem;font-weight:600;letter-spacing:.03em;margin-bottom:6px;}
.ajbr .ajbr-flow-desc{font-size:1.408rem;color:var(--muted);line-height:1.8;}

/* ---------- 三張卡片（比照培育鑽石頁比價卡片，滿版 1000px） ---------- */
.ajbr .ajbr-rc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;
  margin:0 -16px 30px;width:calc(100% + 32px);}
.ajbr .ajbr-rc-qa{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;}
.ajbr .ajbr-rc-qa-t{font-size:1.376rem;color:var(--gold-dark);font-weight:600;margin-bottom:6px;letter-spacing:.02em;}
.ajbr .ajbr-rc-qa-d{font-size:1.408rem;color:var(--muted);line-height:1.8;margin-bottom:8px;}
.ajbr .ajbr-rc-qa-note{font-size:1.248rem;color:var(--muted-lt);line-height:1.7;}
.ajbr .ajbr-rc-card{border:1px solid var(--line);background:var(--white);
  display:flex;flex-direction:column;min-width:0;}
.ajbr .ajbr-rc-card .ajbr-big-img{aspect-ratio:1/1;width:100%;}
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom{overflow:hidden;position:relative;cursor:zoom-in;}
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:focus-within img{
  transform:translate(var(--ajbr-tx,0),var(--ajbr-ty,0)) scale(var(--ajbr-zs,1.8));transform-origin:50% 50%;}
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:focus{outline:1px solid var(--gold-line);outline-offset:-2px;}
@media (prefers-reduced-motion:reduce){
  .ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom img{transition:none;}
}
.ajbr .ajbr-rc-body{padding:22px 18px 26px;}
.ajbr .ajbr-rc-when{font-size:1.248rem;color:var(--gold-dark);letter-spacing:.14em;margin-bottom:8px;}
.ajbr .ajbr-rc-title{font-size:1.84rem;font-weight:700;color:var(--black);line-height:1.5;
  margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ajbr .ajbr-rc-en{font-family:var(--serif-display);font-style:italic;font-size:1.312rem;
  color:var(--gold-dark);letter-spacing:.05em;margin-bottom:16px;}
/* 戒指名稱下方：階段標籤 ＋ 英文 */
.ajbr .ajbr-rc-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;}
.ajbr .ajbr-rc-tag{display:inline-block;color:var(--gold-dark);font-weight:700;
  font-size:1.248rem;letter-spacing:.12em;line-height:1.6;white-space:nowrap;}
.ajbr .ajbr-rc-meta .ajbr-rc-en,.ajbr .ajbr-rc-meta .ajbr-ring-en{margin-bottom:0;font-size:1.312rem;}

/* 卡片裡的兩格重點（比照比價卡片的 VS 方框） */
.ajbr .ajbr-rc-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;}
.ajbr .ajbr-rc-pair .ajbr-rc-box{padding:9px 6px;text-align:center;min-width:0;}
.ajbr .ajbr-rc-pair .ajbr-rc-box.ajbr-rc-a{background:var(--stone);}
.ajbr .ajbr-rc-pair .ajbr-rc-box.ajbr-rc-b{background:var(--ivory);border:1px solid var(--gold-line);}
.ajbr .ajbr-rc-box .ajbr-rc-lbl{font-size:1.088rem;line-height:1.3;margin-bottom:3px;color:var(--muted);}
.ajbr .ajbr-rc-box.ajbr-rc-b .ajbr-rc-lbl{color:var(--gold-dark);}
.ajbr .ajbr-rc-box .ajbr-rc-val{font-size:1.44rem;font-weight:600;line-height:1.3;color:var(--muted);}
.ajbr .ajbr-rc-box.ajbr-rc-b .ajbr-rc-val{color:var(--gold-dark);font-weight:700;}

/* 預算占比那一行 */
.ajbr .ajbr-rc-budget{display:flex;gap:10px;align-items:baseline;font-size:1.376rem;
  color:var(--gold-dark);font-weight:700;margin-bottom:14px;}
.ajbr .ajbr-rc-budget .ajbr-rc-budget-lbl{font-size:1.248rem;font-weight:400;color:var(--muted);letter-spacing:.08em;}

/* 卡片下半的條列 */
.ajbr .ajbr-rc-detail{border-top:1px solid var(--line);padding-top:12px;}
.ajbr .ajbr-rc-row{padding:9px 0;border-bottom:1px solid var(--line);}
.ajbr .ajbr-rc-row:last-child{border-bottom:none;}
.ajbr .ajbr-rc-row .ajbr-rc-dt{display:block;font-size:1.28rem;letter-spacing:.12em;
  color:var(--gold-dark);font-weight:600;margin-bottom:4px;}
.ajbr .ajbr-rc-row .ajbr-rc-dd{display:block;font-size:1.408rem;color:var(--muted);line-height:1.8;}
.ajbr .ajbr-rc-row .ajbr-rc-sub{display:block;font-size:1.248rem;color:var(--muted-lt);line-height:1.7;margin-top:2px;}

/* 三張卡片下方的整合說明（比照培育鑽石頁比較表的「優點」列） */
.ajbr .ajbr-rc-merged{display:grid;grid-template-columns:150px 1fr;gap:14px;
  max-width:904px;margin:0 auto 12px;border-top:1px solid var(--gold-line);
  padding:18px 0 0;font-size:1.504rem;line-height:1.9;color:var(--muted);}
.ajbr .ajbr-rc-merged .ajbr-rc-merged-t{font-size:1.504rem;letter-spacing:.06em;
  color:var(--gold-dark);font-weight:600;}
.ajbr .ajbr-rc-merged .ajbr-rc-merged-d{font-size:1.504rem;color:var(--muted);min-width:0;}

/* ---------- 表格 ---------- */
.ajbr .ajbr-tbl-wrap{margin:0 auto 26px;max-width:904px;}
.ajbr table{border-collapse:collapse;width:100%;font-size:1.504rem;}
.ajbr table th,.ajbr table td{border:1px solid var(--line);padding:12px 14px;text-align:left;
  font-size:1.504rem;line-height:1.8;vertical-align:top;}
.ajbr table td strong,.ajbr table th strong{font-size:1.504rem;}
.ajbr table th{background:var(--ivory);font-weight:600;letter-spacing:.03em;}
.ajbr .ajbr-alt table td{background:var(--white);}
.ajbr table td.ajbr-num{font-family:var(--num-zh);text-align:right;white-space:nowrap;}
.ajbr .ajbr-tbl-note{font-size:1.344rem;color:var(--muted-lt);max-width:904px;margin:0 auto 10px;line-height:1.8;}
.ajbr .ajbr-tbl-note strong{font-size:1.344rem;}

/* 款式表左側橫式圖片欄（僅 #pair 六種常見款式表使用） */
/* 手機：原本 80x82 的框去裝 320x200（1.6:1）的照片，object-fit:cover 會把左右切掉，
   所以框的比例一定要跟原圖一致。
   照片框 95x60（1.58:1），欄寬 95 + 左右各 4px padding = 103。
   「款式」欄 58px 不動，多出來的 27px 由第三欄「樣式」讓出。
   padding 收到 4px 是為了讓格線貼近照片。 */
.ajbr .ajbr-tbl-style th.ajbr-c-img{width:103px;}
.ajbr .ajbr-tbl-style th.ajbr-c-name{width:58px;}
.ajbr .ajbr-tbl-style td.ajbr-pair-img{width:103px;padding:4px;}
.ajbr .ajbr-tbl-style .ajbr-pair-img .ajbr-big-img{width:95px;height:60px;border-radius:2px;}
.ajbr .ajbr-tbl-style th,
.ajbr .ajbr-tbl-style td{padding:10px 8px;}
.ajbr .ajbr-tbl-style td.ajbr-pair-img{padding:4px;}

/* ---------- 卡片列 ---------- */
.ajbr .ajbr-cols{display:grid;gap:24px;justify-content:center;}
.ajbr .ajbr-cols-2{grid-template-columns:repeat(2,440px);}
.ajbr .ajbr-cols-3{grid-template-columns:repeat(3,285px);}
.ajbr .ajbr-card{text-align:center;min-width:0;}
.ajbr .ajbr-big-img.ajbr-photo{background:none;border:none;overflow:hidden;}
.ajbr .ajbr-big-img.ajbr-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.ajbr .ajbr-card .ajbr-big-img{width:100%;height:215px;margin-bottom:18px;}
.ajbr .ajbr-cols-2 .ajbr-card .ajbr-big-img{height:300px;}
.ajbr .ajbr-card h3{font-size:1.68rem;margin-bottom:10px;}
.ajbr .ajbr-card .ajbr-en-name{font-family:var(--serif-display);font-style:italic;font-size:1.312rem;
  color:var(--gold-dark);letter-spacing:.06em;margin-bottom:10px;}
.ajbr .ajbr-card p{color:var(--muted);font-size:1.52rem;}
.ajbr .ajbr-card p.ajbr-fig-note{font-size:1.312rem;color:var(--muted-lt);margin-top:8px;}

/* ---------- 預算三步驟（新） ---------- */
.ajbr .ajbr-sec-lede{text-align:center;font-size:1.632rem;color:var(--muted);max-width:904px;
  margin:0 auto 46px;line-height:2;}
.ajbr .ajbr-step{max-width:904px;margin:0 auto 56px;}
.ajbr .ajbr-step-hd{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);
  padding-bottom:10px;margin-bottom:22px;}
.ajbr .ajbr-step-no{font-family:var(--num);font-style:italic;font-size:2.4rem;color:var(--gold-line);line-height:1.2;}
.ajbr .ajbr-step-hd h3{font-size:1.888rem;font-weight:500;letter-spacing:.02em;}
.ajbr .ajbr-step p{font-size:1.536rem;color:var(--muted);line-height:1.95;margin-bottom:12px;}
.ajbr .ajbr-step p:last-child{margin-bottom:0;}
.ajbr .ajbr-step strong{font-size:1.536rem;color:var(--text);}
.ajbr .ajbr-step p a{font-size:1.536rem;color:var(--gold-dark);border-bottom:1px solid var(--gold-line);padding-bottom:2px;}

/* ── 02 戒台款式三列 ─────────────────────────────────────────────── */
.ajbr .ajbr-mounts{border:1px solid var(--gold-line);background:var(--white);margin-bottom:20px;}
.ajbr .ajbr-mount{display:grid;grid-template-columns:240px 1fr 200px;align-items:center;
  gap:24px;padding:22px 26px;border-bottom:1px solid var(--line);}
.ajbr .ajbr-mount:last-child{border-bottom:none;}
.ajbr .ajbr-mount-fig{background:var(--ivory);border:1px solid var(--line);aspect-ratio:3/2;
  display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ajbr .ajbr-mount-fig img{display:block;width:100%;height:100%;object-fit:cover;}
.ajbr .ajbr-mount-name{font-family:var(--sans);font-size:1.68rem;font-weight:500;color:var(--black);
  line-height:1.6;margin-bottom:6px;}
.ajbr .ajbr-mount-desc{font-size:1.44rem;color:var(--muted);line-height:1.85;}
.ajbr .ajbr-mount-price{font-family:var(--sans);font-size:1.84rem;color:var(--gold-dark);
  line-height:1.5;text-align:right;}
.ajbr .ajbr-mount-price .ajbr-mount-from{font-family:var(--sans);font-size:1.312rem;color:var(--muted);
  line-height:1.7;}

/* ── 03 主鑽預算試算 ─────────────────────────────────────────────── */
.ajbr .ajbr-bc-top{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.ajbr .ajbr-bc-amount{font-family:var(--sans);font-size:3.36rem;color:var(--black);line-height:1.3;
  margin-bottom:10px;}
.ajbr .ajbr-bc-range{width:100%;accent-color:var(--gold);}
.ajbr .ajbr-bc-sub{font-size:1.312rem;color:var(--muted-lt);line-height:1.8;margin-top:10px;}
.ajbr .ajbr-bc-scale{display:flex;justify-content:space-between;font-family:var(--sans);
  font-size:1.184rem;color:var(--muted-lt);line-height:1.6;margin-top:4px;}

.ajbr .ajbr-bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.ajbr .ajbr-bc-col{padding:22px 24px;}
.ajbr .ajbr-bc-col + .ajbr-bc-col{border-left:1px solid var(--line);background:var(--ivory);}
.ajbr .ajbr-bc-hd{border-bottom:1px solid var(--gold-line);padding-bottom:12px;margin-bottom:16px;}
.ajbr .ajbr-bc-en{display:block;font-family:var(--serif-display);font-style:italic;font-size:1.44rem;
  color:var(--gold-line);letter-spacing:.06em;line-height:1.6;}
.ajbr .ajbr-bc-zh{font-family:var(--sans);font-size:1.728rem;font-weight:500;color:var(--black);
  line-height:1.6;}
.ajbr .ajbr-bc-cert{font-family:var(--sans);font-size:1.184rem;color:var(--muted-lt);
  letter-spacing:.1em;margin-left:6px;}

.ajbr .ajbr-bc-best{min-height:62px;margin-bottom:14px;}
.ajbr .ajbr-bc-best-k{font-family:var(--sans);font-size:1.216rem;letter-spacing:.14em;
  color:var(--muted-lt);line-height:1.7;}
.ajbr .ajbr-bc-best-v{font-family:var(--sans);font-size:2.72rem;color:var(--gold-dark);line-height:1.4;}
.ajbr .ajbr-bc-best-v.ajbr-bc-none{font-family:var(--sans);font-size:1.52rem;color:var(--muted-lt);}

.ajbr .ajbr-bc-list{list-style:none;margin:0;}
.ajbr .ajbr-bc-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px dotted var(--line);}
.ajbr .ajbr-bc-item:last-child{border-bottom:none;}
.ajbr .ajbr-bc-w{font-family:var(--sans);font-size:1.472rem;color:var(--text);line-height:1.7;}
.ajbr .ajbr-bc-p{font-family:var(--sans);font-size:1.472rem;color:var(--muted);line-height:1.7;
  white-space:nowrap;}
.ajbr .ajbr-bc-item.ajbr-bc-off .ajbr-bc-w,
.ajbr .ajbr-bc-item.ajbr-bc-off .ajbr-bc-p{color:#e4e1dd;}
.ajbr .ajbr-bc-item.ajbr-bc-on .ajbr-bc-w{color:var(--black);font-weight:500;}
.ajbr .ajbr-bc-item.ajbr-bc-on .ajbr-bc-p{color:var(--gold-dark);}
.ajbr .ajbr-bc-tick{display:inline-block;width:14px;font-size:1.28rem;line-height:1.7;
  color:var(--gold-line);}
.ajbr .ajbr-bc-item.ajbr-bc-off .ajbr-bc-tick{color:transparent;}

/* 算式行 */
.ajbr .ajbr-formula{display:grid;grid-template-columns:auto auto auto auto auto;justify-content:center;
  align-items:center;column-gap:38px;row-gap:6px;background:var(--white);border:1px solid var(--gold-line);
  padding:30px 24px;margin-bottom:20px;text-align:center;}
.ajbr .ajbr-formula-v{font-family:var(--num-zh);font-size:2.4rem;color:var(--black);line-height:1.3;}
.ajbr .ajbr-formula-v.ajbr-formula-gold{color:var(--gold-dark);}
.ajbr .ajbr-formula-op{font-family:var(--num);font-size:2.56rem;color:var(--gold-line);line-height:1.3;}
.ajbr .ajbr-formula-lb{grid-column:3;justify-self:center;width:0;overflow:visible;white-space:nowrap;display:flex;justify-content:center;
  font-family:var(--sans);font-size:1.312rem;letter-spacing:.02em;color:var(--muted-lt);line-height:1.8;
  margin-top:2px;text-align:center;}

/* 算式圖示（只作用在 #budget，#pair-budget 的算式維持原樣） */
.ajbr #budget .ajbr-formula{align-items:center;column-gap:30px;}
.ajbr #budget .ajbr-formula-v{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:2.08rem;}
.ajbr #budget .ajbr-formula-ico{display:flex;align-items:center;justify-content:center;
  color:var(--gold-dark);flex-shrink:0;}
.ajbr #budget .ajbr-ico-ring svg{height:40px;width:auto;display:block;}
.ajbr #budget .ajbr-ico-gem svg{width:40px;height:auto;display:block;}
.ajbr #budget .ajbr-formula-t{font-family:var(--num-zh);font-size:2.08rem;line-height:1.3;}
/* ＝ 與 ＋ 用黑體，不用 Playfair 斜體 */
.ajbr #budget .ajbr-formula-op{font-family:var(--sans);font-style:normal;font-size:1.888rem;
  color:var(--muted-lt);line-height:1.3;align-self:center;}

/* 兩欄大數字對照 */
.ajbr .ajbr-vs{display:grid;grid-template-columns:1fr 1px 1fr;max-width:904px;margin:0 auto 18px;
  border:1px solid var(--line);background:var(--white);}
.ajbr .ajbr-vs-line{background:var(--line);}
.ajbr .ajbr-vs-col{padding:26px 30px;text-align:center;}
.ajbr .ajbr-vs-name{font-size:1.504rem;font-weight:600;letter-spacing:.04em;margin-bottom:4px;}
.ajbr .ajbr-vs-en{font-family:var(--serif-display);font-style:italic;font-size:1.248rem;color:var(--gold-dark);
  letter-spacing:.05em;margin-bottom:16px;}
.ajbr .ajbr-vs-big{font-family:var(--sans);font-size:3.36rem;color:var(--black);line-height:1.2;margin-bottom:6px;}
.ajbr .ajbr-vs-cond{font-size:1.312rem;color:var(--muted-lt);margin-bottom:14px;}
.ajbr .ajbr-vs-for{font-size:1.44rem;color:var(--muted);line-height:1.8;}
.ajbr .ajbr-vs-sum{max-width:904px;margin:0 auto 10px;font-size:1.536rem;color:var(--muted);line-height:1.95;}
.ajbr .ajbr-vs-sum strong{font-size:1.536rem;color:var(--text);}


/* ---------- 四欄鑲嵌方式對照 ---------- */
.ajbr .ajbr-set-cols{display:grid;grid-template-columns:repeat(4,208px);gap:24px;
  justify-content:center;max-width:904px;margin:0 auto 18px;}
.ajbr .ajbr-set-col{min-width:0;}
.ajbr .ajbr-set-col .ajbr-big-img{width:100%;height:208px;margin-bottom:14px;}
.ajbr .ajbr-set-name{font-size:1.632rem;font-weight:700;letter-spacing:.03em;margin-bottom:2px;}
.ajbr .ajbr-set-en{font-family:var(--serif-display);font-style:italic;font-size:1.28rem;
  color:var(--gold-dark);letter-spacing:.05em;margin-bottom:10px;}
.ajbr .ajbr-set-row{padding:8px 0;border-top:1px solid var(--line);}
.ajbr .ajbr-set-row .ajbr-set-dt{display:block;font-size:1.184rem;letter-spacing:.12em;
  color:var(--gold-dark);font-weight:600;margin-bottom:2px;}
.ajbr .ajbr-set-row .ajbr-set-dd{display:block;font-size:1.376rem;color:var(--muted);line-height:1.75;}
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom{overflow:hidden;position:relative;cursor:zoom-in;
  border:1px solid var(--line);background:none;display:block;}
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom img{display:block;width:100%;height:100%;
  object-fit:cover;transition:transform .45s;}
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:focus-within img{
  transform:scale(var(--ajbr-zs,1.8));transform-origin:50% var(--ajbr-oy,48%);}
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:focus{outline:1px solid var(--gold-line);outline-offset:2px;}
.ajbr .ajbr-zoom-hint{position:absolute;right:10px;bottom:10px;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);
  border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);opacity:.92;transition:opacity .3s;
  pointer-events:none;font-size:1.12rem;}
.ajbr .ajbr-big-img.ajbr-zoom:hover .ajbr-zoom-hint,
.ajbr .ajbr-big-img.ajbr-zoom:focus .ajbr-zoom-hint{opacity:0;}
.ajbr .ajbr-zoom-hint svg{width:13px;height:13px;display:block;}
@media (prefers-reduced-motion:reduce){
  .ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom img{transition:none;}
}

/* 一列一張、長形版（僅 #made-to-order 訂製程度區使用，不影響上面四欄鑲嵌方式對照） */
.ajbr .ajbr-set-cols-1up{grid-template-columns:904px;gap:0;row-gap:40px;}
.ajbr .ajbr-set-cols-1up .ajbr-set-col .ajbr-big-img{width:100%;height:216.5px;}

/* ---------- 條列重點 ---------- */
.ajbr .ajbr-reasons{max-width:904px;margin:0 auto;}
.ajbr .ajbr-reason-row{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:26px 0;
  border-bottom:1px solid var(--line);}
.ajbr .ajbr-reason-row>div{min-width:0;}
.ajbr .ajbr-reason-row:last-child{border-bottom:none;}
.ajbr .ajbr-rn{font-family:var(--num);font-style:italic;font-size:2.4rem;color:var(--gold-line);line-height:1.2;}
.ajbr .ajbr-reason-row h3{margin-bottom:8px;}
.ajbr .ajbr-reason-row p{color:var(--muted);font-size:1.536rem;}
.ajbr .ajbr-reason-row p strong{font-size:1.536rem;}

/* ---------- 預算試算 ---------- */
.ajbr .ajbr-calc{max-width:904px;margin:0 auto;border:1px solid var(--line);background:var(--white);}
.ajbr .ajbr-calc-head{background:var(--ivory);padding:20px 28px;border-bottom:1px solid var(--line);}
.ajbr .ajbr-calc-tag{display:inline-block;font-size:1.12rem;letter-spacing:.2em;color:var(--gold-dark);
  margin-bottom:6px;text-transform:uppercase;}
.ajbr .ajbr-calc-head strong{display:block;font-size:1.76rem;font-weight:500;letter-spacing:.03em;}
.ajbr .ajbr-calc-body{padding:28px;}
.ajbr .ajbr-calc-row{margin-bottom:24px;}
.ajbr .ajbr-calc-lab{display:block;font-size:1.312rem;letter-spacing:.14em;color:var(--gold-dark);margin-bottom:12px;
  font-weight:500;}
.ajbr .ajbr-calc-row input[type=range]{width:100%;accent-color:var(--gold);}
.ajbr .ajbr-calc-budget{font-family:var(--sans);font-size:3.04rem;color:var(--black);margin-bottom:6px;}
.ajbr .ajbr-chips{display:flex;flex-wrap:wrap;gap:8px;}
.ajbr .ajbr-chips button{font-family:var(--sans);font-size:1.44rem;padding:8px 16px;border:1px solid var(--line);
  background:var(--white);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s;line-height:1.5;}
.ajbr .ajbr-chips button:hover{border-color:var(--gold-line);color:var(--gold-dark);}
.ajbr .ajbr-chips button.ajbr-on{border-color:var(--gold);background:var(--gold);color:#fff;font-weight:500;}
.ajbr .ajbr-calc-out{background:var(--ivory);border-left:3px solid var(--gold-line);padding:22px 26px;
  margin-top:6px;}
.ajbr .ajbr-calc-out .ajbr-calc-hd{font-family:var(--sans);font-size:2.72rem;color:var(--black);line-height:1.4;
  margin-bottom:10px;}
.ajbr .ajbr-calc-out .ajbr-k{color:var(--muted);font-size:1.44rem;}
.ajbr .ajbr-calc-out ul{list-style:none;margin-top:12px;}
.ajbr .ajbr-calc-out li{font-size:1.504rem;color:var(--muted);padding:4px 0 4px 18px;position:relative;}
.ajbr .ajbr-calc-out li::before{content:'—';position:absolute;left:0;color:var(--gold-line);}
.ajbr .ajbr-calc-note{font-size:1.312rem;color:var(--muted-lt);margin-top:16px;line-height:1.8;}

/* ---------- 區塊間距 ---------- */
.ajbr #stone{padding-top:64px;}
.ajbr #budget{padding-bottom:86px;}

/* ---------- 形狀分組卡（比照花式鑽石頁 #settings） ---------- */
.ajbr .ajbr-sg{max-width:904px;margin:0 auto 58px;}
.ajbr .ajbr-sg:last-of-type{margin-bottom:0;}
.ajbr .ajbr-sg-label{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;padding-bottom:12px;
  border-bottom:1px solid var(--line);}
.ajbr .ajbr-sg-label .ajbr-gn{font-family:var(--num);font-style:italic;font-weight:400;font-size:2.4rem;
  color:var(--gold);line-height:1.4;}
.ajbr .ajbr-sg-label .ajbr-gt{font-family:var(--serif-display);font-style:normal;font-weight:500;font-size:1.76rem;
  letter-spacing:.06em;color:var(--black);}
.ajbr .ajbr-sg-grid{display:grid;grid-template-columns:repeat(3,285px);gap:24px;justify-content:center;}
.ajbr .ajbr-sg-card{text-align:center;min-width:0;}
.ajbr .ajbr-sg-card .ajbr-big-img{width:100%;height:215px;margin-bottom:18px;}
.ajbr .ajbr-sg-card h3{font-size:1.68rem;margin-bottom:4px;font-weight:500;letter-spacing:.04em;}
.ajbr .ajbr-sg-card .ajbr-sg-en{font-family:var(--sans);font-style:normal;font-size:1.312rem;color:var(--gold-dark);
  letter-spacing:.06em;margin-bottom:8px;}
.ajbr .ajbr-sg-card .ajbr-sg-pair{font-family:var(--sans);font-size:1.408rem;font-weight:600;color:var(--black);
  letter-spacing:.02em;margin-bottom:10px;}
.ajbr .ajbr-sg-card .ajbr-sg-pair .ajbr-lead{font-weight:400;color:var(--muted-lt);font-size:1.248rem;letter-spacing:.1em;}
.ajbr .ajbr-sg-card p{color:var(--muted);font-size:1.44rem;line-height:1.8;}
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom{overflow:hidden;position:relative;cursor:zoom-in;}
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:focus-within img{
  transform:scale(var(--ajbr-zs,1.8));transform-origin:50% var(--ajbr-oy,50%);}
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:focus{outline:1px solid var(--gold-line);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){
  .ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom img{transition:none;}
}

/* ---------- 對戒價格卡與待填欄位 ---------- */
.ajbr .ajbr-fill{color:#c0392b;font-size:inherit;}
.ajbr .ajbr-cta-sep{display:inline-block;width:1px;height:12px;background:var(--line);margin:0 18px;vertical-align:middle;}
/* 對戒價格卡（比照培育鑽頁 Price Comparison 排法） */
.ajbr .ajbr-pc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0 -16px 18px;
  width:calc(100% + 32px);box-sizing:border-box;}
.ajbr .ajbr-pc-card{border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;min-width:0;}
.ajbr .ajbr-pc-card .ajbr-big-img{aspect-ratio:1/1;width:100%;border:none;border-bottom:1px dashed #c9c5c0;}
/* 對戒價格卡：圖片輪播（淡入淡出，比照 old-jewelry-remake 頁自動輪播寫法） */
.ajbr .ajbr-pc-carousel{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;
  border-bottom:1px dashed #c9c5c0;background:var(--stone);}
.ajbr .ajbr-pc-carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .8s ease;}
.ajbr .ajbr-pc-carousel img.ajbr-on{opacity:1;}
.ajbr .ajbr-pc-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;
  gap:6px;margin:0;padding:0;list-style:none;}
.ajbr .ajbr-pc-dots button{width:6px;height:6px;border-radius:50%;padding:0;cursor:pointer;
  background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.ajbr .ajbr-pc-dots button.ajbr-on{background:var(--gold-dark);border-color:#fff;}
@media (prefers-reduced-motion:reduce){
  .ajbr .ajbr-pc-carousel img{transition:none;}
}
.ajbr .ajbr-pc-body{padding:22px 18px 26px;}
.ajbr .ajbr-pc-spec{font-size:1.6rem;color:var(--black);font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-align:center;}
.ajbr .ajbr-pc-title{font-size:1.52rem;font-weight:700;color:var(--black);margin-bottom:16px;line-height:1.5;}
.ajbr .ajbr-pc-vs{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:5px;margin-bottom:12px;}
.ajbr .ajbr-pc-vs .ajbr-box{padding:9px 2px;text-align:center;min-width:0;}
.ajbr .ajbr-pc-vs .ajbr-box.ajbr-w{background:var(--stone);}
.ajbr .ajbr-pc-vs .ajbr-box.ajbr-m{background:var(--ivory);border:1px solid var(--gold-line);}
.ajbr .ajbr-pc-vs .ajbr-lbl{font-size:1.088rem;margin-bottom:3px;line-height:1.3;color:var(--muted);}
.ajbr .ajbr-pc-vs .ajbr-box.ajbr-m .ajbr-lbl{color:var(--gold-dark);}
.ajbr .ajbr-pc-vs .ajbr-num{font-size:1.44rem;font-weight:600;white-space:nowrap;line-height:1.2;color:var(--muted);}
.ajbr .ajbr-pc-vs .ajbr-box.ajbr-m .ajbr-num{color:var(--gold-dark);font-weight:700;}
.ajbr .ajbr-pc-vs .ajbr-plusmark{font-size:1.056rem;color:var(--gold);font-weight:700;text-align:center;}
.ajbr .ajbr-pc-sum{display:flex;gap:16px;align-items:baseline;justify-content:center;font-size:1.344rem;color:var(--gold-dark);
  font-weight:700;margin-bottom:8px;}
.ajbr .ajbr-pc-sum span{font-size:1.344rem;}
.ajbr .ajbr-pc-note{font-size:1.184rem;color:var(--muted-lt);}
.ajbr .ajbr-price-note{max-width:904px;margin:18px auto 0;font-size:1.344rem;color:var(--muted-lt);line-height:1.9;}
.ajbr .ajbr-price-note strong{font-size:1.344rem;color:var(--text);}

/* ---------- 內文連結 ---------- */
.ajbr .ajbr-inline-cta{margin-top:22px;font-size:1.52rem;}
.ajbr .ajbr-inline-cta a{font-size:1.52rem;color:var(--gold-dark);border-bottom:1px solid var(--gold-line);padding-bottom:2px;}

/* ---------- 按鈕 ---------- */
.ajbr .ajbr-btn-outline{display:inline-block;border:1px solid var(--black);color:var(--black);
  padding:14px 36px;font-size:1.28rem;letter-spacing:.18em;transition:background-color .3s,color .3s,border-color .3s;}
.ajbr .ajbr-btn-outline:hover{background:var(--black);color:#fff;}
.ajbr .ajbr-btn-outline.ajbr-gold{border-color:var(--gold);color:var(--gold-dark);}
.ajbr .ajbr-btn-outline.ajbr-gold.ajbr-filled{background:var(--gold);color:#fff;}
.ajbr .ajbr-btn-outline.ajbr-gold.ajbr-filled:hover{background:var(--gold-dark);border-color:var(--gold-dark);}
.ajbr .ajbr-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:44px;}

/* ---------- FAQ（checkbox + label，答案永遠留在 HTML 內，只用 max-height 收合）---------- */
.ajbr .ajbr-faq-list{max-width:904px;margin:0 auto;}
.ajbr .ajbr-faq-item{border-bottom:1px solid var(--line);position:relative;}
.ajbr .ajbr-faq-toggle{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;}
.ajbr .ajbr-faq-q{padding:26px 0;display:flex;justify-content:space-between;align-items:center;
  cursor:pointer;gap:20px;font-size:1.6rem;font-weight:500;letter-spacing:.03em;}
.ajbr .ajbr-faq-toggle:focus-visible+.ajbr-faq-q{outline:2px solid var(--gold-line);outline-offset:4px;}
.ajbr .ajbr-faq-q .ajbr-faq-qtext{font-size:1.6rem;}
.ajbr .ajbr-faq-q .ajbr-plus{color:var(--gold);font-size:1.92rem;transition:transform .25s;flex-shrink:0;}
.ajbr .ajbr-faq-toggle:checked+.ajbr-faq-q .ajbr-plus{transform:rotate(45deg);}
.ajbr .ajbr-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-size:1.536rem;}
.ajbr .ajbr-faq-a-inner{padding-bottom:26px;max-width:760px;font-size:1.536rem;}
.ajbr .ajbr-faq-toggle:checked~.ajbr-faq-a{max-height:520px;}

/* ---------- 延伸閱讀 ---------- */
.ajbr .ajbr-refs-grid{display:grid;grid-template-columns:repeat(3,285px);gap:24px;justify-content:center;}
.ajbr .ajbr-ref-card{min-width:0;}
.ajbr .ajbr-ref-card .ajbr-big-img{width:100%;height:215px;margin-bottom:22px;}
.ajbr .ajbr-ref-img-link{display:block;}
.ajbr .ajbr-ref-img-link .ajbr-big-img{transition:opacity .25s;}
.ajbr .ajbr-ref-img-link:hover .ajbr-big-img{opacity:.85;}
.ajbr .ajbr-ref-card .ajbr-ref-tag{font-size:1.248rem;letter-spacing:.15em;color:var(--gold);margin-bottom:10px;}
.ajbr .ajbr-ref-card h3{font-size:1.76rem;margin-bottom:10px;}
.ajbr .ajbr-ref-card p{color:var(--muted);font-size:1.52rem;margin-bottom:18px;}
.ajbr .ajbr-ref-card .ajbr-ref-link{font-size:1.36rem;letter-spacing:.05em;color:var(--black);
  display:inline-flex;align-items:center;gap:6px;transition:color .25s;}
.ajbr .ajbr-ref-card .ajbr-ref-link:hover{color:var(--gold-dark);}
.ajbr .ajbr-ref-card .ajbr-ref-link .ajbr-arrow-r{font-size:1.36rem;transition:transform .25s;display:inline-block;}
.ajbr .ajbr-ref-card .ajbr-ref-link:hover .ajbr-arrow-r{transform:translateX(4px);}

/* ---------- 預約 ---------- */
.ajbr .ajbr-cta{background:var(--footer);text-align:center;padding:140px 0;}
.ajbr .ajbr-cta .ajbr-eyebrow{color:var(--gold-line);font-size:1.68rem;}
.ajbr .ajbr-cta h2{font-size:3.36rem;margin-bottom:22px;color:#f0efed;}
.ajbr .ajbr-cta p{color:#c7c4c1;margin-bottom:38px;max-width:600px;margin-left:auto;margin-right:auto;font-size:1.568rem;}
.ajbr .ajbr-btn-gold{display:inline-block;border:1px solid #f0efed;color:#f0efed;
  padding:15px 40px;font-size:1.28rem;letter-spacing:.18em;transition:background-color .3s,color .3s,border-color .3s;}
.ajbr .ajbr-btn-gold:hover{background:var(--gold);border-color:var(--gold);color:var(--footer);}
.ajbr .ajbr-btn-gold.ajbr-filled{background:var(--gold);border-color:var(--gold);color:var(--footer);}
.ajbr .ajbr-btn-gold.ajbr-filled:hover{background:var(--gold-dark);border-color:var(--gold-dark);}
.ajbr .ajbr-btn-gold.ajbr-consult{display:table;margin:14px auto 0;cursor:pointer;}
.ajbr .ajbr-cta-contacts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:56px;}
.ajbr .ajbr-cta-contacts a{color:#e7e5e2;font-size:1.6rem;padding:6px 22px;transition:color .25s;}
.ajbr .ajbr-cta-contacts a:hover{color:var(--gold-line);}
.ajbr .ajbr-cta-contacts .ajbr-sep{width:1px;height:14px;background:#5a5854;display:inline-block;}

/* ---------- 系統關閉動態效果時，所有過場一律停止 ---------- */
@media (prefers-reduced-motion: reduce){
  .ajbr *,.ajbr *::before,.ajbr *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important;}
}

/* 版型的麵包屑在 .ajbr 外面：/bridal-ring 不在 Mvc.sitemap 裡，SiteMapPath 會渲染成
   空的，但 site.css 的 .bt-a 仍帶 border-bottom:1px solid #e6e6e6，那就是頁首底下
   那條來路不明的灰線。old-jewelry-remake、lab-grown-diamond、fancy-diamond 同一招。
   （.ajbr 本身有白底，所以不會像其他頁那樣再冒出深色 body 的黑帶。） */
.breadcrumb.bt-a { display: none; }

/* ===== 手機版：多欄改單欄 =====
   桌機是 1000px 的固定版面，手機一律直排；
   天然 vs 培育的四組並排比較刻意保留兩欄 —— 那是內容本身的重點。 */
.ajbr .ajbr-flow-track{grid-template-columns:1fr;}
.ajbr .ajbr-rc-cards{grid-template-columns:1fr;}
.ajbr .ajbr-rc-merged{grid-template-columns:1fr;}
.ajbr .ajbr-cols-2{grid-template-columns:1fr;}
.ajbr .ajbr-cols-3{grid-template-columns:1fr;}
.ajbr .ajbr-mount{grid-template-columns:1fr;}
.ajbr .ajbr-formula{grid-template-columns:1fr;}
.ajbr .ajbr-set-cols{grid-template-columns:1fr;}
.ajbr .ajbr-set-cols-1up{grid-template-columns:1fr;}
.ajbr .ajbr-reason-row{grid-template-columns:1fr;}
.ajbr .ajbr-sg-grid{grid-template-columns:1fr;}
.ajbr .ajbr-pc-cards{grid-template-columns:1fr;}
.ajbr .ajbr-refs-grid{grid-template-columns:1fr;}

/* 保留兩欄的比較區：手機上要縮 padding 與字級，否則長金額會擠爆 */
.ajbr .ajbr-bc-col{padding:14px 12px;}
.ajbr .ajbr-bc-w{font-size:1.28rem;}
.ajbr .ajbr-bc-p{font-size:1.16rem;}
.ajbr .ajbr-bc-best-v{font-size:2.2rem;}
.ajbr .ajbr-bc-item{gap:4px;}

/* 三列戒台：圖在上、文字在下 */
.ajbr .ajbr-mount{gap:14px;padding:18px 16px;}
.ajbr .ajbr-mount-price{text-align:left;}

/* 算式行在手機上直排會太高，改成允許換行的橫排 */
.ajbr .ajbr-formula{display:flex;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:8px;}

/* 表格一律可橫向捲動，不要壓扁欄位 */
.ajbr .ajbr-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* 滿版大圖：桌機是 calc(100% + 32px) 配 48px 留白，手機的留白是 16px */
.ajbr .ajbr-hero .ajbr-big-img{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;height:240px;}

/* 🔴 Trap 8：手機站頁尾有一個半凸出的白色 AJ 徽章（footer:before，42x42、top:-21px）。
   最後一段是深色 CTA，不留緩衝的話徽章上半截會變成一塊白方塊卡在深色上。
   必須寫成兩層選擇器 —— .ajbr 的 reset 把所有子層 margin 歸零，
   只寫 .ajbr-cta{} 特異性不夠會被吃掉。 */
.ajbr .ajbr-cta{margin-bottom:40px;}

/* ===== 共用模組 _DiamondPriceCalc 在「這一頁」的調整 =====
   那個模組同時被 /Product/Diamonds、/fancy-diamond、/lab-grown-diamond 兩站共六頁使用，
   所以一律用本頁自己的 CSS 蓋掉，不去改模組本身。
   · cs-spec-label / cs-spec：上方四個下拉已經顯示規格了，下面不必再重複一次
   · cs-foot：刷卡與匯率那兩行，改由本頁的其他文案交代
   · cs-ask 的上框線：就是那條細細的灰線 */
.ajbr .ajbr-dpc-host .cs-spec-label,
.ajbr .ajbr-dpc-host .cs-spec,
.ajbr .ajbr-dpc-host .cs-foot { display: none; }
.ajbr .ajbr-dpc-host .cs-ask { border-top: none; padding-top: 6px; }

/* 訂製那一節的四張圖（爪子數量、爪座側面、戒身比例、刻字）：
   預設的 object-fit:cover 會把左右裁掉，這一節要看到整張圖的內容，
   所以改成完整顯示、高度隨圖，不letterbox。 */
.ajbr #made-to-order .ajbr-big-img { height: auto; background: none; }
.ajbr #made-to-order .ajbr-big-img.ajbr-photo img { height: auto; object-fit: contain; }

/* ===== 手機版關掉圖片的放大效果 =====
   放大是純 CSS：.ajbr-zoom:hover / :focus / :focus-within 改 transform，
   配 tabindex="0" 讓鍵盤也能操作。桌機沒問題，但觸控裝置沒有 hover ——
   手指點一下等於給了 focus，圖片放大後就縮不回去，點別處也不一定會失焦。

   這裡把那些規則還原，並把右下角的放大鏡圖示藏起來
   （功能沒了，圖示留著會讓人一直去點）。
   HTML 完全不動 —— 兩站的標記保持一致，差異一律只寫在各自的 CSS。
   手機要看細節可以直接雙指放大整頁。 */
.ajbr .ajbr-big-img.ajbr-zoom{cursor:default;}
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-rc-card .ajbr-big-img.ajbr-zoom:focus-within img,
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-set-col .ajbr-big-img.ajbr-zoom:focus-within img,
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:hover img,
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:focus img,
.ajbr .ajbr-sg-card .ajbr-big-img.ajbr-zoom:focus-within img{
  transform:none;
}
.ajbr .ajbr-big-img.ajbr-zoom:focus{outline:none;}
.ajbr .ajbr-zoom-hint{display:none;}

/* ===== 手機版的段落間距 =====
   桌機的 .ajbr section{padding:110px 0} 是為 1000px 版面寫的，
   手機沿用會讓每一段上下各空掉 110px（實測 hero 上方離選單 98px，
   而 /fancy-diamond 手機版只有 26px）。數值對齊 fancy-diamond 手機版。

   ⚠️ .ajbr .ajbr-hero 的特異性是 (0,2,0)，壓得過 .ajbr section 的 (0,1,1)，
      所以 hero 一定要另外指名覆寫，不能只改 section。 */
.ajbr section{padding:44px 0;}
.ajbr .ajbr-hero{padding:38px 0 34px;}

/* ===== #difference 與 #stone 的桌機數值要壓掉 =====
   這兩段在桌機各自有 padding-top:70px / 64px，特異性是 (0,1,1,0)（id＋class），
   壓過上面的 .ajbr section{padding:44px 0}。px 值不受 rem×1.6 換算影響，
   所以整份手機 CSS 裡只有這兩段還留著桌機的間距。
   實測（線上，390px）：difference 70px、stone 64px，其餘 44px，
   而 /fancy-diamond 手機版是一律 44px。 */
.ajbr #difference{padding-top:44px;}
.ajbr #stone{padding-top:44px;}

/* ===== 四頁 pillar 的手機間距統一（2026-09-25）=====
   四個 pillar 的手機版原本是三種段落間距（56／52／44）與兩種 eyebrow 間距（29／43），
   一頁一頁看不出來，連著看就會覺得「一段一段的空間不一樣」。
   統一成：段落 padding 44px、eyebrow → h2 29px。
   （eyebrow margin-bottom 10px ＋ 金線 1px ＋ 金線 margin-bottom 18px = 29px）
   桌機維持 110px / 43px 不動，那邊四頁本來就一致。
   規格寫在 changes.md 與給美編的技術規範裡，新 pillar 一律照這組。 */
.ajbr .ajbr-eyebrow{margin-bottom:10px;}
.ajbr hr.ajbr-rule{margin:0 auto 18px;}

/* ===== 四頁 pillar 的手機間距統一（第二輪）：剩下的例外段落 =====
   線上實測還有幾段沒有跟上 44px：
     bridal 的結尾 CTA 140px、fancy 的 #trust 60px、old-jewelry 的 .reasons 36px。
   目錄區塊四頁則是四種值（0／34／60／60）—— 統一成上 0、下 44，
   讓它貼著 hero、再用下一段自己的 44px 起頭。 */
.ajbr .ajbr-cta{padding:44px 0;margin-bottom:40px;}
.ajbr .ajbr-toc-wrap{padding:0 0 44px;}

/* ===== A+：桌機段落間距統一（2026-09-25）=====
   逐段全量掃線上才發現桌機也不一致（我先前只看「最多數的值」就下了
   「桌機本來就一致」的結論，那是錯的）：
     old-jewelry .reasons 72px、fancy #trust 60px、
     bridal #difference 70 / #stone 64 / 結尾 CTA 140px、
     lab-grown 後半段五條手動調過的不對稱 padding。
   全部拉回 110px。目錄區塊改成 padding:0，讓下一段自己的 110px 做那個距離。 */
.ajbr .ajbr-toc-wrap{padding:0;}

/* ===== Custom Setting 改成 B 版型（2026-09-25）=====
   粗體標題移到圖上方，變成「這張圖在講什麼」的標籤；
   原本在說明上方的那條細灰線，改成兩塊圖區之間的分隔。
   限定 #made-to-order：#setting 那組四欄卡片也用 .ajbr-set-cols，維持原樣。
   ID 讓特異性穩穩蓋過原本的 class 規則，不必動到原本那幾條。 */
.ajbr #made-to-order .ajbr-set-name{margin-bottom:14px;}
.ajbr #made-to-order .ajbr-set-col .ajbr-big-img{margin-bottom:0;}
.ajbr #made-to-order .ajbr-set-row{border-top:none;padding-top:12px;}
.ajbr #made-to-order .ajbr-set-col + .ajbr-set-col{
  border-top:1px solid var(--line);padding-top:40px;}

/* ===== 總預算公式改直排（2026-09-25）=====
   原本圖示在字的左邊，橫向佔空間，手機上會把「戒台」「主鑽」擠到換行。
   改成字在上、圖在正下方。
   對齊改 start 而不是 center：「總預算」與「＝」「＋」沒有圖，
   置中的話會掉到「字與圖之間」的高度，跟旁邊的字對不上。 */
.ajbr #budget .ajbr-formula{align-items:start;}
.ajbr #budget .ajbr-formula-v{flex-direction:column;gap:8px;}
.ajbr #budget .ajbr-formula-op{align-self:start;}
/* 手機的公式橫向間距：原本 #budget 那條 ID 規則的 30px 蓋掉了 media query
   想要的 14px，小螢幕（375/320）會把「主鑽」擠到第二行。改直排之後
   每一項已經變窄，間距再收一點就能一行放完。 */
.ajbr #budget .ajbr-formula{column-gap:16px;}

/* ===== 公式圖示：鑽石縮小並與戒指對齊（2026-09-25）=====
   兩個 svg 的 viewBox 比例差很多（戒指 40x48 直式、鑽石 50x38 橫式），
   原本一個定高、一個定寬，換算出來的視覺份量與高度都不一致。
   外框固定 40px 並置中 → 兩個圖示落在同一條中線；
   鑽石寬度收到 32px → 份量與戒指相當。 */
.ajbr #budget .ajbr-formula-ico{height:40px;}
.ajbr #budget .ajbr-ico-gem svg{width:32px;}