/* Start:/catalog/boots/assets/styles.css?179022807128504*/
.boots-container {
    background: #473D27;
    font-family: "Montserrat", sans-serif;
}

.boots-top-offer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boots-top-offer span:nth-of-type(1) {
    background-color: #EF7F1A;
    font-size: 48px;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
    line-height: 1;
    max-width: 80%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    box-shadow: 5px 5px 20px 0px #00000080;
}

.boots-top-offer span:nth-of-type(2) {
    background-color: #FFF;
    color: #EF7F1A;
    padding: 15px;
    font-size: 35px;
    box-shadow: 5px 5px 20px 0px #00000080;
    border-radius: 0 0 16px 16px;
    text-transform: uppercase;
    line-height: 1;
}

.boots-oshwa-top {
    margin-top:40px;
    text-align: right;
    position: relative;
    padding-bottom:100px;
}
.boots-oshwa-top img {
    max-width: 100%;
}

.boots-oshwa-title {
    position: absolute;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 80px;
    line-height: 1.1;
    z-index: 99;
}

.boots-oshwa-title span {
    font-size: 120px;
    font-weight: 700;
}

.boots-fly {
    position: absolute;
    font-size: 25px;
    color: #fff;
    line-height: 1.2;
    text-align: left;
    font-weight: 300;
}

.boots-oshwa-fly-1 {
    left: 15%;
    bottom: 28%;
}

.boots-oshwa-fly-2 {
    left: 42.5%;
    bottom: 40%;
}

.boots-oshwa-fly-3 {
    left: 32%;
    bottom: -1%;
}

.boots-oshwa-fly-4 {
    left: 72%;
    bottom: 2%;
}

.boots-fly-line {
    width: 1px;
    height: 200px;
    background: #fff;
    left: 50%;
    position: relative;
    margin-top: 5px;
}

.boots-oshwa-fly-3 .boots-fly-line {
    height:80px;
}

.boots-oshwa-fly-4 .boots-fly-line {
    height: 260px;
}

.boots-oshwa-left {
    padding:0 30px;
}

.boots-oshwa-left img {
    max-width: 80%;
    transform: scaleX(-1);
}

.boots-oshwa-left span {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    color: #EF7F1A;
    text-transform: uppercase;
    padding-top: 20px;
}

.boots-combo-button {
    background-color: #EF7F1A;
    border-radius: 30px;
    box-shadow: 5px 5px 20px 0px #00000080;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    padding:30px;
    cursor: pointer;
}

.boots-combo-button span:nth-of-type(1) {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}

.boots-combo-button span:nth-of-type(2) {
    font-size: 25px;
    line-height: 1;
    text-transform: uppercase;
}

.boots-buy-button {
    margin-top:30px;
    background-color: #fff;
    box-shadow: 5px 5px 20px 0px #00000080;
    color: #EF7F1A;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    padding:20px;
    text-transform: uppercase;
}

.boots-size-changer {
    display: flex;
    flex-direction: column;

}

.boots-size-changer span {
    font-size:25px;
    color:#fff;
    margin:30px 0 20px;
}

.boots-sizes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:15px;
    justify-content: flex-start;
}

.boots-size-item {
    border: 2px solid #fff;
    border-radius: 15px;
    color:#fff;
    font-size: 25px;
    padding: 13px 20px;
    cursor: pointer;
    transition: all 0.3s;
    width: 77px;
    text-align: center;
}

.boots-size-item:hover {
    border: 2px solid #EF7F1A;
    color:#efefef;
}

.logol-title {
    margin-top:80px;
    margin-bottom:20px;
    font-size: 150px;
    color:#fff;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
}

.logol-image {
    position: relative;
}

.logol-image img {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 20%,
        #000 80%,
        transparent 100%
      );
      mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 20%,
        #000 80%,
        transparent 100%
      );
      display: block;
      margin:0;
}

