/* ==============================================
   交易與託管須知 /terms
   ============================================== */
body.acorn-terms-page{
  margin:0;
  background:var(--paper,#f4ead5);
  background-image:url('/橡果_BG.jpg');
  background-size:cover;
  background-attachment:fixed;
  font-family:"Noto Sans TC",-apple-system,sans-serif;
  color:var(--slate,#32403e);
}
.acorn-terms-page-main{
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px 80px;
}
.terms-hero{
  text-align:center;
  margin-bottom:40px;
  padding:40px 0;
  border-bottom:2px solid rgba(176,141,87,.3);
}
.terms-hero h1{
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:clamp(1.8rem,4vw,2.6rem);
  font-weight:700;
  color:var(--brown,#573409);
  margin:0 0 12px;
}
.terms-hero-sub{
  font-size:1rem;
  color:var(--slate,#32403e);
  font-weight:600;
}
.terms-section{
  margin-bottom:56px;
}
.terms-section-title{
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:1.5rem;
  font-weight:700;
  color:var(--brown,#573409);
  margin:0 0 24px;
  padding-left:14px;
  border-left:4px solid var(--gold,#b08d57);
}
.terms-section-sub{
  color:var(--slate,#32403e);
  font-size:.95rem;
  margin:-12px 0 24px;
  opacity:.8;
}

/* ── 4 step cards ── */
.terms-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.terms-step{
  background:linear-gradient(135deg,#f3d98f,#e8c268);
  border:1px solid rgba(176,141,87,.4);
  border-radius:12px;
  padding:24px 16px;
  text-align:center;
  box-shadow:0 4px 12px rgba(87,52,9,.12);
}
.terms-step-icon{
  font-size:2.4rem;
  margin-bottom:12px;
  line-height:1;
}
.terms-step-icon img{
  display:block;
  width:192px;
  height:192px;
  margin:0 auto;
  object-fit:contain;
}
.terms-step-title{
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:1.1rem;
  font-weight:700;
  color:var(--brown,#573409);
  margin:0 0 8px;
}
.terms-step-desc{
  font-size:.85rem;
  color:#5a4628;
  line-height:1.5;
  margin:0;
}

/* ── 取貨管道 cards ── */
.terms-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.terms-card{
  background:rgba(255,255,255,.6);
  border:1px solid rgba(176,141,87,.35);
  border-radius:12px;
  padding:24px;
}
.terms-card-title{
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:1.2rem;
  font-weight:700;
  color:var(--brown,#573409);
  margin:0 0 8px;
}
.terms-card-sub{
  font-size:.9rem;
  color:var(--slate,#32403e);
  margin:0 0 16px;
}
.terms-card-icon{
  font-size:2.4rem;
  margin:12px 0;
}
.terms-card-text{
  font-size:.92rem;
  line-height:1.7;
  color:var(--slate,#32403e);
  white-space:pre-line;
}
.terms-card-map{
  border-radius:8px;
  overflow:hidden;
  height:300px;
  margin:12px 0;
  box-shadow:0 2px 8px rgba(87,52,9,.1);
}
.terms-card-map iframe{
  display:block;
  width:100%;
  height:100%;
}

/* ── FAQ accordion ── */
.terms-faq-item{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(176,141,87,.3);
  border-radius:8px;
  margin-bottom:12px;
  overflow:hidden;
}
.terms-faq-item summary{
  padding:16px 20px;
  font-weight:600;
  color:var(--brown,#573409);
  cursor:pointer;
  list-style:none;
  position:relative;
}
.terms-faq-item summary::-webkit-details-marker{display:none;}
.terms-faq-item summary::after{
  content:"+";
  position:absolute;right:20px;top:50%;
  transform:translateY(-50%);
  font-size:1.3rem;color:var(--gold,#b08d57);
}
.terms-faq-item[open] summary::after{content:"−";}
.terms-faq-a{
  padding:0 20px 16px;
  font-size:.92rem;
  line-height:1.7;
  color:var(--slate,#32403e);
  white-space:pre-line;
}
.terms-faq-btn{
  display:inline-block;
  margin-top:20px;
  padding:12px 28px;
  background:var(--brown,#573409);
  color:#fff;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  transition:background .2s;
}
.terms-faq-btn:hover{background:#3f2405;}

/* ── 免責聲明 box ── */
.terms-disclaimer-box{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(176,141,87,.4);
  border-radius:10px;
  padding:24px;
  font-size:.92rem;
  line-height:1.8;
  color:var(--slate,#32403e);
  white-space:pre-line;
}

/* ── mobile ── */
@media (max-width:768px){
  .terms-steps{grid-template-columns:1fr 1fr;}
  .terms-cards{grid-template-columns:1fr;}
}
@media (max-width:430px){
  .terms-steps{grid-template-columns:1fr;}
}