/* Minification failed. Returning unminified contents.
(1828,42): run-time error CSS1030: Expected identifier, found '>'
(1828,51): run-time error CSS1031: Expected selector, found ')'
(1828,51): run-time error CSS1025: Expected comma or open brace, found ')'
(1833,46): run-time error CSS1030: Expected identifier, found '>'
(1833,55): run-time error CSS1031: Expected selector, found ')'
(1833,55): run-time error CSS1025: Expected comma or open brace, found ')'
(1838,42): run-time error CSS1030: Expected identifier, found '>'
(1838,51): run-time error CSS1031: Expected selector, found ')'
(1838,51): run-time error CSS1025: Expected comma or open brace, found ')'
(4145,39): run-time error CSS1030: Expected identifier, found '.'
(4145,43): run-time error CSS1031: Expected selector, found ')'
(4145,43): run-time error CSS1025: Expected comma or open brace, found ')'
(4665,24): run-time error CSS1030: Expected identifier, found ':'
(4665,25): run-time error CSS1031: Expected selector, found 'nth-child('
(4665,25): run-time error CSS1025: Expected comma or open brace, found 'nth-child('
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

.container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    gap: 1rem;
}

    .row.column {
        flex-direction: column;
        align-items: flex-start;
    }

    .row.top {
        align-items: flex-start;
    }

    .row.between {
        justify-content: space-between;
    }

    .row.center {
        justify-content: center;
    }

    .row.middle {
        align-items: center;
    }

.row__column {
    width: 100%;
}

@media (min-width: 48em) {
    .row {
        flex-direction: row;
    }
}

.grid {
    box-sizing: border-box;
    display: grid;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    gap: 1rem;
}

    .grid.middle {
        align-items: center;
    }

.layout {
    justify-content: center;
    gap: 2rem;
    padding: 0;
    grid-template-columns: 1fr;
}

.layout__title, .layout__button {
    text-align: center;
}

.layout__button {
    display: flex;
    justify-content: center;
}

@media (min-width: 48em) {
    .layout {
        grid-template-areas: "title button" "item item";
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .layout__title {
        grid-area: title;
        text-align: initial;
    }

    .layout__button {
        grid-area: button;
        text-align: right;
    }

    .layout__content {
        grid-area: item;
        padding: 1rem 0 0;
    }
}

section {
    padding: 1.5rem 0;
}

@media (min-width: 48em) {
    section {
        padding: 3rem 0;
    }
}

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        position: absolute;
        inset: 0%;
    }

ul.list {
    padding-left: 1rem;
    list-style-type: disc;
    margin-bottom: 1rem;
}

    ul.list li {
        line-height: 1.5;
    }

        ul.list li:not(:last-child) {
            padding-bottom: 0.8rem;
        }

        ul.list li > .list {
            margin-bottom: 1rem !important;
            list-style-type: circle;
        }

.scroll {
    overflow-x: scroll;
    cursor: grab;
}

    .scroll a, .scroll div {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    }

@media (min-width: 48em) {
    .scroll.products__wrapper--extend {
        cursor: default;
        overflow: visible;
    }
}

* {
    font-family: "Inter", sans-serif;
}

body {
    color: #101935;
    font-size: 1rem;
}

@media (min-width: 48em) {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        justify-content: space-between;
    }
}

a {
    color: #101935;
}

    a.back {
        color: #0067CE;
    }

        a.back:hover {
            text-decoration: underline;
        }

p a {
    color: #0067CE;
}

    p a:hover {
        text-decoration: underline;
    }

.divider {
    border-top: 1px solid #FFFFFF;
    margin: 0 0.8rem;
}

img {
    width: 100%;
    display: block;
}

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

.border {
    border: 1px solid #E0E0E0;
    padding: 1.5rem;
    border-radius: 5px;
}

.border__heading {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
    flex-direction: column;
    line-height: 1.2;
}

@media (min-width: 48em) {
    .border__heading {
        flex-direction: row;
    }
}

.border.blue {
    border-color: #0067CE;
    background-color: #F2F8FF;
}

    .border.blue .button.outline {
        background-color: #FFFFFF;
    }

.border.yellow {
    border-color: #FFC121;
    background-color: #FFF9E7;
}

    .border.yellow .button.outline {
        background-color: #FFFFFF;
    }

.border a:hover {
    text-decoration: underline;
}

hr {
    margin: 2rem 0;
    border-top: 1px solid #E9E9E9;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

h1 {
    font-size: 2.5rem;
    line-height: 1.2;
}

h2 {
    font-size: 2rem;
    line-height: 1.2;
}

h3 {
    font-size: 1.5rem;
    line-height: 1.2;
}

h4 {
    font-size: 1.2rem;
    line-height: 1.2;
}

h5 {
    font-size: 1.15rem;
}

p {
    line-height: 1.6;
}

    p.subtext {
        font-size: 0.9rem;
        line-height: 1.5;
    }

.navbar .logo {
    width: 180px;
    display: block;
    margin: 0 auto;
}

.navbar__promo {
    text-align: center;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    background-color: #F2F8FF;
}

    .navbar__promo span {
        background-color: #101935;
        color: #FFFFFF;
        padding: 4px 8px;
        border-radius: 5px;
    }

.navbar__topbar {
    background-color: #0067CE;
    padding: 0.8rem 0;
    color: #FFFFFF;
    font-size: 0.9rem;
    overflow: hidden;
}

    .navbar__topbar .row {
        align-items: center;
    }

.navbar__topbar__left, .navbar__topbar__right {
    display: flex;
    align-items: center;
}

    .navbar__topbar__left span, .navbar__topbar__right span {
        white-space: nowrap;
        font-size: 0.8rem;
    }

@media (min-width: 48em) {
    .navbar__topbar__left span, .navbar__topbar__right span {
        font-size: 0.9rem;
    }
}

.navbar__topbar__left span:not(:last-child), .navbar__topbar__right span:not(:last-child) {
    border-right: 1px solid #FFFFFF;
    padding-right: 1rem;
    margin-right: 1rem;
}

.navbar__topbar__left a, .navbar__topbar__right a {
    color: #FFFFFF;
}

    .navbar__topbar__left a:hover, .navbar__topbar__right a:hover {
        text-decoration: underline;
    }

.navbar__topbar__right {
    display: none;
}

@media (min-width: 48em) {
    .navbar__topbar__right {
        display: block;
    }
}

.navbar__main {
    padding: 1rem 0;
}

    .navbar__main .grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "menu logo right" "search search search";
        align-items: center;
    }

@media (min-width: 48em) {
    .navbar__main .grid {
        display: flex;
        justify-content: space-between;
    }
}

.navbar__main__toggle {
    grid-area: menu;
}

@media (min-width: 48em) {
    .navbar__main__toggle {
        display: none;
    }
}

.navbar__main .logo {
    grid-area: logo;
    flex-shrink: 0;
}

@media (min-width: 48em) {
    .navbar__main .logo {
        margin: 0;
    }
}

.navbar__main .search {
    grid-area: search;
}

@media (min-width: 48em) {
    .navbar__main .search {
        max-width: 500px;
    }
}

.navbar__main__right {
    display: flex;
    gap: 1.5rem;
    grid-area: right;
    flex-shrink: 0;
    justify-content: flex-end;
}

    .navbar__main__right .icon__text__content {
        display: none;
    }

@media (min-width: 48em) {
    .navbar__main__right .icon__text__content {
        display: block;
    }
}

.navbar__main__right .login {
    display: none;
}

@media (min-width: 48em) {
    .navbar__main__right .login {
        display: block;
        position: relative;
    }

    .navbar__main__right .login__menu {
        position: absolute;
        margin-top: 0.5rem;
        right: 0;
        min-width: 250px;
        background-color: #FFFFFF;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-radius: 5px;
        gap: 1rem;
        box-shadow: 0 4px 15px rgba(5, 92, 179, 0.2);
        z-index: 99;
    }

        .navbar__main__right .login__menu a:not(.button) {
            color: #0067CE;
            white-space: nowrap;
        }

            .navbar__main__right .login__menu a:not(.button):hover {
                color: #004a94;
            }

        .navbar__main__right .login__menu.hidden {
            display: none;
        }

    .navbar__main__right .login button.active .icon svg path {
        fill: #0067CE;
    }

    .navbar__main__right .login button.active .icon__text__content {
        color: #0067CE;
    }
}

.navbar__main__right .cart .icon {
    position: relative;
}

.navbar__main__right .cart__number {
    position: absolute;
    background-color: #D91E18;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 20px;
    line-height: 15px;
    top: -10px;
    right: -10px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar__menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    display: none;
    z-index: 99;
}

@media (min-width: 48em) {
    .navbar__menu {
        position: initial;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        background-color: transparent;
        display: block;
    }
}

.navbar__menu .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 48em) {
    .navbar__menu .container {
        position: initial;
    }
}

.navbar__menu.active {
    display: block;
}

.navbar__menu .exit {
    position: absolute;
    top: 0.8rem;
    left: 0.5rem;
}

@media (min-width: 48em) {
    .navbar__menu .exit, .navbar__menu .exit__header, .navbar__menu .exit__footer {
        visibility: hidden;
    }
}

.navbar__menu__header {
    border-bottom: 1px solid #E0E0E0;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

@media (min-width: 48em) {
    .navbar__menu__header {
        display: none;
    }
}

.navbar__menu__footer {
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    gap: 1rem;
    border-top: 1px solid #E0E0E0;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

@media (min-width: 48em) {
    .navbar__menu__footer {
        display: none;
    }
}

.navbar__menu__footer a {
    flex-grow: 0;
}

    .navbar__menu__footer a:not(.button) {
        color: #0067CE;
    }

.navbar__menu .logo a {
    padding: 0;
}

.navbar__menu__list {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

@media (min-width: 48em) {
    .navbar__menu__list {
        height: auto;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        overflow: unset;
    }
}

.navbar__menu__list li {
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    align-items: center;
    padding: 0 0.8rem;
    min-height: 50px;
}

@media (min-width: 48em) {
    .navbar__menu__list li {
        min-height: auto;
        border: none;
    }
}

.navbar__menu__list li a {
    flex-grow: 1;
}

    .navbar__menu__list li a:not(.button) {
        padding: 1rem 0;
    }

        .navbar__menu__list li a:not(.button):hover {
            color: #0067CE;
        }

.navbar__menu__sub {
    position: relative;
    flex-direction: column;
    align-items: flex-start !important;
    min-height: auto !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 48em) {
    .navbar__menu__sub {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
        flex-direction: initial;
        align-items: initial;
    }

        .navbar__menu__sub:hover > a {
            color: #0067CE;
        }

            .navbar__menu__sub:hover > a svg {
                fill: #0067CE;
            }

        .navbar__menu__sub:hover .navbar__menu__sub__list {
            display: block;
        }
}

.navbar__menu__sub > a {
    display: none;
}

@media (min-width: 48em) {
    .navbar__menu__sub > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        gap: 0.25rem;
    }
}

.navbar__menu__sub__list {
    width: 100%;
}

@media (min-width: 48em) {
    .navbar__menu__sub__list {
        width: auto;
        display: none;
        position: absolute;
        top: 49px;
        left: 0;
        width: auto;
        background-color: #FFFFFF;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden;
        box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.15);
        z-index: 99;
    }
}

.navbar__menu__sub__list li {
    padding-left: 0;
    padding-right: 0;
}

    .navbar__menu__sub__list li:last-child {
        border-bottom: 0;
    }

    .navbar__menu__sub__list li a {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
        white-space: nowrap;
    }

@media (min-width: 48em) {
    .navbar__menu__sub__list li a:hover {
        background-color: #F5F6F6;
    }
}

.ui-autocomplete {
    padding: 0.5rem;
    line-height: 1.8;
    background-color: #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    border: 1px solid #E0E0E0;
    border-top: none;
    box-shadow: 0 8px 10px rgba(5, 50, 179, 0.04);
}

    .ui-autocomplete li {
        cursor: pointer;
    }

        .ui-autocomplete li:hover {
            color: #0067CE;
        }

footer {
    background-color: #101935;
    color: #FFFFFF;
    padding: 1.5rem 0;
}

@media (min-width: 48em) {
    footer {
        padding: 3rem 0;
    }
}

footer .container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

footer a {
    color: #FFFFFF;
}

    footer a:hover {
        text-decoration: underline;
    }

footer .divider {
    opacity: 0.3;
}

footer .footer__main {
    gap: 2rem;
}

footer .footer__info, footer .footer__menu {
    line-height: 2;
}

    footer .footer__info p, footer .footer__menu p {
        margin-bottom: 1rem;
        font-weight: bold;
    }

footer .footer__info__logo {
    width: 180px;
    margin-bottom: 1rem;
}

    footer .footer__info__logo .st0 {
        fill: #FFFFFF;
    }

footer .footer__info__contact {
    margin-bottom: 1rem;
}

footer .footer__info__badges {
    padding-top: 0.5rem;
    display: flex;
    gap: 1rem;
}

footer .footer__info__badges__logo {
    width: 100%;
    max-width: 150px;
}

footer .footer__sub, footer .footer__disc {
    font-size: 0.9rem;
    opacity: 0.5;
    line-height: 1.4;
}

footer .footer__sub__content {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

footer .footer__sub__menu {
    display: flex;
    align-items: center;
}

    footer .footer__sub__menu li:first-child {
        border-right: 1px solid #FFF;
        padding-right: 1rem;
        margin-right: 1rem;
    }

.page h1 {
    margin-bottom: 1rem;
}

.page__heading .row {
    padding: 0;
    flex-direction: row;
}

@media (min-width: 48em) {
    .page__heading .row {
        flex-direction: initial;
    }
}

.page__content {
    flex-grow: 1;
    width: 100%;
}

.page__tabs ul li {
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
}

    .page__tabs ul li:not(:first-child) {
        padding-top: 1rem;
        border-top: 1px solid #E0E0E0;
    }

@media (min-width: 64em) {
    .page__tabs ul li:not(:first-child) {
        padding-top: 0;
        border-top: none;
    }
}

.page__tabs ul li:nth-child(2) {
    border-top: none;
    padding-top: 0;
}

@media (min-width: 64em) {
    .page__tabs ul li {
        font-size: initial;
        padding: 0;
        margin-bottom: 2rem;
    }
}

.page__tabs ul li .icon__text {
    width: 100%;
}

.page__tabs__wrapper {
    flex-shrink: 0;
}

    .page__tabs__wrapper.selected {
        display: none;
    }

@media (min-width: 64em) {
    .page__tabs__wrapper.selected {
        display: block;
    }
}

.page__tabs__wrapper .page__heading {
    display: block;
}

@media (min-width: 64em) {
    .page__tabs__wrapper .page__heading {
        display: none;
    }
}

.page__tabs__content {
    width: 100%;
    display: none;
}

@media (min-width: 64em) {
    .page__tabs__content {
        display: block;
    }
}

.page__tabs__content.selected__content {
    display: block;
}

.page__tabs__content .page__tab__heading {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 64em) {
    .page__tabs__content .page__tab__heading a {
        display: none;
    }
}

.page__tabs__content .page__tab__heading__sub {
    margin-bottom: 1rem;
}

.page__tabs__content .page__tab__content {
    display: none;
}

    .page__tabs__content .page__tab__content.active {
        display: block;
    }

@media (min-width: 64em) {
    .page__tabs__content .page__tab__content .breadcrumbs {
        display: none;
    }
}

.page__tabs__content .page__tab__content > p {
    margin-bottom: 1rem;
}

.page__tabs__content .page__tab__content .validation {
    margin-bottom: 1rem;
}

.page__tabs__content .form.border {
    margin-bottom: 2rem;
}

.page__tabs__content .button {
    display: inline-flex;
}

.page__tabs__content .patients__popup {
    display: none;
}

    .page__tabs__content .patients__popup.active {
        display: block;
    }

.page__tabs__content .patients__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .page__tabs__content .patients__heading .button {
        margin-bottom: 0;
    }

.page__tabs__content .patients__list li {
    border-top: 1px solid #E9E9E9;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
}

    .page__tabs__content .patients__list li:not(:last-child) {
        margin-bottom: 1rem;
    }

.page--product-list .row {
    gap: 2rem;
}

.page--product-list .page__heading .row {
    align-items: center;
    margin-bottom: 1rem;
}

    .page--product-list .page__heading .row h1 {
        margin-bottom: 0;
        font-size: 1.5rem;
    }

@media (min-width: 48em) {
    .page--product-list .page__heading .row h1 {
        font-size: 2rem;
    }
}

@media (min-width: 64em) {
    .page--product-list .page__heading .row h1 {
        font-size: 2.5rem;
    }
}

.page--product-list .filter {
    position: fixed;
    background-color: #FFFFFF;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding: 1.5rem;
    border-color: transparent;
    border-radius: 0;
    z-index: 2;
}

    .page--product-list .filter.active {
        display: flex;
    }

@media (min-width: 48em) {
    .page--product-list .button--filter {
        display: none;
    }
}

.page--product-item .row {
    gap: 0;
}

.page--product-item #related-conditions .conditions__list {
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
}

    .page--product-item #related-conditions .conditions__list li {
        margin-bottom: 0;
    }

        .page--product-item #related-conditions .conditions__list li a {
            text-decoration: none;
            margin-bottom: 0;
        }

.page--condition-list .row {
    gap: 2rem;
}

    .page--condition-list .row .filter .exit, .page--condition-list .row .filter__row__collapse {
        display: none;
    }

.page--condition-item .blog__row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    gap: 2rem;
}

    .page--condition-item .blog__row .grid {
        padding: 0;
    }

    .page--condition-item .blog__row h2 {
        padding-top: 1.5rem;
        border-top: 1px solid #E0E0E0;
    }

@media (min-width: 48em) {
    .page--condition-item .blog__row h2 {
        padding-top: 3rem;
    }
}

.page--blog-list .row {
    flex-direction: column;
}

.page--blog-list .blog__list {
    display: grid;
    row-gap: 3rem;
    margin-bottom: 3rem;
}

@media (min-width: 48em) {
    .page--blog-list .blog__list {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2rem;
    }
}

.page--blog-item .container:first-child {
    max-width: 800px;
}

.page--cart .table--summary tr td:last-child {
    text-align: right;
}

.page--cart .table--summary tr td[colspan="2"] {
    padding-right: 0;
}

.page--cart .table--cart th {
    white-space: nowrap;
}

.page--cart .table--cart tr td {
    vertical-align: top;
}

@media (min-width: 48em) {
    .page--cart .table--cart tr td {
        vertical-align: middle;
    }
}

.page--cart .table--cart .form__qty {
    width: 65px;
}

.page--cart .table--cart .table__web {
    display: none;
}

.page--cart .table--cart .table__mobile {
    margin-top: 0.8rem;
}

@media (min-width: 48em) {
    .page--cart .table--cart .table__web {
        display: table-cell;
    }

    .page--cart .table--cart .table__mobile {
        display: none;
    }
}

.page--coupons h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.page--coupons p {
    margin-bottom: 1rem;
}

.page--coupons .coupons__list {
    padding-top: 1rem;
    margin-bottom: 2rem;
}

@media (min-width: 48em) {
    .page--coupons .coupons__list {
        margin-bottom: 3rem;
    }
}

.page--coupons .coupons__list__row {
    border-top: 1px solid #E0E0E0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    padding: 1.5rem 0;
}

@media (min-width: 48em) {
    .page--coupons .coupons__list__row {
        padding: 1.5rem 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.page--coupons .coupons__list__row.border {
    padding-left: 1rem;
    padding-right: 1rem;
}

.page--coupons .coupons__list__promo {
    font-size: 1.5rem;
    text-align: center;
}

@media (min-width: 48em) {
    .page--coupons .coupons__list__promo {
        font-size: 2rem;
        margin-right: auto;
        text-align: initial;
    }
}

.page--coupons .coupons__list__promo__details {
    display: block;
    margin-top: 1rem;
    font-size: 1rem;
}

.page--coupons .coupons__list__code {
    border: 1px dashed #E0E0E0;
    border-radius: 5px;
    padding: 1rem;
    min-width: 180px;
    text-align: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23B6B8C1"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>');
    background-repeat: no-repeat;
    background-position: top 0.25rem right 0.25rem;
    cursor: pointer;
}

    .page--coupons .coupons__list__code.copied {
        background-color: #F2F8FF;
        background-image: none;
    }

        .page--coupons .coupons__list__code.copied p span {
            display: none;
        }

        .page--coupons .coupons__list__code.copied p:before {
            content: "Copied!";
        }

    .page--coupons .coupons__list__code p {
        margin-bottom: 0.5rem;
    }

.page--coupons .coupons__list__coupon {
    font-size: 1.5rem;
    font-weight: bold;
    color: #0067CE;
    letter-spacing: 2px;
}

.page--coupons .coupons__products__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 64em) {
    .page--coupons .coupons__products__list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.page--partner {
    padding-bottom: 0;
}

    .page--partner .row:not(:last-child) {
        padding-bottom: 3rem;
    }

    .page--partner .row.middle {
        gap: 1.5rem;
    }

@media (min-width: 48em) {
    .page--partner .row.middle {
        gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

        .page--partner .row.middle:last-child .page--partner__image {
            order: 2;
        }
}

.page--partner__image {
    padding-bottom: 75%;
    border-radius: 5px;
}

.page--partner__content {
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.page--form .container:first-child {
    max-width: 450px;
}

    .page--form .container:first-child .row:first-child {
        gap: 1rem;
        margin-bottom: 2rem;
    }

.page--checkout .border.next__steps {
    width: 100%;
    margin-bottom: 2rem;
}

.page--checkout .border p {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.page--checkout .border .button__group {
    justify-content: center;
}

.page--checkout .validation.success {
    margin-bottom: 2rem;
}

.page--checkout .checkout {
    width: 100%;
    margin-bottom: 2rem;
}

@media (min-width: 48em) {
    .page--checkout .checkout {
        padding-right: 1rem;
    }
}

.page--checkout .checkout__account {
    margin-bottom: 2rem;
}

.page--checkout .checkout__account__box {
    flex-direction: row;
    background-color: #FFF9E7;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid #FFC121;
}

    .page--checkout .checkout__account__box .checkout__heading {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
        gap: 0.5rem;
    }

.page--checkout .checkout__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.page--checkout .checkout .table__container {
    border-top: 1px solid #E9E9E9;
}

    .page--checkout .checkout .table__container:not(.border) {
        padding-top: 0.8rem;
    }

    .page--checkout .checkout .table__container .checkbox {
        display: inline-block;
    }

.page--checkout .table__container--summary {
    margin-left: 0;
}

@media (min-width: 48em) {
    .page--checkout .table__container--summary {
        position: sticky;
        top: 1rem;
    }
}

.page--checkout .table__container--summary .table--summary td:last-child:nth-child(n+2) {
    text-align: right;
}

.page--checkout .table__container--summary .table--summary td {
    padding-left: 0;
    padding-right: 0;
}

.page--account hr {
    margin: 0.8rem 0;
}

.page--account .row {
    flex-direction: column;
}

@media (min-width: 64em) {
    .page--account .row {
        gap: 3rem;
        flex-direction: initial;
    }
}

.page--account .cc__points {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 48em) {
    .page--account .cc__points {
        row-gap: 1rem;
    }
}

.page--account .cc__points__wrapper {
    margin-bottom: 1rem;
}

@media (min-width: 48em) {
    .page--account .cc__points__wrapper {
        margin-bottom: 2rem;
    }
}

.page--account .cc__points__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
    row-gap: 1rem;
}

@media (min-width: 48em) {
    .page--account .cc__points__heading {
        align-items: flex-start;
        flex-direction: row;
    }
}

.page--account .cc__points__heading__content {
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
}

    .page--account .cc__points__heading__content p {
        margin-bottom: 0.5rem;
    }

.page--account .cc__points__heading__item {
    padding-right: 1rem;
}

    .page--account .cc__points__heading__item:first-child {
        border-right: 1px solid #E9E9E9;
        margin-right: 1rem;
    }

    .page--account .cc__points__heading__item > p {
        text-align: center;
        line-height: 1.4;
    }

@media (min-width: 48em) {
    .page--account .cc__points__heading__item > p {
        text-align: left;
    }
}

.page--account .cc__points__total {
    color: #00A763;
    display: flex;
    gap: 0.25rem;
    align-items: center;
    justify-content: center;
}

@media (min-width: 48em) {
    .page--account .cc__points__total {
        justify-content: flex-start;
    }
}

.page--account .cc__points__total__cash {
    font-weight: normal;
    font-size: 0.9rem;
    align-self: flex-end;
    line-height: 1.6;
    color: #9E9E9E;
    display: none;
}

@media (min-width: 48em) {
    .page--account .cc__points__total__cash {
        display: block;
    }
}

.page--account .cc__points__number {
    color: #00A763;
}

.page--account .cc__points__counter {
    grid-area: counter;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid #E9E9E9;
    padding: 1.5rem 0 0.5rem;
}

@media (min-width: 48em) {
    .page--account .cc__points__counter {
        border-bottom: 0;
    }
}

.page--account .cc__points__counter__dollar, .page--account .cc__points__counter__points {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .page--account .cc__points__counter__dollar li, .page--account .cc__points__counter__points li {
        text-align: center;
    }

.page--account .cc__points__counter__bg, .page--account .cc__points__counter__bar {
    width: 100%;
    height: 1.5rem;
}

.page--account .cc__points__counter__bg {
    background-color: #E0E0E0;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.page--account .cc__points__counter__bar {
    width: 14%; /* Change percentage */
    left: 0;
    background-color: #00A763;
}

