/* Defaults (apply to all unless overridden) */
:root {


    
    /* Divider + runner defaults tuned for a mid/large laptop (1440-ish) */
    --divider-h: 180px;
    --divider-mb: 20px;
    --runner-width: clamp(380px, 30vw, 680px);
    --runner-right: clamp(10px, 2vw, 48px);
    --runner-bottom: 50px;
    --runner-top: 50px;
    --runner-rotate: 25deg;
  }
  
  /* Phones S (≤480) */
  @media (max-width: 480px) {
    :root {
        --space-top: 180px;
        --divider-h: -85px;
        --divider-mb: 10px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 60px;
        --runner-top: 70px;
        --runner-rotate: 25deg;
    }
  }
  
  /* Phones L (481–767) */
  @media (min-width: 481px) and (max-width: 767px) {
    :root {
        --space-top: 150px;
        --divider-h: -75px;
        --divider-mb: 10px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 60px;
        --runner-top: 60px;
        --runner-rotate: 25deg;
    }
  }
  
  /* Tablets (768–1024) */
  @media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --space-top: 200px;
        --divider-h: -50px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 60px;
        --runner-top: 60px;
        --runner-rotate: 25deg;
    }
  }
  
  /* Small laptops (1025–1279) */
  @media (min-width: 1025px) and (max-width: 1279px) {
    :root {
        --space-top: 200px;
        --divider-h: -20px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 60px;
        --runner-top: 60px;
        --runner-rotate: 25deg;
    }
  }
  
@media (min-width: 1280px) and (max-width: 1280px) and (orientation: landscape) {
    :root {
        --space-top: 200px;
        --divider-h: -20px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 60px;
        --runner-top: 60px;
        --runner-rotate: 25deg;
    }
}


  /* Laptops (1280–1439) */
  @media (min-width: 1281px) and (max-width: 1439px) {
    :root {
        --space-top: 200px;
        --divider-h: 5px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 30px;
        --runner-top: 50px;
        --runner-rotate: 25deg;
    }
  }
  
  /* Large laptops (1440–1599) */
  @media (min-width: 1440px) and (max-width: 1599px) {
    :root {
      --space-top: 200px;
      --divider-h: 20px;
      --divider-mb: 20px;
      --runner-width: clamp(380px, 30vw, 680px);
      --runner-right: clamp(10px, 2vw, 48px);
      --runner-bottom: 50px;
      --runner-top: 50px;
      --runner-rotate: 25deg;
    }
  }
  
  /* Desktops (1600–1919) */
  @media (min-width: 1600px) and (max-width: 1919px) {
    :root {
        --space-top: 200px;
        --divider-h: 20px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 40px;
        --runner-top: 50px;
        --runner-rotate: 25deg;
    }
  }
  
  /* Wide desktops (1920–2559) */
  @media (min-width: 1920px) and (max-width: 2559px) {
    :root {
        --space-top: 200px;
        --divider-h: 50px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 20px;
        --runner-top: 50px;
        --runner-rotate: 25deg;
    }
  }
  
  /* 2K/4K and ultra-wide (≥2560) */
  @media (min-width: 2560px) {
    :root {
        --space-top: 200px;
        --divider-h: 100px;
        --divider-mb: 20px;
        --runner-width: clamp(380px, 30vw, 680px);
        --runner-right: clamp(10px, 2vw, 48px);
        --runner-bottom: 10px;
        --runner-top: 40px;
        --runner-rotate: 25deg;
    }
  }
  

  .footer-divider {
    margin-top: var(--space-top);
  }

  #lubinik-shape-divider-shape_1757688991 {
    margin-bottom: var(--divider-h) !important; /* override inline style margin-bottom: 0 */
  }


  #lubinik-shape-divider-shape_1757688991 { position: relative; pointer-events: none; }
  #lubinik-shape-divider-shape_1757688991 .shape-divider-svg { position: relative; z-index: 1; }
  #lubinik-shape-divider-shape_1757688991::after {
    content: '';
    position: absolute;
    right: var(--runner-right);
    bottom: var(--runner-bottom); 
    width: var(--runner-width);
    aspect-ratio: 762 / 519; 
    background-image: url('../../images/jt-footer-image.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    transform: rotate(var(--runner-rotate)); 
    z-index: 100; 
    pointer-events: none;
  }



 
    /* Full-bleed divider on tablet: center to viewport and clip overspill */
/* Full-bleed divider without horizontal overflow; vertical overflow allowed */
#lubinik-shape-divider-shape_1757688991 {
    position: relative;
  
    /* center the 100vw box to the viewport */
    left: 50%;
    transform: translateX(-50%);
  
    /* avoid the scrollbar-width overshoot on modern browsers */
    

    max-width: none;
  
    /* only clip horizontally; let the runner show above the top */
    overflow-x: clip;     /* or hidden if clip isn’t supported in your target */
    overflow-y: visible;
  }