/* GLOBAL styles --> */

:root {
    /* Color styles */
    --black: #17181A;
    --white: #FFFFFF;
    --gray: #636567;
    --background: #F6F7FA;
    --rating-star: #F4B719;
    --primary-blue: #0055A5;
    --primary-dark-blue: #064987;
    --gray-100: #F2F4F9;
    --gray-200: #D5DFEB;
    --gray-300: #B7C9DC;
    --gray-400: #9AB4CE;
    --gray-500: #7C9EC0;
    --gray-600: #5F89B2;
    --border-white-15: #FFFFFF;
    --border-blue-15: #064987;
    --action-success: #46982A;
    --action-error: #C9190E;
    --action-warning: #E99210;

    /* Text-size styles */
    /* base size: body-16 (16px) */
    --body-16: 1rem;
    --body-16-bold: 1rem;
    --caption: 0.75rem;
    --headline-5: 1.125rem;
    --headline-4: 1.5rem;
    --headline-3: 2rem;
    --headline-2: 2.5rem;
    --headline-1: 3rem;
    --body-14: 0.88rem;

    /* Effect styles */
    --shadow-small:  0px 4px 4px rgba(0, 0, 0, 0.02);
    --shadow-medium:  0px 8px 20px rgba(0, 0, 0, 0.08), 0px 4px 4px rgba(0, 0, 0, 0.02);
    --shadow-large:  0px 8px 60px rgba(0, 0, 0, 0.12), 0px 4px 4px rgba(0, 0, 0, 0.02);

    /* Transition styles */
    --transition-1-time: 0.2s;
    --transition-2-time: 0.35s;
}

/* Typography --> */

.heading-1 {
    color: var(--black);
    font-family: Onest;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
}

.heading-2 {
    color: var(--black);
    font-family: Onest;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
}

.heading-3 {
    color: var(--black);
    font-family: Onest;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
}

.heading-4 {
    color: var(--black);
    font-family: Onest;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
}

.heading-5 {
    color: var(--black);
    font-family: Onest;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}

/* <-- Typography */


/* Form --> */
.form .form-item {
    display: flex;
    flex-direction: column;
}

.form .form-item .form-item-container {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
}

.form .form-item .form-item-label {
    margin-bottom: 0.25rem;
}

.form .form-item .form-item-label .label-required {
    color: var(--action-error);
}

.form .form-item .form-item-input,
.form .form-item .form-item-select {
    display: flex;
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 0.875rem;
    align-items: center;
    gap: 0.25rem;
    line-height: 1.375rem;
    height: 3em;

    border-radius: 0.5rem;
    border: 1px solid var(--gray-200);
    transition: border var(--transition-1-time) ease;
    background-color: transparent;
}
.form .form-item .form-item-select {
    cursor: pointer;
}

.form .form-item .form-item-input::placeholder {
    color: var(--gray-400);
}

.form .form-item .select::after {
    border-width: 2px;
    border-color: var(--gray-200);
    transition: border var(--transition-1-time) ease;
    margin-top: -0.25rem;
}

.form .form-item .form-item-select:invalid,
.form .form-item .form-item-select option[value=""] {
    color: var(--gray-200);
}


.form .form-item .form-item-input[type="date"] {
    padding-right: 0.875rem !important;
    background-image: none !important;
}
.form .form-item .form-item-input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(84%) sepia(6%) saturate(542%) hue-rotate(177deg) brightness(110%) contrast(84%);
    transition: filter var(--transition-1-time) ease;
}

.form .form-item .just-validate-error-label {
    color: var(--action-error);
    font-size: var(--caption);
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.015rem;
    transition: color var(--transition-1-time) ease;
}

.form .form-item .form-item-input.with-search-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19.25C9.51667 19.25 8.13333 18.8833 6.85 18.15C5.58333 17.4167 4.58333 16.4167 3.85 15.15C3.11667 13.8667 2.75 12.4833 2.75 11C2.75 9.5 3.11667 8.11667 3.85 6.85C4.58333 5.58333 5.58333 4.58333 6.85 3.85C8.13333 3.11667 9.51667 2.75 11 2.75C12.5 2.75 13.8833 3.11667 15.15 3.85C16.4167 4.58333 17.4167 5.59167 18.15 6.875C18.8833 8.14167 19.25 9.51667 19.25 11C19.25 12.4833 18.8833 13.8667 18.15 15.15C17.4167 16.4167 16.4083 17.4167 15.125 18.15C13.8583 18.8833 12.4833 19.25 11 19.25ZM11 17.75C12.2667 17.75 13.4167 17.4583 14.45 16.875C15.4833 16.275 16.2917 15.4667 16.875 14.45C17.4583 13.4167 17.75 12.2667 17.75 11C17.75 9.73333 17.4583 8.58333 16.875 7.55C16.2917 6.51667 15.4833 5.70833 14.45 5.125C13.4167 4.54167 12.2667 4.25 11 4.25C9.73333 4.25 8.58333 4.54167 7.55 5.125C6.53333 5.70833 5.725 6.51667 5.125 7.55C4.54167 8.58333 4.25 9.73333 4.25 11C4.25 12.2667 4.54167 13.4167 5.125 14.45C5.725 15.4667 6.53333 16.275 7.55 16.875C8.58333 17.4583 9.73333 17.75 11 17.75ZM15.45 16.5L16.5 15.425L20.525 19.475C20.7417 19.675 20.8083 19.9083 20.725 20.175C20.6417 20.4417 20.4667 20.625 20.2 20.725C19.95 20.8083 19.7083 20.7417 19.475 20.525L15.45 16.5Z' fill='%239AB4CE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
}

