/** Shopify CDN: Minification failed

Line 10:2 Unexpected "<"
Line 198:2 Unexpected "<"
Line 222:23 Unterminated string token
Line 227:25 Unterminated string token

**/

  <style>
    .banner-home-bottom .btn {
      display: inline-block;
      padding: 12px 28px;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      border-radius: 30px;
      transition: 0.3s ease;
      white-space: nowrap;
      position: absolute;
      z-index: 2;
    }

    /* Banner 1 – Black Friday */
    .banner-home-bottom .banner-1 .btn {
      background-color: #fff;
      color: #000;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }

    .banner-home-bottom .banner-1 .btn:hover {
      background-color: #e60000;
      color: #fff;
    }

    /* Banner 2 – Women’s Suit */
    .banner-home-bottom .banner-2 .btn {
      background-color: transparent;
      border: 2px solid #000;
      color: #000;
      bottom: 40px;
      left: 60px;
    }

    .banner-home-bottom .banner-2 .btn:hover {
      background-color: #000;
      color: #fff;
    }

    /* Position containers relative to allow absolute buttons */
    .banner-home-bottom li {
      position: relative;
    }

    /* Tablet */
    @media (max-width: 991px) {
      .banner-home-bottom .banner-1 .btn,
      .banner-home-bottom .banner-2 .btn {
        bottom: 30px;
        padding: 10px 20px;
        font-size: 14px;
      }

      .banner-home-bottom .banner-2 .btn {
        left: 40px;
      }
    }

    /* Mobile */
    @media (max-width: 767px) {
      .banner-home-bottom .banner-1 .btn,
      .banner-home-bottom .banner-2 .btn {
        bottom: 20px;
        padding: 8px 16px;
        font-size: 13px;
      }

      .banner-home-bottom .banner-2 .btn {
        left: 20px;
      }
    }
    /* ============================================
   FOOTER MOBILE RESPONSIVENESS FIX
   ============================================ */

  /* Mobile Styles (up to 767px) */
  @media only screen and (max-width: 767px) {
    
    /* Footer Container */
    .site-footer .container {
      padding: 20px 15px;
    }
    
    /* Footer Columns - Stack on mobile */
    .footer-top .col-1,
    .footer-top .col-2,
    .footer-top .col-3,
    .footer-top .col-4 {
      width: 100% !important;
      float: none !important;
      margin-bottom: 25px;
      padding: 0 10px;
    }
    
    .footer-top .col-4.last {
      margin-bottom: 0;
    }
    
    /* Footer Headings */
    .site-footer h3 {
      font-size: 16px;
      margin-bottom: 15px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    /* Footer Links */
    .site-footer ul li {
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 1.6;
    }
    
    /* Social Icons - Center on mobile */
    .footer-top ul.social {
      text-align: center;
      margin: 15px auto 20px;
      float: none;
    }
    
    .footer-top ul.social li {
      margin: 0 8px;
    }
    
    /* Newsletter Form */
    .newsletter .input-group-field {
      width: 100% !important;
      margin-bottom: 10px;
      float: none;
    }
    
    .newsletter .input-group-btn {
      float: none;
      width: 100%;
    }
    
    .newsletter .input-group-btn > .btn {
      width: 100%;
    }
    
    /* Footer Bottom */
    .footer-bottom {
      text-align: center;
      padding-top: 20px;
    }
    
    .footer-bottom address {
      font-size: 13px;
      line-height: 1.6;
      margin-bottom: 15px;
    }
    
    /* Payment Methods */
    .payment-method {
      text-align: center;
    }
    
    .payment-method img {
      max-height: 30px;
      margin: 5px;
    }
  }

  /* Tablet Styles (768px to 991px) */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .footer-top .col-1,
    .footer-top .col-2,
    .footer-top .col-3 {
      width: 33.33%;
      float: left;
      padding: 0 15px;
    }
    
    .footer-top .col-4 {
      width: 100%;
      float: none;
      clear: both;
      margin-top: 30px;
      text-align: center;
      padding: 30px 15px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
  }
  </style>

  <section class="banner-home-bottom container">
    
      <div class="widget-title wow fadeIn">
        
          <fieldset class="box-title lang1">
            <legend align="center">Our Collections</legend>
          </fieldset>
          <fieldset class="box-title lang2">
            <legend align="center">Our Collections</legend>
          </fieldset>
        
      </div>
    

    <ul class="row">
      <!-- Banner 1 -->
      <li class="col-xs-12 col-sm-4 wow fadeInUp banner-1" data-wow-delay="100ms">
        <a href="https://phatbird.co.uk/collections/effortlessly-elegant-occasion">
          <img src="//phatbird.co.uk/cdn/shop/files/Red%20&amp;%20Black%20Modern%20Black%20Friday%20Sale%20Outdoor%20Banner.png?2833" alt="" />
        </a>
        <div class="des">
          
            <h4 style="
                         color: #000000;
                       
                       
                         font-size: 20px;
                       ">
              
                <span class="lang1">EFFORTLESSLY ELEGANT OCCASION</span>
                <span class="lang2">EFFORTLESSLY ELEGANT OCCASION</span>
              
            </h4>
          

          

          
            
              <a href="https://phatbird.co.uk/collections/effortlessly-elegant-occasion" class="btn lang1">
                Shop Now 
              </a>
              <a href="https://phatbird.co.uk/collections/effortlessly-elegant-occasion" class="btn lang2">
                 Jetzt Einkaufen
              </a>
            
          
        </div>
      </li>

      <!-- Banner 2 -->
      <li class="col-xs-12 col-sm-4 wow fadeInUp banner-2" data-wow-delay="200ms">
        <a href="https://ue40bx-di.myshopify.com/collections/top-and-bottom">
          <img src="//phatbird.co.uk/cdn/shop/files/Black%20Red%20Minimalist%20Fashion%20Product%20Introduction%20Landscape%20Banner.png?2833" alt="" />
        </a>
        <div class="des">
          
            <h4>
              
                <span class="lang1">TOP AND BOTTOM</span>
                <span class="lang2">TOP AND BOTTOM</span>
              
            </h4>
          

          

          
            
              <a href="https://ue40bx-di.myshopify.com/collections/top-and-bottom" class="btn lang1">
                Shop Now 
              </a>
              <a href="https://ue40bx-di.myshopify.com/collections/top-and-bottom" class="btn lang2">
                 Jetzt Einkaufen
              </a>
            
          
        </div>
      </li>

      <!-- Banner 3 (Unchanged) -->
      <li class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay="300ms">
        <a href="https://phatbird.co.uk/collections/blocked-heel-sandals"><img src="//phatbird.co.uk/cdn/shop/t/2/assets/banner-home-bottom-3.jpg?v=51543233757439684161747495388" alt="" /></a>
        <div class="des">
          
            <h4>
              
                <span class="lang1">BLOCKED HEEL SANDALS</span>
                <span class="lang2">BLOCKED HEEL SANDALS</span>
              
            </h4>
          

          

          
            
              <a href="https://phatbird.co.uk/collections/blocked-heel-sandals" class="btn lang1">
                Shop Now 
              </a>
              <a href="https://phatbird.co.uk/collections/blocked-heel-sandals" class="btn lang2">
                 Jetzt Einkaufen
              </a>
            
          
        </div>
      </li>
    </ul>
  </section>