.logol-slide-text {
    margin-top: 60px;
    position: absolute;
    color:#473D27;
    font-size: 60px;
    font-weight: 700;
    left: 0;
    top: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.logol-slide-text span {
    display: block;
    margin-top: 80px;
}

.logol-items-line {
    background-color: #796D52;
}

.logol-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:40px 0;
}

.logol-items > div {
    display: flex;
    flex-direction: row;
    width:30%;
    align-items: center;
    gap:20px;
}

.logol-items .logol-item-img {
    flex:156px 0 0;
}
.logol-items .logol-item-img img {
    display: block;
    margin: 0;
}

.logol-item-text {
    font-size: 25px;
    color:#fff;
    line-height: 1.2;
}

.boots-logol-top {
    margin-top: 150px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.boots-logol-fly-1 {
    left: 19%;
    top: 2%;
}

.boots-logol-fly-1 .boots-fly-line {
    height: 90px;
}

.boots-logol-fly-2 {
    left: 47%;
    top: -9%;
}

.boots-logol-fly-2 .boots-fly-line {
    height: 340px;
}

.boots-logol-fly-3 {
    left: 73%;
    top: 9%;
}

.boots-logol-fly-4 {
    left: 29%;
    bottom: 8%;
}

.boots-logol-fly-4 .boots-fly-line {
    height: 270px;
}

.boots-logol-fly-5 {
    right: 27%;
    bottom: 7.5%;
}

.boots-logol-fly-5 .boots-fly-line {
    height: 120px;
}

.logol-undertitle {
    color: #EF7F1A;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

.boots-logol-buy {
    margin:40px 0 60px;
}

.boots-logol-buy .boots-size-changer span {
    margin-top:0;
}

.boots-logol-buy .boots-size-changer {
    margin-left:40px;
}

.kondas-title {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    margin-top:40px;
}

.kondas-title span:nth-of-type(1) {
    font-size: 110px;
    color:#fff;
    text-transform: uppercase;
    line-height: 1.4;
}

.kondas-title span:nth-of-type(2) {
    font-size: 60px;
    color:#fff;
    text-transform: uppercase;
    line-height: 1;
}

.boots-kondas-top {
    position: relative;
    margin-top:40px;
    text-align: center;
}

.boots-kondas-fly-1 {
    left: 15%;
    top: 29%;
}

.boots-kondas-fly-1 .boots-fly-line {
    height: 60px;
    margin-top: -20px;
    left: 99%;
}

.boots-kondas-fly-2 {
    right: 35%;
    top: 6%;
}

.boots-kondas-fly-2 .boots-fly-line {
    height: 260px;
}

.boots-kondas-fly-3 {
    left: 21%;
    bottom: 12%;
}

.boots-kondas-fly-3 .boots-fly-line {
    height: 180px;
}

.boots-kondas-fly-4 {
    left: 51%;
    bottom: 14%;
}

.boots-kondas-fly-4 .boots-fly-line {
    height: 240px;
}

.boots-kondas-fly-5 {
    right: 21%;
    bottom: 14%;
}

.boots-kondas-fly-5 .boots-fly-line {
    height: 240px;
}

.kondas-text {
    color:#EF7F1A;
    font-size:25px;
}

.kondas-text span {
    display: block;
    font-size:30px;
    font-weight: 700;
    margin-bottom:15px;
    text-transform: uppercase;
}

.kondas-text p {
    line-height: 1.2;
}

.boots-color-changer span {
    display: block;
    font-size: 25px;
    color:#fff;
    margin: 30px 0 20px;
}

.boots-colors {
    display: flex;
    gap: 30px;
}

.boots-color-name {
    color:#fff;
    font-size: 25px;
    margin-top:5px;
}

.vurlam {
    margin-top:100px;
    position: relative;
    padding-bottom: 460px;
}

.vurlam-text span {
    font-size: 110px;
    font-weight: 700;
    color:#fff;
    line-height: 1;
    text-transform: uppercase;
}

.vurlam-text p {
    line-height: 1.2;
    text-transform: uppercase;
    color:#fff;
    font-size: 60px;
    margin-top:30px;
}

.boots-vurlam-top .boots-hotspot {
    margin-left:50px;
}

.boots-vurlam-top {
    margin-top:155px;
    position: absolute;
}

.boots-vurlam-fly-1 {
    left: 24%;
    top: 22%;
}

.boots-vurlam-fly-2 {
    left: 17%;
    bottom: 18%;
}

.boots-vurlam-fly-3 {
    right: 12%;
    bottom: 21%;
}

.boots-vurlam-fly-3 .boots-fly-line {
    height: 80px;
}

.vurlam-slogan {
    color:#EF7F1A;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.boots-vurlam-buy .boots-sizes {
    justify-content: flex-start;
    gap:30px;
}

.boots-vurlam-buy {
    padding-bottom:120px;
    z-index: 99;
    position: relative;
}

.end-block {
    text-align: center;
    padding-bottom: 140px;
}

.end-block span {
    font-size: 70px;
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
    color:#fff;
    text-transform: uppercase;
    line-height: 1;
}

.end-block p {
    color:#fff;
    margin-bottom:60px !important;
    text-transform: uppercase;
    font-size: 25px;
}

.button-orange {
    background-color: #EF7F1A;
    border-radius: 30px;
    box-shadow: 5px 5px 20px 0px #00000080;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    padding:30px;
    cursor: pointer;
    font-size: 25px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.button-orange:hover {
    color:#f1f1f1;
}

.end-block .button-orange {
    max-width: 600px;
    margin: 0 auto;
    padding:40px 20px;
}
/* ============================================================
   Добавлено: выбор размера/цвета и уведомления
   ============================================================ */

/* Выбранный размер */
.boots-size-item.selected {
    background-color: #EF7F1A;
    border-color: #EF7F1A;
    color: #fff;
}

/* Выбор цвета (кондас) */
.boots-color-item {
    cursor: pointer;
}

.boots-color-image {
    border: 3px solid transparent;
    border-radius: 25px;
    overflow: hidden;
    transition: border-color 0.3s;
}

.boots-color-item:hover .boots-color-image {
    border-color: rgba(239, 127, 26, 0.5);
}

.boots-color-item.selected .boots-color-image {
    border-color: #EF7F1A;
}

.boots-color-image img {
    display: block;
    margin: 0;
}

/* Всплывающее уведомление */
.boots-toast {
    position: fixed;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 20px);
    background: #EF7F1A;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    padding: 18px 30px;
    border-radius: 15px;
    box-shadow: 5px 5px 20px 0px #00000080;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 9999;
    pointer-events: none;
    max-width: 90%;
    text-align: center;
}

.boots-toast.visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

/* ============================================================
   Модальное уведомление по центру экрана (fancybox v2)
   ============================================================ */

.boots-fancybox-wrap .fancybox-skin {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 30px;
}

.boots-modal {
    background: #fff;
    border-radius: 30px;
    box-shadow: 5px 5px 30px 0px #00000080;
    padding: 60px 70px;
    min-width: 500px;
    max-width: 700px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.boots-modal-text {
    color: #473D27;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.boots-modal-link {
    display: block;
    margin-top: 40px;
    background-color: #EF7F1A;
    border-radius: 30px;
    box-shadow: 5px 5px 20px 0px #00000080;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    padding: 25px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
}

.boots-modal-link:hover {
    background-color: #d66f14;
    color: #f1f1f1;
    text-decoration: none;
}

@media (max-width: 768px) {
    .boots-modal {
        min-width: 0;
        max-width: 90vw;
        padding: 40px 25px;
    }

    .boots-modal-text {
        font-size: 22px;
    }

    .boots-modal-link {
        font-size: 18px;
        padding: 20px;
    }
}

/* ============================================================
   Попап с выбором размера
   ============================================================ */

.boots-modal-sizes-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-top: 40px;
}

/* в попапе светлый фон — переопределяем цвета кнопок размеров */
.boots-modal .boots-size-item {
    border-color: #473D27;
    color: #473D27;
}

.boots-modal .boots-size-item:hover {
    border-color: #EF7F1A;
    color: #473D27;
}

.boots-modal .boots-size-item.selected {
    background-color: #EF7F1A;
    border-color: #EF7F1A;
    color: #fff;
}

/* ============================================================
   Хотспоты: выноски, прибитые к точкам на картинке
   ============================================================ */

/* Обёртка = контейнер позиционирования выносок. Ширина задана явно
   (width: 100%), поэтому container-type не схлопывает её; JS ниже
   ограничивает max-width натуральной шириной картинки, и контейнер
   всегда совпадает с отображаемым размером изображения.
   Вурлам: абсолютный блок растягиваем на всю ширину, чтобы
   хотспот мог считать ширину от него. */
.boots-vurlam-top {
    width: 100%;
}
.boots-hotspot {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    container-type: inline-size;
    /* Макетная ширина картинки этого блока в px — ширина, при которой
       выноски выглядели правильно. Обычно это натуральная ширина
       файла картинки. Размеры стрелок и подписей считаются от неё. */
    --boots-dw: 1170;
}

/* Макетная ширина картинки для каждого блока (натуральная ширина файла) */
.boots-logol-top  .boots-hotspot { --boots-dw: 1387; }
/* .boots-kondas-top .boots-hotspot { --boots-dw: 1170; } */
/* .boots-vurlam-top .boots-hotspot { --boots-dw: 1170; } */

.boots-hotspot > img {
    display: block;
    width: 100%;
    height: auto;
}

/* Запрет переноса строк: иначе на узких экранах текст подписи
   обрезается краем контейнера и переносится, подпись меняет ширину,
   а линия-стрелка (left: 50% от подписи) уезжает со своей точки */
.boots-fly {
    white-space: nowrap;
}

/* Масштабируемые выноски и линии: размеры привязаны к ширине
   САМОЙ КАРТИНКИ (cqw = % от ширины .boots-hotspot), поэтому
   пропорции держатся для любого размера изображения.
   Макетные px соответствуют картинке шириной 1170px: cqw = px / 11.7.
   Если у какой-то модели картинка уже/шире 1170 — абсолютные длины
   будут отличаться пропорционально, но привязка к точкам не сломается;
   для точного совпадения скорректируйте коэффициент нужного блока.
   Нижние границы clamp занижены, чтобы уменьшение шло до ~320px. */
.boots-fly {
    font-size: clamp(4px, calc(2500 / var(--boots-dw) * 1cqw), 25px);
}

.boots-fly-line {
    height: clamp(15px, calc(20000 / var(--boots-dw) * 1cqw), 200px);
}

.boots-oshwa-fly-3 .boots-fly-line  { height: clamp(8px, calc(8000 / var(--boots-dw) * 1cqw), 80px); }
.boots-oshwa-fly-4 .boots-fly-line  { height: clamp(15px, calc(26000 / var(--boots-dw) * 1cqw), 260px); }

.boots-logol-fly-1 .boots-fly-line  { height: clamp(10px, calc(9000 / var(--boots-dw) * 1cqw), 90px); }
.boots-logol-fly-2 .boots-fly-line  { height: clamp(18px, calc(34000 / var(--boots-dw) * 1cqw), 340px); }
.boots-logol-fly-4 .boots-fly-line  { height: clamp(15px, calc(27000 / var(--boots-dw) * 1cqw), 270px); }
.boots-logol-fly-5 .boots-fly-line  { height: clamp(10px, calc(12000 / var(--boots-dw) * 1cqw), 120px); }

.boots-kondas-fly-1 .boots-fly-line { height: clamp(8px, calc(6000 / var(--boots-dw) * 1cqw), 60px); }
.boots-kondas-fly-2 .boots-fly-line { height: clamp(15px, calc(26000 / var(--boots-dw) * 1cqw), 260px); }
.boots-kondas-fly-3 .boots-fly-line { height: clamp(12px, calc(18000 / var(--boots-dw) * 1cqw), 180px); }
.boots-kondas-fly-4 .boots-fly-line { height: clamp(14px, calc(24000 / var(--boots-dw) * 1cqw), 240px); }
.boots-kondas-fly-5 .boots-fly-line { height: clamp(14px, calc(24000 / var(--boots-dw) * 1cqw), 240px); }

.boots-vurlam-fly-3 .boots-fly-line { height: clamp(8px, calc(8000 / var(--boots-dw) * 1cqw), 80px); }

/* Резиновые заголовки (макетный px тоже достигается на 1170px) */
.boots-oshwa-title        { font-size: clamp(28px, 6.84vw, 80px); }
.boots-oshwa-title span   { font-size: clamp(40px, 10.26vw, 120px); }
.logol-title              { font-size: clamp(48px, 12.8vw, 150px); }
.kondas-title span:nth-of-type(1) { font-size: clamp(38px, 9.4vw, 110px); }
.kondas-title span:nth-of-type(2) { font-size: clamp(22px, 5.13vw, 60px); }
.vurlam-text span         { font-size: clamp(38px, 9.4vw, 110px); }
.vurlam-text p            { font-size: clamp(22px, 5.13vw, 60px); }
.logol-slide-text         { font-size: clamp(20px, 5.13vw, 60px); }
.logol-slide-text span    { margin-top: clamp(20px, 6.84vw, 80px); }
.boots-top-offer span:nth-of-type(1) { font-size: clamp(22px, 4.0vw, 54px); }
.boots-top-offer span:nth-of-type(2) { font-size: clamp(16px, 3.42vw, 40px); }
.end-block span           { font-size: clamp(28px, 6vw, 70px); }

/* ============================================================
   Планшет и телефон
   ============================================================ */
@media (max-width: 768px) {

    /* Подписи выносок остаются на месте, просто масштабируются vw-правилами выше */

    /* Вурлам: абсолютный блок с картинкой возвращаем в поток */
    .vurlam {
        padding-bottom: 0;
    }

    .boots-vurlam-top {
        position: static;
        margin-top: 30px;
        text-align: center;
    }

    /* Колонки фундейшна растягиваем на всю ширину */
    .boots-container .row .small-4,
    .boots-container .row .small-6,
    .boots-container .row .small-8 {
        width: 100%;
        margin-left: 0;
    }

    /* Плашки с преимуществами логола — в колонку */
    .logol-items {
        flex-direction: column;
        gap: 20px;
    }

    .logol-items > div {
        width: 100%;
    }

    /* Отступы у блоков покупки */
    .boots-logol-buy .boots-size-changer {
        margin-left: 0;
    }

    .boots-oshwa-left {
        padding: 0 15px;
        text-align: center;
    }

    .boots-oshwa-left img {
        max-width: 60%;
    }
}

/* ============================================================
   Центровая привязка выносок: точка = центр подписи.
   Благодаря этому размер шрифта больше не влияет на геометрию —
   подпись растёт в обе стороны от точки.
   ВНИМАНИЕ: точки сместятся на половину ширины подписи —
   горизонтальные координаты нужно переподогнать один раз.
   ============================================================ */

/* Подписи с left: центруем на точке */
.boots-fly {
    transform: translateX(-50%);
}

/* Подписи с right: зеркальная центровка */
.boots-logol-fly-5,
.boots-kondas-fly-2,
.boots-kondas-fly-5,
.boots-vurlam-fly-3 {
    transform: translateX(50%);
}

/* Короткие варианты подписей — только для мобильных */
.fly-short {
    display: none;
}

/* ============================================================
   Мобильные: читаемый шрифт + короткие подписи
   ============================================================ */
@media (max-width: 768px) {

    /* Фиксированный читаемый шрифт вместо пропорционального */
    .boots-fly {
        font-size: 14px;
    }

    /* Переключение на короткие подписи отключено — показываем полные.
       Если полные не поместятся, верните эти два правила:
       .fly-full { display: none; }
       .fly-short { display: inline; } */

    /* Длинные подписи у краёв картинки не должны создавать
       горизонтальный скролл страницы */
    .boots-container {
        overflow-x: hidden;
        overflow-x: clip;
    }

    .boots-oshwa-left {
        padding-bottom:50px;
    }

    .logol-slide-text {
        margin-top: 30px;
    }

    .boots-logol-buy .boots-size-changer {
        margin-top:30px;
    }

    .kondas-text span {
        line-height: 1.2;
    }

    .kondas-text p {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .vurlam-text p {
        margin-top:10px;
        margin-bottom:30px;
    }

    .vurlam-text p br {
        display: none;
    }

    .boots-vurlam-top .boots-hotspot {
        margin-left:0;
    }

    .boots-vurlam-buy .boots-size-changer {
        margin-bottom:30px;
    }

    .boots-vurlam-buy .boots-sizes {
        gap: 15px;
    }
}

@media (max-width: 550px) {
    .boots-top-offer span:nth-of-type(1) {
        font-size: 18px;
        max-width: 95%;
    }

    .boots-top-offer span:nth-of-type(2) {
        font-size: 16px;
        max-width: 85%;
    }

    .boots-oshwa-title {
        position: relative;
        z-index: 99;
    }

    .boots-oshwa-top .boots-hotspot {
        margin-top: -47px;
        margin-left: 20px;
    }

    .boots-oshwa-fly-4 {
        left: 71%;
        bottom: -4%;
    }

    .boots-oshwa-fly-4 .boots-fly-line {
        height: 70px;
    }

    .boots-oshwa-fly-3 {
        left: 32%;
        bottom: -8%;
    }

    .boots-oshwa-top {
        padding-bottom:50px;
    }

    .boots-oshwa-left img { display: none; }

    .boots-oshwa-left span br {
        display: none;
    }

    .boots-combo-button span:nth-of-type(1) {
        font-size: 26px;
    }

    .boots-combo-button span:nth-of-type(2) {
        font-size: 16px;
    }

    .boots-combo-button {
        padding:20px;
    }

    .boots-oshwa-buy .boots-combo-button {
        margin-top:20px;
    }

    .boots-buy-button {
        font-size: 20px;
    }

    .boots-size-changer span {
        font-size: 20px;
    }

    .boots-size-item {
        font-size: 16px;
        padding: 10px;
        text-align: center;
        width: 55px;
    }

    .boots-sizes {
        justify-content: flex-start;
    }

    .logol-slide-text { 
        margin-top: 0;
    }

    .logol-item-text {
        font-size: 20px;
    }

    .logol-items .logol-item-img {
        flex: 100px 0 0;
    }

    .boots-logol-fly-1 {
        left: 19%;
        top: -5%;
    }

    .boots-logol-fly-1 .boots-fly-line {
        height:40px;
    }

    .boots-logol-fly-2 {
        left: 42%;
        top: -22%;
    }

    .boots-logol-fly-4 {
        bottom: -1%;
    }

    .boots-logol-fly-5 {
        right:20%;
    }

    .boots-logol-buy .boots-size-changer {
        margin-top:30px;
    }

    .boots-size-changer span {
        margin-bottom:10px;
    }

    .boots-kondas-top .boots-hotspot {
        margin-bottom:40px;
    }

    .boots-kondas-fly-1 {
        left: 11%;
        top: 29%;
    }

    .boots-kondas-fly-2 {
        top: -2%;
    }

    .boots-kondas-fly-3 {
        left: 21%;
        bottom: 7%;
    }

    .boots-kondas-fly-4 {
        bottom: 0%;
    }

    .kondas-text span {
        line-height: 1.2;
    }

    .kondas-text p {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .boots-vurlam-top .boots-hotspot {
        margin-left:0;
    }

    .boots-vurlam-fly-1 {
        top: 16%;
    }

    .boots-vurlam-fly-2 {
        bottom: 15%;
    }
 
    .boots-vurlam-fly-3 {
        right: 32%;
        bottom: 18%;
    }

    .vurlam-text p {
        margin-top:10px;
        margin-bottom:30px;
    }

    .vurlam-text p br {
        display: none;
    }

    .vurlam-slogan {
        line-height: 1.2;
    }

    .boots-vurlam-buy .boots-size-changer {
        margin-bottom:30px;
    }

    .boots-vurlam-buy .boots-sizes {
        gap: 15px;
    }

    .end-block span {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .end-block p {
        font-size:20px;
        line-height: 1.2;
        margin-bottom: 30px !important;
    }

    .end-block p br {
        display: none;
    }

    .end-block .button-orange {
        max-width: 100%;
        margin: 0 auto;
        padding: 30px 10px;
        font-size: 20px;
    }

    .boots-modal-text {
        font-size: 18px;
    }

    .boots-modal-link {
        font-size: 16px;
        padding: 20px 15px;
    }
}

@media (min-width: 1100px) and (max-width:1400px) {
.boots-vurlam-buy {
    padding-top:120px;
}
}

@media (min-width: 768px) and (max-width:1100px) {
    .boots-vurlam-buy {
        padding-top:200px;
    }
}

@media (max-width:400px) {
    .boots-kondas-fly-4 .boots-fly-line {
        height: 100px !important;
    }
    
    .boots-kondas-fly-4 {
        bottom: -10%;
    }

    .boots-logol-fly-2 {
        top: -30%;
    }

    .boots-logol-fly-3 {
        left: 77%;
        top: -6%;
    }

    .boots-logol-fly-3 .fly-full br {
        display: none;
    }

    .boots-logol-fly-3 .fly-full {
        max-width: 110px;
        text-wrap: auto;
    }
}
/* ============================================================
   Калькулятор размера
   ============================================================ */

/* Ссылка рядом с заголовком блока размеров */
.boots-calc-link {
    color: #EF7F1A;
    font-size: 16px;
    text-transform: none;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.3s;
}

.boots-calc-link:hover {
    color: #d66f14;
}

.boots-size-changer > span:first-child {
    display: inline-block;
    margin-right: 15px;
}

/* Модалка калькулятора */
.boots-calc-modal {
    text-align: center;
}

.boots-calc-hint {
    color: #473D27;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 25px;
}

.boots-calc-input {
    display: block;
    width: 180px;
    margin: 25px auto 0;
    padding: 15px 20px;
    border: 2px solid #473D27;
    border-radius: 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #473D27;
    outline: none;
}

.boots-calc-input:focus {
    border-color: #EF7F1A;
}

.boots-calc-result {
    display: none;
    margin-top: 25px;
    color: #473D27;
    font-size: 20px;
    line-height: 1.3;
}

.boots-calc-result span {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #EF7F1A;
}

.boots-calc-result span.error {
    font-size: 18px;
    color: #c0392b;
    font-weight: 400;
}

.boots-calc-result span span {
    display: block;
    font-size: 20px;
    font-weight: 400;
}

/* Ссылка калькулятора под кнопками размеров */
.boots-size-changer .boots-calc-link {
    display: inline-block;
    margin-top: 15px !important;
}
/* End */
/* /catalog/boots/assets/styles.css?179022807128504 */