.page--account .cc__points__redeem {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 48em) {
    .page--account .cc__points__redeem {
        grid-area: button;
        justify-content: flex-end;
    }
}

.page--account .cc__points__history {
    margin-top: -2.5rem;
}

@media (min-width: 48em) {
    .page--account .cc__points__history {
        margin-top: -2rem;
    }
}

.page--account .cc__points__history h4 {
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.page--account .cc__points__history__link {
    color: #0067CE;
}

    .page--account .cc__points__history__link:hover {
        text-decoration: underline;
    }

.page--account .cc__points__history__link__wrapper {
    text-align: right;
    border-top: 1px solid #E9E9E9;
    padding-top: 1rem;
    position: relative;
    z-index: 2;
}

.page--account .cc__points__history:not(.active) {
    display: none;
}

.page--account .cc__points__history table {
    margin-bottom: 1rem;
}

.page--account .cc__points__history p {
    text-align: center;
    font-size: 0.9rem;
}

@media (min-width: 48em) {
    .page--account .cc__points__history p {
        text-align: right;
    }
}

.page--account .cc__points__history p a {
    cursor: pointer;
}

.page--account .page__tabs ul li:first-child {
    display: none;
}

@media (min-width: 64em) {
    .page--account .page__tabs ul li:first-child {
        display: flex;
    }
}

@media (min-width: 64em) {
    .page--account .page__tabs ul li .icon__arrow {
        display: none;
    }
}

.page--account .page__heading {
    margin-bottom: 2rem;
}

@media (min-width: 64em) {
    .page--account .page__heading {
        display: block;
    }
}

.page--account .page__heading > p {
    margin-bottom: 1rem;
}

.page--account .page__heading .credit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.page--account .page__heading .credit__text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .page--account .page__heading .credit__text p {
        color: #9E9E9E;
        display: none;
    }

@media (min-width: 48em) {
    .page--account .page__heading .credit__text p {
        display: block;
    }
}

.page--account .page__heading .credit__amount {
    font-size: 1.2rem;
    font-weight: bold;
    color: #00A763;
}

.page--account .page__main__mobile {
    display: block;
    margin-bottom: 2rem;
}

@media (min-width: 64em) {
    .page--account .page__main__mobile {
        display: none;
    }
}

.page--account .page__main__mobile .form.border:not(:last-child) {
    margin-bottom: 2rem;
}

.page--payment hr {
    margin: 0.8rem 0;
}

.page--payment .row.payment__tabs {
    display: grid;
}

@media (min-width: 64em) {
    .page--payment .row.payment__tabs {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

.page--payment .page__tabs ul li {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 0;
}

    .page--payment .page__tabs ul li .icon__text {
        padding: 1rem;
    }

    .page--payment .page__tabs ul li .icon__arrow {
        margin-right: 0.8rem;
    }

    .page--payment .page__tabs ul li:has(> .active) {
        border-color: #0067CE;
        background-color: #F2F8FF;
    }

        .page--payment .page__tabs ul li:has(> .active) svg {
            fill: #0067CE;
        }

@media (min-width: 64em) {
    .page--payment .page__tabs ul li:has(> .active):before {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiMwMEE3NjMiPjxwYXRoIGQ9Im00MjQtMjk2IDI4Mi0yODItNTYtNTYtMjI2IDIyNi0xMTQtMTE0LTU2IDU2IDE3MCAxNzBabTU2IDIxNnEtODMgMC0xNTYtMzEuNVQxOTctMTk3cS01NC01NC04NS41LTEyN1Q4MC00ODBxMC04MyAzMS41LTE1NlQxOTctNzYzcTU0LTU0IDEyNy04NS41VDQ4MC04ODBxODMgMCAxNTYgMzEuNVQ3NjMtNzYzcTU0IDU0IDg1LjUgMTI3VDg4MC00ODBxMCA4My0zMS41IDE1NlQ3NjMtMTk3cS01NCA1NC0xMjcgODUuNVQ0ODAtODBaIi8+PC9zdmc+");
        width: 25px;
        height: 25px;
        margin-left: 1rem;
    }
}

.page--payment .page__tabs ul li:hover .icon__text {
    color: #0067CE;
}

.page--payment .page__tabs ul li:hover svg {
    fill: #0067CE;
}

@media (min-width: 64em) {
    .page--payment .page__tab__heading {
        margin: 0;
    }
}

.page--payment .page__tab__content .form__heading h4 {
    margin-bottom: 0.5rem;
}

.page--payment .page__tab__content .form__heading p {
    text-align: left;
}

.page--payment .page__tab__content .form.upload {
    margin-bottom: 0;
}

.page--payment .page__heading {
    margin-bottom: 2rem;
}

@media (min-width: 64em) {
    .page--payment .page__heading {
        display: block;
    }
}

@media (min-width: 64em) {
    .page--payment .page__heading > p {
        margin-bottom: 1rem;
    }
}

.page--reviews .page__heading p, .page--reviews .page__heading .list {
    margin-bottom: 1rem;
}

.page--reviews .banner {
    padding-top: 0;
    margin-bottom: 2rem;
}

    .page--reviews .banner .grid {
        background-color: #F2F8FF;
        color: #101935;
        height: auto;
    }

        .page--reviews .banner .grid h1, .page--reviews .banner .grid p {
            margin-bottom: 0;
        }

.page--reviews .banner__content {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page--reviews .list__wrapper {
    padding: 0.8rem 0;
}

.page--reviews .border {
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 48em) {
    .page--reviews .border {
        align-items: flex-start;
    }
}

.page--generic .page__content .hero--generic {
    background-color: #F2F8FF;
    padding: 0 1.5rem;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--generic {
        flex-direction: row;
    }
}

.page--generic .page__content .hero--generic .hero__content {
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--generic .hero__content {
        align-items: flex-start;
    }
}

.page--generic .page__content .hero--generic .hero__content h1 {
    margin-bottom: 0;
    font-size: 2rem;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--generic .hero__content h1 {
        font-size: 3rem;
    }
}

.page--generic .page__content .hero--generic .hero__content h1 span {
    color: #0067CE;
}

.page--generic .page__content .hero--generic .hero__img {
    display: flex;
    align-items: flex-end;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--generic .hero__img {
        align-self: flex-end;
    }
}

.page--generic .page__content .hero--generic .hero__img img {
    object-fit: cover;
    max-height: 230px;
    width: auto;
    margin: 0 auto;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--generic .hero__img img {
        max-height: 430px;
        width: 100%;
    }
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--price {
        padding-right: 0;
    }
}

.page--generic .page__content .hero--price .hero__img {
    display: none;
}

@media (min-width: 48em) {
    .page--generic .page__content .hero--price .hero__img {
        display: initial;
        align-self: stretch;
    }

        .page--generic .page__content .hero--price .hero__img img {
            height: 100%;
        }
}

.page--generic .page__content .banner {
    padding-top: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2rem;
}

    .page--generic .page__content .banner .grid {
        background-color: #F2F8FF;
        color: #101935;
        height: auto;
    }

        .page--generic .page__content .banner .grid h1, .page--generic .page__content .banner .grid p {
            margin-bottom: 0;
        }

        .page--generic .page__content .banner .grid h1 {
            font-size: 2rem;
        }

@media (min-width: 48em) {
    .page--generic .page__content .banner .grid h1 {
        font-size: 3rem;
    }
}

.page--generic .page__content .banner__content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 48em) {
    .page--generic .page__content .banner__content {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.page--generic .page__content h2, .page--generic .page__content h3 {
    margin-bottom: 0.8rem;
    margin-top: 2rem;
}

.page--generic .page__content p {
    margin-bottom: 1rem;
}

.page--generic .page__content .title {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.page--generic .page__content .border {
    line-height: 1.5;
    margin-bottom: 1rem;
}

.page--generic .page__content .list {
    line-height: 1.5;
    margin-bottom: 2rem;
}

    .page--generic .page__content .list li > h4 {
        margin-bottom: 0.5rem;
    }

.page--generic .page__content .shipping__wrapper {
    padding: 0;
    display: flex;
}

@media (min-width: 48em) {
    .page--generic .page__content .shipping__wrapper {
        align-items: center;
    }
}

.page--generic .page__content .shipping__banner {
    margin-bottom: 0;
}

    .page--generic .page__content .shipping__banner h2 {
        white-space: nowrap;
    }

    .page--generic .page__content .shipping__banner p {
        margin-bottom: 0;
    }

.page--generic .page__content .about__grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 48em) {
    .page--generic .page__content .about__grid {
        grid-template-columns: 1fr 1fr;
    }
}

.page--generic .page__content .about__card {
    border-radius: 5px;
    background-color: #F5F6F6;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
}

    .page--generic .page__content .about__card p {
        margin-bottom: 0;
    }

.page--how-to-order .how-it-works__row {
    padding-left: 0;
    padding-right: 0;
}

.page--faq .faq {
    width: 100%;
}

    .page--faq .faq li {
        padding-left: 1.5rem;
        padding-top: 1.5rem;
        margin-bottom: 1.5rem;
        border-top: 1px solid #E9E9E9;
        position: relative;
        line-height: 1.2;
    }

        .page--faq .faq li:before {
            content: "+";
            width: 12px;
            padding-right: 0.5rem;
            position: absolute;
            left: 0;
            font-weight: bold;
        }

        .page--faq .faq li.active:before {
            content: "-";
        }

        .page--faq .faq li.active .faq__answer {
            display: block;
        }

.page--faq .faq__question {
    font-size: 1.1rem;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
}

.page--faq .faq__answer {
    display: none;
    line-height: 1.5;
    margin-top: 1rem;
}

    .page--faq .faq__answer a {
        color: #0067CE;
    }

        .page--faq .faq__answer a:hover {
            text-decoration: underline;
        }

.page--sitemap ul li a {
    color: #0067CE;
}

    .page--sitemap ul li a:hover {
        text-decoration: underline;
    }

.page--sitemap ul li ul {
    margin-top: 1rem;
    list-style: circle;
    padding-left: 1rem;
}

.page--contact .contact__wrapper {
    width: 100%;
    display: grid;
    gap: 2rem;
    margin-top: 1rem;
}

@media (min-width: 48em) {
    .page--contact .contact__wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 64em) {
    .page--contact .contact__wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.page--contact .contact__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    border: 1px solid #E9E9E9;
    padding: 1.5rem;
    border-radius: 5px;
}

.page--contact .contact__item__icon {
    background-color: #0067CE;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 50px;
    margin-bottom: 0.8rem;
}

.page--contact .contact__item__title {
    font-size: 1.1rem;
    font-weight: bold;
}

.page--contact .contact__item a {
    color: #0067CE;
}

    .page--contact .contact__item a:hover {
        text-decoration: underline;
    }

.related--products, .related--posts {
    width: 100%;
}

    .related--products > h3, .related--posts > h3 {
        border-top: 1px solid #E0E0E0;
        padding-top: 1.5rem;
        margin-bottom: 1rem;
    }

@media (min-width: 48em) {
    .related--products > h3, .related--posts > h3 {
        padding-top: 3rem;
    }
}

.related--posts .blog__list {
    padding: 0;
}

.hero {
    padding: 0;
    background-color: #F2F8FF;
}

.hero--partner {
    background-color: #101935;
    color: #FFFFFF;
}

    .hero--partner .hero__content {
        align-items: flex-start;
    }

.hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding: 3rem 0;
    flex-basis: 50%;
    flex-shrink: 0;
}

@media (min-width: 48em) {
    .hero__content {
        align-items: flex-start;
    }
}

.hero__content h1 {
    text-align: center;
    font-size: 3rem;
}

@media (min-width: 48em) {
    .hero__content h1 {
        text-align: initial;
    }
}

.hero__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 48em) {
    .hero__list {
        grid-template-columns: 1fr 1fr;
    }
}

.hero__image.image {
    display: none;
}

@media (min-width: 48em) {
    .hero__image {
        flex-grow: 1;
    }

        .hero__image.image {
            display: block;
        }
}

.blog__list.grid {
    gap: 2rem;
}

@media (min-width: 48em) {
    .blog__list.grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.blog__list__image {
    padding-bottom: 60%;
    border-radius: 5px;
}

.blog__list__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.blog__list__post {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

    .blog__list__post:hover span {
        text-decoration: underline;
    }

.blog__list span {
    color: #0067CE;
}

.blog__post__image {
    padding-bottom: 60%;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.blog__post__content {
    margin-bottom: 3rem;
}

    .blog__post__content h2 {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .blog__post__content p {
        margin-bottom: 1rem;
    }

.breadcrumbs {
    margin-bottom: 0.8rem;
    display: block;
}

    .breadcrumbs li {
        line-height: 1.2;
        display: inline-block;
    }

        .breadcrumbs li:not(:last-child) a {
            color: #9E9E9E;
        }

        .breadcrumbs li:not(:last-child):after {
            content: "/";
            padding-left: 5px;
            padding-right: 0.7px;
            color: #9E9E9E;
        }

        .breadcrumbs li:last-child a {
            color: #0067CE;
        }

        .breadcrumbs li a:hover {
            text-decoration: underline;
        }

.button {
    padding: 0 1.5rem;
    background-color: #0067CE;
    border: 1px solid #0067CE;
    color: #FFFFFF;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-shrink: 0;
    white-space: nowrap;
    cursor: pointer;
}

.button__mobile {
    display: none;
}

@media (min-width: 48em) {
    .button__mobile {
        display: inline;
    }
}

.button__row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.button__group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: column;
}

@media (min-width: 48em) {
    .button__group {
        flex-direction: row;
    }
}

.button:hover {
    background-color: #004a94;
    border-color: #004a94;
    color: #FFFFFF;
}

.button.expanded {
    width: 100%;
}

.button.outline {
    background-color: transparent;
    color: #0067CE;
    border: 1px solid #E0E0E0;
}

    .button.outline:hover, .button.outline.active {
        background-color: #F2F8FF;
        border-color: #0067CE;
    }

    .button.outline.red {
        border-color: #D91E18;
        color: #D91E18;
    }

        .button.outline.red:hover {
            background-color: #faedef;
        }

.button.secondary {
    color: #101935;
    background-color: #F5F6F6;
    border: 1px solid #E0E0E0;
}

    .button.secondary:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.button.dark {
    background-color: #101935;
    border: 1px solid #101935;
}

    .button.dark:hover {
        background-color: #1c2c57;
        border-color: #1c2c57;
    }

.button.green {
    background-color: #00A763;
    border: 1px solid #00A763;
}

    .button.green:hover {
        background-color: #0d915c;
        border-color: #0d915c;
    }

.button.disabled, .button.disabled:hover {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
    cursor: default;
}

.button.inline {
    display: inline-flex;
}

.button--filter {
    padding: 0.5rem;
}

    .button--filter span {
        display: none;
    }

@media (min-width: 36em) {
    .button--filter {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

        .button--filter span {
            display: block;
        }
}

.icon__text {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    white-space: nowrap;
}

.icon__text__content {
    line-height: 1.5;
}

.icon__text svg {
    flex-shrink: 0;
}

.icon__text:hover, .icon__text.active {
    color: #0067CE;
}

    .icon__text:hover svg, .icon__text:hover path, .icon__text.active svg, .icon__text.active path {
        fill: #0067CE;
    }

.icon__text.modal__toggle {
    display: inline-flex;
}

    .icon__text.modal__toggle .modal__toggle__hover {
        display: none;
    }

    .icon__text.modal__toggle:hover .reviews__rating {
        display: none;
    }

    .icon__text.modal__toggle:hover .modal__toggle__hover {
        display: block;
    }

.icon__text.delete {
    color: #D91E18;
    display: flex;
}

    .icon__text.delete svg {
        fill: #D91E18;
    }

    .icon__text.delete:hover svg, .icon__text.delete:hover path {
        fill: #D91E18 !important;
    }

.conditions__letter {
    border-top: 1px solid #E0E0E0;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.conditions__list {
    padding-bottom: 1rem;
    column-count: 2;
}

@media (min-width: 48em) {
    .conditions__list {
        column-count: 1;
    }
}

.conditions__list li {
    margin-bottom: 1rem;
}

    .conditions__list li a {
        text-decoration: underline;
    }

        .conditions__list li a:hover {
            text-decoration: none;
        }

.condition--main {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    margin-bottom: 2rem;
    width: 100%;
}

@media (min-width: 48em) {
    .condition--main {
        flex-direction: row;
        gap: 2rem;
    }

    .condition--main__content {
        width: 100%;
    }

    .condition--main .related--posts {
        flex-basis: 280px;
        flex-shrink: 0;
    }

        .condition--main .related--posts h3 {
            padding-top: 0;
            border-top: none;
        }

        .condition--main .related--posts .grid {
            grid-template-columns: 1fr;
            padding: 0;
        }
}

.filter {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    box-sizing: border-box;
    padding: 1.5rem;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100%;
}

@media (min-width: 48em) {
    .filter {
        display: flex !important;
        border: 1px solid #E0E0E0 !important;
        border-radius: 5px !important;
        position: sticky !important;
        top: 1rem !important;
        width: 300px;
        flex-shrink: 0;
    }
}

.filter.active {
    z-index: 3;
    overflow-x: scroll;
}

.filter__web {
    width: auto;
    display: none;
}

@media (min-width: 48em) {
    .filter__web {
        display: block;
    }
}

.filter__mobile {
    margin-bottom: 2rem;
}

@media (min-width: 48em) {
    .filter__mobile {
        display: none;
    }
}

.filter__mobile .filter {
    border: none;
    padding: 0.8rem 0 0;
    gap: 0.5rem;
}

.filter__mobile .filter__row {
    border: none;
}

.filter__mobile .filter__header, .filter__mobile .filter__title {
    display: none;
    visibility: hidden;
}

.filter__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 48em) {
    .filter__header {
        display: none;
    }
}

.filter__row {
    padding-top: 1rem;
    border-top: 1px solid #E0E0E0;
}

.filter__row__toggle {
    display: flex;
    justify-content: space-between;
}

.filter__title {
    margin-bottom: 1rem;
}

.filter__letter {
    display: grid;
    grid-template-columns: repeat(auto-fill, 2rem);
    gap: 0.5rem;
}

    .filter__letter li.active a {
        background-color: #0067CE;
        border: #0067CE;
        color: #fff;
    }

        .filter__letter li.active a:hover {
            background-color: #0067CE;
            cursor: default;
        }

    .filter__letter li a {
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        border: 1px solid #E0E0E0;
        border-radius: 5px;
        background-color: #F5F6F6;
    }

        .filter__letter li a:hover {
            background-color: #E9E9E9;
        }

input, select, textarea {
    height: 43px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 0 0.5rem;
    width: 100%;
    display: block;
    font-size: 0.9rem;
}

    input:focus, select:focus, textarea:focus {
        outline: 2px solid #C4D7F2;
    }

    input + .checkbox, select + .checkbox, textarea + .checkbox {
        margin-top: 0.8rem;
    }

    input.error, select.error, textarea.error {
        border: 2px solid #D91E18;
    }

textarea {
    padding-top: 0.8rem;
    height: 6rem;
}

.input__group {
    display: flex;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    align-items: center;
    padding-right: 0.8rem;
    width: 100%;
    gap: 1rem;
    height: 43px;
    background-color: #F5F6F6;
}

    .input__group input {
        border: 0;
        border-right: 1px solid #E0E0E0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 100%;
    }

.checkbox {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .checkbox input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #FFFFFF;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #E0E0E0;
        margin: 0;
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

        .checkbox input[type=checkbox]:checked {
            background-color: #0067CE;
            border-color: #0067CE;
        }

            .checkbox input[type=checkbox]:checked:before {
                content: "";
                position: absolute;
                width: inherit;
                height: inherit;
                background-color: transparent;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
            }

.checkbox__input p {
    flex-shrink: 0;
}

.checkbox__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 0.5;
    gap: 0.5rem;
}

.search {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.5rem;
}

    .search input {
        border: none;
        width: 100%;
    }

        .search input:focus {
            outline: none;
        }

    .search:focus-within {
        outline: 2px solid #C4D7F2;
    }

.form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

.form__heading h1 {
    margin-bottom: 0.5rem;
}

.form__heading h1, .form__heading p {
    text-align: center;
}

.form__group {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.form__group__mobile {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
}

@media (min-width: 48em) {
    .form__group__mobile {
        flex-direction: initial;
        align-items: flex-end;
    }
}

.form__row {
    flex-basis: 100%;
}

    .form__row > label:not(.button) {
        display: block;
        font-weight: bold;
        font-size: 0.9rem;
        width: 100%;
    }

        .form__row > label:not(.button):not(.upload-id) {
            margin-bottom: 0.8rem;
        }

    .form__row.center {
        text-align: center;
    }

    .form__row.error label span {
        color: #D91E18;
    }

    .form__row.error input, .form__row.error select, .form__row.error textarea {
        border-color: #D91E18;
    }

.form__info {
    color: #9E9E9E;
    margin-top: 0.5rem;
    display: block;
    font-size: 0.9rem;
    line-height: 1.2;
}

.form__radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

    .form__radio label input[type=radio] {
        display: none;
    }

        .form__radio label input[type=radio]:checked + span {
            background-color: #F2F8FF;
            border-color: #0067CE;
        }

    .form__radio label span {
        cursor: pointer;
        padding: 0 1rem;
        height: 43px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        border: 1px solid #E0E0E0;
    }

.form__radio__table#table-generic {
    display: none;
}

.form__radio__table th {
    text-transform: uppercase;
    font-size: 0.9rem;
}

.form__qty {
    flex-basis: 100px;
    width: 60px;
    flex-shrink: 0;
}

.form__dropdown {
    width: 100%;
    flex: 1;
    min-width: 0;
}

.form__link {
    display: flex !important;
    justify-content: space-between;
}

.form__link__add {
    display: none;
}

    .form__link__add.active {
        display: block;
    }

.form__link a {
    font-weight: normal;
    color: #0067CE;
}

    .form__link a:before {
        content: "+ ";
    }

    .form__link a:hover {
        color: #004a94;
    }

    .form__link a.open:before {
        content: "- ";
    }

.form__step {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    padding: 0 1.5rem;
}

.form__step__wrapper {
    position: relative;
    width: 100%;
    max-width: 450px;
    margin: auto;
    overflow: hidden;
}

.form__step.active {
    transform: translateX(0);
    opacity: 1;
    left: 0;
    position: relative;
    display: flex;
}

.form__step.next {
    transform: translateX(100%);
    opacity: 0;
}

.form__step.previous {
    transform: translateX(-100%);
    opacity: 0;
}

.form__rating {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

    .form__rating:not(:checked) > input {
        opacity: 0;
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .form__rating:not(:checked) > label:hover:before, .form__rating:not(:checked) label:hover ~ label:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik03LjMgMUM3LjYuNCA4LjQuNCA4LjggMWwxLjkgMy41Yy4xLjIuMy40LjYuNGwzLjkuN2MuNS4xLjguOS4zIDEuNGwtMi44IDIuOWMtLjIuMi0uMy40LS4yLjdsLjYgMy45Yy4xLjctLjYgMS4xLTEuMi45bC0zLjYtMS44Yy0uMi0uMS0uNS0uMS0uNyAwTDQgMTUuNGMtLjYuMy0xLjMtLjItMS4yLS45bC42LTMuOWMwLS4zIDAtLjUtLjItLjdMLjUgN0MwIDYuNS4zIDUuNy45IDUuNmwzLjktLjdjLjMgMCAuNS0uMi42LS40TDcuMyAxeiIgc3R5bGU9ImZpbGw6I2ZmYzEyMSIvPjwvc3ZnPg==") !important;
    }

    .form__rating:not(:checked) > label:before {
        content: "";
        position: static;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik03LjMgMUM3LjYuNCA4LjQuNCA4LjggMWwxLjkgMy41Yy4xLjIuMy40LjYuNGwzLjkuN2MuNS4xLjguOS4zIDEuNGwtMi44IDIuOWMtLjIuMi0uMy40LS4yLjdsLjYgMy45Yy4xLjctLjYgMS4xLTEuMi45bC0zLjYtMS44Yy0uMi0uMS0uNS0uMS0uNyAwTDQgMTUuNGMtLjYuMy0xLjMtLjItMS4yLS45bC42LTMuOWMwLS4zIDAtLjUtLjItLjdMLjUgN0MwIDYuNS4zIDUuNy45IDUuNmwzLjktLjdjLjMgMCAuNS0uMi42LS40TDcuMyAxeiIgc3R5bGU9ImZpbGw6I2U5ZTllOSIvPjwvc3ZnPg==");
        background-repeat: no-repeat;
        width: 1.25rem;
        height: 1.25rem;
        display: inline-block;
        padding: 0 2px;
        cursor: pointer;
    }

    .form__rating > input:checked ~ label:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik03LjMgMUM3LjYuNCA4LjQuNCA4LjggMWwxLjkgMy41Yy4xLjIuMy40LjYuNGwzLjkuN2MuNS4xLjguOS4zIDEuNGwtMi44IDIuOWMtLjIuMi0uMy40LS4yLjdsLjYgMy45Yy4xLjctLjYgMS4xLTEuMi45bC0zLjYtMS44Yy0uMi0uMS0uNS0uMS0uNyAwTDQgMTUuNGMtLjYuMy0xLjMtLjItMS4yLS45bC42LTMuOWMwLS4zIDAtLjUtLjItLjdMLjUgN0MwIDYuNS4zIDUuNy45IDUuNmwzLjktLjdjLjMgMCAuNS0uMi42LS40TDcuMyAxeiIgc3R5bGU9ImZpbGw6I2ZmYzEyMSIvPjwvc3ZnPg==") !important;
    }

.form__accordion__wrapper .modal__heading {
    padding-bottom: 1rem;
}

.form__accordion__wrapper .button__group {
    padding: 1rem 0 0;
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
}

@media (min-width: 48em) {
    .form__accordion__wrapper .button__group {
        position: static;
        background-color: transparent;
    }
}

.form__accordion__row {
    border-bottom: 1px solid #E9E9E9;
}

.form__accordion__button {
    font-size: 1.1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
    position: relative;
}

    .form__accordion__button:after {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMTAxOTM1Ij48cGF0aCBkPSJNNTA0LTQ4MCAzMjAtNjY0bDU2LTU2IDI0MCAyNDAtMjQwIDI0MC01Ni01NiAxODQtMTg0WiIvPjwvc3ZnPg==");
        position: absolute;
        width: 24px;
        height: 24px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .form__accordion__button span {
        font-size: 0.8rem;
        width: 24px;
        height: 24px;
        border: 2px solid #101935;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.5rem;
        border-radius: 24px;
        line-height: 1.4;
        text-align: center;
    }

    .form__accordion__button.active {
        color: #0067CE;
    }

        .form__accordion__button.active svg {
            fill: #0067CE;
        }

        .form__accordion__button.active:after {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDA2N0NFIj48cGF0aCBkPSJNNDgwLTM0NCAyNDAtNTg0bDU2LTU2IDE4NCAxODQgMTg0LTE4NCA1NiA1Ni0yNDAgMjQwWiIvPjwvc3ZnPg==");
        }

        .form__accordion__button.active span {
            border-color: #0067CE;
        }

.form__accordion__content {
    display: flex;
    flex-direction: column;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

    .form__accordion__content:not(.active) {
        display: none;
    }

.form__add {
    text-align: center;
    color: #0067CE;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
}

    .form__add:hover {
        text-decoration: underline;
    }

    .form__add svg {
        fill: #0067CE;
    }

.form__add__wrapper {
    align-items: flex-start;
}

    .form__add__wrapper .form__group {
        width: 100%;
    }

        .form__add__wrapper .form__group:first-child .form__remove {
            visibility: hidden;
        }

.form__remove {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDA2N0NFIj48cGF0aCBkPSJNMjAwLTQ0MHYtODBoNTYwdjgwSDIwMFoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
    margin-bottom: 9.5px;
}

.form__table .form__badge {
    margin-bottom: 0.5rem;
}

.form__table table {
    width: 100%;
}

    .form__table table tr:not(:last-child) td {
        border-bottom: 1px solid #E9E9E9;
    }

    .form__table table tr th {
        text-align: left;
        border-bottom: 1px solid #E9E9E9;
    }

    .form__table table tr th, .form__table table tr td {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

        .form__table table tr th:not(:last-child), .form__table table tr td:not(:last-child) {
            padding-right: 0.5rem;
        }

.form__badge {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0.5rem 0.8rem;
    display: inline-block;
}

    .form__badge.brand {
        background-color: #acdeff;
    }

    .form__badge.generic {
        background-color: #FFEDB4;
    }

.form__badge__wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.25rem;
}

    .form__badge__wrapper .form__badge {
        margin-bottom: 0;
    }

.form.review {
    width: auto;
    overflow: scroll;
    position: relative;
    height: 100%;
}

@media (min-width: 48em) {
    .form.review {
        height: 80% !important;
    }
}

.form.review .form__row {
    padding-bottom: 1rem;
    border-bottom: 1px solid #E9E9E9;
}

.form.review .modal__heading {
    padding-bottom: 1rem;
}

.form.review label {
    margin-bottom: 0.5rem;
}

.form.review p {
    margin-bottom: 0.5rem;
}

.form.photo.border {
    border-style: dashed;
    background-color: #F5F6F6;
    margin-bottom: 0;
}

.form.photo .button {
    background-color: #FFFFFF;
}

.form.photo input[type=file] {
    display: none;
}

.form.product--main__form label {
    text-transform: uppercase;
}

.form .validation {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    gap: 0.5rem;
}

    .form .validation.success {
        color: #00A763;
    }

.form .status {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: bold;
    background-color: #F2F8FF;
    border-radius: 5rem;
    background-color: transparent;
}

@media (min-width: 48em) {
    .form .status {
        padding: 0.25rem 1rem;
        white-space: nowrap;
    }
}

.form .status.yellow {
    color: #684B01;
}

@media (min-width: 48em) {
    .form .status.yellow {
        background-color: #FFEDB4;
    }
}

.form .status.green {
    color: #00A763;
}

@media (min-width: 48em) {
    .form .status.green {
        background-color: #EBF8F3;
    }
}

.form .status.red {
    color: #D91E18;
}

@media (min-width: 48em) {
    .form .status.red {
        background-color: #FFD4D8;
    }
}

.form .sub {
    font-size: 0.9rem;
    padding-top: 0.8rem;
    display: block;
    line-height: 1.4;
}

.contact--partner__form {
    width: 100%;
    padding: 1.5rem;
    background-color: #0067CE;
    border-radius: 5px;
    color: #FFFFFF;
}

    .contact--partner__form h3 {
        margin-bottom: 2rem;
        text-align: center;
    }

    .contact--partner__form .validation.error {
        background-color: #FFD4D8;
        border-color: #D91E18;
        padding: 0.8rem;
    }

.contact--partner .form {
    max-width: 500px;
    margin: 0 auto;
}

    .contact--partner .form .button {
        display: inline-flex;
    }

select, .dropdown__country__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDUuNDAwMDVMMTAuNiAwLjgwMDA0OUwxMiAyLjIwMDA1TDYgOC4yMDAwNUwtNi4xMTk1OWUtMDggMi4yMDAwNUwxLjQgMC44MDAwNDhMNiA1LjQwMDA1WiIgZmlsbD0iIzEwMTkzNSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    padding-right: 1.5rem;
}

.dropdown__country {
    position: relative;
    cursor: pointer;
    font-size: 0.9rem;
}

.dropdown__country__select {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    height: 43px;
    padding-left: 0.5rem;
    width: 100%;
}

    .dropdown__country__select.active {
        outline: 2px solid #C4D7F2;
    }

    .dropdown__country__select .selected-text {
        display: flex;
        align-items: center;
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
    }

@media (min-width: 48em) {
    .dropdown__country__select .selected-text {
        display: inline-block;
        white-space: normal;
    }
}

.dropdown__country__options {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #101935;
    z-index: 2;
    margin-top: -1px;
}

@media (min-width: 48em) {
    .dropdown__country__options {
        width: auto;
    }
}

.dropdown__country__options.show {
    display: block;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.dropdown__country__options__item {
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

@media (min-width: 64em) {
    .dropdown__country__options__item {
        white-space: nowrap;
    }
}

.dropdown__country__options__item:hover {
    background-color: #f0f0f0;
}

.dropdown__country .flag {
    width: 20px;
    height: 15px;
    margin-left: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

    .dropdown__country .flag[src^=data] {
        width: 30px;
    }

.box, .generic-box {
    margin-bottom: 1rem;
}

    .box h2, .box h3, .box h4, .generic-box h2, .generic-box h3, .generic-box h4 {
        display: block;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .box p, .generic-box p {
        margin-bottom: 0;
    }

    .box .form, .generic-box .form {
        padding-top: 1rem;
    }

    .box--yellow, .box #newsletter-sign-up, .generic-box--yellow, .generic-box #newsletter-sign-up {
        padding: 1.5rem;
        background-color: #FFF9E7;
        border: 1px solid #FFC121;
        border-radius: 5px;
    }

    .box--blue, .box #what-is-generic, .generic-box--blue, .generic-box #what-is-generic {
        padding: 1.5rem;
        background-color: #F2F8FF;
        border: 1px solid #0067CE;
        border-radius: 5px;
    }

    .box #newsletter-sign-up, .generic-box #newsletter-sign-up {
        text-align: center;
    }

        .box #newsletter-sign-up h4, .generic-box #newsletter-sign-up h4 {
            font-size: 1.5rem;
        }

        .box #newsletter-sign-up p, .generic-box #newsletter-sign-up p {
            margin-bottom: 1rem;
        }

        .box #newsletter-sign-up .form-check-label, .generic-box #newsletter-sign-up .form-check-label {
            display: inline-block;
        }

            .box #newsletter-sign-up .form-check-label .form-check-input, .generic-box #newsletter-sign-up .form-check-label .form-check-input {
                display: inline;
                background-color: #FFFFFF;
                width: 1.5rem;
                height: 1.5rem;
                border: 1px solid #E0E0E0;
            }

            .box #newsletter-sign-up .form-check-label a, .generic-box #newsletter-sign-up .form-check-label a {
                color: #0067CE;
            }

            .box #newsletter-sign-up .form-check-label .g-recaptcha, .generic-box #newsletter-sign-up .form-check-label .g-recaptcha {
                margin: 1rem auto 0;
                display: block;
                text-align: center;
            }

        .box #newsletter-sign-up .input-group, .generic-box #newsletter-sign-up .input-group {
            display: inline-flex;
            gap: 1rem;
            margin-bottom: 1rem;
        }

    .box #what-is-generic, .generic-box #what-is-generic {
        line-height: 1.6;
    }

