/* #1417 (ADR 0024) - presunuto z inline <style> bloku bowling.html */
html { scroll-padding-top: 150px; }
          a { color: #F59E0B; }
          a:hover { color: #D97706; }
          /* Navbar */
          section.navbar { position: sticky; top: 0; z-index: 1030; }
          .navbar-default { overflow: visible; min-height: 60px; position: relative; }
          .navbar-default .navbar-brand { position: fixed; top: 0; left: 30px; z-index: 1040; padding: 0; margin: 0; height: auto; }
          .navbar-default .navbar-brand img { height: 166px; width: auto; display: block; }
          .navbar-default .navbar-brand:hover { opacity: 0.85; }
          .navbar-default .navbar-nav > li > a { line-height: 60px; padding-top: 0; padding-bottom: 0; }
          /* Header */
          header { background-color: #1A2870; }
          header p { color: #FDDBB4; margin-bottom: 0; }
          header .email-icon a { color: #FDDBB4; }
          header .email-icon a:hover { color: #fff; }
          @media (max-width: 991px) {
               header .col-sm-6:first-child { display: none; }
               header .col-sm-6:last-child { width: 100%; text-align: right; padding-left: 190px; }
          }
          @media (max-width: 767px) {
               header { display: none; }
               .navbar-default .navbar-brand { left: 10px; top: -4px; position: absolute; }
               .navbar-default .navbar-brand img { height: 68px; }
          }
          /* Stránka */
          /* #1604 (ADR 0040 vzor A) — hero s podkladovou fotkou: světlá průhledná vrstva (::before) přes obrázek, obsah nad ní (position:relative na .container). */
          .page-hero { position: relative; background: #FFF7ED center 65% / cover no-repeat; padding: 60px 0 40px; }
          .page-hero { background-image: url(/images/hero/hero-bowling.jpg); background-image: image-set(url(/images/hero/hero-bowling.webp) type("image/webp"), url(/images/hero/hero-bowling.jpg) type("image/jpeg")); }
          .page-hero::before { content: ""; position: absolute; inset: 0; background: rgba(255, 247, 237, .78); }
          .page-hero > .container { position: relative; }
          .page-hero h1 { font-size: 2rem; font-weight: 800; color: #1F2937; margin-bottom: 12px; }
          .page-hero .lead { font-size: 1.1rem; color: #374151; margin-bottom: 20px; }
          .use-case-list { list-style: none; padding: 0; }
          .use-case-list li { padding: 6px 0; font-size: 15px; color: #374151; }
          .use-case-list li i { color: #F59E0B; margin-right: 8px; }
          .demo-section { padding: 48px 0; background: #F9FAFB; }
          .widget-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 16px rgba(245,158,11,0.10); margin-bottom: 24px; }
          .widget-card h4 { font-size: 1rem; font-weight: 700; color: #92400E; margin-bottom: 4px; }
          .widget-card p { font-size: 13px; color: #6B7280; margin-bottom: 12px; }
          .pricing-section { padding: 40px 0; background: #fff; }
          .pricing-section h2 { font-size: 1.5rem; font-weight: 700; color: #1F2937; margin-bottom: 24px; }
          .pricing-table { width: 100%; border-collapse: collapse; font-size: 14px; }
          .pricing-table th { background: #92400E; color: #fff; padding: 10px 14px; text-align: left; }
          .pricing-table td { padding: 10px 14px; border-bottom: 1px solid #E5E7EB; color: #1F2937; }
          .pricing-table tr:last-child td { border-bottom: none; }
          .pricing-table tr:nth-child(even) td { background: #F9FAFB; }
          .pricing-note { font-size: 13px; color: #6B7280; margin-top: 8px; }
          .cta-section { background: #92400E; color: #fff !important; padding: 48px 0; text-align: center; }
          .cta-section h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 12px; color: #fff !important; }
          .cta-section p { color: #FDE68A !important; margin-bottom: 24px; }
          footer .footer-thumb p { color: #9CA3AF !important; }
          footer .copyright-text p { color: #9CA3AF !important; }
          .btn-cta { display: inline-block; padding: 14px 36px; background: #F59E0B; color: #fff; border-radius: 6px; font-weight: 700; font-size: 1.05rem; text-decoration: none; }
          .btn-cta:hover { background: #D97706; color: #fff; }
          .back-link { display: inline-flex; align-items: center; gap: 6px; color: #6B7280; font-size: 14px; text-decoration: none; margin-bottom: 20px; }
          .back-link:hover { color: #F59E0B; }
          @media (max-width: 767px) {
               .pricing-table { font-size: 12px; }
               .pricing-table th, .pricing-table td { padding: 8px 8px; }
          }