/* =====================================================================
   case-06.css · 模板B：全幅大图 + 上下堆叠（连锁餐饮）
   与 case-02 同构，强调色改用餐饮暖橙
   ===================================================================== */

.banner-case{background-image:url('../images/banner-case.jpg')}

.full-hero{padding:60px 0 0}
.fh-img img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}

.block-center .narrow{max-width:820px;margin:0 auto;text-align:center}
.kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:2px;color:#C2410C;background:#FDECE0;padding:5px 14px;border-radius:999px;margin-bottom:16px}
.block-center h2{font-size:clamp(24px,3vw,34px);margin-bottom:20px}
.block-center p{color:var(--c-text-2);font-size:16px;line-height:1.95;margin-bottom:16px}

.stack-sec{background:#FFF8F3;padding-top:40px}
.stack-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:72px}
.stack-row:last-child{margin-bottom:0}
.stack-row.reverse .sr-media{order:2}
.sr-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%}
.sr-text h2{font-size:clamp(21px,2.5vw,28px);margin:6px 0 16px}
.sr-text p{color:var(--c-text-2);font-size:15.5px;line-height:1.9;margin-bottom:14px}

.hl-sec{padding-bottom:40px}
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hl-card{background:#fff;border:1px solid #FBE3D2;border-radius:var(--radius-lg);padding:32px 28px;transition:transform var(--trans),box-shadow var(--trans)}
.hl-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.hl-card b{display:block;font-size:30px;font-weight:800;color:#FDECE0;-webkit-text-stroke:1.5px #C2410C;line-height:1;margin-bottom:16px}
.hl-card h3{font-size:17px;margin-bottom:10px;color:var(--c-primary)}
.hl-card p{font-size:14.5px;color:var(--c-text-2);line-height:1.8}

.result-band-sec{padding-top:20px}
.result-band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:linear-gradient(135deg,#7C2D12 0%,#C2410C 100%);border-radius:var(--radius-lg);padding:48px 30px}
.rb-item{text-align:center;color:#fff}
.rb-item b{display:block;font-size:clamp(32px,3.6vw,46px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px}
.rb-item span{font-size:13.5px;color:#FBD9C2}

.wide-quote{max-width:820px;margin:44px auto 0;text-align:center;border-top:3px solid #C2410C;padding-top:28px}
.wide-quote p{font-size:18px;color:var(--c-text);line-height:1.9;font-style:italic}
.wide-quote span{display:block;margin-top:16px;font-size:14px;color:#C2410C;font-weight:700}

.related-sec{background:#FFF8F3}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rcard{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform var(--trans),box-shadow var(--trans);background:#fff}
.rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.rcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rcard .rc-tag{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;color:#fff;background:#C2410C;padding:4px 12px;border-radius:999px}
.rcard h3{font-size:15.5px;padding:16px 18px;color:var(--c-primary);line-height:1.5}

@media (max-width:992px){
  .stack-row{grid-template-columns:1fr;gap:26px}
  .stack-row.reverse .sr-media{order:0}
  .hl-grid{grid-template-columns:1fr}
  .result-band{grid-template-columns:1fr 1fr;gap:30px}
  .related-grid{grid-template-columns:1fr}
}