@media (min-width: 48em) {
    .box #what-is-generic, .generic-box #what-is-generic {
        display: grid;
        grid-template-areas: "genericHeading genericButton" "genericText genericButton";
        column-gap: 1rem;
        align-items: center;
    }
}

.box #what-is-generic h4, .generic-box #what-is-generic h4 {
    grid-area: genericHeading;
}

.box #what-is-generic #text, .generic-box #what-is-generic #text {
    grid-area: genericText;
}

.box #what-is-generic div, .generic-box #what-is-generic div {
    grid-area: genericButton;
}

.box #what-is-generic .btn, .generic-box #what-is-generic .btn {
    margin-top: 1rem;
}

@media (min-width: 48em) {
    .box #what-is-generic .btn, .generic-box #what-is-generic .btn {
        margin-top: 0;
    }
}

.box .btn, .generic-box .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    background-color: #0067CE;
    color: #FFFFFF;
    height: 43px;
    border-radius: 5px;
    padding: 0 1.5rem;
    font-weight: 500;
}

    .box .btn:hover, .generic-box .btn:hover {
        background-color: #004a94;
    }

.delete {
    display: inline-block;
}

.validation {
    padding: 0.8rem;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100%;
    line-height: 1.5;
}

    .validation:not(.success) {
        margin-top: 0.5rem;
    }

    .validation.error {
        border-color: transparent;
        padding: 0;
        color: #D91E18;
    }

        .validation.error svg {
            fill: #D91E18;
        }

    .validation.success {
        background-color: #EBF8F3;
        border-color: #00A763;
    }

        .validation.success svg {
            margin-top: -2px;
            fill: #00A763;
        }

        .validation.success.check {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

    .validation.warning {
        background-color: #FFF9E7;
        border-color: #FFC121;
        color: #8d5d04;
    }

.steps {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}

    .steps li {
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        border-bottom: 3px solid #E0E0E0;
        color: #E0E0E0;
        font-weight: bold;
        text-align: center;
        font-size: 0.9rem;
    }

@media (min-width: 48em) {
    .steps li {
        text-align: left;
    }
}

.steps li.active {
    color: #0067CE;
    border-color: #0067CE;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: flex-start;
}

    .modal.active {
        display: flex;
    }

.modal__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: #FFFFFF;
    padding-top: 1rem;
    padding-right: 0.8rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #E9E9E9;
    z-index: 2;
}

