/* Ycash shared stylesheet, part 2.
   Rules shared by every page except wallets.html, which diverges at this
   point. Link after site.css and before the inline <style> block. */

  .booking-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
    padding:34px;box-shadow:var(--shadow-sm);
  }
  .bc-top{display:flex;gap:15px;align-items:center;margin-bottom:20px;}
  .bc-icon{
    width:54px;height:54px;border-radius:15px;flex-shrink:0;
    background:var(--orange-soft);color:var(--orange);
    display:flex;align-items:center;justify-content:center;
  }
  .bc-icon svg{width:27px;height:27px;}
  .booking-card h3{font-size:20px;font-weight:800;letter-spacing:-.01em;margin-bottom:3px;}
  .bc-meta{font-size:13px;font-weight:700;color:var(--muted);}
  .bc-text{font-size:15px;color:var(--ink-2);margin-bottom:20px;}
  .bc-list{display:flex;flex-direction:column;gap:11px;margin-bottom:26px;}
  .bc-li{display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:600;color:var(--ink-2);}
  .bc-li svg{width:19px;height:19px;color:var(--orange);flex-shrink:0;}
  .bc-btn{width:100%;justify-content:center;}
  .bc-fine{font-size:12.5px;color:var(--muted);text-align:center;margin-top:14px;}

  /* ---------- footer ---------- */
  footer{background:var(--bg-dark);color:#C9C2BA;padding:66px 0 30px;margin-top:0;}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.09);}
  .foot-brand .brand{color:#fff;margin-bottom:14px;}
  .foot-brand p{font-size:14px;color:#8E867D;max-width:280px;margin-bottom:20px;}
  .socials{display:flex;gap:10px;flex-wrap:wrap;}
  .socials a{
    width:38px;height:38px;border-radius:10px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;color:#C9C2BA;
    transition:background .18s ease, color .18s ease, transform .18s ease;
  }
  .socials a:hover{background:var(--orange);color:#fff;transform:translateY(-3px);border-color:var(--orange);}
  .socials svg{width:17px;height:17px;}
  .foot-col h4{color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;margin-bottom:16px;}
  .foot-col a{display:block;font-size:14px;color:#9A928A;margin-bottom:11px;transition:color .15s ease;}
  .foot-col a:hover{color:var(--orange);}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;gap:16px;flex-wrap:wrap;}
  .foot-bottom p{font-size:13px;color:#7D756C;}
  .foot-bottom .fb-links{display:flex;gap:22px;}
  .foot-bottom .fb-links a{font-size:13px;color:#7D756C;}
  .foot-bottom .fb-links a:hover{color:var(--orange);}

  /* ---------- reveal animation ---------- */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}

  /* ---------- responsive ---------- */
  @media (max-width:960px){
    .hero-grid{grid-template-columns:1fr;gap:10px;}
    .hero-visual{min-height:360px;order:-1;}
    .hero h1{font-size:44px;}
    .contact-grid{grid-template-columns:1fr;gap:34px;}
    .foot-grid{grid-template-columns:1fr 1fr;gap:34px;}
    .learn-band{flex-direction:column;align-items:flex-start;padding:40px 34px;}
  }
  @media (max-width:760px){
    .nav-links,.nav-cta .btn{display:none;}
    .menu-btn{display:block;}
    .nav-cta{gap:0;}
    .mobile-menu{display:none;flex-direction:column;gap:4px;padding:14px 24px 22px;border-top:1px solid var(--line);background:#fff;}
    .mobile-menu.open{display:flex;}
    .mobile-menu a{padding:11px 4px;font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--line);}
    .mobile-menu a:last-of-type{border-bottom:none;}
    .mobile-menu .btn{margin-top:10px;justify-content:center;}
    .hero{padding:48px 0 64px;}
    .hero h1{font-size:35px;}
    .hero .lead{font-size:16.5px;}
    .sec{padding:64px 0;}
    .sec h2{font-size:30px;}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .stat:nth-child(2){border-right:none;}
    .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line);}
    .why-grid{grid-template-columns:1fr;}
    .steps-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;gap:30px;}
    .foot-bottom{flex-direction:column;align-items:flex-start;}
    .hero-logo{width:170px;height:170px;}
    .glow{width:330px;height:330px;}
    .ring.r1{width:260px;height:260px;}
    .ring.r2{width:340px;height:340px;}
    .chip{font-size:12px;padding:9px 12px;}
  }
  @media (max-width:420px){
    .hero h1{font-size:30px;}
    .wrap{padding:0 18px;}
    .learn-band{padding:32px 24px;}
    form.card-form{padding:24px;}
  }