.cbn-row > .col-xl-2 {width: 19%;}
.cbn-row > .col-xl-10 {width: 81%;}
.cbn-row .cbn-menu {min-height: calc(96vh - var(--h-height) - var(--sp-xl));}
.cbn-sec__header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.9375rem;margin-bottom: 1.5625rem;}
/*--------------------*/
/*  Cabinet Menu      */
/*--------------------*/
.cbn-menu {--cbn-icon: 1rem;--cbn-fz: 1rem;--cbn-clr: #FDA900;display: none;padding: 2.5rem 1.875rem 0.625rem;background-color: var(--bg-1);border-radius: 1.5625rem;}
.cbn-menu ul {display: flex;flex-direction: column;margin-bottom: 1.5625rem;gap: 0.25rem;}
.cbn-menu li {line-height: 0;}
.cbn-menu li svg {color: var(--clr-white);}
.cbn-menu li a {color: var(--clr-white);}
.cbn-menu_footer {border-top: 0.09375rem solid rgba(255, 255, 255, 0.3);margin-top: auto;}
.cbn-menu-overlay {display: none;}
.cbn-item {position: relative;cursor: pointer;display: flex;align-items: center;gap: 0.625rem;font-size: var(--cbn-fz);line-height: calc(var(--cbn-icon) * 1.1);font-weight: 400;color: var(--clr-white);transition: var(--transition-1);padding: 1rem 1.25rem;border-radius: var(--cbn-fz);}
.cbn-item svg {display: inline-block;width: var(--cbn-icon);height: var(--cbn-icon);flex-shrink: 0;}
.cbn-item b {display: inline-block;font-weight: 500;}
.cbn-item.is-active {pointer-events: none;background-color: rgba(255, 255, 255, 0.1);}
.user-stats {gap: 0.75rem;display: flex;flex-direction: column;align-items: center;}
.user-stats + * {margin-top: 1.875rem;}
.user-img {--size: 4rem;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;background-color: var(--clr-white);color: var(--clr-primary);}
.user-img > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.875rem;height: 1.875rem;max-width: 60%;max-height: 60%;}
.user-info {align-self: center;}
.user-info > * {color: var(--clr-white);}
.user-bonus {border: 0.09375rem solid rgba(255, 255, 255, 0.3);width: 100%;border-radius: 1rem;display: flex;align-items: center;justify-content: space-between;color: var(--clr-white);padding: 0.75rem 1rem;font-size: 0.875rem;}
.user-bonus .icon {background-color: var(--cbn-clr);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.user-bonus .icon svg {width: 12px;height: 12px;}
.user-bonus_text {gap: 0.625rem;display: flex;align-items: center;color: var(--clr-white);}
.user-bonus b {font-weight: 500;}
.use-books {position: relative;padding-inline: 1rem;font-size: 0.875rem;line-height: 1.5;color: var(--clr-primary);cursor: pointer;font-weight: 400;margin-right: auto;}
.fl-select {position: relative;z-index: 10;font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-text);display: flex;align-items: center;gap: 0.5rem;cursor: pointer;min-height: 3.125rem;padding: 0 0.9375rem 0 1.25rem;}
.fl-select.is-active::before {opacity: 1;transition: opacity var(--transition-1);}
.fl-select.is-active .fl-select-list {opacity: 1;visibility: visible;transition: var(--transition-1);}
.fl-select.is-active .fl-select-title {border-color: var(--clr-secondary);}
.fl-select.is-active .fl-select-title svg {transform: scale(1, -1);transition: transform var(--transition-1);}
.fl-select-title {cursor: pointer;gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;color: var(--clr-black);}
.fl-select-title svg {width: 1em;height: 1em;}
.fl-select-list {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding: 4px 20px;min-width: -moz-max-content;min-width: max-content;opacity: 0;visibility: hidden;box-shadow: var(--box-shadow-small);background-color: #fff;border-radius: 1rem;}
.fl-select-list input {display: none;}
.fl-select-list > * {cursor: pointer;display: block;white-space: nowrap;padding-block: 0.75rem;transition: var(--transition-1);}
.fl-select-list > *:not(:last-child) {border-bottom: 1px solid var(--clr-border);}
.fl-select-list label:has(input:checked) {pointer-events: none;color: var(--clr-secondary);}
@media (min-width: 1200px) {
.fl-select-list label:hover {color: var(--clr-primary);}
.use-books:hover {color: var(--clr-white);}
}
@media (max-width: 991px) {
.fl-select-wrap {font-size: 0;}
}
@media (max-width: 575px) {
.fl-select-wrap {width: 100%;order: -1;}
.fl-select,
.fl-select-title {width: 100%;}
}
@media (min-width: 1200px) {
.cbn-menu-mobile {display: none;}
.cbn-item:hover {background-color: rgba(255, 255, 255, 0.1);}
.cbn-menu {display: flex;flex-direction: column;position: sticky;top: calc(var(--h-height) + 1.25rem);transition: var(--transition-1);}
body:has(.h-info-hidden) .cbn-menu {top: calc(var(--h-height-true) + 1.25rem);}
}
@media (max-width: 1440px) {
.cbn-row > .col-xl-2 {width: 23%;}
.cbn-row > .col-xl-10 {width: 77%;}
}
@media (max-width: 1199px) {
.cbn-menu-mobile {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;}
.cbn-menu-mobile.-isactive {left: 0;transition-delay: 0s;}
.cbn-menu-mobile.-isactive .bg-layer {opacity: 1;}
.cbn-menu-mobile .cbn-menu {display: flex;position: fixed;left: 0;top: 0;bottom: 0;z-index: 111;border-radius: 0;flex-direction: column;transform: translateX(-100%);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.cbn-menu-mobile.is-active {display: block;}
.cbn-menu-mobile.is-active .cbn-menu {opacity: 1;visibility: visible;transform: translateX(0%);}
.cbn-menu-mobile.is-active .cbn-menu + .cbn-menu-overlay {opacity: 1;visibility: visible;}
.cbn-menu-mobile.is-active .cbn-menu-overlay {display: block;transition: var(--transition-1);opacity: 0;visibility: hidden;position: fixed;z-index: 110;position: fixed;left: 0;top: 0;bottom: 0;width: 100%;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));}
.cbn-row {flex-direction: column;}
.cbn-row .cbn-menu {display: none;}
.cbn-row > .col-xl-10 {width: 100%;}
}
@media (max-width: 767px) {
.cbn-sec {margin-top: 0;padding-top: 1.5rem;}
.cbn-sec .cbn-row > * {width: 100%;}
.cbn-sec .fl-select {height: 2.125rem;min-height: 2.125rem;font-size: 0.875rem;background-color: #fff;border-radius: 1rem;width: auto;color: var(--clr-text);}
.cbn-sec .fl-select svg {min-width: 1rem;height: 1rem;}
.cbn-sec .fl-select-title {width: 100%;}
.cbn-sec .fl-select-list {top: 130%;min-width: 100%;}
.cbn-sec__header {margin-bottom: 0.9375rem;}
}
@media (max-width: 575px) {
.cbn-sec .fl-select {width: 100%;}
}
/*--------------------*/
/*  Cabinet Form      */
/*--------------------*/
.cbn-form {max-width: 64rem;background-color: var(--clr-white);border-radius: var(--sp-md);padding: 1.5625rem 1.875rem 1.875rem;display: flex;flex-direction: column;gap: 0.9375rem;}
.cbn-form__footer {display: flex;align-items: center;gap: 0.9375rem;display: none;}
.cbn-sec {content-visibility: visible;}
@media (min-width: 1200px) {
.cbn-form__min {min-width: 475px;display: inline-flex;}
}
@media (max-width: 1199px) {
.cbn-content .cbn-form {max-width: 100%;}
}
@media (max-width: 767px) {
.cbn-content .cbn-form {padding: 1.5625rem 1rem;}
}
/*--------------------*/
/*  Cabinet Orders    */
/*--------------------*/
.order-table {display: grid;grid-template-rows: 1fr;grid-template-columns: 1fr 1fr 1fr 1.75fr 0.5fr;gap: 0.625rem;}
.order-table .thank-items {overflow: visible;}
.order-table .thank-block {gap: 0.9375rem;display: grid;grid-template-columns: 36.7% auto;}
.order-table .thank-block .thank-items-wrap {padding: 0;}
.order-table .thank-block .thank-items-wrap .js_product {opacity: 1;transform: translateY(0px);}
.order-table .thank-block .prd-horiz-img {width: 4.0625rem;aspect-ratio: 65/77;}
.order-table .thank-block .prd-horiz-info {display: grid;grid-template-columns: 56.7% auto;align-items: center;align-self: inherit;}
.order-table .prd-horiz-controls .stepper,
.order-table .prd-horiz-controls .prd-horiz-qty {align-self: center;}
.order-table .prd-horiz-info > * + * {margin-top: 0;}
.order-table .price-wrap {margin-left: auto;}
.order-table .prd-horiz-type {margin-top: 0.625rem;}
.order-table .prd-horiz-gift .price-wrap {position: absolute;top: 50%;transform: translateY(-50%);right: var(--prd-pd);}
.order-table .prd-horiz-gift-info {align-items: flex-start;justify-content: center;flex-direction: column;padding-right: 6.2rem;}
.order-tr {background-color: var(--clr-white);border-radius: 1.5rem;grid-column: span 5;display: grid;grid-template-columns: subgrid;padding: 1.25rem clamp(1rem, 0.58rem + 0.56vw, 1.875rem);}
.order-tr.order-thead {border-radius: inherit;background-color: var(--clr-grey);}
.order-tr-empty {padding: 1.25rem;text-align: center;grid-column: span 6;}
.order-tr-empty > * + * {margin-top: 1.5rem;}
.order-tr.is-active {background-color: var(--bg-3);}
.order-tr.is-active .order-td .btn {transform: rotate(180deg);color: var(--clr-primary);background-color: #fff;}
.order-tr.is-active:not(.order-detail) {border-bottom-left-radius: 0;border-bottom-right-radius: 0;margin-bottom: -0.625rem;}
.order-tr.is-active .order-td__previews {opacity: 0;}
.order-tr .thank-content {position: relative;top: 0;}
.order-tr .order-td {display: flex;flex-direction: column;justify-content: center;}
.order-tr .order-td .btn {width: 2.5rem;height: 2.5rem;padding: 0.5rem;}
.order-tr .order-td .btn svg {width: 1.25rem;height: 1.25rem;}
.order-td {font-size: var(--text);line-height: 1.44em;color: var(--clr-title);font-weight: 400;}
.order-td__title {font-size: 0.875rem;letter-spacing: -0.02em;color: var(--clr-plc);margin-bottom: 0.25rem;line-height: 1.2;}
.order-td__title + b {font-size: 1rem;letter-spacing: -0.02em;}
.order-td__title + b:not(.status) {color: var(--clr-black);}
.order-td b {font-weight: 500;}
.order-td:last-child {display: flex;justify-content: center;align-items: flex-end;}
.order-td:not(.order-detail) {cursor: pointer;}
.order-detail {position: relative;width: 100%;display: none;padding-top: 0;}
.order-detail.is-active {border-top-left-radius: 0;border-top-right-radius: 0;}
.order-detail .thank-info .btn {width: 100%;}
.order-items > * + * {margin-top: 0.625rem;}
.status {color: var(--accent-clr, var(--clr-text));}
.order-td__previews {display: flex;gap: 15px;align-items: center;opacity: 1;transition: 0.2s;}
.order-td__previews .prd-horiz-img {display: block;width: 37px;height: 51px;flex: 0 0 37px;}
.order-td__previews .prd-horiz-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 4px;}
.order-td__previews .more-books {display: none;align-items: center;justify-content: center;width: 37px;height: 51px;border-radius: 4px;font-size: var(--text);font-weight: 500;color: var(--clr-title);background-color: var(--bg-2);}
.order-td__previews.more-active .more-books {display: flex;}
@media (min-width: 1200px) {
.order-tr.is-active .order-td .btn:hover {color: var(--clr-white);}
.order-tr.is-active .order-td .btn svg {position: relative;z-index: 3;}
}
@media (max-width: 767px) {
.order-td__title + b {font-size: 0.875rem;}
.order-table {border-radius: 0;box-shadow: none;grid-template-columns: 1fr 1fr;gap: 0;}
.order-table .thank-block {display: flex;flex-direction: column;gap: 0.875rem;}
.order-table .thank-block .prd-horiz-info {display: flex;flex-direction: column;align-self: normal;}
.order-table .thank-block .prd-horiz-content {width: 100%;}
.order-table .thank-block .prd-horiz-controls {width: 100%;text-align: right;margin-top: auto;}
.order-table .thank-info .title {font-size: 0.875rem;}
.order-table .prd-horiz-info {flex-shrink: 1;}
.order-table .thank-block .prd-horiz-img {width: 3.75rem;aspect-ratio: 60/82;}
.order-table .prd-horiz {align-items: flex-start;}
.order-table .prd-horiz + .prd-horiz-controls {margin-top: 0.9375rem;}
.order-tr {border-radius: 0.5rem;gap: 0;grid-column: span 2;padding: 0.75rem;position: relative;}
.order-tr:not(.order-detail) {transition: var(--transition-1) 0.25s;}
.order-tr:not(.order-detail):not(:first-of-type) {margin-top: 0.625rem;}
.order-tr.order-thead {display: none;}
.order-tr-empty {background-color: var(--clr-white);border-radius: 0.5rem;border: 0.0625rem solid var(--clr-border);}
.order-tr.is-active:not(.order-detail) {border-bottom-color: transparent;border-radius: 0.5rem 0.5rem 0 0;transition: none;}
.order-tr.is-active {margin-bottom: 0 !important;}
.order-tr.is-active .order-td__previews {opacity: 1;}
.order-td:nth-child(1),
.order-td:nth-child(2),
.order-td:nth-child(3) {margin-bottom: 0.75rem;}
.order-td .btn {position: absolute;right: 0.625rem;top: 0.625rem;}
.order-td:last-child {grid-column: span 2;}
.order-detail {border-top: none;border-radius: 0 0 0.5rem 0.5rem;}
}
@media (max-width: 575px) {
.order-table {grid-template-columns: 1fr;}
.order-tr {grid-column: span 1;}
.order-td:last-child {grid-column: span 1;}
}
.wishlist-group {--gap: 1.5rem;background-color: var(--clr-white);border-radius: 1.5625rem;padding: 1.875rem;}
.wishlist-group__info {display: flex;flex-direction: column;gap: 0.375rem;}
.wishlist-group__head {display: flex;justify-content: space-between;align-items: center;padding-bottom: var(--sp-md);}
.wishlist-group__count {color: var(--clr-plc);}
.wishlist-group .fav-btn {color: var(--clr-text);}
.wishlist-group .fav-btn::before {content: attr(data-text);position: absolute;z-index: 2;bottom: 100%;left: 50%;transform: translateX(-50%);transition: var(--transition-1);opacity: 0;visibility: hidden;width: auto;border-radius: 0.125rem;background-color: var(--clr-grey);font-size: var(--sp-14-12);line-height: 1.2em;font-weight: 400;letter-spacing: -0.02em;color: var(--clr-text);padding: 0.25rem 0.5rem;margin-bottom: 0.375rem;}
.wishlist-group .fav-btn.copied::before {opacity: 1;visibility: visible;}
.wishlist-group .fav-btn.js_copy svg {width: 1rem;height: 1.0625rem;}
.wishlist-group .fav-btn svg {color: var(--clr-text);}
.wishlist-group .fav-btn.disabled {opacity: 0.6;cursor: default;pointer-events: none;}
.wishlist-group__actions {display: flex;align-items: center;gap: 0.5rem;}
.wishlist-group__toggle.is-active {transform: rotate(-180deg);}
.wishlist-group__body {display: none;}
.wishlist-group__body .prd-card {border-color: var(--clr-border);}
.wishlist-group__footer {display: flex;justify-content: center;align-items: center;border-top: 0.09375rem solid var(--clr-border);padding-top: var(--sp-md);}
.wishlist-group__empty {display: flex;justify-content: center;align-items: center;gap: var(--gap);}
.wishlist-group__empty-icon {width: 46px;font-size: 0;}
.wishlist-group__empty-text {color: var(--clr-text);}
.wishlist-group .prd-favorite-controls {width: 100%;border: 0.09375rem solid var(--clr-border);}
.wishlist-group + * {margin-top: var(--sp-md);}
.wishlist-group .fl-products {padding-bottom: var(--sp-md);}
.wishlist-group.is-open .wishlist-group__body {display: block;}
.wishlist-group:not(.is-empty) .wishlist-group__footer {border-top: 0;padding-top: 0;}
.wishlist-group .prd-card {box-shadow: none;}
.wishlist-group .fl-select-wrap {margin-right: var(--sp-24-12);}
.dropdown {position: relative;}
.dropdown.is-open .wishlist-group__icon {color: var(--clr-primary) !important;}
.dropdown.is-open .wishlist-group__icon svg {color: var(--clr-primary) !important;}
.dropdown.is-open .dropdown-menu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(10px);}
.dropdown-menu {position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(10px);padding: 0.25rem 1.25rem;min-width: -moz-max-content;min-width: max-content;opacity: 0;visibility: hidden;box-shadow: var(--box-shadow-small);background-color: #fff;border-radius: 1rem;transition: var(--transition-1);z-index: 10;}
.dropdown-menu > * {cursor: pointer;display: block;white-space: nowrap;padding-block: 0.75rem;transition: var(--transition-1);outline: 0;border: 0;background: transparent;width: 100%;text-align: left;font-size: 0.875rem;color: var(--clr-title);}
.dropdown-menu > *:not(:first-child) {border-top: 1px solid var(--clr-border);}
.wishlist-group .fl-products {gap: 0.875rem;display: grid;}
.popup-container.move-product .prd-horiz {flex-wrap: nowrap;border: 0.09375rem solid var(--clr-border);margin-bottom: var(--sp-24-12);}
.popup-container.move-product .prd-horiz-img {position: relative;overflow: hidden;width: 4.0625rem;aspect-ratio: 65/77;flex-shrink: 0;}
@media (min-width: 992px) {
.wishlist-group .fl-products {grid-template-columns: repeat(4, 1fr);}
.dropdown-menu__item:hover {color: var(--clr-primary) !important;}
}
@media (min-width: 768px) {
.dropdown-menu .js_copy {display: none;}
}
@media (max-width: 991px) {
.wishlist-group .fl-products {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 767px) {
.wishlist-group {padding: 1.5625rem 0.9375rem;}
.wishlist-group .fl-products {grid-template-columns: repeat(2, 1fr);}
.wishlist-group__actions {min-width: 4.5rem;width: 100%;}
.wishlist-group__icon.js_copy {margin-left: auto;}
.wishlist-group__head {align-items: flex-start;flex-direction: column;gap: 0.5rem;}
.wishlist-group__empty {flex-direction: column;justify-content: center;align-items: center;gap: 0.5rem;}
.wishlist-group .prd-card .dropdown {--size: 2rem;}
.wishlist-group .fl-select-wrap {width: auto;}
.wishlist-group .fl-select-wrap .fl-select {padding-inline: 0;}
.dropdown-menu {transform: translateX(-90%) translateY(30px);}
.dropdown-menu {padding: 0.25rem 0.9375rem;}
.dropdown.is-open .dropdown-menu {transform: translateX(-90%) translateY(10px);}
.dropdown-menu__item {font-size: 0.75rem;padding-block: 0.5rem;}
.wishlist-group__footer .prd-favorite-controls {flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: center;}
.wishlist-group__footer .prd-favorite-controls__info {width: 46%;}
.wishlist-group__footer .prd-favorite-controls__price {width: 46%;}
}
/*--------------------*/
/*  Cabinet balance   */
/*--------------------*/
.balance-wrap {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-32-12);}
.balance-block {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-24-12);padding-right: calc(var(--sp-24-12) * 3);display: grid;grid-template-rows: auto auto auto;align-items: center;gap: var(--sp-16-10);}
.balance-block.grey {background-color: var(--clr-grey);}
.balance-block.armor {display: flex;flex-direction: column;align-items: normal;background-color: #d4e1d7;padding-right: var(--sp-24-12);}
.balance-block.banner {padding: 0;}
.balance-block.banner .event-item {aspect-ratio: 1/0.24;}
.balance-block:last-child {grid-column: span 2;}
.balance-block .text-padd {padding-right: calc(var(--sp-24-12) * 3);}
.balance-block .text-padd + * {margin-top: var(--sp-24-12);}
.balance-block .text-xs {font-size: clamp(0.625rem, 0.3972rem + 0.4747vw, 0.8125rem);}
.balance-block .ch-box-tooltip {position: absolute;top: calc(var(--sp-24-12) + 0.25em);right: var(--sp-24-12);}
.balance-block .ch-box-tooltip::before {width: 14rem;font-size: var(--sp-14-12);left: auto;right: 0;transform: none;box-shadow: var(--box-shadow-small);}
.balance-block .input-field:not(.value, .focus, .invalid) .input {border-color: var(--clr-white);}
@media (max-width: 1199px) {
.balance-wrap {--count: 2;}
}
@media (max-width: 767px) {
.balance-wrap {--count: 1;}
.balance-wrap .balance-block:last-child {grid-column: span 1;}
}