.modal__body {
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex-grow: 1;
    flex-shrink: 0;
}

@media (min-width: 48em) {
    .modal__body .form__row {
        width: 100%;
    }
}

.modal__body .button__group {
    justify-content: flex-end;
    margin-top: auto;
}

.modal__heading, .modal__body {
    padding-left: 1.5rem;
}

.modal > .form {
    padding-top: 0;
}

.modal > .border {
    border-radius: 0;
    border-color: transparent;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 0;
}

.modal .form__accordion__wrapper {
    width: 100%;
}

.modal .form__step__wrapper {
    margin-top: 1rem;
    max-width: 100%;
}

    .modal .form__step__wrapper .form__step {
        padding: 0;
    }

.modal#popup-patient .border {
    display: flex;
    flex-direction: column;
}

.modal#popup-upload-rx hr {
    margin: 0;
}

.modal#popup-upload-rx .form__heading p {
    text-align: left;
}

.modal#popup-support .list {
    line-height: 1.4;
}

    .modal#popup-support .list a {
        white-space: nowrap;
        color: #0067CE;
        text-decoration: underline;
    }

        .modal#popup-support .list a:hover {
            text-decoration: none;
        }

    .modal#popup-support .list ul {
        list-style-type: disc;
        padding-left: 1rem;
        margin-top: 0.5rem;
    }

    .modal#popup-support .list li:not(:last-child) {
        padding-bottom: 1rem;
    }

