/* =========================================================
   SLEEK INTERIO — MOBILE SYSTEM v1.0
   Mobile-first conversion controls
   ========================================================= */

@media (max-width:900px){

  .sleek-section{
    padding:68px 0;
  }

  .sleek-grid-4,
  .sleek-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .sleek-trust-grid{
    grid-template-columns:repeat(2,1fr);
  }

}


@media (max-width:640px){

  body{
    padding-bottom:68px;
  }

  .sleek-container{
    width:min(100% - 28px,var(--sleek-container));
  }

  .sleek-section{
    padding:54px 0;
  }

  .sleek-lp-header-inner{
    width:calc(100% - 28px);
    min-height:66px;
  }

  .sleek-lp-brand{
    font-size:22px;
  }

  .sleek-lp-brand small{
    font-size:7px;
  }

  .sleek-lp-header .sleek-btn{
    min-height:42px;
    padding:0 14px;
    font-size:11px;
  }

  .sleek-grid-4,
  .sleek-grid-3,
  .sleek-grid-2{
    grid-template-columns:1fr;
  }

  .sleek-title{
    font-size:clamp(34px,11vw,48px);
  }

  .sleek-section-title{
    font-size:30px;
  }

  .sleek-copy{
    font-size:15px;
  }

  .sleek-mobile-conversion{
    position:fixed;

    left:0;
    right:0;
    bottom:0;

    z-index:1200;

    height:68px;
    padding:
      8px
      max(10px,env(safe-area-inset-right))
      calc(8px + env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;

    background:rgba(255,255,255,.98);
    border-top:1px solid var(--sleek-lavender-border);

    box-shadow:
      0 -8px 30px rgba(36,34,44,.10);
  }

  .sleek-mobile-conversion a{
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border-radius:10px;

    font-size:13px;
    font-weight:800;
  }

  .sleek-mobile-call{
    color:#fff;
    background:var(--sleek-purple);
  }

  .sleek-mobile-whatsapp{
    color:#fff;
    background:var(--sleek-whatsapp);
  }

  .sleek-lp-footer{
    padding-bottom:100px;
  }

}


/* =========================================================
   SLEEK MOBILE CONVERSION BAR v1.1 — FROZEN
   Shared across campaign hub + all Ads landing pages
   ========================================================= */

@media (max-width: 900px) {

  /*
   * Reserve enough page space so the fixed conversion
   * bar never hides footer content or final CTA buttons.
   */
  body {
    padding-bottom:
      calc(
        76px +
        env(safe-area-inset-bottom)
      );
  }


  .sleek-mobile-conversion {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 5000;

    min-height: 68px;

    padding:
      8px
      max(
        10px,
        env(safe-area-inset-right)
      )
      calc(
        8px +
        env(safe-area-inset-bottom)
      )
      max(
        10px,
        env(safe-area-inset-left)
      );

    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    gap: 8px;

    background:
      rgba(255,255,255,.97);

    border-top:
      1px solid
      var(--sleek-lavender-border);

    box-shadow:
      0 -10px 34px
      rgba(36,34,44,.13);

    backdrop-filter:
      blur(15px);

    -webkit-backdrop-filter:
      blur(15px);
  }


  .sleek-mobile-conversion a {
    position: relative;

    min-width: 0;
    min-height: 52px;

    padding: 0 12px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 12px;

    text-align: center;

    font-size: 13px;
    line-height: 1;

    font-weight: 850;

    letter-spacing: .01em;

    text-decoration: none;

    transition:
      transform .15s ease,
      box-shadow .15s ease,
      opacity .15s ease;

    -webkit-tap-highlight-color:
      transparent;

    touch-action: manipulation;
  }


  .sleek-mobile-conversion a:active {
    transform: scale(.985);
  }


  /* ---------------- CALL ---------------- */

  .sleek-mobile-call {
    color:
      var(--sleek-purple-dark);

    background:
      var(--sleek-white);

    border:
      1.5px solid
      var(--sleek-purple);

    box-shadow:
      0 5px 16px
      rgba(112,64,166,.10);
  }


  /* ---------------- WHATSAPP ---------------- */

  .sleek-mobile-whatsapp {
    color: #fff;

    background:
      var(--sleek-whatsapp);

    border:
      1.5px solid
      var(--sleek-whatsapp);

    box-shadow:
      0 7px 18px
      rgba(36,198,99,.22);
  }


  /*
   * Prevent fixed bar from being visually covered
   * by normal page sections.
   */
  .sleek-lp-footer,
  .hub-footer {
    padding-bottom:
      calc(
        100px +
        env(safe-area-inset-bottom)
      );
  }

}


/* Hide dedicated mobile conversion control on larger screens */

@media (min-width: 901px) {

  .sleek-mobile-conversion {
    display: none !important;
  }

}