/* === Inline extracted from index === */
/* from index.html <style> */
:root {
        --cta: #00d6ff;
        --ctaText: #0b2a33;
    }

    .sticky-cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 10px 12px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
    }

    .sticky-cta select,
    .sticky-cta button {
        height: 44px;
        border-radius: 10px;
        border: none;
        font-weight: 600;
    }

    .sticky-cta select {
        flex: 1;
        padding: 0 10px;
        background: #f4f6f8;
    }

    .sticky-cta button {
        flex: 1.2;
        background: linear-gradient(135deg, var(--cta) 0%, #00c4ff 100%);
        color: var(--ctaText);
        letter-spacing: .3px;
        box-shadow: 0 6px 18px rgba(0, 214, 255, .35);
    }

    @media(min-width:768px) {
        .sticky-cta {
            display: none
        }
    }

/* from index.html <style> */
.eTimer .etUnit .etNumber {
                        width: 24px;
                    }

/* from index.html <style> */
.application {
                padding: 40px 0;
                /*    background-color: #f9f9f9;*/
            }

            .application h2 {
                text-align: center;
                margin-bottom: 30px;
            }

            .usage-list {
                list-style: none;
                padding: 0;
                max-width: 600px;
                margin: 0 auto;
                font-size: 18px;
                line-height: 1.6;
            }

            .usage-list li {
                margin-bottom: 15px;
/*                display: flex;*/
                align-items: center;
            }

/* from index.html <style> */
.eTimer .etUnit .etNumber {
                        width: 24px;
                    }

/* from index.html <style> */
.input-wrapper {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  margin-left: 55px;
}
.input-wrapper .field[name='phone'] {
    margin: 0 auto 35px;
    background: #ebebeb url(../img/offer__phone_icon.png) 20px center no-repeat;}

#phone {
/*  width: 100%;*/
    padding-left: 60px;
  
  font-size: 16px;
/*  border: 2px solid #ccc;*/
  border-radius: 6px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
#phone:focus {
  border-color: #007bff;
  outline: none;
}
#phone-hint {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 13px;
  color: #dc3545;
  background: #fff3f3;
  border: 1px solid #f5c2c7;
  border-radius: 5px;
  padding: 6px 10px 6px 28px;
  box-sizing: border-box;
  margin-top: 6px;
  display: none;
  line-height: 1.4;
}
#phone-hint::before {
  content: "⚠️";
  position: absolute;
  left: 8px;
  top: 7px;
}

/* from index.html <style> */
:root{
    --toast-bg: rgba(15,26,38,.96);
    --toast-fg: #fff;
    --toast-accent: #ff4d4d;
    --toast-shadow: 0 10px 24px rgba(0,0,0,.28);
    --toast-radius: 14px;
    --toast-gap: 10px;
    --sticky-height: 72px; /* підлаштуй під висоту твого sticky-CTA, якщо інша */
  }

  .buyers-toast{
    position: fixed;
    left: 12px;
    bottom: calc(var(--sticky-height) + 12px + env(safe-area-inset-bottom));
    z-index: 9998;
    display: flex;
    align-items: center;
    gap: var(--toast-gap);
    max-width: min(92vw, 360px);
    padding: 10px 12px;
    color: var(--toast-fg);
    background: var(--toast-bg);
    border-radius: var(--toast-radius);
    box-shadow: var(--toast-shadow);
    backdrop-filter: saturate(115%) blur(6px);

    /* приховано за замовчуванням */
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
  }
  .buyers-toast.show{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .buyers-toast__icon{
    line-height: 0; color: #fff; opacity: .9; flex: 0 0 auto;
  }
  .buyers-toast__text{
    font-size: 14px; line-height: 1.25; font-weight: 600; color: #fff;
  }
  .buyers-toast__text b{ color: var(--toast-accent); font-weight: 900; }
  .buyers-toast__close{
    appearance: none; border: 0; outline: 0;
    background: transparent; color: #fff; opacity: .7;
    font-size: 18px; line-height: 1; padding: 2px 4px;
    border-radius: 8px; cursor: pointer; margin-left: auto;
  }
  .buyers-toast__close:hover{ opacity: 1; }

  /* повага до користувачів з reduced-motion */
  @media (prefers-reduced-motion: reduce){
    .buyers-toast{ transition: none; }
  }

  /* на дуже вузьких екранах — компактніше */
  @media (max-width: 360px){
    .buyers-toast{ left: 8px; right: 8px; max-width: unset; }
  }

.inl-1 {display:none}

.inl-2 {font-family: Verdana;}

.inl-3 {font-weight: 900;}

.inl-4 {color: white}

.inl-5 {height: auto !important}

.inl-6 {height: 50px !important; padding-top: 15px; font-weight: 900;}

.inl-7 {text-decoration: line-through;}

.inl-8 {color: #d93025;}

.inl-9 {background: radial-gradient(circle, rgba(145, 142, 192, 1), rgba(148, 20, 214, 1) 3.78%, rgba(0, 212, 255, 1));}

.inl-10 {height: auto !important}

.inl-11 {height: 50px !important; padding-top: 15px; font-weight: 900;}

.inl-12 {text-decoration: line-through;}

.inl-13 {color: #d93025;}

.inl-14 {background: radial-gradient(circle, rgba(145, 142, 192, 1), rgba(148, 20, 214, 1) 3.78%, rgba(0, 212, 255, 1));}

.inl-15 {height: auto !important}

.inl-16 {height: 50px !important; padding-top: 15px; font-weight: 900;}

.inl-17 {text-decoration: line-through;}

.inl-18 {color: #d93025;}

.inl-19 {background: radial-gradient(circle, rgba(145, 142, 192, 1), rgba(148, 20, 214, 1) 3.78%, rgba(0, 212, 255, 1));}

.inl-20 {text-align: center;}

.inl-21 {margin:6px 0 14px; text-align: center;}

.inl-22 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-23 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-24 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-25 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-26 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-27 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-28 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-29 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-30 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-31 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-32 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}

.inl-33 {margin-bottom:12px}

.inl-34 {font-family: Verdana;}

.inl-35 {font-weight: 900;}

.inl-36 {display: block!important;}

.inl-37 {vertical-align: inherit;}

.inl-38 {vertical-align: inherit;}

.inl-39 {font-size: 12px;}

.inl-40 {vertical-align: inherit;}

.inl-41 {vertical-align: inherit;}

.inl-42 {vertical-align: inherit;}

.inl-43 {vertical-align: inherit;}

.inl-44 {vertical-align: inherit;}

.inl-45 {vertical-align: inherit;}

.inl-46 {display: block;}

.inl-47 {vertical-align: inherit;}

.inl-48 {vertical-align: inherit;}