.modal#popup-generic p:first-child {
    padding-top: 1rem;
}

.modal#popup-generic p:not(:last-child) {
    margin-bottom: 1rem;
}

@media (min-width: 48em) {
    .modal {
        justify-content: center;
        overflow-y: auto;
    }

        .modal .border {
            max-width: 600px;
            border-radius: 5px;
            border-color: #E0E0E0;
        }
}

@media screen and (min-height: 48em) and (min-width: 48em) {
    .modal {
        align-items: center;
    }

        .modal .border {
            height: auto;
        }

        .modal .form__accordion__wrapper {
            margin-bottom: 0;
        }
}

ol.list {
    padding-left: 1.5rem;
    list-style-type: decimal;
}

    ol.list li:not(:last-child) {
        padding-bottom: 0.5rem;
    }

.upload {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .upload .form {
        background-color: #F2F8FF;
        border: 1px solid #0067CE;
        justify-content: center;
        align-items: center;
        /* &.border {
       margin-bottom: 0;
   }*/
    }

        .upload .form .button {
            background-color: #FFFFFF;
        }

        .upload .form input[type=file] {
            display: none;
        }

        .upload .form .form__group {
            justify-content: center;
        }

        .upload .form #fileName {
            text-align: center;
            word-break: break-all;
        }

    .upload .button__group {
        justify-content: flex-start;
    }

