.warcaf-shop-intro {
  max-width: 1180px;
  margin: 24px auto 42px;
  padding: 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #111317 0%, #22262d 58%, #b91224 160%);
  color: #fff;
  box-shadow: 0 24px 70px rgba(18, 20, 24, .16);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.warcaf-shop-intro .warcaf-eyebrow { color:#ff6270; font-size:12px; font-weight:900; letter-spacing:.14em; }
.warcaf-shop-intro h1 { max-width:780px; margin:12px 0 10px; color:#fff; font-size:clamp(34px,4vw,58px); line-height:1.04; letter-spacing:-.045em; }
.warcaf-shop-intro > p { max-width:760px; margin:0; color:#d5d8de; font-size:17px; line-height:1.65; }
.warcaf-shop-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:30px; }
.warcaf-shop-cards a { display:flex; min-height:190px; flex-direction:column; padding:22px; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(255,255,255,.07); color:#fff; text-decoration:none; transition:.2s ease; }
.warcaf-shop-cards a:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.11); }
.warcaf-shop-cards b { font-size:19px; }
.warcaf-shop-cards small { margin-top:10px; color:#d7dae0; font-size:13px; line-height:1.55; }
.warcaf-shop-cards em { margin-top:auto; padding-top:18px; color:#fff; font-style:normal; font-weight:800; }
@media (max-width:800px) {
  .warcaf-shop-intro { margin:12px 14px 28px; padding:25px 20px; }
  .warcaf-shop-cards { grid-template-columns:1fr; }
  .warcaf-shop-cards a { min-height:150px; }
}