.section-topbar { background: linear-gradient(-127deg, #00000000 0%, #00000033 100%), linear-gradient(98deg, #ffffff00 0%, #ffffff33 100%), #6927ff; }
.section-topbar > .wrapper { padding-top: 32px; padding-bottom: 32px; display: flex; justify-content: space-between; align-items: center; }
.section-topbar > .wrapper > .left { display: flex; justify-content: flex-start; align-items: center; gap: 16px; margin-right: 100px; }
.section-topbar > .wrapper > .left > a { flex-shrink: 0; text-decoration: none; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 20px; background-color: #f5f5f5; border-radius: 9999px; outline: none; color: #494949; border: 1px solid #f5f5f5; transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.section-topbar > .wrapper > .left > a * { fill: #494949; transition: fill 0.3s; }
.section-topbar > .wrapper > .left > a:hover { background-color: #84a113; border-color: #000; color: #000; }
.section-topbar > .wrapper > .left > a:hover * { fill: #000; }
.section-topbar > .wrapper > .left > a.active { background-color: #9fc119; border-color: #000; color: #000; cursor: default; }
.section-topbar > .wrapper > .left > a.active * { fill: #000; }
.section-topbar > .wrapper > .right  { display: flex; align-items: center; gap: 12px; }
.section-topbar > .wrapper > .right > .clear { outline: none; border: none; background-color: transparent; flex-shrink: 0; }
.section-topbar > .wrapper > .right > .clear * { transition: fill 0.1s; fill: #ffffffe6; }
.section-topbar > .wrapper > .right > .clear svg {display: block; width: 56px; height: auto; flex-shrink: 0;}
.section-topbar > .wrapper > .right > .clear:hover * { fill: #9fc119; }
.section-topbar > .wrapper > .right > .search-box { width: fit-content; background-color: #fff; border-radius: 9999px; padding: 12px 24px; display: flex; justify-content: center; align-items: center; border: 1px solid #494949; gap: 10px; }
.section-topbar > .wrapper > .right > .search-box > input { outline: none; border: none; width: 100%; max-width: 310px; color: #494949;  }
.section-topbar > .wrapper > .right > .search-box > input::placeholder { color: #494949; }

.section-diets { position: relative; margin-top: 32px; }
.section-diets > .wrapper { display: flex; flex-direction: column; gap: 35px; }
.section-diets > .wrapper > .top { display: flex; justify-content: space-between; gap: 12px; }
.section-diets > .wrapper > .top > .left { color: #494949; }
.section-diets > .wrapper > .top > .left > .title { font-weight: 400; }
.section-diets > .wrapper > .top > .left > .title > span { font-weight: 900; }
.section-diets > .wrapper > .top > .left > small { color: #444444 }

.section-top-rated > .decor { position: absolute; left: -300px; top: 100px; }
.section-online-visits > .decor { position: absolute; right: -250px; bottom: -150px; }

.section-how-does-it-work { padding-bottom: 500px; background: radial-gradient(circle at center center, #6b27ff25, #fff 50%) no-repeat; background-size: 800px; background-position-y: -70px; background-position-x: calc(50% - 100px); }
.section-how-does-it-work > .wrapper { display: flex; flex-direction: column; gap: 30px; }
.section-how-does-it-work > .wrapper > .top { display: flex; flex-direction: column; gap: 10px; }
.section-how-does-it-work > .wrapper > .top > h2 { color: #494949; }
.section-how-does-it-work > .wrapper > .bottom { display: grid; grid-template-columns: 576px 576px 1fr; gap: 24px; }
.section-how-does-it-work > .wrapper > .bottom > .card { min-height: 413px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.section-how-does-it-work > .wrapper > .bottom > .card:first-child { background-color: #fff; border-radius: 40px; box-shadow: 10px 4px 30px #0000000d }
.section-how-does-it-work > .wrapper > .bottom > .card > .top { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; line-height: 160%; }
.section-how-does-it-work > .wrapper > .bottom > .right { position: relative; }
.section-how-does-it-work > .wrapper > .bottom > .right > picture > img { position: absolute; right: -54px; }

.section-how-to-order-diet { margin-top: -420px; position: relative; margin-bottom: 30px; }
.section-how-to-order-diet > .wrapper { display: flex; flex-direction: column; gap: 40px; }
.section-how-to-order-diet > .wrapper > .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
.section-how-to-order-diet > .wrapper > .grid > .column { display: flex; flex-direction: column; align-items: center; }
.section-how-to-order-diet > .wrapper > .grid > .column > .card { width: 100%; min-height: 357px; border-radius: 40px; padding: 32px; box-shadow: 10px 4px 9px 0 #0000000d; background-color: #F5F5F5 }
.section-how-to-order-diet > .wrapper > .grid > .column > .card > h3 { font-weight: 400; }
.section-how-to-order-diet > .wrapper > .grid > .column:nth-child(2) > .picture { margin-top: -70px; margin-bottom: 20px; }
.section-how-to-order-diet > .wrapper > .grid > .column:nth-child(2) > .card { background-color: #efe7ff; }
.section-how-to-order-diet > .wrapper > .grid > .column:nth-child(3) > .card { background-color: #6B27FF; }
.section-how-to-order-diet > .wrapper > .grid > .column > .card > .top { display: flex; justify-content: space-between; align-items: center; font-weight: 900; color: #6B27FF66; margin-bottom: 30px; }
.section-how-to-order-diet > .wrapper > .grid > .column:nth-child(3) > .card > .top { color: #efe7ff66; }
.section-how-to-order-diet > .wrapper > .grid > .column:nth-child(3) > .card > h3 { color: #fff; font-weight: 400; }
.section-how-to-order-diet > .wrapper > .grid > .column > .card > .top > .icon { width: 95px; height: 95px; background-color: #fff; border-radius: 9999px; display: flex; align-items: center; justify-content: center; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper { margin-top: 20px; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper h3 { font-weight: 600; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper h3 > span { color: #6b27ff; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box { margin-top: 24px; display: grid; grid-template-columns: repeat(2, max-content); grid-auto-rows: max-content; gap: 24px; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box .single-btn .btn-icon { display: block; color: #000; text-decoration: none; border: 2px solid #494949; border-radius: 8px; transition: background-color .3s, border-color .3s; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box .single-btn .btn-icon path[fill="white"] { fill: transparent; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box .single-btn:hover .btn-icon{ background-color: #6b27ff; border-color: #6b27ff; }
.section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box .single-btn:hover .btn-icon path[fill='black'] {fill: #FFF;}
.section-how-to-order-diet > .decor { position: absolute; right: -90px; top: 40%;}

.section-for-dietitians > .wrapper { display: grid; grid-template-columns: 565px 1fr 142px; margin-top: 130px; background-color: #f5f5f5; border-radius: 40px; box-shadow: 10px 4px 9px 0 #0000000F; }
.section-for-dietitians > .wrapper > .left { margin-top: -115px; }
.section-for-dietitians > .wrapper > .middle { margin-top: 50px; }
.section-for-dietitians > .wrapper > .middle > h2 > div { color: #494949; }
.section-for-dietitians > .wrapper > .middle > h2 > div:first-child { color: #6b27ff; }
.section-for-dietitians > .wrapper > .right { margin-top: -33px; }
.section-for-dietitians > .wrapper > .middle > a { margin-top: 30px; }

.section-links { display: block; padding: 0 20px; }
.section-links { background-color: #f5f5f5; margin-bottom: -30px; margin-top: 80px; }
.section-links > .wrapper { padding: 32px 0; }
.section-links > .wrapper > .group { display: grid; grid-template-columns: repeat(4, 1fr); }
.section-links > .wrapper > .group > .column { display: flex; flex-direction: column; gap: 8px; }
.section-links > .wrapper > .group > .column > a { text-decoration: none; color: #494949; width: fit-content; }
.section-links > .wrapper > .group > .column > a:hover { color: #6b27ff; text-decoration: underline; }
.section-links > .wrapper > .group.bottom { margin-top: 40px; }
.section-links > .wrapper > a { display: flex; padding-top: 8px; text-decoration: none; font-weight: 700; color: #6b27ff; justify-content: center; align-items: center; gap: 8px; width: fit-content; transition: color 0.3s; }
.section-links > .wrapper > a > svg * { transition: stroke 0.3s; }
.section-links > .wrapper > a:hover { color: #9fc119; }
.section-links > .wrapper > a:hover > svg * { stroke: #9fc119; }

.popup-filters { padding: 24px 0; background-color: #f5f5f5; border-radius: 40px; box-shadow: 0 1px 8px 0 #2121211f; width: 600px; color: #494949; display: flex; flex-direction: column; gap: 20px; }
.popup-filters > .top { overflow: auto; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; max-height: calc(100vh - 350px) }
.popup-filters > .top > .title { padding: 0 24px; display: flex; justify-content: space-between; align-items: center; }
.popup-filters > .top > .title > .btn-close { cursor: pointer; width: 32px; height: auto; display: block; margin-left: 8px;}
.popup-filters > .top > .title > .btn-close > svg * { transition: stroke 0.3s; }
.popup-filters > .top > .title > .btn-close:hover svg * { stroke: #6b27ff; }
.popup-filters > .top > .title > h5 { font-weight: 900; display: flex; align-items: center; gap: 16px; position: relative; }
.popup-filters > .top > .title > h5 > .badge { width: 28px; height: 28px; border-radius: 9999px; background-color: #6b27ff; color: #fff; font-weight: 400; display: flex; justify-content: center; align-items: center; }
.popup-filters > .top > .specializations { display: flex; justify-content: flex-start; align-items: center; gap: 10px; flex-wrap: wrap; overflow: hidden; max-height: 140px; transition: max-height 0.5s ease-in-out; padding: 0 24px 20px 24px;flex-shrink: 0; }
.popup-filters > .top > .specializations.full { max-height: 2999px; }
.popup-filters > .top > .specializations > label { display: block; padding: 13px 16px; border-radius: 9999px; font-weight: 500; cursor: pointer; background-color: #efe7ff; color: #6b27ff; transition: background-color 0.3s, color 0.3s; }
.popup-filters > .top > .specializations > label:hover { background-color: #6b27ff; color: #f5f5f5; }
.popup-filters > .top > .specializations > label > input { position: absolute; }
.popup-filters > .top > .specializations > label:has(input:checked) { background-color: #6b27ff; color: #f5f5f5; }
.popup-filters > .top > .btn-show-specs { padding: 12px 0; display: flex; justify-content: center; align-items: center; gap: 12px; font-weight: 500; cursor: pointer; box-shadow: 0 -16px 20px 0 rgba(0, 0, 0, 0.1); margin-top: -20px; border-bottom: 1px solid #49494933; transition: color 0.3s; background-color: #f5f5f5; }
.popup-filters > .top > .btn-show-specs:hover { color: #6b27ff; }
.popup-filters > .top > .btn-show-specs * { transition: fill 0.3s; }
.popup-filters > .top > .btn-show-specs:hover * { fill: #6b27ff; }
.popup-filters > .top .hidden { display: none; }
.popup-filters > .top > .break { min-height: 1px; background-color: #49494933; }
.popup-filters > .top > .break:last-child {display: none;}
.popup-filters > .top > .types { padding: 0 24px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.popup-filters > .top > .types > label { display: block; padding: 10px 12px; border: 1px solid #494949; border-radius: 9999px; font-weight: 500; cursor: pointer; transition: border-color, color 0.3s; }
.popup-filters > .top > .types > label:hover { border-color: #6b27ff; color: #6b27ff; }
.popup-filters > .top > .types > label .check-icon {display: none;}
.popup-filters > .top > .types > label:has(input:checked) .check-icon {display: inline-block;}
.popup-filters > .top > .types > label > input { position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; box-shadow: none; -webkit-tap-highlight-color: transparent; outline: 0;}
.popup-filters > .top > .types > label:has(input:checked) { border-color: #6b27ff; color: #6b27ff; background: #FFF; }
.popup-filters > .top > .mtypes { padding: 0 24px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.popup-filters > .top > .mtypes > label { display: block; padding: 10px 12px; border: 1px solid #494949; border-radius: 9999px; font-weight: 500; cursor: pointer; transition: border-color, color 0.3s; }
.popup-filters > .top > .mtypes > label:hover { border-color: #6b27ff; color: #6b27ff; }
.popup-filters > .top > .mtypes > label .check-icon {display: none;}
.popup-filters > .top > .mtypes > label:has(input:checked) .check-icon {display: inline-block;}
.popup-filters > .top > .mtypes > label > input { position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; box-shadow: none; -webkit-tap-highlight-color: transparent; outline: 0;}
.popup-filters > .top > .mtypes > label:has(input:checked) { border-color: #6b27ff; color: #6b27ff; background: #FFF; }
.popup-filters > .top > .ranges { padding: 0 24px; display: flex; flex-direction: column; gap: 24px; }
.popup-filters > .top > .ranges > .inputs { display: flex; justify-content: space-between; }
.popup-filters > .top > .ranges > .inputs > label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.popup-filters > .top > .ranges > .inputs > label > input { background-color: transparent; border: 1px solid #494949; width: 128px; padding: 12px 0; text-align: center; color: #494949; border-radius: 999px; -webkit-appearance: none; margin: 0; }
.popup-filters > .top > .ranges .noUi-target { background: #EFE7FF !important; border-radius: 999px !important;  border: none !important; box-shadow: none !important; }
.popup-filters > .top > .ranges .noUi-horizontal { height: 2px !important; }
.popup-filters > .top > .ranges .noUi-connect { background-color: #6B27FF !important; }
.popup-filters > .top > .ranges .noUi-handle { background: #6b27ff !important; border: 4px solid #fff !important; border-radius: 999px !important; box-shadow: none !important; cursor: grab; width: 25px !important; height: 25px !important; top: -11px !important; }
.popup-filters > .top > .ranges .noUi-handle::before,
.popup-filters > .top > .ranges .noUi-handle::after { display: none !important; }
.popup-filters > .top > .ranges .noUi-handle:active { cursor: grabbing; border-color: #6B27FF !important; }
.popup-filters > .top > .box { padding: 0 24px; position: relative; }
.popup-filters > .top > .box.in-office svg {position: absolute; z-index: 2; top: 50%; right: 48px; transform: translate(0, -50%);}
.popup-filters > .top > .box .ts-dropdown { overflow: hidden; border-radius: 24px; }
.popup-filters > .top > .box .ts-control { border-radius: 999px; border: 1px solid #494949; padding: 16px 24px; }
.popup-filters > .top > .box .ts-control .item { font-size: 20px; line-height: 120%; }
.popup-filters > .top > .box .ts-control input { font-size: 20px; color: #494949; font-family: 'DM Sans', sans-serif; }
.popup-filters > .top > .box .ts-control input::placeholder { color: #494949; }
.popup-filters > .top > .box .ts-dropdown { border-radius: 24px; border: 1px solid #494949; }
.popup-filters > .top > .box .ts-dropdown-content { max-height: 265px; }
.popup-filters > .top > .box .ts-dropdown-content::-webkit-scrollbar-track { margin: 20px 0; }
.popup-filters > .top > .box .ts-dropdown-content .option { padding: 10px 14px; font-size: 16px; font-family: 'DM Sans', sans-serif; color: #494949; }
.popup-filters > .top > .box .ts-dropdown-content .option.active { background-color: #efe7ff; }
.popup-filters > .top > .box .ts-dropdown-content .option:hover { background-color: #efe7ff; color: #6b27ff; }
.popup-filters > .clear { text-align: center; text-decoration: none; font-weight: 500; color: #ed7474; padding: 15px 0 0 0; transition: color 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; }
.popup-filters > .clear:hover { color: #a15f5f; }
.popup-filters > .clear * { transition: fill 0.3s; }
.popup-filters > .clear:hover * { fill: #a15f5f; }
.popup-filters > .button { padding: 0 24px; }
.popup-filters > .clear {position: relative;}
.popup-filters > .clear::before {content: ''; background-color: #49494933; position: absolute; height: 1px; top: 0; transform: translateY(-100%); width: calc(100% - 8px); display: none;}
.popup-filters > .button > .global-btn-white { padding: 18px 0; max-width: 100%; width: 100%; }
.popup-filters > .top > .box .ts-dropdown .option { position: relative; padding-right: 40px; }
.popup-filters > .top > .box .ts-dropdown .option.selected::after { content: ''; position: absolute; top: 50%; right: 16px; width: 16px; height: 12px; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M14.3333 1L5.16667 10.1667L1 6' stroke='%236B27FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.popup-filters > .top > .title > h5 .tooltip-box {left: 50%; transform: translate(-50%, -100%);}

@media all and (max-width: 1600px) {
    .section-topbar > .wrapper {padding-top: 16px; padding-bottom: 16px;}
    .section-how-does-it-work > .wrapper > .bottom { display: grid; grid-template-columns: 0.36fr 0.36fr 0.28fr; gap: 20px; }
    .section-how-does-it-work > .wrapper > .bottom > .right > picture > img { position: relative; right: 0; width: 100%; height: auto; }

    .section-how-to-order-diet > .wrapper > .grid > .column > .card { padding: 24px; border-radius: 32px; min-height: 225px; }
    .section-how-to-order-diet > .wrapper > .grid > .column > .card > .top > .icon { width: 64px; height: 64px; flex-shrink: 0; }
    .section-how-to-order-diet > .wrapper > .grid > .column > .card > .top > .icon svg { width: 30px; height: 30px; }

    .section-topbar > .wrapper > .right > .clear svg {width: 48px;}

    .section-how-to-order-diet > .decor {top: 25%;}

    .popup-filters {gap: 12px;}
    .popup-filters > .top {gap: 16px;}
    .popup-filters > .top > .box .ts-control {padding: 12px 24px;}
    .popup-filters > .top > .box .ts-control input {font-size: 18px;}
    .popup-filters > .top > .specializations > label {padding: 10px 16px;}
    .popup-filters > .top > .ranges > .inputs > label > input {padding: 8px 0;}

    .popup-filters > .button > .global-btn-white {padding: 12px 0;}
    .popup-filters > .button > .global-btn-white .btn-text {font-size: 20px;}
    .section-how-to-order-diet > .decor img {height: auto; max-width: 200px;}
    .section-topbar > .wrapper > .left > a {padding: 12px 16px;}

    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper {margin-right: auto;}
    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box {margin-top: 12px;}
    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box .single-btn .btn-icon {min-width: 140px; max-width: 140px; height: auto;}

    .section-how-does-it-work > .wrapper > .bottom > .card {min-height: auto; height: calc(100% - 85px);}
    .section-how-does-it-work > .wrapper > .bottom > .card > .top {gap: 8px;}

    .section-for-dietitians > .wrapper > .middle {margin-top: 24px;}
    .section-for-dietitians > .wrapper > .left img {display: block; height: auto; width: 460px;}
}

@media all and (max-width: 1500px) {
    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper { width: 100%; }
}

@media all and (max-width: 1400px) {
    .section-how-does-it-work > .wrapper > .bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
    .section-how-does-it-work > .wrapper > .bottom > .right { display: none; }
    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box svg { max-width: 140px; height: auto; }
    .section-how-does-it-work > .wrapper > .bottom > .card {height: 100%;}
    .section-how-does-it-work > .wrapper > .bottom > .card:first-child {gap: 8px;}

    .section-discounts > .wrapper > .bottom {grid-template-columns: 1fr 400px;}
}

@media all and (max-width: 1300px) {
    .section-for-dietitians > .wrapper { grid-template-columns: 1fr 1fr; }
    .section-for-dietitians > .wrapper > .right { display: none; }
}

@media all and (max-width: 1200px) {
    .section-how-to-order-diet > .decor { display: none; }
    .section-how-to-order-diet > .wrapper > .grid > .column > .card { padding: 16px; min-height: 191px; }
}

@media all and (max-width: 1100px) {
    .section-how-to-order-diet > .wrapper > .grid { grid-template-columns: 1fr 1fr; }
    .section-how-to-order-diet > .wrapper > .grid > .column:nth-child(3) { grid-column: 1 / -1; flex-direction: row; gap: 24px; }
    .section-for-dietitians > .wrapper { grid-template-columns: 1fr; padding: 0 40px 40px 40px; margin-top: 50px; }
    .section-for-dietitians > .wrapper > .left { display: none; }
}

@media all and (max-width: 1000px) {
    .section-for-dietitians > .wrapper { padding: 30px; }
    .section-for-dietitians > .wrapper > .middle { margin-top: 0; }
    .section-for-dietitians > .wrapper > .middle > a { margin-top: 10px; }
    .section-how-to-order-diet > .wrapper > .grid > .column > .card > .top { margin-bottom: 10px; }
    .section-how-to-order-diet { margin-bottom: 0; }
    .section-links > .wrapper > .group { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .section-online-visits > .decor {display: none;}
    .section-top-rated > .decor {display: none;}

    .popup-filters > .top > .specializations > label {padding: 8px 16px; font-size: 14px;}
}

@media all and (max-width: 900px) {
    .section-discounts > .wrapper > .bottom {grid-template-columns: 1fr 370px;}
}

@media all and (max-width: 767px) {
    .section-topbar > .wrapper { flex-direction: column; gap: 8px; }
    .section-topbar > .wrapper > .left { width: 100%; margin: 0; gap: 8px; display: grid; grid-template-columns: repeat(2, 1fr); }
    .section-topbar > .wrapper > .left > a { width: 100%; }
    .section-topbar > .wrapper > .right { width: 100%; }
    .section-topbar > .wrapper > .right > .search-box { width: 100%; }
    .section-topbar > .wrapper > .right > .search-box > input { width: 100%; max-width: 100%; }

    .section-how-does-it-work > .wrapper > .bottom > .card { min-height: 0; gap: 16px; }
    .section-how-does-it-work > .wrapper > .bottom { grid-template-columns: 1fr; }
    .section-how-does-it-work > .wrapper > .bottom > .card:nth-child(2) { padding-top: 0; }
    .section-how-to-order-diet > .wrapper > .grid > .column:nth-child(2) > .picture { display: none; }
    .section-how-to-order-diet > .wrapper > .grid { grid-template-columns: 1fr; }
    .section-how-to-order-diet > .wrapper > .grid > .column:nth-child(3) { grid-column: 1; flex-direction: column; }

    .popup-filters > .wrapper { gap: 12px; }
    .popup-filters > .wrapper > .top { gap: 12px; }
    .popup-filters > .wrapper > .top > .diets > label { font-size: 14px; }
    .popup-filters > .wrapper > .top > .title > h5 > .tooltip:hover::before { right: -50%; }
    .popup-filters > .wrapper > .top > .title > .btn-close > svg { width: 30px; height: 30px; }
    .popup-filters > .wrapper > .top > .box .ts-control { padding: 10px 15px; }
    .popup-filters > .wrapper > .top > .box .ts-control .item { font-size: 16px; }
    .popup-filters > .wrapper > .top > .box .ts-control input { font-size: 16px; }
    .popup-filters > .wrapper > .top > .box .ts-control::after { width: 15px; height: 15px; }

    .section-for-dietitians > .wrapper { padding: 24px; }
    .section-diets > .wrapper > .top { flex-direction: column-reverse; gap: 24px; }
}

@media all and (max-width: 680px) {
    .section-discounts > .wrapper > .bottom { grid-template-columns: 1fr; }
    .popup-filters .wrapper { width: 100%; }
    .section-topbar > .wrapper > .left > a {padding: 6px 8px;}
}

@media all and (max-width: 576px) {
    .section-discounts > .wrapper > .bottom {margin-top: 16px;}
    .section-topbar > .wrapper > .left {grid-template-columns: 0.65fr 1fr;}
    .section-discounts > .wrapper > .bottom > .right > .box {margin-top: 16px;}
    .section-diets > .wrapper > .top > .left > .title {font-size: 18px; line-height: 1.2;}
    .section-diets > .wrapper > .top > .left > .title > span {font-size: 18px;}
    .section-diets > .wrapper > .top > .left > small {font-weight: 300; font-size: 14px; line-height: 1.2;}
}

@media all and (max-width: 450px) {
    .section-how-to-order-diet > .wrapper > .grid > .column > .links-wrapper .buttons-box { gap: 10px; }
    .section-topbar > .wrapper > .left {grid-template-columns: 0.45fr 1fr;}
}