.upload__files table tr td:first-child {
    word-break: break-word;
}

.upload__submit {
    display: block;
}

    .upload__submit:not(.active) {
        display: none;
    }

.upload__lightbox {
    display: block;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload__lightbox__exit {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 5;
}

@media (min-width: 48em) {
    .upload__lightbox__exit {
        top: 1rem;
        right: 1rem;
    }
}

.upload__lightbox__image {
    max-width: 800px;
    width: 100%;
}

.upload__lightbox iframe {
    height: 100%;
}

.upload__lightbox:not(.active) {
    display: none;
}

.pagination {
    display: grid;
    grid-template-columns: repeat(9, 1.8rem);
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 0;
    justify-content: center;
}

    .pagination li {
        text-align: center;
    }

        .pagination li a {
            width: 1.8rem;
            height: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #E0E0E0;
            border-radius: 5px;
        }

            .pagination li a.active {
                background-color: #0067CE;
                border-color: #0067CE;
                color: #FFFFFF;
            }

            .pagination li a.disabled {
                cursor: default;
            }

                .pagination li a.disabled svg {
                    fill: #E0E0E0;
                }

            .pagination li a:hover:not(.active) {
                background-color: #F5F6F6;
            }

.product {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.8rem;
    border: 1px solid transparent;
    border-radius: 5px;
}

.product__image {
    padding-bottom: 100%;
    border-radius: 5px;
    aspect-ratio: 1/1; /* Maintains a 1:1 square ratio */
}

.product__discount {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5rem 0.8rem;
    background-color: #FFEDB4;
    color: #735300;
    font-weight: bold;
    border-bottom-right-radius: 5px;
    z-index: 2;
}

.product__type {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0.5rem;
    z-index: 2;
}

.product__content__name {
    word-break: break-word;
}

.product .button {
    margin-top: auto;
}

.product:hover {
    border: 1px solid #E0E0E0;
}

    .product:hover .button {
        background-color: #0067CE;
        border-color: #0067CE;
        color: #FFFFFF;
    }

.product--main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
    width: 100%;
}

