/* ============================================================
   溫度日常 · 內容頁（訂購流程 / 退換貨 / 生日禮）
   搭配 index_style.css 使用（共用 header / footer / 變數）
   ============================================================ */
.page_hero{background:var(--sand);border-bottom:1px solid var(--line);padding:66px 0 56px;text-align:center;}
.page_hero h1{font-size:2.4rem;margin:0 0 12px;}
.page_hero p{color:var(--muted);margin:0;font-weight:300;}

.page_body{max-width:880px;margin:0 auto;padding:60px 24px 90px;}
.page_card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:40px 42px;margin-bottom:28px;}
.page_card h2{font-size:1.55rem;margin:0 0 18px;display:flex;align-items:center;gap:12px;}
.page_card h3{font-size:1.15rem;margin:26px 0 8px;}
.page_card p{margin:10px 0;color:var(--text);}
.page_card ul{margin:14px 0;padding-left:4px;list-style:none;}
.page_card ul li{position:relative;padding-left:24px;margin:10px 0;}
.page_card ul li::before{content:"●";color:var(--taupe);position:absolute;left:0;font-size:11px;top:4px;}
.page_card b{color:var(--brand-deep);}

.steps{list-style:none;counter-reset:s;padding:0;margin:20px 0 0;}
.steps li{counter-increment:s;position:relative;padding:0 0 30px 66px;}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--serif);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.steps li::after{content:"";position:absolute;left:21px;top:44px;bottom:-2px;width:2px;background:var(--line);}
.steps li:last-child{padding-bottom:0;}
.steps li:last-child::after{display:none;}
.steps li strong{display:block;color:var(--ink);font-family:var(--serif);font-size:1.12rem;margin-bottom:3px;}

.line_cta{text-align:center;background:var(--sand-deep);border-radius:var(--radius);padding:44px;margin-top:6px;}
.line_cta h2{justify-content:center;}
.line_cta .line_id{display:inline-block;background:#fff;color:var(--ink);padding:7px 18px;border-radius:8px;font-weight:700;letter-spacing:.05em;margin:8px 0 22px;}
.line_btn{display:inline-flex;align-items:center;gap:10px;background:#06C755;color:#fff;text-decoration:none;padding:15px 40px;border-radius:50px;font-size:1.05rem;font-weight:700;box-shadow:0 8px 22px rgba(6,199,85,.32);transition:.25s;}
.line_btn:hover{background:#05b54c;transform:translateY(-2px);}

.gift_grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;}
.gift_item{background:var(--sand);border-radius:12px;padding:24px;border:1px solid var(--line);}
.gift_item h3{margin:0 0 8px;font-size:1.1rem;}
.gift_item p{margin:0;font-size:14px;}

.back_link{display:inline-block;margin-top:6px;color:var(--brand);text-decoration:none;font-size:14px;}
.back_link:hover{color:var(--brand-deep);}

@media(max-width:768px){
  .page_card{padding:28px 22px;}
  .page_hero h1{font-size:1.9rem;}
  .gift_grid{grid-template-columns:1fr;}
}