/* WebwinkelKeur Badge Styling */
    .webwinkelkeur-badge {
      position: fixed;
      bottom: 20px;
      left: 20px;
      z-index: 1000000;
      transition: transform 0.3s ease;
      display: block;
    }

    .webwinkelkeur-badge img {
      width: 120px;
      height: auto;
      display: block;
    }

    .webwinkelkeur-badge:hover {
      transform: scale(1.1);
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .webwinkelkeur-badge {
        bottom: 70px;
        left: 15px;
      }

      .webwinkelkeur-badge img {
        width: 90px;
      }
    }

    /* Extra spacing below navbar */
    main {
      padding-top: 32px;
    }

    /* Phone cards + package pricing table: fluid-capped at 1140px (fill the
       viewport below that), matching the product sections on /shop and
       /extras. Overrides Bootstrap's stepped .container, which drops to 960px
       between 992-1200px and squashes these sections with big side gaps. */
    .smartphones-section > .container,
    #responsive-container.container {
      max-width: 1140px;
    }