@media (min-width: 48em) {
    .product--main {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.product--main__form table td {
    line-height: 1.4;
}

    .product--main__form table td:has(.qty) {
        min-width: 60px;
    }

.product--main__form .strenth-display {
    line-height: 1.4;
}

.product--main__heading {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .product--main__heading h1 {
        line-height: 1;
        margin-bottom: 0;
    }

.product--main__image {
    padding-bottom: 100%;
    border-radius: 5px;
}

.product--main__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.product--main__reviews__filter__wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    margin-bottom: 2rem;
    max-width: 300px;
}

    .product--main__reviews__filter__wrapper span {
        white-space: nowrap;
    }

.product--main__reviews__heading {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

@media (min-width: 48em) {
    .product--main__reviews__heading {
        margin-bottom: 3rem;
        text-align: initial;
        flex-direction: row;
        justify-content: space-between;
    }
}

.product--main__reviews__star span {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: block;
}

.product--main__reviews__star .reviews__rating {
    grid-area: rating;
}

    .product--main__reviews__star .reviews__rating svg {
        width: 25px;
        height: 25px;
    }

.product--main__reviews__row {
    display: grid;
    grid-template-areas: "rating date" "title title" "content content";
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-top: 1px solid #E9E9E9;
}

@media (min-width: 48em) {
    .product--main__reviews__row {
        padding: 3rem 0;
    }
}

.product--main__reviews__row:last-child {
    padding-bottom: 0;
}

.product--main__reviews__date {
    grid-area: date;
    text-align: right;
}

.product--main__reviews__title {
    grid-area: title;
}

.product--main__reviews__content {
    grid-area: content;
}

    .product--main__reviews__content p {
        margin-bottom: 0;
    }

.product--main__reviews__name {
    font-weight: bold;
}

.product--main__price {
    line-height: 1.5;
}

.product--main__type {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .product--main__type > p {
        border-right: 1px solid #101935;
        padding-right: 0.5rem;
    }

.product--main__type__icons {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.products__wrapper {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
}

@media (min-width: 48em) {
    .products__wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

.products__wrapper--extend {
    padding-bottom: 0.8rem;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-flow: column;
    overflow-x: auto;
    display: grid;
    gap: 1rem;
    padding: 0;
}

@media (min-width: 48em) {
    .products__wrapper--extend {
        gap: 2rem;
        overflow-x: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.products__wrapper--extend .product {
    min-width: 250px;
}

.products__wrapper--stack .product {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E9E9E9;
}

.products__wrapper--stack .product__image {
    flex-shrink: 0;
    width: 100%;
    padding-bottom: 0;
    flex-basis: 5rem;
}

.products__wrapper--stack .product__promo {
    flex-shrink: 0;
    flex-basis: 5rem;
    height: 5rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1.2rem;
    background-color: #F2F8FF;
    border: 1px dashed #0067CE;
    border-radius: 5px;
    color: #0067CE;
    font-weight: 700;
}

.products__wrapper--stack .product__promo__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.products__wrapper--stack .product__content__terms {
    font-size: 0.9rem;
}

.products__wrapper--stack .product p {
    margin-bottom: 0;
}

.products__wrapper--stack .product .button {
    margin-top: 0;
    margin-left: auto;
}

#product-popular, #product-related {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

    #product-popular.active, #product-related.active {
        display: grid;
    }

@media (min-width: 48em) {
    #product-popular, #product-related {
        grid-template-columns: repeat(4, 1fr);
    }
}

.reviews__rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.reviews__rating__wrapper {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.reviews__rating__link {
    color: #0067CE;
    text-decoration: underline;
}

    .reviews__rating__link:hover {
        color: #004a94;
    }

.reviews__rating svg {
    width: 15px;
    height: 15px;
}

.reviews__bar {
    width: 100%;
    background-color: #E9E9E9;
    border-radius: 20px;
    overflow: hidden;
}

.reviews__bar__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 500px;
    width: 100%;
}

.reviews__bar__row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .reviews__bar__row span {
        font-weight: bold;
    }

.reviews__bar__rating {
    height: 0.5rem;
    background-color: #ffc121;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.table {
    width: 100%;
}

.table__container {
    width: 100%;
    overflow-x: auto;
}

    .table__container.scroll {
        border-right: 1px solid #E0E0E0;
    }

@media (min-width: 64em) {
    .table__container {
        overflow: visible;
    }
}

.table__container--summary {
    margin-left: auto;
}

@media (min-width: 64em) {
    .table__container--summary {
        max-width: 450px;
    }
}

@media (min-width: 48em) {
    .table__container--actions {
        overflow-x: initial;
    }
}

.table__container--actions tr {
    position: relative;
}

.table__container--actions th {
    white-space: nowrap;
}

    .table__container--actions th:last-child, .table__container--actions td:last-child {
        position: sticky;
        top: 0;
        right: 0;
        z-index: 2;
        background-color: #FFFFFF;
        text-align: center !important;
    }

@media (min-width: 48em) {
    .table__container--actions th:last-child, .table__container--actions td:last-child {
        text-align: right !important;
    }
}

.table__container--actions th:last-child:before, .table__container--actions td:last-child:before {
    content: "";
    border-left: 1px solid #E9E9E9;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

@media (min-width: 48em) {
    .table__container--actions th:last-child:before, .table__container--actions td:last-child:before {
        content: none;
    }
}

@media (min-width: 48em) {
    .table__container--actions th:last-child, .table__container--actions td:last-child {
        position: initial;
        padding-right: 0 !important;
    }
}

.table__container--mobile {
    overflow-x: unset;
}

    .table__container--mobile a {
        color: #0067CE;
    }

    .table__container--mobile .table__mobile {
        display: none;
    }

@media (min-width: 64em) {
    .table__container--mobile .table__mobile {
        display: table-cell;
    }
}

.table__container--mobile .table__mobile__wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.table__container--mobile .table__mobile__toggle {
    display: inline-flex;
}

@media (min-width: 64em) {
    .table__container--mobile .table__mobile__toggle {
        display: none;
    }
}

.table__container--mobile .table__mobile__toggle > div {
    cursor: pointer;
    display: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

.table__container--mobile .table__mobile__toggle .icon__plus {
    display: flex;
}

.table__container--mobile .table__mobile__toggle.active .icon__plus {
    display: none;
}

.table__container--mobile .table__mobile__toggle.active .icon__minus {
    display: flex;
}

.table__container--mobile .table__mobile__row {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .table__container--mobile .table__mobile__row:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.table__container--mobile .table__mobile__row__wrapper {
    border-left: 5px solid #E9E9E9;
    padding: 0.8rem;
}

.table__container--mobile .table__mobile__heading, .table__container--mobile .table__mobile__content {
    color: #101935;
}

.table__container--mobile .table__mobile__heading {
    font-weight: bold;
}

.table__container--mobile .table__mobile__content {
    text-align: right;
}

.table__container--mobile .table__toggle {
    width: 24px;
    padding-right: 0;
}

@media (min-width: 64em) {
    .table__container--mobile .table__toggle {
        display: none;
    }
}

@media (min-width: 64em) {
    .table__container--mobile .table tr td:nth-child(2), .table__container--mobile .table tr th:nth-child(2) {
        padding-left: 0;
    }
}

.table__container--mobile .table tr:last-child td {
    padding-bottom: 0.8rem;
}

.table__container--mobile .expanded {
    display: none;
}

    .table__container--mobile .expanded td {
        padding: 0;
    }

    .table__container--mobile .expanded.visible {
        display: table-row;
    }

@media (min-width: 64em) {
    .table__container--mobile .expanded.visible {
        display: none;
    }
}

.table__container h3 {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #E9E9E9;
}

.table__wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.8rem;
}

.table tr th, .table tr td {
    padding: 0.8rem;
}

    .table tr th:first-child, .table tr td:first-child {
        padding-left: 0;
    }

    .table tr th:has(td:nth-child(2)):last-child, .table tr td:has(td:nth-child(2)):last-child {
        padding-right: 0;
        text-align: right;
    }

    .table tr th.auto, .table tr td.auto {
        width: 1%;
    }

        .table tr th.auto:last-child, .table tr td.auto:last-child {
            padding-right: 0;
        }

        .table tr th.auto a, .table tr td.auto a {
            white-space: nowrap;
        }

.table tr th {
    text-align: left;
    padding-top: 0;
}

.table tr td {
    padding-top: 0.8rem;
    vertical-align: middle;
    line-height: 1.4;
}

    .table tr td[colspan="6"] {
        padding-right: 0;
    }

    .table tr td span {
        display: block;
        color: #9E9E9E;
    }

    .table tr td > a {
        color: #0067CE;
    }

        .table tr td > a:hover {
            text-decoration: underline;
        }

.table tr:last-child td {
    padding-bottom: 0;
}

.table--divider th {
    vertical-align: middle;
}

    .table--divider th .checkbox {
        vertical-align: middle;
    }

.table--divider td {
    border-top: 1px solid #E9E9E9;
}

.table--summary hr {
    margin: 0;
}

.table--summary tr td {
    vertical-align: top;
}

.table--summary .coupon__applied {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.table--summary .coupon td {
    align-items: center;
    vertical-align: middle;
}

    .table--summary .coupon td span {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 2px 0.5rem;
        border-radius: 5px;
        background-color: #FFF9E7;
        font-weight: bold;
        color: #101935;
    }

    .table--summary .coupon td:last-child {
        color: #00A763;
    }

.table--summary .points__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.table--summary .points .row {
    padding: 0;
    align-items: normal;
}

.table--summary .points p {
    color: #9E9E9E;
    font-size: 0.9rem;
}

.table--summary .total td {
    padding-left: 0;
    padding-right: 0;
}

    .table--summary .total td b {
        padding-top: 1.5rem;
        border-top: 1px solid #E9E9E9;
        font-size: 1.2rem;
        font-weight: bold;
        display: block;
    }

.table--summary .agreement td {
    font-size: 0.8rem;
}

    .table--summary .agreement td:last-child {
        text-align: left;
    }

    .table--summary .agreement td .checkbox {
        align-items: flex-start;
        font-weight: bold;
        margin-bottom: 1rem;
    }

.table--cc .red {
    color: #D91E18;
}

.table--cc .green {
    color: #00A763;
}

.table--cc tr th:last-child, .table--cc tr td:last-child {
    padding-right: 0;
    text-align: right;
}

.table--cc tr td:last-child {
    font-style: italic;
}

.table--invoice {
    padding: 1rem;
    width: 100%;
}

    .table--invoice > thead > tr > td, .table--invoice > tbody > tr > td {
        border-top: 1px solid #E0E0E0;
    }

    .table--invoice tr th > table, .table--invoice tr td > table {
        width: 100%;
    }

    .table--invoice th, .table--invoice td {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 1rem;
        line-height: 1.2;
        text-align: left;
    }

        .table--invoice th:last-child, .table--invoice td:last-child {
            padding-right: 0;
        }

    .table--invoice .invoice__heading th {
        vertical-align: middle;
    }

        .table--invoice .invoice__heading th:last-child {
            text-align: right;
            font-weight: normal;
        }

    .table--invoice .invoice__heading__logo svg {
        width: 180px;
    }

    .table--invoice .invoice__title {
        font-size: 1.2rem;
        display: block;
    }

    .table--invoice .invoice__address td {
        line-height: 1.5;
    }

        .table--invoice .invoice__address td b {
            line-height: 1;
        }

    .table--invoice .invoice__item, .table--invoice .invoice__total {
        font-size: 0.9rem;
    }

        .table--invoice .invoice__item th:last-child, .table--invoice .invoice__item td:last-child, .table--invoice .invoice__total th:last-child, .table--invoice .invoice__total td:last-child {
            text-align: right;
        }

        .table--invoice .invoice__item table th, .table--invoice .invoice__item table td {
            vertical-align: middle;
        }

        .table--invoice .invoice__total table {
            margin-left: auto;
            max-width: 350px;
        }

    .table--invoice .invoice__total__amount td {
        border-top: 1px solid #E0E0E0;
        font-size: 1.1rem;
    }

    .table--invoice .invoice__info {
        color: #9E9E9E;
    }

.table--fact {
    width: 100%;
    max-width: 520px;
}

    .table--fact td {
        padding: 0.5rem;
    }

        .table--fact td p {
            font-size: 1rem !important;
            line-height: 1;
        }

        .table--fact td:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            font-weight: bold;
            line-height: 1.2;
        }

@media (min-width: 48em) {
    .table--fact td:first-child {
        white-space: nowrap;
    }
}

.table--fact td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    word-break: break-word;
    line-height: 1.2;
}

.table--fact tr:first-child {
    display: none;
}

.table--fact tr:nth-child(odd) td {
    background-color: #F2F8FF;
}

.actions {
    position: relative;
    margin: 0 auto;
    text-align: center !important;
    width: 60px;
}

@media (min-width: 64em) {
    .actions {
        text-align: right !important;
        padding-right: 0 !important;
    }
}

.actions .button {
    width: 43px;
    padding: 0;
    margin: 0 auto;
}

@media (min-width: 64em) {
    .actions .button {
        margin-left: auto;
    }
}

.actions__menu {
    position: relative;
    z-index: 3;
}

.actions__menu__list {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 48em) {
    .actions__menu__list {
        width: auto;
        position: initial;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

.actions__menu__list ul li {
    display: block;
}

    .actions__menu__list ul li a {
        width: 100%;
        color: #101935;
        padding: 0.8rem;
        white-space: nowrap;
    }

        .actions__menu__list ul li a:hover {
            text-decoration: none !important;
            background-color: #F2F8FF;
            color: #0067CE;
        }

@media (min-width: 48em) {
    .actions__menu.active {
        position: absolute;
        right: 0;
        z-index: 3;
    }
}

.actions__menu.active:before {
    content: "";
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 48em) {
    .actions__menu.active:before {
        content: none;
    }
}

.actions__menu.active .actions__menu__list {
    display: block;
}

.tabs {
    width: 100%;
}

@media (min-width: 48em) {
    .tabs__nav {
        display: flex;
        gap: 1rem;
        position: relative;
    }

        .tabs__nav:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 1px;
            width: 100%;
            border-bottom: 1px solid #E0E0E0;
            z-index: -1;
        }
}

.tabs__nav__item {
    border-bottom: 1px solid #E0E0E0;
}

@media (min-width: 48em) {
    .tabs__nav__item {
        border: none;
    }
}

.tabs__nav__item span {
    font-size: 1.2rem;
    font-weight: bold;
    color: #9E9E9E;
    white-space: nowrap;
    padding: 1rem 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 48em) {
    .tabs__nav__item span {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        border-bottom: 2px solid transparent;
    }
}

@media (min-width: 48em) {
    .tabs__nav__item:first-child {
        padding-left: 0;
    }
}

.tabs__nav__item:hover span, .tabs__nav__item.active span {
    color: #0067CE;
}

@media (min-width: 48em) {
    .tabs__nav__item:hover span, .tabs__nav__item.active span {
        border-bottom: 2px solid #0067CE;
    }
}

.tabs__nav__item.active .tabs__nav__item__dropdown {
    transform: rotate(90deg);
}

.tabs__nav__item__dropdown {
    display: flex;
}

@media (min-width: 48em) {
    .tabs__nav__item__dropdown {
        display: none;
    }
}

.tabs__nav__item__content {
    padding-bottom: 1rem;
}

@media (min-width: 48em) {
    .tabs__nav__item__content {
        display: none;
    }
}

.tabs__content {
    margin: 2rem 0;
}

@media (min-width: 48em) {
    .tabs__content {
        margin: 3rem 0;
    }
}

.tabs__content #diagnosis > .tabs__content__text h3:first-of-type, .tabs__content #cause > .tabs__content__text h3:first-of-type, .tabs__content #symptoms > .tabs__content__text h3:first-of-type, .tabs__content #anatomy > .tabs__content__text h3:first-of-type {
    display: none;
}

.tabs__content #product-description .row {
    gap: 2rem;
}

@media (min-width: 48em) {
    .tabs__content #product-description .row {
        flex-direction: row-reverse;
    }
}

.tabs__content #product-description .row .product-description__fact {
    flex-shrink: 0;
}

.tabs__content #product-description .row .product-description__content h4 {
    margin-bottom: 1rem;
}

.tabs__content #product-description .row .product-description__content ul {
    padding-left: 1rem;
}

    .tabs__content #product-description .row .product-description__content ul li {
        line-height: 1.5;
        list-style-type: disc;
    }

.tabs__content__text h3 {
    margin-top: 2rem;
}

.tabs__content__text h3, .tabs__content__text p {
    margin-bottom: 1rem;
}

    .tabs__content__text p:last-child {
        margin-bottom: 0;
    }

.tabs__content__text ul li {
    margin-bottom: 1rem;
}

.tabs__content > div {
    display: none;
}

    .tabs__content > div.active {
        display: block;
    }

.banner {
    padding: 0;
}

@media (min-width: 48em) {
    .banner {
        padding: 3rem 0 0;
    }
}

@media (min-width: 48em) {
    .banner__container {
        padding: 0 0.8rem;
    }
}

.banner .grid {
    overflow: hidden;
    grid-auto-rows: 1fr;
    padding: 0;
    background-color: #101935;
    color: #FFFFFF;
    gap: 0;
}

@media (min-width: 48em) {
    .banner .grid {
        border-radius: 5px;
        grid-template-columns: 1fr 1fr;
        height: 40vh;
    }
}

.banner__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 3rem 1.5rem;
    justify-content: center;
}

