/*--------------------*/
/*  Cabinet Menu      */
/*--------------------*/
.cbn-row {--cbn-gap: 1.875rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: var(--cbn-gap);}
.cbn-overlay {position: fixed;z-index: 109;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;pointer-events: none;background-color: var(--bg-overlay);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cbn-is-open .cbn-overlay {opacity: 1;visibility: visible;pointer-events: all;}
.cbn-menu {--cbn-icon: 1.5rem;--cbn-fz: 1rem;width: 18.375rem;}
.cbn-menu > * + *, .cbn-box + .cbn-box {margin-top: .5rem;}
.cbn-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.cbn-menu ul, .cbn-box {border-radius: var(--rd-2);background-color: var(--clr-white);}
.cbn-menu li {line-height: 0;}
.cbn-item {position: relative;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: .625rem;font-size: var(--cbn-fz);line-height: var(--cbn-icon);color: var(--clr-title);padding: 1rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cbn-item svg {display: inline-block;width: var(--cbn-icon);height: var(--cbn-icon);-ms-flex-negative: 0;flex-shrink: 0;color: var(--clr-primary);}
.cbn-item b {display: inline-block;white-space: nowrap;font-weight: 500;}
.cbn-item.is-active {color: var(--clr-primary);pointer-events: none;}
.cbn-menu li:last-child {border-top: .0625rem solid var(--clr-border);}
.cbn-menu li:last-child .cbn-item svg {color: var(--clr-icon);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.user-stats {gap: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;}
.user-info {-ms-flex-item-align: center;align-self: center;}
.cbn-content {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.cbn-box {padding: 1.25rem;}
.cbn-box > .title {margin-bottom: 1.5rem;line-height: 1.3;}
.cbn-info {margin-bottom: 1.5rem;}
.cbn-info > *:last-child {margin-bottom: 0;}
.cbn-info-title {font-weight: 600;line-height: 1.25;margin-bottom: .75rem;color: var(--clr-title);}
.cbn-info-item + .cbn-info-item {margin-top: .25rem;}
@media (min-width: 1200px) {
.cbn-item:hover, .cbn-menu li:last-child .cbn-item:hover svg {color: var(--clr-primary);}
.cbn-content.size-2 {max-width: 54.9375rem;}
.cbn-menu {position: -webkit-sticky;position: sticky;top: calc(var(--h-inner-height) + var(--h-bottom-height) + var(--sp-sm));}
.header:not(.hide) .h-wrap:has(.h-topbar) + main .cbn-menu {top: calc(var(--h-inner-height) + var(--h-bottom-height) + var(--h-topbar-height) + var(--sp-sm));}
.cbn-toggle-btn {display: none;}
}
@media (max-width: 1199px) {
.cbn-box {padding: 1rem;}
.cbn-menu {position: fixed;left: 0;right: 0;z-index: 110;width: auto;max-width: calc(100% - var(--bs-gutter-x));margin-inline: auto;-webkit-transform: translateY(6.25rem);-ms-transform: translateY(6.25rem);transform: translateY(6.25rem);opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cbn-is-open .cbn-menu {-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;visibility: visible;pointer-events: all;}
.cbn-toggle-btn {margin-bottom: var(--sp-sm);z-index: 109;}
}
/*--------------------*/
/*  Cabinet Form      */
/*--------------------*/
.cbn-form > * + * {margin-top: 1.25rem;}
.cbn-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;gap: 2rem;}
@media (max-width: 1199px) {
.cbn-buttons {gap: 1rem;}
}
/*--------------------*/
/*  Cabinet Orders    */
/*--------------------*/
.order-box {border: .0625rem solid var(--clr-border-2);border-radius: var(--rd-2);padding-inline: 1.25rem;padding-block: 1.0625rem;}
.order-box + .order-box {margin-top: .9375rem;}
.order-table {display: grid;grid-template-rows: 1fr;grid-template-columns: .75fr 1fr 1.5fr .5fr 1.25fr;gap: 1rem;}
.order-tr {background-color: var(--clr-white);grid-column: span 5;display: grid;grid-template-columns: subgrid;}
.order-tr + .order-tr {margin-top: .9375rem;}
.order-tr-empty {padding: 1.25rem;text-align: center;grid-column: span 5;}
.order-tr-empty > * + * {margin-top: 1.5rem;}
.order-td {color: var(--clr-title);}
.order-td small {display: block;color: var(--clr-text);font-size: .875em;}
.order-td b {font-weight: 600;}
.order-toggle {cursor: pointer;color: var(--clr-title);-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.is-active .order-toggle {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.order-detail {position: relative;width: 100%;display: none;}
.order-detail, .order-info {margin-top: .625rem;padding-top: .625rem;border-top: .0625rem solid var(--clr-border-2);}
.order-detail .prd-horiz {padding: 0;border: none;background-color: transparent;}
.order-detail .prd-horiz-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.order-detail .prd-horiz-img {--img-size: 5rem;}
.order-detail .prd-horiz-controls {line-height: 1;}
.order-detail .prd-horiz-controls, .order-detail .prd-horiz-info:has(.prd-horiz-prot__prd) > * + *:not(.prd-horiz-desc) {margin-top: .3125rem;}
.order-detail .prd-qty {font-size: .875rem;line-height: 1.4;}
.order-title {font-size: .875em;margin-bottom: .625rem;}
.order-items > * + * {margin-top: 0.625rem;}
.status {color: var(--accent-clr, var(--clr-text));background-color: var(--accent-bg-clr);font-size: .875rem;display: inline-block;padding: 0.358em 1em;border-radius: var(--rd-1);}
.order-td:has(.status) {-ms-flex-item-align: center;align-self: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;gap: 1.5rem;}
.order-info {margin-bottom: .625rem;}
.order-info .order-title {margin-bottom: 0;}
.order-total {text-align: right;}
.order-total b {font-weight: 600;font-size: 1.25rem;color: var(--clr-title);}
.orders-empty {text-align: center;}
.orders-empty > *:not(:last-child) {margin-bottom: 1rem;}
@media (min-width: 1200px) {
.order-toggle:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.order-box {padding: 1rem;}
.order-td small, .status {font-size: .75rem;}
.order-td:has(.status) {gap: 1rem;}
.order-detail .prd-horiz-img {--img-size: 3.75rem;}
.order-detail .prd-horiz-wrap {gap: .75rem;}
}
@media (max-width: 991px) {
.order-table {grid-template-columns: 1fr 1fr;}
.order-tr {gap: 0.75rem;grid-column: span 2;}
.order-tr:not(.order-detail) {-webkit-transition: var(--transition-1) 0.25s;transition: var(--transition-1) 0.25s;}
.order-td:last-child {grid-column: span 2;}
.order-td:has(.status) {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
}
@media (max-width: 575px) {
.order-table {grid-template-columns: 1fr;}
.order-tr {grid-column: span 1;}
.order-td:last-child {grid-column: span 1;}
}