.form .form-item .form-item-input.just-validate-success-field,
.form .form-item .form-item-select.just-validate-success-field {
    border-color: var(--action-success) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.475 11.525C3.25833 11.2917 3.19167 11.05 3.275 10.8C3.35833 10.5333 3.53333 10.3583 3.8 10.275C4.08333 10.1917 4.325 10.2583 4.525 10.475L10 15.925L19.475 6.475C19.7083 6.24167 19.95 6.175 20.2 6.275C20.4667 6.35833 20.6417 6.53333 20.725 6.8C20.8083 7.06667 20.7417 7.30833 20.525 7.525L10.55 17.525C10.3833 17.675 10.2 17.75 10 17.75C9.8 17.75 9.625 17.675 9.475 17.525L3.475 11.525Z' fill='%2346982A'/%3E%3C/svg%3E");
    background-position: right calc(0.375em + 0.1875rem) center;
    background-repeat: no-repeat;
}
.form .form-item .form-item-select.just-validate-success-field {
    background-image: none;
}
.form .form-item .form-item-input[type="date"].just-validate-success-field::-webkit-calendar-picker-indicator {
    filter: invert(44%) sepia(87%) saturate(365%) hue-rotate(60deg) brightness(96%) contrast(97%) !important;
}

.form .form-item .form-item-input.just-validate-error-field,
.form .form-item .form-item-select.just-validate-error-field {
    border-color: var(--action-error) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21.75C10.25 21.75 8.625 21.3167 7.125 20.45C5.625 19.5667 4.43333 18.3833 3.55 16.9C2.68333 15.4 2.25 13.7667 2.25 12C2.25 10.2333 2.68333 8.60833 3.55 7.125C4.43333 5.625 5.61667 4.44167 7.1 3.575C8.6 2.69167 10.2333 2.25 12 2.25C13.7667 2.25 15.3917 2.69167 16.875 3.575C18.375 4.44167 19.5583 5.625 20.425 7.125C21.3083 8.60833 21.75 10.2333 21.75 12C21.75 13.75 21.3083 15.375 20.425 16.875C19.5583 18.375 18.375 19.5667 16.875 20.45C15.3917 21.3167 13.7667 21.75 12 21.75ZM12 20.25C13.5167 20.25 14.9083 19.8833 16.175 19.15C17.4417 18.4167 18.4333 17.425 19.15 16.175C19.8833 14.9083 20.25 13.5167 20.25 12C20.25 10.4833 19.8833 9.09167 19.15 7.825C18.4333 6.55833 17.4417 5.56667 16.175 4.85C14.9083 4.11667 13.5167 3.75 12 3.75C10.4833 3.75 9.09167 4.11667 7.825 4.85C6.575 5.56667 5.58333 6.55833 4.85 7.825C4.11667 9.09167 3.75 10.4833 3.75 12C3.75 13.5167 4.11667 14.9083 4.85 16.175C5.58333 17.425 6.575 18.4167 7.825 19.15C9.09167 19.8833 10.4833 20.25 12 20.25ZM11.25 7C11.25 6.68333 11.375 6.46667 11.625 6.35C11.875 6.23333 12.125 6.23333 12.375 6.35C12.625 6.46667 12.75 6.68333 12.75 7V13C12.75 13.3 12.625 13.5167 12.375 13.65C12.125 13.7667 11.875 13.7667 11.625 13.65C11.375 13.5167 11.25 13.3 11.25 13V7ZM13.25 16.5C13.25 16.8333 13.125 17.125 12.875 17.375C12.6417 17.625 12.35 17.75 12 17.75C11.6667 17.75 11.375 17.625 11.125 17.375C10.875 17.125 10.75 16.8333 10.75 16.5C10.75 16.15 10.875 15.8583 11.125 15.625C11.375 15.375 11.6667 15.25 12 15.25C12.35 15.25 12.6417 15.375 12.875 15.625C13.125 15.8583 13.25 16.15 13.25 16.5Z' fill='%23C9190E'/%3E%3C/svg%3E");    background-position: right calc(0.375em + 0.1875rem) center;
    background-repeat: no-repeat;
}
.form .form-item .form-item-select.just-validate-error-field {
    background-image: none;
}
.form .form-item .form-item-input[type="date"].just-validate-error-field::-webkit-calendar-picker-indicator {
    filter: invert(14%) sepia(57%) saturate(7052%) hue-rotate(358deg) brightness(85%) contrast(93%) !important;
}

.form .form-item.is-small .form-item-input,
.form .form-item.is-small .form-item-select {
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    height: 2.5em;
}
.form .form-item.is-small .select::after {
    margin-top: -0.4375rem !important;
}
.form .form-item.is-small .form-item-input[type="date"] {
    padding-right: 0.75rem !important;
}

.form .form-item.is-large .form-item-input,
.form .form-item.is-large .form-item-select {
    padding: 1rem 2.5rem 1rem 1.25rem;
    height: 3.5em;
}
.form .form-item.is-large .select::after {
    margin-top: 0rem !important;
}
.form .form-item.is-large .form-item-input[type="date"] {
    padding-right: 1rem !important;
}

.form .form-item .form-item-input:hover,
.form .form-item .form-item-select:hover {
    border-color: var(--gray-400);
}
.form .form-item .form-item-input:hover[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(77%) sepia(12%) saturate(640%) hue-rotate(169deg) brightness(91%) contrast(89%);
}
.form .form-item .select:hover::after {
    border-color: var(--gray-400);
}

.form .form-item .form-item-input:focus,
.form .form-item .form-item-input:focus-visible,
.form .form-item .form-item-select:focus {
    border-color: var(--gray-600);
    outline: none;
    box-shadow: none;
}
.form .form-item .form-item-input:focus[type="date"]::-webkit-calendar-picker-indicator,
.form .form-item .form-item-input:focus-visible[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(56%) sepia(35%) saturate(493%) hue-rotate(168deg) brightness(85%) contrast(90%);
}
.form .form-item .select:focus::after {
    border-color: var(--gray-600);
}

.form .form-item.is-disabled .form-item-input,
.form .form-item.is-disabled .form-item-input:hover,
.form .form-item.is-disabled .form-item-select:hover,
.form .form-item.is-disabled .form-item-select:focus {
    color: var(--gray-200); !important;
    border-color: var(--gray-200) !important;
    cursor: not-allowed;
    pointer-events: none;
}
.form .form-item.is-disabled .form-item-input::placeholder,
.form .form-item.is-disabled .form-item-select {
    color: var(--gray-200);
}
.form .form-item.is-disabled .select {
    pointer-events: none;
    cursor: not-allowed;
}