@media (min-width: 48em) {
    .banner__content {
        padding: 0 3rem;
    }
}

.banner__image {
    flex-grow: 1;
    order: -1;
}

@media (min-width: 48em) {
    .banner__image {
        order: 1;
    }
}

.about-us {
    padding: 0;
    background-color: #F9F9F9;
}

    .about-us .grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

@media (min-width: 48em) {
    .about-us .grid {
        grid-template-columns: 1fr 1fr;
    }
}

.about-us__content {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
}

    .about-us__content .button {
        align-self: center;
    }

@media (min-width: 48em) {
    .about-us__content .button {
        align-self: initial;
    }
}

.about-us__image.image {
    display: none;
}

@media (min-width: 48em) {
    .about-us__image.image {
        display: flex;
    }

        .about-us__image.image img {
            object-position: 50% 100%;
            object-fit: contain;
        }
}

.medical-conditions__wrapper.grid {
    grid-template-columns: 1fr 1fr;
}

@media (min-width: 48em) {
    .medical-conditions__wrapper.grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
}

.medical-conditions__card {
    background-color: #F9F9F9;
    border-radius: 5px;
    padding-bottom: 140%;
    position: relative;
}

    .medical-conditions__card span {
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.2;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
        z-index: 2;
    }

.testimonials {
    background-color: #F2F8FF;
    text-align: center;
    overflow: hidden;
}

    .testimonials .container {
        max-width: 100%;
    }

    .testimonials h2 {
        margin-bottom: 2rem;
    }

.testimonials__scroll {
    display: flex;
    overflow: hidden;
}

.testimonials__wrapper {
    padding: 0.8rem 0.8rem 1rem;
    display: flex;
    gap: 1.5rem;
    overflow-x: initial;
    animation: ticker 40s linear infinite;
    will-change: transform;
    cursor: default;
}

@media (min-width: 48em) {
    .testimonials__wrapper {
        cursor: grab;
        gap: 2rem;
        animation-duration: 0s;
        overflow-x: scroll;
    }
}

.testimonials__duplicate {
    display: flex;
    gap: 1.5rem;
}

@media (min-width: 48em) {
    .testimonials__duplicate {
        display: none;
    }
}

@keyframes ticker {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.testimonials__card {
    flex: 0 0 300px;
    background-color: #FFFFFF;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 15px rgba(5, 50, 179, 0.05);
    padding: 1.5rem 0.8rem;
    min-width: 400px;
    gap: 1.5rem;
}

@media (min-width: 48em) {
    .testimonials__card {
        font-size: 1.2rem;
        min-width: 700px;
        padding: 3rem;
    }
}

.testimonials__card__author {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.testimonials__card__author__image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

@media (min-width: 48em) {
    .testimonials__card__author__image {
        width: 80px;
        height: 80px;
    }
}

.testimonials__card__author span {
    font-weight: bold;
}

.how-it-works h2 {
    margin-bottom: 2rem;
}

.how-it-works__wrapper {
    display: flex;
    flex-direction: column;
    grid-auto-rows: 1fr;
    gap: 1.5rem;
}

@media (min-width: 48em) {
    .how-it-works__wrapper {
        gap: 3rem;
        display: grid;
    }
}

.how-it-works__row.grid {
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

@media (min-width: 48em) {
    .how-it-works__row.grid {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
}

.how-it-works__row__image {
    background-color: #C4D7F2;
    padding-bottom: 60%;
    border-radius: 5px;
}

    .how-it-works__row__image.image img {
        height: auto;
        inset: initial;
    }

    .how-it-works__row__image.image--1 img {
        top: 0;
    }

    .how-it-works__row__image.image--2 img, .how-it-works__row__image.image--3 img, .how-it-works__row__image.image--5 img {
        transform: translateY(-50%);
        top: 50%;
    }

    .how-it-works__row__image.image--4 img {
        bottom: 0;
    }

.how-it-works__row__step {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
}

.how-it-works__row:last-child .how-it-works__row__content {
    padding-bottom: 0;
    border-bottom: none;
}

.how-it-works__row__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E0E0E0;
}

@media (min-width: 48em) {
    .how-it-works__row__content {
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media (min-width: 48em) {
    .how-it-works__row:not(:last-child) {
        padding-bottom: 1rem;
    }
}

.safety__container {
    padding: 0 0.8rem;
}

    .safety__container .row {
        background-color: #F9F9F9;
        padding: 3rem 1.5rem;
        border-radius: 5px;
        gap: 2rem;
    }

@media (min-width: 48em) {
    .safety__container .row {
        padding: 3rem;
    }
}

.safety__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

    .safety__content h1 span {
        color: #0067CE;
    }

.safety__badge {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    flex-shrink: 0;
}

    .safety__badge img {
        width: inherit;
    }