.form .form-item .form-item-input.is-no-icon {
    padding-right: 0.75rem;
}
/* <-- Form */

/* Modal --> */
.modal .modal-background {
    background: rgba(23, 24, 26, 0.50);
}

.modal .modal-card {
    width: 30rem;
}

.modal .modal-card .modal-card-head {
    border-bottom: none;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

.modal .modal-card .modal-card-head.is-tabs {
    padding-bottom: 0;
}

.modal .modal-card .modal-card-head .tabs {
    width: 100%;
}

.modal .modal-card .modal-card-head .tabs .container {
    padding-bottom: 0;
}

.modal .modal-card .modal-card-head .tabs .container ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.modal .modal-card .modal-card-head .button {
    align-self: end;
    padding: 0;
    opacity: 1;
}

.modal .modal-card .modal-card-head .modal-card-title {
    color: var(--black);
    font-size: var(--headline-3);
    font-weight: 500;
    line-height: 2.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.modal .modal-card .modal-card-head .modal-card-subtitle {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.modal .modal-card .modal-card-head .modal-card-link {
    color: var(--primary-blue);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.modal .modal-card .modal-card-foot, 
.modal .modal-card .modal-card-head {
    background-color: var(--white);
    padding: 1rem;
}

.modal .modal-card .modal-card-foot {
    border-top: none;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 0 2rem 2rem 2rem;
}

.modal .modal-card .modal-card-body {   
    padding: 1.5rem 2rem;
}

.modal .modal-card .modal-card-body .modal-card-body-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.modal .modal-card .modal-card-body .modal-card-body-form .form-item {
    width: 100%;
}

.modal .modal-card .modal-card-body .modal-card-body-form .form-item .checkbox {
    margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	.modal .modal-card {
        width: 100%;
        max-height: calc(100vh - 160px);
    }
    .modal .modal-card .modal-card-foot .button {
        padding: 0.5rem 0.75rem 0.5rem 0.625rem;
        font-size: 1rem;
        border-radius: 0.5rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
    .modal .modal-card .modal-card-body.with-borders-on-mobile {
        padding: 0.75rem 2rem;
        border-top: 1px solid var(--gray-200);
        border-bottom: 1px solid var(--gray-200);
    }
    .modal .modal-card .modal-card-body.with-borders-on-mobile + .modal-card-foot {
        padding-top: 1rem;
    }
}
/* <-- Modal */

/* Button --> */
.button {
    display: inline-flex;
    padding: 0.75rem 0.875rem 0.75rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    height: auto;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    font-size: 1rem;
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    transition: all var(--transition-1-time) ease;
}

.button.button svg path {
    transition: all var(--transition-1-time) ease;
}

.button.is-small {
    padding: 0.5rem 0.75rem 0.5rem 0.625rem;
    font-size: 1rem;
	border-radius: 0.5rem !important;
}

.button.is-large {
    padding: 1rem 1.25rem 1rem 1.125rem;
    font-size: 1rem;
}

.button.is-primary {
    background: var(--primary-blue);
    color: var(--white);
}
.button.button.is-primary:hover {
    background: var(--primary-dark-blue);
}

.button.is-secondary {
    background: transparent;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
}
.button.button.is-secondary:hover {
    background: var(--primary-blue);
    border: 1px solid transparent;
    color: var(--white);
}
.button.button.is-secondary:hover svg path {
    fill: var(--white);
}

.button.is-tertiary {
    background: var(--gray-100);
    color: var(--primary-blue);
}
.button.button.is-tertiary:hover {
    background: var(--gray-200);
    border: 1px solid transparent;
}

.button.is-only-icon {
    padding: 0.5rem;
    border: none;
}
.button.is-only-icon svg path {
    transition: fill var(--transition-1-time) ease;
}
.button.is-only-icon:hover {
    opacity: 0.7;
}
/* <-- Button */

/* Chip --> */
.chip {
    display: flex;
    padding: 0.5rem 0.75rem;
    align-items: center;
    gap: 0.25rem;
    border-radius: 1rem;
    border: 1px solid var(--gray-200, #D5DFEB);
    cursor: pointer;
}

.chip .chip-text {
    color: var(--gray);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.chip .chip-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.chip.is-active {
    border: 1px solid var(--primary-blue);
}
.chip.is-active .chip-text {
    color: var(--primary-blue);
}
.chip.is-active .chip-icon {
    filter: invert(22%) sepia(88%) saturate(2237%) hue-rotate(195deg) brightness(81%) contrast(101%);
}
/* <-- Chip */

/* Checkbox --> */
.checkbox {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    display: grid;
    grid-template-columns: 1em auto;
    align-items: baseline;
    gap: 0.5em;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: var(--gray-200);
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--gray-200);
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    transition: border var(--transition-1-time) ease;
}

.checkbox input[type="radio"] {
    border-radius: 50%;
}

.checkbox input[type="checkbox"]::before,
.checkbox input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--primary-blue);
    background-color: var(--primary-blue);
}

.checkbox input[type="radio"]::before {
    border-radius: 50%;
    clip-path: none;
    transform-origin: initial;
    width: 0.5em;
    height: 0.5em;
}

.checkbox:hover input[type="checkbox"],
.checkbox:hover input[type="radio"] {
    border-color: var(--gray-400);
}

.checkbox input[type="checkbox"]:checked::before,
.checkbox input[type="radio"]:checked::before {
  transform: scale(1);
}
.checkbox input[type="checkbox"]:checked,
.checkbox:hover input[type="checkbox"]:checked,
.checkbox input[type="radio"]:checked,
.checkbox:hover input[type="radio"]:checked {
    border-color: var(--primary-blue);
}
.checkbox label {
    cursor: pointer;
}

.checkbox.is-disabled {
    cursor: not-allowed;
}
.checkbox.is-disabled input[type="checkbox"]
.checkbox.is-disabled input[type="radio"] {
    border-color: var(--gray-200) !important;
}
/* <-- Checkbox */

/* Link --> */
a.link {
    color: var(--primary-blue);
}
a.link:hover {
    color: var(--primary-dark-blue);
}
a.link.is-disabled {
    color: var(--gray-300);
    pointer-events: none;
    cursor: not-allowed;
}
/* <-- Link */

/* Breadcrumbs --> */
.breadcrumbs ul {
    display: flex;
    gap: 0.5rem;
}
.breadcrumbs li {
    display: flex;
}
.breadcrumbs li+li::before {
    color: #b5b5b5;
    display: flex;
    content: "";
    width: 0.75rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 7.275C4.25 7.25833 4.25 7.25 4.25 7.25C4.26667 7.25 4.275 7.25 4.275 7.25C4.29167 7.25 4.3 7.25 4.3 7.25L9.025 11.975C9.04167 11.9917 9.05 12 9.05 12C9.05 12 9.04167 12.0083 9.025 12.025L4.3 16.75C4.28333 16.75 4.275 16.75 4.275 16.75C4.275 16.75 4.26667 16.75 4.25 16.75C4.25 16.75 4.25 16.7417 4.25 16.725V7.275Z' fill='%23D5DFEB'/%3E%3C/svg%3E%0A");
    margin-right: 0.5rem;
}

.breadcrumbs ul li a {
    color: var(--gray);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.breadcrumbs ul li.is-active a {
    color: var(--black);
    font-weight: 500;
}
/* <-- Breadcrumbs */

/* Accordion --> */
.accordions {
    overflow: hidden;
}

.accordions .accordion {
    width: 100%;
    overflow: hidden;
}
.accordions .accordion .accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    cursor: pointer;
    transition: color var(--transition-1-time) ease;
}
.accordions .accordion .accordion-label:hover {
    color: var(--primary-blue);
}
.accordions .accordion .accordion-label::after {
    display: flex;
    content: "";
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0833 9.62292C16.1903 9.72986 16.2681 9.80764 16.3167 9.85625C16.375 9.90486 16.4285 9.95833 16.4771 10.0167C16.5257 10.0653 16.6035 10.1431 16.7104 10.25L12.0146 14.9312C12.0049 14.941 12 14.9458 12 14.9458C12 14.9458 11.9951 14.941 11.9854 14.9312L7.30417 10.25C7.41111 10.1431 7.48889 10.0653 7.5375 10.0167C7.58611 9.95833 7.63472 9.90486 7.68333 9.85625C7.74167 9.80764 7.81944 9.72986 7.91667 9.62292L12 13.7062L16.0833 9.62292Z' fill='%23636567'/%3E%3C/svg%3E%0A");
    transition: all var(--transition-2-time);
    transform: rotate(-90deg);
}
.accordions .accordion .accordion-content {
    max-height: 0;
    padding-top: 1rem;
    color: #bababa;
    background: white;
    transition: all var(--transition-2-time);
}
.accordions .accordion .accordion-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #bababa;
    cursor: pointer;
}
.accordions .accordion .accordion-close:hover {
    background: #a1a1a1;
}

.accordions .accordion > input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordions .accordion input:checked + .accordion-label::after {
    transform: rotate(0deg);
}
.accordions .accordion input:checked ~ .accordion-content {
    max-height: 100vh;
    padding-top: 1rem;
}
/* <-- Accordion */

/* Range slider --> */
.range-slider {
    --_height: 0.125rem;
    --_thumb-size: 1rem;
    position: relative;
    width: 100%;
    display: grid;
    margin-bottom: calc(var(--_thumb-size) * -1);
}
.range-slider .range-labels {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.range-slider .range-labels .range-label {
    display: inline-flex;
    font-size: 16px;
    color: var(--white);
    line-height: 1;
}
.range-slider .range-labels .range-label-start {
    align-self: flex-start;
}
.range-slider .range-labels .range-label-end {
    align-self: flex-end;
}
.range-slider .track-wrapper {
    position: relative;
    z-index: 1;
    height: var(--_height);
    margin-bottom: var(--_thumb-size);
    display: grid;
    align-items: center;
    margin: 0 calc(var(--_thumb-size) / 2);
}
.range-slider .track-wrapper .track {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: var(--gray-400);
}
.range-slider .track-wrapper .range-between {
    position: absolute;
    z-index: 2;
    left: 0%;
    right: 0%;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: var(--primary-blue);
}
.range-slider .track-wrapper .thumb {
    --_shadow-sizer: 1.5;
    --_shadow-size: calc(var(--_thumb-size) * var(--_shadow-sizer));
    --_shadow-color: var(--primary-blue);
    --_shadow-opacity: 0;
    position: absolute;
    z-index: 3;
    width: var(--_thumb-size);
    height: var(--_thumb-size);
    background-color: var(--primary-blue);
    border-radius: 50%;
    transition: box-shadow 0.3s ease-in-out;
}
.range-slider .track-wrapper .thumb::before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: var(--_shadow-color);
    width: var(--_shadow-size);
    height: var(--_shadow-size);
    border-radius: inherit;
    opacity: var(--_shadow-opacity);
    transition: all var(--transition-1-time) ease-in-out;
}
.range-slider .track-wrapper .thumb.left {
    left: 0%;
    transform: translate(calc(var(--_thumb-size) / -2), 0px);
}
.range-slider .track-wrapper .thumb.right {
    right: 0%;
    transform: translate(calc(var(--_thumb-size) / 2), 0px);
}
.range-slider .track-wrapper .thumb.hover {
    --_shadow-opacity: .2;
}
.range-slider .track-wrapper .thumb.active {
    --_shadow-opacity: .4;
    --_shadow-sizer: 1.5;
}
.range-slider input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 2;
    height: var(--_height);
    width: 100%;
    opacity: 0;
    cursor: pointer;
    bottom: 0;
}
.range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: var(--_thumb-size);
    height: var(--_thumb-size);
    border-radius: 0;
    border: 0 none;
    background-color: var(--primary-blue);
    -webkit-appearance: none;
}
.range-slider input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: var(--_thumb-size);
    height: var(--_thumb-size);
    border-radius: 0;
    border: 0 none;
    background-color: var(--primary-blue);
    -webkit-appearance: none;
}
/* <-- Range slider */
/* <-- GLOBAL styles */

/* My profile --> */
.myprofile {
	display: grid;
    grid-template-columns: 20.125rem 1fr;
    grid-gap: 1.5rem;
	font-family: Onest, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.myprofile .container {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1rem;
	background: var(--white);
	box-shadow: var(--shadow-small);
	width: 100%;
}

.myprofile .myprofile-menu .container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.myprofile .myprofile-menu .myprofile-menu-item {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--primary-dark-blue);
}

.myprofile .myprofile-menu .myprofile-menu-item .myprofile-menu-item-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.myprofile .myprofile-menu .myprofile-menu-item .myprofile-menu-item-text {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

@media screen and (max-width: 1407px) {
	.myprofile {
		grid-template-columns: 15.625rem 1fr;
	}
}

@media screen and (max-width: 767px) {
	.myprofile {
		grid-template-columns: auto;
	}
}
/* <-- My profile */

/* Product card --> */
.product {
	display: grid !important;
	grid-template-areas: 
		"cover cover"
		"title title"
		"rating rating"
		"price price"
		"amount partnumber"
		"actions actions";
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1rem;
}

.product .product-cover {
	grid-area: cover;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	margin-bottom: 1rem;
    min-height: 150px;
}

.product .product-cover .product-cover-image {
    width: auto;
    max-width: 70%;
    height: auto;
    max-height: 200px;
}

.product .product-cover .product-cover-overlay {
	position: absolute;
    top: 0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 1.5rem;
}

.product .product-cover .product-cover-overlay .tag {
	display: flex;
	padding: 0.125rem 0.375rem;
	align-items: flex-start;
	border-radius: 0.375rem;
	color: var(--white);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: 0.0175rem;
	height: unset;
}

.product .product-cover .product-cover-overlay .tag.is-warning {
	background: #ED870F;
}

.product .product-cover .product-cover-overlay .tag.is-link {
	background: #A60FED;
}

.product .product-cover .product-cover-overlay .product-cover-overlay-left, 
.product .product-cover .product-cover-overlay .product-cover-overlay-right {
	display: flex;
    flex-direction: column;
	gap: 0.125rem;
}

.product .product-cover .product-cover-overlay .product-cover-overlay-left {
	align-items: flex-start;
}

.product .product-cover .product-cover-overlay .product-cover-overlay-button {
    display: flex;
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.product .product-cover .product-cover-overlay .product-cover-overlay-button.is-favorite {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 6C4.25 5.31667 4.41667 4.69167 4.75 4.125C5.1 3.54167 5.55833 3.08333 6.125 2.75C6.70833 2.41667 7.33333 2.25 8 2.25H16C16.6667 2.25 17.2833 2.41667 17.85 2.75C18.4333 3.08333 18.8917 3.54167 19.225 4.125C19.575 4.69167 19.75 5.31667 19.75 6V20.65C19.75 20.8833 19.675 21.0833 19.525 21.25C19.3917 21.4167 19.2167 21.5333 19 21.6C18.8 21.65 18.5917 21.625 18.375 21.525L12 18.8L5.625 21.525C5.425 21.625 5.21667 21.65 5 21.6C4.78333 21.5333 4.6 21.4167 4.45 21.25C4.31667 21.0833 4.25 20.8833 4.25 20.65V6ZM5.75 20.65C5.75 20.6333 5.74167 20.6167 5.725 20.6C5.725 20.5667 5.71667 20.5417 5.7 20.525C5.61667 20.4083 5.48333 20.25 5.3 20.05L11.775 17.275C11.8417 17.2417 11.9167 17.225 12 17.225C12.1 17.225 12.1833 17.2417 12.25 17.275L18.725 20.05C18.525 20.25 18.3917 20.4083 18.325 20.525C18.3083 20.5417 18.2917 20.5667 18.275 20.6C18.2583 20.6167 18.25 20.6333 18.25 20.65V6C18.25 5.31667 18.0417 4.775 17.625 4.375C17.225 3.95833 16.6833 3.75 16 3.75H8C7.33333 3.75 6.79167 3.95833 6.375 4.375C5.95833 4.775 5.75 5.31667 5.75 6V20.65Z' fill='%2317181A'/%3E%3C/svg%3E%0A");
}
.product .product-cover .product-cover-overlay .product-cover-overlay-button.is-compare {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8302 9.5L15.5622 12.5C16.1035 13.4375 15.503 14.5947 14.4744 14.7357C14.4058 14.7451 14.3353 14.75 14.2632 14.75C14.2632 14.75 14.2632 14.75 14.2631 14.75H9.50004H8.00004H4.7369H4.73686C3.58216 14.75 2.86047 13.5 3.43782 12.5L8.20096 4.25C8.48965 3.74999 8.99484 3.49999 9.50004 3.5C9.60976 3.5 9.71947 3.51179 9.82697 3.53538C10.2144 3.62039 10.5731 3.85859 10.7991 4.25L12.9641 8H12.9641L13.8301 9.5H13.8302ZM14.6962 8L12.0981 3.5C10.9434 1.5 8.05666 1.5 6.90196 3.5L2.13882 11.75C0.984121 13.75 2.4275 16.25 4.7369 16.25H8.00004V18C8.00004 20.2091 9.7909 22 12 22H18C20.2092 22 22 20.2091 22 18V12C22 9.79086 20.2092 8 18 8H14.6962ZM15.5622 9.5L16.8613 11.75C18.016 13.75 16.5726 16.25 14.2632 16.25H9.50004V18C9.50004 19.3807 10.6193 20.5 12 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18V12C20.5 10.6193 19.3807 9.5 18 9.5H15.5622Z' fill='black'/%3E%3C/svg%3E%0A");
}

.product .product-cover .product-cover-overlay .product-cover-overlay-checkbox .checkbox {
    grid-template-columns: 1rem;
    justify-content: center;
    width: 100%;
    height: 1.75rem;
}

.product .product-title {
	grid-area: title;
	color: var(--black);
	font-size: var(--headline-5);
	font-weight: 500;
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
    word-break: break-all;
    display: block;
}

.product .product-rating {
grid-area: rating;
display: flex;
align-items: center;
color: var(--gray);
font-size: 0.75rem;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.015rem;
gap: 0.25rem;
margin-bottom: 1.5rem;
}
.product .product-rating .product-rating-stars {
display: flex;
}

.product .product-rating .product-rating-stars .star {
display: flex;
content: "";
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.11657 13.75C4.87212 13.8833 4.63324 13.9222 4.3999 13.8666C4.16657 13.8 3.98324 13.6666 3.8499 13.4666C3.72768 13.2555 3.68879 13.0166 3.73324 12.75L4.31657 9.41662C4.31657 9.40551 4.31657 9.40551 4.31657 9.41662C4.31657 9.41662 4.32212 9.42773 4.33324 9.44995C4.33324 9.48329 4.33879 9.52217 4.3499 9.56662C4.36101 9.59995 4.36657 9.61662 4.36657 9.61662L1.9499 7.23329C1.76101 7.0444 1.66101 6.83329 1.6499 6.59995C1.6499 6.35551 1.72212 6.1444 1.86657 5.96662C2.02212 5.77773 2.22768 5.66662 2.48324 5.63329L5.6999 5.14995C5.66657 5.23884 5.6499 5.28329 5.6499 5.28329L7.1499 2.23328C7.27213 1.99995 7.44435 1.8444 7.66657 1.76662C7.88879 1.67773 8.11101 1.67773 8.33324 1.76662C8.55546 1.8444 8.72768 1.99995 8.8499 2.23328L10.3666 5.28329C10.3332 5.23884 10.311 5.1944 10.2999 5.14995L13.5332 5.63329C13.7999 5.67773 14.0055 5.7944 14.1499 5.98328C14.2943 6.16106 14.361 6.36662 14.3499 6.59995C14.3388 6.83329 14.2388 7.0444 14.0499 7.23329L11.6332 9.61662C11.611 9.63884 11.611 9.60551 11.6332 9.51662C11.6666 9.41662 11.6888 9.38329 11.6999 9.41662L12.2832 12.75C12.3166 13.0166 12.2666 13.25 12.1332 13.45C12.011 13.65 11.8332 13.7833 11.5999 13.85C11.3666 13.9166 11.1332 13.8833 10.8999 13.75L7.88324 12.1666C7.8499 12.1555 7.86101 12.1444 7.91657 12.1333C7.97213 12.1222 8.02768 12.1222 8.08324 12.1333C8.13879 12.1444 8.1499 12.1555 8.11657 12.1666L5.11657 13.75ZM7.63324 11.2833C7.74435 11.2277 7.86657 11.2 7.9999 11.2C8.13324 11.2 8.26101 11.2277 8.38324 11.2833L11.3832 12.8666C11.461 12.9111 11.4943 12.9555 11.4832 13C11.4721 13.0444 11.4388 13.0666 11.3832 13.0666C11.3388 13.0555 11.311 13.0055 11.2999 12.9166L10.7166 9.59995C10.6943 9.47773 10.6999 9.35551 10.7332 9.23329C10.7777 9.09995 10.8443 8.9944 10.9332 8.91662L13.3499 6.53329C13.4166 6.46662 13.4666 6.4444 13.4999 6.46662C13.5443 6.48884 13.5555 6.52217 13.5332 6.56662C13.511 6.61106 13.4555 6.62773 13.3666 6.61662L10.0332 6.11662C9.8999 6.0944 9.78324 6.0444 9.68324 5.96662C9.58324 5.88884 9.50546 5.7944 9.4499 5.68328L7.9499 2.69995C7.90546 2.61106 7.8999 2.55551 7.93324 2.53329C7.97768 2.49995 8.01657 2.49995 8.0499 2.53329C8.09435 2.55551 8.09435 2.61106 8.0499 2.69995L6.5499 5.68328C6.50546 5.7944 6.42768 5.88884 6.31657 5.96662C6.21657 6.0444 6.0999 6.0944 5.96657 6.11662L2.61657 6.63329C2.52768 6.6444 2.47212 6.62773 2.4499 6.58329C2.43879 6.52773 2.4499 6.48884 2.48324 6.46662C2.52768 6.4444 2.58324 6.46662 2.6499 6.53329L5.06657 8.91662C5.15546 8.9944 5.22212 9.09995 5.26657 9.23329C5.31101 9.35551 5.32212 9.47773 5.2999 9.59995L4.71657 12.9166C4.70546 13.0055 4.67212 13.0555 4.61657 13.0666C4.56101 13.0666 4.52768 13.0444 4.51657 13C4.50546 12.9555 4.54435 12.9111 4.63324 12.8666L7.63324 11.2833Z' fill='%23D5DFEB'/%3E%3Cpath d='M10 5.66667L8.33333 2.33333L8 2L6 5.66667L2 6.33333L4.66667 9.33333L4.33333 13.3333L8 11.6667L11.6667 13.3333L11.3333 9.33333L14 6.33333L10 5.66667Z' fill='%23D5DFEB'/%3E%3C/svg%3E%0A");
cursor: pointer;
}

.product .product-rating .product-rating-stars .star.is-bright {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.11657 13.75C4.87212 13.8833 4.63324 13.9222 4.3999 13.8666C4.16657 13.8 3.98324 13.6666 3.8499 13.4666C3.72768 13.2555 3.68879 13.0166 3.73324 12.75L4.31657 9.41662C4.31657 9.40551 4.31657 9.40551 4.31657 9.41662C4.31657 9.41662 4.32212 9.42773 4.33324 9.44995C4.33324 9.48329 4.33879 9.52217 4.3499 9.56662C4.36101 9.59995 4.36657 9.61662 4.36657 9.61662L1.9499 7.23329C1.76101 7.0444 1.66101 6.83329 1.6499 6.59995C1.6499 6.35551 1.72212 6.1444 1.86657 5.96662C2.02212 5.77773 2.22768 5.66662 2.48324 5.63329L5.6999 5.14995C5.66657 5.23884 5.6499 5.28329 5.6499 5.28329L7.1499 2.23328C7.27213 1.99995 7.44435 1.8444 7.66657 1.76662C7.88879 1.67773 8.11101 1.67773 8.33324 1.76662C8.55546 1.8444 8.72768 1.99995 8.8499 2.23328L10.3666 5.28329C10.3332 5.23884 10.311 5.1944 10.2999 5.14995L13.5332 5.63329C13.7999 5.67773 14.0055 5.7944 14.1499 5.98328C14.2943 6.16106 14.361 6.36662 14.3499 6.59995C14.3388 6.83329 14.2388 7.0444 14.0499 7.23329L11.6332 9.61662C11.611 9.63884 11.611 9.60551 11.6332 9.51662C11.6666 9.41662 11.6888 9.38329 11.6999 9.41662L12.2832 12.75C12.3166 13.0166 12.2666 13.25 12.1332 13.45C12.011 13.65 11.8332 13.7833 11.5999 13.85C11.3666 13.9166 11.1332 13.8833 10.8999 13.75L7.88324 12.1666C7.8499 12.1555 7.86101 12.1444 7.91657 12.1333C7.97213 12.1222 8.02768 12.1222 8.08324 12.1333C8.13879 12.1444 8.1499 12.1555 8.11657 12.1666L5.11657 13.75ZM7.63324 11.2833C7.74435 11.2277 7.86657 11.2 7.9999 11.2C8.13324 11.2 8.26101 11.2277 8.38324 11.2833L11.3832 12.8666C11.461 12.9111 11.4943 12.9555 11.4832 13C11.4721 13.0444 11.4388 13.0666 11.3832 13.0666C11.3388 13.0555 11.311 13.0055 11.2999 12.9166L10.7166 9.59995C10.6943 9.47773 10.6999 9.35551 10.7332 9.23329C10.7777 9.09995 10.8443 8.9944 10.9332 8.91662L13.3499 6.53329C13.4166 6.46662 13.4666 6.4444 13.4999 6.46662C13.5443 6.48884 13.5555 6.52217 13.5332 6.56662C13.511 6.61106 13.4555 6.62773 13.3666 6.61662L10.0332 6.11662C9.8999 6.0944 9.78324 6.0444 9.68324 5.96662C9.58324 5.88884 9.50546 5.7944 9.4499 5.68328L7.9499 2.69995C7.90546 2.61106 7.8999 2.55551 7.93324 2.53329C7.97768 2.49995 8.01657 2.49995 8.0499 2.53329C8.09435 2.55551 8.09435 2.61106 8.0499 2.69995L6.5499 5.68328C6.50546 5.7944 6.42768 5.88884 6.31657 5.96662C6.21657 6.0444 6.0999 6.0944 5.96657 6.11662L2.61657 6.63329C2.52768 6.6444 2.47212 6.62773 2.4499 6.58329C2.43879 6.52773 2.4499 6.48884 2.48324 6.46662C2.52768 6.4444 2.58324 6.46662 2.6499 6.53329L5.06657 8.91662C5.15546 8.9944 5.22212 9.09995 5.26657 9.23329C5.31101 9.35551 5.32212 9.47773 5.2999 9.59995L4.71657 12.9166C4.70546 13.0055 4.67212 13.0555 4.61657 13.0666C4.56101 13.0666 4.52768 13.0444 4.51657 13C4.50546 12.9555 4.54435 12.9111 4.63324 12.8666L7.63324 11.2833Z' fill='%23F4B719'/%3E%3Cpath d='M10 5.66667L8.33333 2.33333L8 2L6 5.66667L2 6.33333L4.66667 9.33333L4.33333 13.3333L8 11.6667L11.6667 13.3333L11.3333 9.33333L14 6.33333L10 5.66667Z' fill='%23F4B719'/%3E%3C/svg%3E%0A");
}

.product .product-price {
grid-area: price;
color: var(--black);
font-size: var(--headline-4);
font-weight: 500;
line-height: 2rem;
}

.product .product-amount,
.product .product-partnumber {
color: var(--gray, #636567);
font-size: var(--caption);
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.015rem;
}

.product .product-amount {
grid-area: amount;
}

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

.product .product-actions {
grid-area: actions;
margin-top: 1rem;
}

.product .product-counter {
}

.product .product-counter {
grid-area: counter;
display: flex;
justify-content: space-evenly;
align-items: center;
height: 2rem;
padding: 0.625rem 1rem;
align-items: center;
gap: 0.5rem;
border-radius: 0.5rem;
background: var(--gray-100);
height: 3rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.0175rem;
}

.product .product-counter .product-counter-decrease,
.product .product-counter .product-counter-increase {
display: flex;
content: "";
width: 0.88rem;
height: 0.88rem;
border: none;
outline: none;
background: transparent;
cursor: pointer;
}
.product .product-counter .product-counter-decrease {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.33333 7.58333C2.09028 7.58333 1.92014 7.48611 1.82292 7.29167C1.73542 7.09722 1.73542 6.90278 1.82292 6.70833C1.92014 6.51389 2.09028 6.41667 2.33333 6.41667H11.6667C11.9097 6.41667 12.075 6.51389 12.1625 6.70833C12.2597 6.90278 12.2597 7.09722 12.1625 7.29167C12.075 7.48611 11.9097 7.58333 11.6667 7.58333H2.33333Z' fill='%2317181A'/%3E%3C/svg%3E%0A");
}
.product .product-counter .product-counter-increase {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.33333 7.58333C2.09028 7.58333 1.92014 7.48611 1.82292 7.29167C1.73542 7.09722 1.73542 6.90278 1.82292 6.70833C1.92014 6.51389 2.09028 6.41667 2.33333 6.41667H11.6667C11.9097 6.41667 12.075 6.51389 12.1625 6.70833C12.2597 6.90278 12.2597 7.09722 12.1625 7.29167C12.075 7.48611 11.9097 7.58333 11.6667 7.58333H2.33333ZM6.41667 2.33333C6.41667 2.09028 6.51389 1.925 6.70833 1.8375C6.90278 1.74028 7.09722 1.74028 7.29167 1.8375C7.48611 1.925 7.58333 2.09028 7.58333 2.33333V11.6667C7.58333 11.9097 7.48611 12.0799 7.29167 12.1771C7.09722 12.2646 6.90278 12.2646 6.70833 12.1771C6.51389 12.0799 6.41667 11.9097 6.41667 11.6667V2.33333Z' fill='%2317181A'/%3E%3C/svg%3E%0A");
}

.product .product-delete {
grid-area: delete;
}

.product .product-delete .button:hover svg path {
fill: var(--action-error);
opacity: 1;
}

@media screen and (max-width: 1215px) {
.product .product-amount,
.product .product-partnumber {
font-size: 10px;
}
.product .product-cover .product-cover-image {
max-width: 60%;
}
}

@media screen and (max-width: 767px) {
.product {
grid-template-areas:
    "cover cover"
    "title title"
    "rating rating"
    "price ."
    "amount actions"
    "partnumber actions";
}
.product .product-partnumber {
justify-self: start;
}
.product .product-actions {
margin-top: 0;
justify-self: end;
}
}

/* Product full width */
.product.is-fullwidth {
    grid-template-areas: 
		"cover title title title title title price"
		"cover . . . . . actions"
		"cover . . . . . ."
		"cover rating amount partnumber . . .";
    justify-items: start;
    justify-content: space-between;
}

.product.is-fullwidth .product-cover {
    max-width: 15rem;
    margin-bottom: 0;
}

.product.is-fullwidth .product-cover .product-cover-overlay {
    max-width: 18rem;
}

.product.is-fullwidth .product-title {
    margin-bottom: 0;
}

.product.is-fullwidth .product-rating,
.product.is-fullwidth .product-amount,
.product.is-fullwidth .product-partnumber {
    margin-bottom: 0;
    align-self: end;
}

.product.is-fullwidth .product-actions {
    margin-top: 0;
    justify-self: end;
}

@media screen and (max-width: 1215px) {
    .product.is-fullwidth {
        gap: 0 0.5rem;
    }
    .product.is-fullwidth .product-cover .product-cover-overlay {
        max-width: 15rem;
    }
}

@media screen and (max-width: 767px) {
    .product.is-fullwidth {
        grid-template-areas: 
            "cover cover"
            "title title"
            "rating rating"
            "price ."
            "amount actions"
            "partnumber actions";
        justify-items: initial;
        justify-content: initial;
    }

    .product.is-fullwidth .product-cover {
        max-width: initial;
        margin-bottom: 1rem;
    }

    .product.is-fullwidth .product-cover .product-cover-overlay {
        max-width: initial;
    }

    .product.is-fullwidth .product-title {
        margin-bottom: 0.5rem;
    }

    .product.is-fullwidth .product-rating,
    .product.is-fullwidth .product-amount,
    .product.is-fullwidth .product-partnumber {
        margin-bottom: 0;
        align-self: initial;
    }

    .product.is-fullwidth .product-rating {
        margin-bottom: 1.5rem;
    }

    .product.is-fullwidth .product-actions {
        margin-top: 0;
        justify-self: end;
    }
}

/* Product in basket */
.product.is-basket {
    grid-template-areas: 
		"cover title title title counter price delete"
		"cover . . . . . ."
		"cover . . . . . ."
		"cover rating amount partnumber . . .";
    align-items: center;
}
.product.is-basket .product-price {
    margin-left: -1rem;
    margin-right: -1.5rem;
}

@media screen and (max-width: 991px) {
    .product.is-basket {
        grid-template-areas: 
            "cover title title title"
            "cover rating amount partnumber"
            "cover counter price delete";
        
    }
    .product.is-basket .product-price {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .product.is-basket {
        grid-template-areas: 
            "cover cover cover cover cover"
            "title title title title title"
            "rating . . . ."
            "amount partnumber partnumber . ."
            "price . counter counter delete";
        gap: 0 !important;
    }
    .product.is-basket .product-amount,
    .product.is-basket .product-partnumber {
        margin-bottom: 1.5rem;
    }
}
/* <-- Product card */

/* Pagination --> */
.pagination {
	width: 100%;
	display: grid;
	grid-template-areas: 
		"backward digits forward more";
	gap: 1.5rem;
	justify-content: center;
}

.pagination .pagination-backward {
	grid-area: backward;
}

.pagination .pagination-digits {
	grid-area: digits;
	display: flex;
}

.pagination .pagination-digits li a {
	display: flex;
	padding: 0.5rem 0.75rem;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	color: var(--black);
    font-family: Onest;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.pagination .pagination-digits li a.is-active {
	color: var(--primary-blue);
}

.pagination .pagination-forward {
	grid-area: forward;
}

.pagination .pagination-more {
	grid-area: more;
}

@media screen and (max-width: 767px) {
	.pagination {
		grid-template-areas: 
			"more more"
			"digits digits"
			"backward forward";
		grid-template-columns: 1fr 1fr;
		justify-items: center;
        gap: 0.5rem;
	}
	.pagination .pagination-more,
	.pagination .pagination-more .button {
		width: 100%;
	}
}
/* <-- Pagination */

/* Service */
.main-engineer__container {
    display: grid;
    grid-template-columns: 64px auto;
    grid-template-areas:
        "img name"
        "img job";
    gap: 10px 15px;
    margin-bottom: 20px;
}

.main-engineer__photo {
    grid-area: img;
}

.main-engineer__name {
    grid-area: name;
    font-family: 'Onest';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #17181A;
}

.main-engineer__job {
    grid-area: job;
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #17181A;
}

.main-engineer__text-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.main-engineer__title {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #17181A;
}

.main-engineer__text {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17181A;
}

.container-service-form {
    margin-top: 25px;
}